// This file has been generated by the SAPUI5 CreateModule Ant-Task
// This file has been generated by the SAPUI5 'AllInOne' Builder
/*!
 * jQuery JavaScript Library v1.7.1
 * http://jquery.com/
 *
 * Copyright 2011, John Resig
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * Includes Sizzle.js
 * http://sizzlejs.com/
 * Copyright 2011, The Dojo Foundation
 * Released under the MIT, BSD, and GPL Licenses.
 *
 * Date: Mon Nov 21 21:11:03 2011 -0500
 */
(function( window, undefined ) {

// Use the correct document accordingly with window argument (sandbox)
var document = window.document,
	navigator = window.navigator,
	location = window.location;
var jQuery = (function() {

// Define a local copy of jQuery
var jQuery = function( selector, context ) {
		// The jQuery object is actually just the init constructor 'enhanced'
		return new jQuery.fn.init( selector, context, rootjQuery );
	},

	// Map over jQuery in case of overwrite
	_jQuery = window.jQuery,

	// Map over the $ in case of overwrite
	_$ = window.$,

	// A central reference to the root jQuery(document)
	rootjQuery,

	// A simple way to check for HTML strings or ID strings
	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
	quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,

	// Check if a string has a non-whitespace character in it
	rnotwhite = /\S/,

	// Used for trimming whitespace
	trimLeft = /^\s+/,
	trimRight = /\s+$/,

	// Match a standalone tag
	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,

	// JSON RegExp
	rvalidchars = /^[\],:{}\s]*$/,
	rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
	rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,

	// Useragent RegExp
	rwebkit = /(webkit)[ \/]([\w.]+)/,
	ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
	rmsie = /(msie) ([\w.]+)/,
	rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,

	// Matches dashed string for camelizing
	rdashAlpha = /-([a-z]|[0-9])/ig,
	rmsPrefix = /^-ms-/,

	// Used by jQuery.camelCase as callback to replace()
	fcamelCase = function( all, letter ) {
		return ( letter + "" ).toUpperCase();
	},

	// Keep a UserAgent string for use with jQuery.browser
	userAgent = navigator.userAgent,

	// For matching the engine and version of the browser
	browserMatch,

	// The deferred used on DOM ready
	readyList,

	// The ready event handler
	DOMContentLoaded,

	// Save a reference to some core methods
	toString = Object.prototype.toString,
	hasOwn = Object.prototype.hasOwnProperty,
	push = Array.prototype.push,
	slice = Array.prototype.slice,
	trim = String.prototype.trim,
	indexOf = Array.prototype.indexOf,

	// [[Class]] -> type pairs
	class2type = {};

jQuery.fn = jQuery.prototype = {
	constructor: jQuery,
	init: function( selector, context, rootjQuery ) {
		var match, elem, ret, doc;

		// Handle $(""), $(null), or $(undefined)
		if ( !selector ) {
			return this;
		}

		// Handle $(DOMElement)
		if ( selector.nodeType ) {
			this.context = this[0] = selector;
			this.length = 1;
			return this;
		}

		// The body element only exists once, optimize finding it
		if ( selector === "body" && !context && document.body ) {
			this.context = document;
			this[0] = document.body;
			this.selector = selector;
			this.length = 1;
			return this;
		}

		// Handle HTML strings
		if ( typeof selector === "string" ) {
			// Are we dealing with HTML string or an ID?
			if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
				// Assume that strings that start and end with <> are HTML and skip the regex check
				match = [ null, selector, null ];

			} else {
				match = quickExpr.exec( selector );
			}

			// Verify a match, and that no context was specified for #id
			if ( match && (match[1] || !context) ) {

				// HANDLE: $(html) -> $(array)
				if ( match[1] ) {
					context = context instanceof jQuery ? context[0] : context;
					doc = ( context ? context.ownerDocument || context : document );

					// If a single string is passed in and it's a single tag
					// just do a createElement and skip the rest
					ret = rsingleTag.exec( selector );

					if ( ret ) {
						if ( jQuery.isPlainObject( context ) ) {
							selector = [ document.createElement( ret[1] ) ];
							jQuery.fn.attr.call( selector, context, true );

						} else {
							selector = [ doc.createElement( ret[1] ) ];
						}

					} else {
						ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
						selector = ( ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment ).childNodes;
					}

					return jQuery.merge( this, selector );

				// HANDLE: $("#id")
				} else {
					elem = document.getElementById( match[2] );

					// Check parentNode to catch when Blackberry 4.6 returns
					// nodes that are no longer in the document #6963
					if ( elem && elem.parentNode ) {
						// Handle the case where IE and Opera return items
						// by name instead of ID
						if ( elem.id !== match[2] ) {
							return rootjQuery.find( selector );
						}

						// Otherwise, we inject the element directly into the jQuery object
						this.length = 1;
						this[0] = elem;
					}

					this.context = document;
					this.selector = selector;
					return this;
				}

			// HANDLE: $(expr, $(...))
			} else if ( !context || context.jquery ) {
				return ( context || rootjQuery ).find( selector );

			// HANDLE: $(expr, context)
			// (which is just equivalent to: $(context).find(expr)
			} else {
				return this.constructor( context ).find( selector );
			}

		// HANDLE: $(function)
		// Shortcut for document ready
		} else if ( jQuery.isFunction( selector ) ) {
			return rootjQuery.ready( selector );
		}

		if ( selector.selector !== undefined ) {
			this.selector = selector.selector;
			this.context = selector.context;
		}

		return jQuery.makeArray( selector, this );
	},

	// Start with an empty selector
	selector: "",

	// The current version of jQuery being used
	jquery: "1.7.1",

	// The default length of a jQuery object is 0
	length: 0,

	// The number of elements contained in the matched element set
	size: function() {
		return this.length;
	},

	toArray: function() {
		return slice.call( this, 0 );
	},

	// Get the Nth element in the matched element set OR
	// Get the whole matched element set as a clean array
	get: function( num ) {
		return num == null ?

			// Return a 'clean' array
			this.toArray() :

			// Return just the object
			( num < 0 ? this[ this.length + num ] : this[ num ] );
	},

	// Take an array of elements and push it onto the stack
	// (returning the new matched element set)
	pushStack: function( elems, name, selector ) {
		// Build a new jQuery matched element set
		var ret = this.constructor();

		if ( jQuery.isArray( elems ) ) {
			push.apply( ret, elems );

		} else {
			jQuery.merge( ret, elems );
		}

		// Add the old object onto the stack (as a reference)
		ret.prevObject = this;

		ret.context = this.context;

		if ( name === "find" ) {
			ret.selector = this.selector + ( this.selector ? " " : "" ) + selector;
		} else if ( name ) {
			ret.selector = this.selector + "." + name + "(" + selector + ")";
		}

		// Return the newly-formed element set
		return ret;
	},

	// Execute a callback for every element in the matched set.
	// (You can seed the arguments with an array of args, but this is
	// only used internally.)
	each: function( callback, args ) {
		return jQuery.each( this, callback, args );
	},

	ready: function( fn ) {
		// Attach the listeners
		jQuery.bindReady();

		// Add the callback
		readyList.add( fn );

		return this;
	},

	eq: function( i ) {
		i = +i;
		return i === -1 ?
			this.slice( i ) :
			this.slice( i, i + 1 );
	},

	first: function() {
		return this.eq( 0 );
	},

	last: function() {
		return this.eq( -1 );
	},

	slice: function() {
		return this.pushStack( slice.apply( this, arguments ),
			"slice", slice.call(arguments).join(",") );
	},

	map: function( callback ) {
		return this.pushStack( jQuery.map(this, function( elem, i ) {
			return callback.call( elem, i, elem );
		}));
	},

	end: function() {
		return this.prevObject || this.constructor(null);
	},

	// For internal use only.
	// Behaves like an Array's method, not like a jQuery method.
	push: push,
	sort: [].sort,
	splice: [].splice
};

// Give the init function the jQuery prototype for later instantiation
jQuery.fn.init.prototype = jQuery.fn;

jQuery.extend = jQuery.fn.extend = function() {
	var options, name, src, copy, copyIsArray, clone,
		target = arguments[0] || {},
		i = 1,
		length = arguments.length,
		deep = false;

	// Handle a deep copy situation
	if ( typeof target === "boolean" ) {
		deep = target;
		target = arguments[1] || {};
		// skip the boolean and the target
		i = 2;
	}

	// Handle case when target is a string or something (possible in deep copy)
	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
		target = {};
	}

	// extend jQuery itself if only one argument is passed
	if ( length === i ) {
		target = this;
		--i;
	}

	for ( ; i < length; i++ ) {
		// Only deal with non-null/undefined values
		if ( (options = arguments[ i ]) != null ) {
			// Extend the base object
			for ( name in options ) {
				src = target[ name ];
				copy = options[ name ];

				// Prevent never-ending loop
				if ( target === copy ) {
					continue;
				}

				// Recurse if we're merging plain objects or arrays
				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
					if ( copyIsArray ) {
						copyIsArray = false;
						clone = src && jQuery.isArray(src) ? src : [];

					} else {
						clone = src && jQuery.isPlainObject(src) ? src : {};
					}

					// Never move original objects, clone them
					target[ name ] = jQuery.extend( deep, clone, copy );

				// Don't bring in undefined values
				} else if ( copy !== undefined ) {
					target[ name ] = copy;
				}
			}
		}
	}

	// Return the modified object
	return target;
};

jQuery.extend({
	noConflict: function( deep ) {
		if ( window.$ === jQuery ) {
			window.$ = _$;
		}

		if ( deep && window.jQuery === jQuery ) {
			window.jQuery = _jQuery;
		}

		return jQuery;
	},

	// Is the DOM ready to be used? Set to true once it occurs.
	isReady: false,

	// A counter to track how many items to wait for before
	// the ready event fires. See #6781
	readyWait: 1,

	// Hold (or release) the ready event
	holdReady: function( hold ) {
		if ( hold ) {
			jQuery.readyWait++;
		} else {
			jQuery.ready( true );
		}
	},

	// Handle when the DOM is ready
	ready: function( wait ) {
		// Either a released hold or an DOMready/load event and not yet ready
		if ( (wait === true && !--jQuery.readyWait) || (wait !== true && !jQuery.isReady) ) {
			// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
			if ( !document.body ) {
				return setTimeout( jQuery.ready, 1 );
			}

			// Remember that the DOM is ready
			jQuery.isReady = true;

			// If a normal DOM Ready event fired, decrement, and wait if need be
			if ( wait !== true && --jQuery.readyWait > 0 ) {
				return;
			}

			// If there are functions bound, to execute
			readyList.fireWith( document, [ jQuery ] );

			// Trigger any bound ready events
			if ( jQuery.fn.trigger ) {
				jQuery( document ).trigger( "ready" ).off( "ready" );
			}
		}
	},

	bindReady: function() {
		if ( readyList ) {
			return;
		}

		readyList = jQuery.Callbacks( "once memory" );

		// Catch cases where $(document).ready() is called after the
		// browser event has already occurred.
		if ( document.readyState === "complete" ) {
			// Handle it asynchronously to allow scripts the opportunity to delay ready
			return setTimeout( jQuery.ready, 1 );
		}

		// Mozilla, Opera and webkit nightlies currently support this event
		if ( document.addEventListener ) {
			// Use the handy event callback
			document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );

			// A fallback to window.onload, that will always work
			window.addEventListener( "load", jQuery.ready, false );

		// If IE event model is used
		} else if ( document.attachEvent ) {
			// ensure firing before onload,
			// maybe late but safe also for iframes
			document.attachEvent( "onreadystatechange", DOMContentLoaded );

			// A fallback to window.onload, that will always work
			window.attachEvent( "onload", jQuery.ready );

			// If IE and not a frame
			// continually check to see if the document is ready
			var toplevel = false;

			try {
				toplevel = window.frameElement == null;
			} catch(e) {}

			if ( document.documentElement.doScroll && toplevel ) {
				doScrollCheck();
			}
		}
	},

	// See test/unit/core.js for details concerning isFunction.
	// Since version 1.3, DOM methods and functions like alert
	// aren't supported. They return false on IE (#2968).
	isFunction: function( obj ) {
		return jQuery.type(obj) === "function";
	},

	isArray: Array.isArray || function( obj ) {
		return jQuery.type(obj) === "array";
	},

	// A crude way of determining if an object is a window
	isWindow: function( obj ) {
		return obj && typeof obj === "object" && "setInterval" in obj;
	},

	isNumeric: function( obj ) {
		return !isNaN( parseFloat(obj) ) && isFinite( obj );
	},

	type: function( obj ) {
		return obj == null ?
			String( obj ) :
			class2type[ toString.call(obj) ] || "object";
	},

	isPlainObject: function( obj ) {
		// Must be an Object.
		// Because of IE, we also have to check the presence of the constructor property.
		// Make sure that DOM nodes and window objects don't pass through, as well
		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
			return false;
		}

		try {
			// Not own constructor property must be Object
			if ( obj.constructor &&
				!hasOwn.call(obj, "constructor") &&
				!hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
				return false;
			}
		} catch ( e ) {
			// IE8,9 Will throw exceptions on certain host objects #9897
			return false;
		}

		// Own properties are enumerated firstly, so to speed up,
		// if last one is own, then all properties are own.

		var key;
		for ( key in obj ) {}

		return key === undefined || hasOwn.call( obj, key );
	},

	isEmptyObject: function( obj ) {
		for ( var name in obj ) {
			return false;
		}
		return true;
	},

	error: function( msg ) {
		throw new Error( msg );
	},

	parseJSON: function( data ) {
		if ( typeof data !== "string" || !data ) {
			return null;
		}

		// Make sure leading/trailing whitespace is removed (IE can't handle it)
		data = jQuery.trim( data );

		// Attempt to parse using the native JSON parser first
		if ( window.JSON && window.JSON.parse ) {
			return window.JSON.parse( data );
		}

		// Make sure the incoming data is actual JSON
		// Logic borrowed from http://json.org/json2.js
		if ( rvalidchars.test( data.replace( rvalidescape, "@" )
			.replace( rvalidtokens, "]" )
			.replace( rvalidbraces, "")) ) {

			return ( new Function( "return " + data ) )();

		}
		jQuery.error( "Invalid JSON: " + data );
	},

	// Cross-browser xml parsing
	parseXML: function( data ) {
		var xml, tmp;
		try {
			if ( window.DOMParser ) { // Standard
				tmp = new DOMParser();
				xml = tmp.parseFromString( data , "text/xml" );
			} else { // IE
				xml = new ActiveXObject( "Microsoft.XMLDOM" );
				xml.async = "false";
				xml.loadXML( data );
			}
		} catch( e ) {
			xml = undefined;
		}
		if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
			jQuery.error( "Invalid XML: " + data );
		}
		return xml;
	},

	noop: function() {},

	// Evaluates a script in a global context
	// Workarounds based on findings by Jim Driscoll
	// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
	globalEval: function( data ) {
		if ( data && rnotwhite.test( data ) ) {
			// We use execScript on Internet Explorer
			// We use an anonymous function so that context is window
			// rather than jQuery in Firefox
			( window.execScript || function( data ) {
				window[ "eval" ].call( window, data );
			} )( data );
		}
	},

	// Convert dashed to camelCase; used by the css and data modules
	// Microsoft forgot to hump their vendor prefix (#9572)
	camelCase: function( string ) {
		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
	},

	nodeName: function( elem, name ) {
		return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
	},

	// args is for internal usage only
	each: function( object, callback, args ) {
		var name, i = 0,
			length = object.length,
			isObj = length === undefined || jQuery.isFunction( object );

		if ( args ) {
			if ( isObj ) {
				for ( name in object ) {
					if ( callback.apply( object[ name ], args ) === false ) {
						break;
					}
				}
			} else {
				for ( ; i < length; ) {
					if ( callback.apply( object[ i++ ], args ) === false ) {
						break;
					}
				}
			}

		// A special, fast, case for the most common use of each
		} else {
			if ( isObj ) {
				for ( name in object ) {
					if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
						break;
					}
				}
			} else {
				for ( ; i < length; ) {
					if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
						break;
					}
				}
			}
		}

		return object;
	},

	// Use native String.trim function wherever possible
	trim: trim ?
		function( text ) {
			return text == null ?
				"" :
				trim.call( text );
		} :

		// Otherwise use our own trimming functionality
		function( text ) {
			return text == null ?
				"" :
				text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
		},

	// results is for internal usage only
	makeArray: function( array, results ) {
		var ret = results || [];

		if ( array != null ) {
			// The window, strings (and functions) also have 'length'
			// Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
			var type = jQuery.type( array );

			if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
				push.call( ret, array );
			} else {
				jQuery.merge( ret, array );
			}
		}

		return ret;
	},

	inArray: function( elem, array, i ) {
		var len;

		if ( array ) {
			if ( indexOf ) {
				return indexOf.call( array, elem, i );
			}

			len = array.length;
			i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;

			for ( ; i < len; i++ ) {
				// Skip accessing in sparse arrays
				if ( i in array && array[ i ] === elem ) {
					return i;
				}
			}
		}

		return -1;
	},

	merge: function( first, second ) {
		var i = first.length,
			j = 0;

		if ( typeof second.length === "number" ) {
			for ( var l = second.length; j < l; j++ ) {
				first[ i++ ] = second[ j ];
			}

		} else {
			while ( second[j] !== undefined ) {
				first[ i++ ] = second[ j++ ];
			}
		}

		first.length = i;

		return first;
	},

	grep: function( elems, callback, inv ) {
		var ret = [], retVal;
		inv = !!inv;

		// Go through the array, only saving the items
		// that pass the validator function
		for ( var i = 0, length = elems.length; i < length; i++ ) {
			retVal = !!callback( elems[ i ], i );
			if ( inv !== retVal ) {
				ret.push( elems[ i ] );
			}
		}

		return ret;
	},

	// arg is for internal usage only
	map: function( elems, callback, arg ) {
		var value, key, ret = [],
			i = 0,
			length = elems.length,
			// jquery objects are treated as arrays
			isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ;

		// Go through the array, translating each of the items to their
		if ( isArray ) {
			for ( ; i < length; i++ ) {
				value = callback( elems[ i ], i, arg );

				if ( value != null ) {
					ret[ ret.length ] = value;
				}
			}

		// Go through every key on the object,
		} else {
			for ( key in elems ) {
				value = callback( elems[ key ], key, arg );

				if ( value != null ) {
					ret[ ret.length ] = value;
				}
			}
		}

		// Flatten any nested arrays
		return ret.concat.apply( [], ret );
	},

	// A global GUID counter for objects
	guid: 1,

	// Bind a function to a context, optionally partially applying any
	// arguments.
	proxy: function( fn, context ) {
		if ( typeof context === "string" ) {
			var tmp = fn[ context ];
			context = fn;
			fn = tmp;
		}

		// Quick check to determine if target is callable, in the spec
		// this throws a TypeError, but we will just return undefined.
		if ( !jQuery.isFunction( fn ) ) {
			return undefined;
		}

		// Simulated bind
		var args = slice.call( arguments, 2 ),
			proxy = function() {
				return fn.apply( context, args.concat( slice.call( arguments ) ) );
			};

		// Set the guid of unique handler to the same of original handler, so it can be removed
		proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;

		return proxy;
	},

	// Mutifunctional method to get and set values to a collection
	// The value/s can optionally be executed if it's a function
	access: function( elems, key, value, exec, fn, pass ) {
		var length = elems.length;

		// Setting many attributes
		if ( typeof key === "object" ) {
			for ( var k in key ) {
				jQuery.access( elems, k, key[k], exec, fn, value );
			}
			return elems;
		}

		// Setting one attribute
		if ( value !== undefined ) {
			// Optionally, function values get executed if exec is true
			exec = !pass && exec && jQuery.isFunction(value);

			for ( var i = 0; i < length; i++ ) {
				fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
			}

			return elems;
		}

		// Getting an attribute
		return length ? fn( elems[0], key ) : undefined;
	},

	now: function() {
		return ( new Date() ).getTime();
	},

	// Use of jQuery.browser is frowned upon.
	// More details: http://docs.jquery.com/Utilities/jQuery.browser
	uaMatch: function( ua ) {
		ua = ua.toLowerCase();

		var match = rwebkit.exec( ua ) ||
			ropera.exec( ua ) ||
			rmsie.exec( ua ) ||
			ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
			[];

		return { browser: match[1] || "", version: match[2] || "0" };
	},

	sub: function() {
		function jQuerySub( selector, context ) {
			return new jQuerySub.fn.init( selector, context );
		}
		jQuery.extend( true, jQuerySub, this );
		jQuerySub.superclass = this;
		jQuerySub.fn = jQuerySub.prototype = this();
		jQuerySub.fn.constructor = jQuerySub;
		jQuerySub.sub = this.sub;
		jQuerySub.fn.init = function init( selector, context ) {
			if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
				context = jQuerySub( context );
			}

			return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
		};
		jQuerySub.fn.init.prototype = jQuerySub.fn;
		var rootjQuerySub = jQuerySub(document);
		return jQuerySub;
	},

	browser: {}
});

// Populate the class2type map
jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
	class2type[ "[object " + name + "]" ] = name.toLowerCase();
});

browserMatch = jQuery.uaMatch( userAgent );
if ( browserMatch.browser ) {
	jQuery.browser[ browserMatch.browser ] = true;
	jQuery.browser.version = browserMatch.version;
}

// Deprecated, use jQuery.browser.webkit instead
if ( jQuery.browser.webkit ) {
	jQuery.browser.safari = true;
}

// IE doesn't match non-breaking spaces with \s
if ( rnotwhite.test( "\xA0" ) ) {
	trimLeft = /^[\s\xA0]+/;
	trimRight = /[\s\xA0]+$/;
}

// All jQuery objects should point back to these
rootjQuery = jQuery(document);

// Cleanup functions for the document ready method
if ( document.addEventListener ) {
	DOMContentLoaded = function() {
		document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
		jQuery.ready();
	};

} else if ( document.attachEvent ) {
	DOMContentLoaded = function() {
		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
		if ( document.readyState === "complete" ) {
			document.detachEvent( "onreadystatechange", DOMContentLoaded );
			jQuery.ready();
		}
	};
}

// The DOM ready check for Internet Explorer
function doScrollCheck() {
	if ( jQuery.isReady ) {
		return;
	}

	try {
		// If IE is used, use the trick by Diego Perini
		// http://javascript.nwbox.com/IEContentLoaded/
		document.documentElement.doScroll("left");
	} catch(e) {
		setTimeout( doScrollCheck, 1 );
		return;
	}

	// and execute any waiting functions
	jQuery.ready();
}

return jQuery;

})();


// String to Object flags format cache
var flagsCache = {};

// Convert String-formatted flags into Object-formatted ones and store in cache
function createFlags( flags ) {
	var object = flagsCache[ flags ] = {},
		i, length;
	flags = flags.split( /\s+/ );
	for ( i = 0, length = flags.length; i < length; i++ ) {
		object[ flags[i] ] = true;
	}
	return object;
}

/*
 * Create a callback list using the following parameters:
 *
 *	flags:	an optional list of space-separated flags that will change how
 *			the callback list behaves
 *
 * By default a callback list will act like an event callback list and can be
 * "fired" multiple times.
 *
 * Possible flags:
 *
 *	once:			will ensure the callback list can only be fired once (like a Deferred)
 *
 *	memory:			will keep track of previous values and will call any callback added
 *					after the list has been fired right away with the latest "memorized"
 *					values (like a Deferred)
 *
 *	unique:			will ensure a callback can only be added once (no duplicate in the list)
 *
 *	stopOnFalse:	interrupt callings when a callback returns false
 *
 */
jQuery.Callbacks = function( flags ) {

	// Convert flags from String-formatted to Object-formatted
	// (we check in cache first)
	flags = flags ? ( flagsCache[ flags ] || createFlags( flags ) ) : {};

	var // Actual callback list
		list = [],
		// Stack of fire calls for repeatable lists
		stack = [],
		// Last fire value (for non-forgettable lists)
		memory,
		// Flag to know if list is currently firing
		firing,
		// First callback to fire (used internally by add and fireWith)
		firingStart,
		// End of the loop when firing
		firingLength,
		// Index of currently firing callback (modified by remove if needed)
		firingIndex,
		// Add one or several callbacks to the list
		add = function( args ) {
			var i,
				length,
				elem,
				type,
				actual;
			for ( i = 0, length = args.length; i < length; i++ ) {
				elem = args[ i ];
				type = jQuery.type( elem );
				if ( type === "array" ) {
					// Inspect recursively
					add( elem );
				} else if ( type === "function" ) {
					// Add if not in unique mode and callback is not in
					if ( !flags.unique || !self.has( elem ) ) {
						list.push( elem );
					}
				}
			}
		},
		// Fire callbacks
		fire = function( context, args ) {
			args = args || [];
			memory = !flags.memory || [ context, args ];
			firing = true;
			firingIndex = firingStart || 0;
			firingStart = 0;
			firingLength = list.length;
			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
				if ( list[ firingIndex ].apply( context, args ) === false && flags.stopOnFalse ) {
					memory = true; // Mark as halted
					break;
				}
			}
			firing = false;
			if ( list ) {
				if ( !flags.once ) {
					if ( stack && stack.length ) {
						memory = stack.shift();
						self.fireWith( memory[ 0 ], memory[ 1 ] );
					}
				} else if ( memory === true ) {
					self.disable();
				} else {
					list = [];
				}
			}
		},
		// Actual Callbacks object
		self = {
			// Add a callback or a collection of callbacks to the list
			add: function() {
				if ( list ) {
					var length = list.length;
					add( arguments );
					// Do we need to add the callbacks to the
					// current firing batch?
					if ( firing ) {
						firingLength = list.length;
					// With memory, if we're not firing then
					// we should call right away, unless previous
					// firing was halted (stopOnFalse)
					} else if ( memory && memory !== true ) {
						firingStart = length;
						fire( memory[ 0 ], memory[ 1 ] );
					}
				}
				return this;
			},
			// Remove a callback from the list
			remove: function() {
				if ( list ) {
					var args = arguments,
						argIndex = 0,
						argLength = args.length;
					for ( ; argIndex < argLength ; argIndex++ ) {
						for ( var i = 0; i < list.length; i++ ) {
							if ( args[ argIndex ] === list[ i ] ) {
								// Handle firingIndex and firingLength
								if ( firing ) {
									if ( i <= firingLength ) {
										firingLength--;
										if ( i <= firingIndex ) {
											firingIndex--;
										}
									}
								}
								// Remove the element
								list.splice( i--, 1 );
								// If we have some unicity property then
								// we only need to do this once
								if ( flags.unique ) {
									break;
								}
							}
						}
					}
				}
				return this;
			},
			// Control if a given callback is in the list
			has: function( fn ) {
				if ( list ) {
					var i = 0,
						length = list.length;
					for ( ; i < length; i++ ) {
						if ( fn === list[ i ] ) {
							return true;
						}
					}
				}
				return false;
			},
			// Remove all callbacks from the list
			empty: function() {
				list = [];
				return this;
			},
			// Have the list do nothing anymore
			disable: function() {
				list = stack = memory = undefined;
				return this;
			},
			// Is it disabled?
			disabled: function() {
				return !list;
			},
			// Lock the list in its current state
			lock: function() {
				stack = undefined;
				if ( !memory || memory === true ) {
					self.disable();
				}
				return this;
			},
			// Is it locked?
			locked: function() {
				return !stack;
			},
			// Call all callbacks with the given context and arguments
			fireWith: function( context, args ) {
				if ( stack ) {
					if ( firing ) {
						if ( !flags.once ) {
							stack.push( [ context, args ] );
						}
					} else if ( !( flags.once && memory ) ) {
						fire( context, args );
					}
				}
				return this;
			},
			// Call all the callbacks with the given arguments
			fire: function() {
				self.fireWith( this, arguments );
				return this;
			},
			// To know if the callbacks have already been called at least once
			fired: function() {
				return !!memory;
			}
		};

	return self;
};




var // Static reference to slice
	sliceDeferred = [].slice;

jQuery.extend({

	Deferred: function( func ) {
		var doneList = jQuery.Callbacks( "once memory" ),
			failList = jQuery.Callbacks( "once memory" ),
			progressList = jQuery.Callbacks( "memory" ),
			state = "pending",
			lists = {
				resolve: doneList,
				reject: failList,
				notify: progressList
			},
			promise = {
				done: doneList.add,
				fail: failList.add,
				progress: progressList.add,

				state: function() {
					return state;
				},

				// Deprecated
				isResolved: doneList.fired,
				isRejected: failList.fired,

				then: function( doneCallbacks, failCallbacks, progressCallbacks ) {
					deferred.done( doneCallbacks ).fail( failCallbacks ).progress( progressCallbacks );
					return this;
				},
				always: function() {
					deferred.done.apply( deferred, arguments ).fail.apply( deferred, arguments );
					return this;
				},
				pipe: function( fnDone, fnFail, fnProgress ) {
					return jQuery.Deferred(function( newDefer ) {
						jQuery.each( {
							done: [ fnDone, "resolve" ],
							fail: [ fnFail, "reject" ],
							progress: [ fnProgress, "notify" ]
						}, function( handler, data ) {
							var fn = data[ 0 ],
								action = data[ 1 ],
								returned;
							if ( jQuery.isFunction( fn ) ) {
								deferred[ handler ](function() {
									returned = fn.apply( this, arguments );
									if ( returned && jQuery.isFunction( returned.promise ) ) {
										returned.promise().then( newDefer.resolve, newDefer.reject, newDefer.notify );
									} else {
										newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] );
									}
								});
							} else {
								deferred[ handler ]( newDefer[ action ] );
							}
						});
					}).promise();
				},
				// Get a promise for this deferred
				// If obj is provided, the promise aspect is added to the object
				promise: function( obj ) {
					if ( obj == null ) {
						obj = promise;
					} else {
						for ( var key in promise ) {
							obj[ key ] = promise[ key ];
						}
					}
					return obj;
				}
			},
			deferred = promise.promise({}),
			key;

		for ( key in lists ) {
			deferred[ key ] = lists[ key ].fire;
			deferred[ key + "With" ] = lists[ key ].fireWith;
		}

		// Handle state
		deferred.done( function() {
			state = "resolved";
		}, failList.disable, progressList.lock ).fail( function() {
			state = "rejected";
		}, doneList.disable, progressList.lock );

		// Call given func if any
		if ( func ) {
			func.call( deferred, deferred );
		}

		// All done!
		return deferred;
	},

	// Deferred helper
	when: function( firstParam ) {
		var args = sliceDeferred.call( arguments, 0 ),
			i = 0,
			length = args.length,
			pValues = new Array( length ),
			count = length,
			pCount = length,
			deferred = length <= 1 && firstParam && jQuery.isFunction( firstParam.promise ) ?
				firstParam :
				jQuery.Deferred(),
			promise = deferred.promise();
		function resolveFunc( i ) {
			return function( value ) {
				args[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
				if ( !( --count ) ) {
					deferred.resolveWith( deferred, args );
				}
			};
		}
		function progressFunc( i ) {
			return function( value ) {
				pValues[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
				deferred.notifyWith( promise, pValues );
			};
		}
		if ( length > 1 ) {
			for ( ; i < length; i++ ) {
				if ( args[ i ] && args[ i ].promise && jQuery.isFunction( args[ i ].promise ) ) {
					args[ i ].promise().then( resolveFunc(i), deferred.reject, progressFunc(i) );
				} else {
					--count;
				}
			}
			if ( !count ) {
				deferred.resolveWith( deferred, args );
			}
		} else if ( deferred !== firstParam ) {
			deferred.resolveWith( deferred, length ? [ firstParam ] : [] );
		}
		return promise;
	}
});




jQuery.support = (function() {

	var support,
		all,
		a,
		select,
		opt,
		input,
		marginDiv,
		fragment,
		tds,
		events,
		eventName,
		i,
		isSupported,
		div = document.createElement( "div" ),
		documentElement = document.documentElement;

	// Preliminary tests
	div.setAttribute("className", "t");
	div.innerHTML = "   <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>";

	all = div.getElementsByTagName( "*" );
	a = div.getElementsByTagName( "a" )[ 0 ];

	// Can't get basic test support
	if ( !all || !all.length || !a ) {
		return {};
	}

	// First batch of supports tests
	select = document.createElement( "select" );
	opt = select.appendChild( document.createElement("option") );
	input = div.getElementsByTagName( "input" )[ 0 ];

	support = {
		// IE strips leading whitespace when .innerHTML is used
		leadingWhitespace: ( div.firstChild.nodeType === 3 ),

		// Make sure that tbody elements aren't automatically inserted
		// IE will insert them into empty tables
		tbody: !div.getElementsByTagName("tbody").length,

		// Make sure that link elements get serialized correctly by innerHTML
		// This requires a wrapper element in IE
		htmlSerialize: !!div.getElementsByTagName("link").length,

		// Get the style information from getAttribute
		// (IE uses .cssText instead)
		style: /top/.test( a.getAttribute("style") ),

		// Make sure that URLs aren't manipulated
		// (IE normalizes it by default)
		hrefNormalized: ( a.getAttribute("href") === "/a" ),

		// Make sure that element opacity exists
		// (IE uses filter instead)
		// Use a regex to work around a WebKit issue. See #5145
		opacity: /^0.55/.test( a.style.opacity ),

		// Verify style float existence
		// (IE uses styleFloat instead of cssFloat)
		cssFloat: !!a.style.cssFloat,

		// Make sure that if no value is specified for a checkbox
		// that it defaults to "on".
		// (WebKit defaults to "" instead)
		checkOn: ( input.value === "on" ),

		// Make sure that a selected-by-default option has a working selected property.
		// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
		optSelected: opt.selected,

		// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
		getSetAttribute: div.className !== "t",

		// Tests for enctype support on a form(#6743)
		enctype: !!document.createElement("form").enctype,

		// Makes sure cloning an html5 element does not cause problems
		// Where outerHTML is undefined, this still works
		html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>",

		// Will be defined later
		submitBubbles: true,
		changeBubbles: true,
		focusinBubbles: false,
		deleteExpando: true,
		noCloneEvent: true,
		inlineBlockNeedsLayout: false,
		shrinkWrapBlocks: false,
		reliableMarginRight: true
	};

	// Make sure checked status is properly cloned
	input.checked = true;
	support.noCloneChecked = input.cloneNode( true ).checked;

	// Make sure that the options inside disabled selects aren't marked as disabled
	// (WebKit marks them as disabled)
	select.disabled = true;
	support.optDisabled = !opt.disabled;

	// Test to see if it's possible to delete an expando from an element
	// Fails in Internet Explorer
	try {
		delete div.test;
	} catch( e ) {
		support.deleteExpando = false;
	}

	if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
		div.attachEvent( "onclick", function() {
			// Cloning a node shouldn't copy over any
			// bound event handlers (IE does this)
			support.noCloneEvent = false;
		});
		div.cloneNode( true ).fireEvent( "onclick" );
	}

	// Check if a radio maintains its value
	// after being appended to the DOM
	input = document.createElement("input");
	input.value = "t";
	input.setAttribute("type", "radio");
	support.radioValue = input.value === "t";

	input.setAttribute("checked", "checked");
	div.appendChild( input );
	fragment = document.createDocumentFragment();
	fragment.appendChild( div.lastChild );

	// WebKit doesn't clone checked state correctly in fragments
	support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;

	// Check if a disconnected checkbox will retain its checked
	// value of true after appended to the DOM (IE6/7)
	support.appendChecked = input.checked;

	fragment.removeChild( input );
	fragment.appendChild( div );

	div.innerHTML = "";

	// Check if div with explicit width and no margin-right incorrectly
	// gets computed margin-right based on width of container. For more
	// info see bug #3333
	// Fails in WebKit before Feb 2011 nightlies
	// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
	if ( window.getComputedStyle ) {
		marginDiv = document.createElement( "div" );
		marginDiv.style.width = "0";
		marginDiv.style.marginRight = "0";
		div.style.width = "2px";
		div.appendChild( marginDiv );
		support.reliableMarginRight =
			( parseInt( ( window.getComputedStyle( marginDiv, null ) || { marginRight: 0 } ).marginRight, 10 ) || 0 ) === 0;
	}

	// Technique from Juriy Zaytsev
	// http://perfectionkills.com/detecting-event-support-without-browser-sniffing/
	// We only care about the case where non-standard event systems
	// are used, namely in IE. Short-circuiting here helps us to
	// avoid an eval call (in setAttribute) which can cause CSP
	// to go haywire. See: https://developer.mozilla.org/en/Security/CSP
	if ( div.attachEvent ) {
		for( i in {
			submit: 1,
			change: 1,
			focusin: 1
		}) {
			eventName = "on" + i;
			isSupported = ( eventName in div );
			if ( !isSupported ) {
				div.setAttribute( eventName, "return;" );
				isSupported = ( typeof div[ eventName ] === "function" );
			}
			support[ i + "Bubbles" ] = isSupported;
		}
	}

	fragment.removeChild( div );

	// Null elements to avoid leaks in IE
	fragment = select = opt = marginDiv = div = input = null;

	// Run tests that need a body at doc ready
	jQuery(function() {
		var container, outer, inner, table, td, offsetSupport,
			conMarginTop, ptlm, vb, style, html,
			body = document.getElementsByTagName("body")[0];

		if ( !body ) {
			// Return for frameset docs that don't have a body
			return;
		}

		conMarginTop = 1;
		ptlm = "position:absolute;top:0;left:0;width:1px;height:1px;margin:0;";
		vb = "visibility:hidden;border:0;";
		style = "style='" + ptlm + "border:5px solid #000;padding:0;'";
		html = "<div " + style + "><div></div></div>" +
			"<table " + style + " cellpadding='0' cellspacing='0'>" +
			"<tr><td></td></tr></table>";

		container = document.createElement("div");
		container.style.cssText = vb + "width:0;height:0;position:static;top:0;margin-top:" + conMarginTop + "px";
		body.insertBefore( container, body.firstChild );

		// Construct the test element
		div = document.createElement("div");
		container.appendChild( div );

		// Check if table cells still have offsetWidth/Height when they are set
		// to display:none and there are still other visible table cells in a
		// table row; if so, offsetWidth/Height are not reliable for use when
		// determining if an element has been hidden directly using
		// display:none (it is still safe to use offsets if a parent element is
		// hidden; don safety goggles and see bug #4512 for more information).
		// (only IE 8 fails this test)
		div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
		tds = div.getElementsByTagName( "td" );
		isSupported = ( tds[ 0 ].offsetHeight === 0 );

		tds[ 0 ].style.display = "";
		tds[ 1 ].style.display = "none";

		// Check if empty table cells still have offsetWidth/Height
		// (IE <= 8 fail this test)
		support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );

		// Figure out if the W3C box model works as expected
		div.innerHTML = "";
		div.style.width = div.style.paddingLeft = "1px";
		jQuery.boxModel = support.boxModel = div.offsetWidth === 2;

		if ( typeof div.style.zoom !== "undefined" ) {
			// Check if natively block-level elements act like inline-block
			// elements when setting their display to 'inline' and giving
			// them layout
			// (IE < 8 does this)
			div.style.display = "inline";
			div.style.zoom = 1;
			support.inlineBlockNeedsLayout = ( div.offsetWidth === 2 );

			// Check if elements with layout shrink-wrap their children
			// (IE 6 does this)
			div.style.display = "";
			div.innerHTML = "<div style='width:4px;'></div>";
			support.shrinkWrapBlocks = ( div.offsetWidth !== 2 );
		}

		div.style.cssText = ptlm + vb;
		div.innerHTML = html;

		outer = div.firstChild;
		inner = outer.firstChild;
		td = outer.nextSibling.firstChild.firstChild;

		offsetSupport = {
			doesNotAddBorder: ( inner.offsetTop !== 5 ),
			doesAddBorderForTableAndCells: ( td.offsetTop === 5 )
		};

		inner.style.position = "fixed";
		inner.style.top = "20px";

		// safari subtracts parent border width here which is 5px
		offsetSupport.fixedPosition = ( inner.offsetTop === 20 || inner.offsetTop === 15 );
		inner.style.position = inner.style.top = "";

		outer.style.overflow = "hidden";
		outer.style.position = "relative";

		offsetSupport.subtractsBorderForOverflowNotVisible = ( inner.offsetTop === -5 );
		offsetSupport.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== conMarginTop );

		body.removeChild( container );
		div  = container = null;

		jQuery.extend( support, offsetSupport );
	});

	return support;
})();




var rbrace = /^(?:\{.*\}|\[.*\])$/,
	rmultiDash = /([A-Z])/g;

jQuery.extend({
	cache: {},

	// Please use with caution
	uuid: 0,

	// Unique for each copy of jQuery on the page
	// Non-digits removed to match rinlinejQuery
	expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),

	// The following elements throw uncatchable exceptions if you
	// attempt to add expando properties to them.
	noData: {
		"embed": true,
		// Ban all objects except for Flash (which handle expandos)
		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
		"applet": true
	},

	hasData: function( elem ) {
		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
		return !!elem && !isEmptyDataObject( elem );
	},

	data: function( elem, name, data, pvt /* Internal Use Only */ ) {
		if ( !jQuery.acceptData( elem ) ) {
			return;
		}

		var privateCache, thisCache, ret,
			internalKey = jQuery.expando,
			getByName = typeof name === "string",

			// We have to handle DOM nodes and JS objects differently because IE6-7
			// can't GC object references properly across the DOM-JS boundary
			isNode = elem.nodeType,

			// Only DOM nodes need the global jQuery cache; JS object data is
			// attached directly to the object so GC can occur automatically
			cache = isNode ? jQuery.cache : elem,

			// Only defining an ID for JS objects if its cache already exists allows
			// the code to shortcut on the same path as a DOM node with no cache
			id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey,
			isEvents = name === "events";

		// Avoid doing any more work than we need to when trying to get data on an
		// object that has no data at all
		if ( (!id || !cache[id] || (!isEvents && !pvt && !cache[id].data)) && getByName && data === undefined ) {
			return;
		}

		if ( !id ) {
			// Only DOM nodes need a new unique ID for each element since their data
			// ends up in the global cache
			if ( isNode ) {
				elem[ internalKey ] = id = ++jQuery.uuid;
			} else {
				id = internalKey;
			}
		}

		if ( !cache[ id ] ) {
			cache[ id ] = {};

			// Avoids exposing jQuery metadata on plain JS objects when the object
			// is serialized using JSON.stringify
			if ( !isNode ) {
				cache[ id ].toJSON = jQuery.noop;
			}
		}

		// An object can be passed to jQuery.data instead of a key/value pair; this gets
		// shallow copied over onto the existing cache
		if ( typeof name === "object" || typeof name === "function" ) {
			if ( pvt ) {
				cache[ id ] = jQuery.extend( cache[ id ], name );
			} else {
				cache[ id ].data = jQuery.extend( cache[ id ].data, name );
			}
		}

		privateCache = thisCache = cache[ id ];

		// jQuery data() is stored in a separate object inside the object's internal data
		// cache in order to avoid key collisions between internal data and user-defined
		// data.
		if ( !pvt ) {
			if ( !thisCache.data ) {
				thisCache.data = {};
			}

			thisCache = thisCache.data;
		}

		if ( data !== undefined ) {
			thisCache[ jQuery.camelCase( name ) ] = data;
		}

		// Users should not attempt to inspect the internal events object using jQuery.data,
		// it is undocumented and subject to change. But does anyone listen? No.
		if ( isEvents && !thisCache[ name ] ) {
			return privateCache.events;
		}

		// Check for both converted-to-camel and non-converted data property names
		// If a data property was specified
		if ( getByName ) {

			// First Try to find as-is property data
			ret = thisCache[ name ];

			// Test for null|undefined property data
			if ( ret == null ) {

				// Try to find the camelCased property
				ret = thisCache[ jQuery.camelCase( name ) ];
			}
		} else {
			ret = thisCache;
		}

		return ret;
	},

	removeData: function( elem, name, pvt /* Internal Use Only */ ) {
		if ( !jQuery.acceptData( elem ) ) {
			return;
		}

		var thisCache, i, l,

			// Reference to internal data cache key
			internalKey = jQuery.expando,

			isNode = elem.nodeType,

			// See jQuery.data for more information
			cache = isNode ? jQuery.cache : elem,

			// See jQuery.data for more information
			id = isNode ? elem[ internalKey ] : internalKey;

		// If there is already no cache entry for this object, there is no
		// purpose in continuing
		if ( !cache[ id ] ) {
			return;
		}

		if ( name ) {

			thisCache = pvt ? cache[ id ] : cache[ id ].data;

			if ( thisCache ) {

				// Support array or space separated string names for data keys
				if ( !jQuery.isArray( name ) ) {

					// try the string as a key before any manipulation
					if ( name in thisCache ) {
						name = [ name ];
					} else {

						// split the camel cased version by spaces unless a key with the spaces exists
						name = jQuery.camelCase( name );
						if ( name in thisCache ) {
							name = [ name ];
						} else {
							name = name.split( " " );
						}
					}
				}

				for ( i = 0, l = name.length; i < l; i++ ) {
					delete thisCache[ name[i] ];
				}

				// If there is no data left in the cache, we want to continue
				// and let the cache object itself get destroyed
				if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) {
					return;
				}
			}
		}

		// See jQuery.data for more information
		if ( !pvt ) {
			delete cache[ id ].data;

			// Don't destroy the parent cache unless the internal data object
			// had been the only thing left in it
			if ( !isEmptyDataObject(cache[ id ]) ) {
				return;
			}
		}

		// Browsers that fail expando deletion also refuse to delete expandos on
		// the window, but it will allow it on all other JS objects; other browsers
		// don't care
		// Ensure that `cache` is not a window object #10080
		if ( jQuery.support.deleteExpando || !cache.setInterval ) {
			delete cache[ id ];
		} else {
			cache[ id ] = null;
		}

		// We destroyed the cache and need to eliminate the expando on the node to avoid
		// false lookups in the cache for entries that no longer exist
		if ( isNode ) {
			// IE does not allow us to delete expando properties from nodes,
			// nor does it have a removeAttribute function on Document nodes;
			// we must handle all of these cases
			if ( jQuery.support.deleteExpando ) {
				delete elem[ internalKey ];
			} else if ( elem.removeAttribute ) {
				elem.removeAttribute( internalKey );
			} else {
				elem[ internalKey ] = null;
			}
		}
	},

	// For internal use only.
	_data: function( elem, name, data ) {
		return jQuery.data( elem, name, data, true );
	},

	// A method for determining if a DOM node can handle the data expando
	acceptData: function( elem ) {
		if ( elem.nodeName ) {
			var match = jQuery.noData[ elem.nodeName.toLowerCase() ];

			if ( match ) {
				return !(match === true || elem.getAttribute("classid") !== match);
			}
		}

		return true;
	}
});

jQuery.fn.extend({
	data: function( key, value ) {
		var parts, attr, name,
			data = null;

		if ( typeof key === "undefined" ) {
			if ( this.length ) {
				data = jQuery.data( this[0] );

				if ( this[0].nodeType === 1 && !jQuery._data( this[0], "parsedAttrs" ) ) {
					attr = this[0].attributes;
					for ( var i = 0, l = attr.length; i < l; i++ ) {
						name = attr[i].name;

						if ( name.indexOf( "data-" ) === 0 ) {
							name = jQuery.camelCase( name.substring(5) );

							dataAttr( this[0], name, data[ name ] );
						}
					}
					jQuery._data( this[0], "parsedAttrs", true );
				}
			}

			return data;

		} else if ( typeof key === "object" ) {
			return this.each(function() {
				jQuery.data( this, key );
			});
		}

		parts = key.split(".");
		parts[1] = parts[1] ? "." + parts[1] : "";

		if ( value === undefined ) {
			data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);

			// Try to fetch any internally stored data first
			if ( data === undefined && this.length ) {
				data = jQuery.data( this[0], key );
				data = dataAttr( this[0], key, data );
			}

			return data === undefined && parts[1] ?
				this.data( parts[0] ) :
				data;

		} else {
			return this.each(function() {
				var self = jQuery( this ),
					args = [ parts[0], value ];

				self.triggerHandler( "setData" + parts[1] + "!", args );
				jQuery.data( this, key, value );
				self.triggerHandler( "changeData" + parts[1] + "!", args );
			});
		}
	},

	removeData: function( key ) {
		return this.each(function() {
			jQuery.removeData( this, key );
		});
	}
});

function dataAttr( elem, key, data ) {
	// If nothing was found internally, try to fetch any
	// data from the HTML5 data-* attribute
	if ( data === undefined && elem.nodeType === 1 ) {

		var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();

		data = elem.getAttribute( name );

		if ( typeof data === "string" ) {
			try {
				data = data === "true" ? true :
				data === "false" ? false :
				data === "null" ? null :
				jQuery.isNumeric( data ) ? parseFloat( data ) :
					rbrace.test( data ) ? jQuery.parseJSON( data ) :
					data;
			} catch( e ) {}

			// Make sure we set the data so it isn't changed later
			jQuery.data( elem, key, data );

		} else {
			data = undefined;
		}
	}

	return data;
}

// checks a cache object for emptiness
function isEmptyDataObject( obj ) {
	for ( var name in obj ) {

		// if the public data object is empty, the private is still empty
		if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
			continue;
		}
		if ( name !== "toJSON" ) {
			return false;
		}
	}

	return true;
}




function handleQueueMarkDefer( elem, type, src ) {
	var deferDataKey = type + "defer",
		queueDataKey = type + "queue",
		markDataKey = type + "mark",
		defer = jQuery._data( elem, deferDataKey );
	if ( defer &&
		( src === "queue" || !jQuery._data(elem, queueDataKey) ) &&
		( src === "mark" || !jQuery._data(elem, markDataKey) ) ) {
		// Give room for hard-coded callbacks to fire first
		// and eventually mark/queue something else on the element
		setTimeout( function() {
			if ( !jQuery._data( elem, queueDataKey ) &&
				!jQuery._data( elem, markDataKey ) ) {
				jQuery.removeData( elem, deferDataKey, true );
				defer.fire();
			}
		}, 0 );
	}
}

jQuery.extend({

	_mark: function( elem, type ) {
		if ( elem ) {
			type = ( type || "fx" ) + "mark";
			jQuery._data( elem, type, (jQuery._data( elem, type ) || 0) + 1 );
		}
	},

	_unmark: function( force, elem, type ) {
		if ( force !== true ) {
			type = elem;
			elem = force;
			force = false;
		}
		if ( elem ) {
			type = type || "fx";
			var key = type + "mark",
				count = force ? 0 : ( (jQuery._data( elem, key ) || 1) - 1 );
			if ( count ) {
				jQuery._data( elem, key, count );
			} else {
				jQuery.removeData( elem, key, true );
				handleQueueMarkDefer( elem, type, "mark" );
			}
		}
	},

	queue: function( elem, type, data ) {
		var q;
		if ( elem ) {
			type = ( type || "fx" ) + "queue";
			q = jQuery._data( elem, type );

			// Speed up dequeue by getting out quickly if this is just a lookup
			if ( data ) {
				if ( !q || jQuery.isArray(data) ) {
					q = jQuery._data( elem, type, jQuery.makeArray(data) );
				} else {
					q.push( data );
				}
			}
			return q || [];
		}
	},

	dequeue: function( elem, type ) {
		type = type || "fx";

		var queue = jQuery.queue( elem, type ),
			fn = queue.shift(),
			hooks = {};

		// If the fx queue is dequeued, always remove the progress sentinel
		if ( fn === "inprogress" ) {
			fn = queue.shift();
		}

		if ( fn ) {
			// Add a progress sentinel to prevent the fx queue from being
			// automatically dequeued
			if ( type === "fx" ) {
				queue.unshift( "inprogress" );
			}

			jQuery._data( elem, type + ".run", hooks );
			fn.call( elem, function() {
				jQuery.dequeue( elem, type );
			}, hooks );
		}

		if ( !queue.length ) {
			jQuery.removeData( elem, type + "queue " + type + ".run", true );
			handleQueueMarkDefer( elem, type, "queue" );
		}
	}
});

jQuery.fn.extend({
	queue: function( type, data ) {
		if ( typeof type !== "string" ) {
			data = type;
			type = "fx";
		}

		if ( data === undefined ) {
			return jQuery.queue( this[0], type );
		}
		return this.each(function() {
			var queue = jQuery.queue( this, type, data );

			if ( type === "fx" && queue[0] !== "inprogress" ) {
				jQuery.dequeue( this, type );
			}
		});
	},
	dequeue: function( type ) {
		return this.each(function() {
			jQuery.dequeue( this, type );
		});
	},
	// Based off of the plugin by Clint Helfers, with permission.
	// http://blindsignals.com/index.php/2009/07/jquery-delay/
	delay: function( time, type ) {
		time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
		type = type || "fx";

		return this.queue( type, function( next, hooks ) {
			var timeout = setTimeout( next, time );
			hooks.stop = function() {
				clearTimeout( timeout );
			};
		});
	},
	clearQueue: function( type ) {
		return this.queue( type || "fx", [] );
	},
	// Get a promise resolved when queues of a certain type
	// are emptied (fx is the type by default)
	promise: function( type, object ) {
		if ( typeof type !== "string" ) {
			object = type;
			type = undefined;
		}
		type = type || "fx";
		var defer = jQuery.Deferred(),
			elements = this,
			i = elements.length,
			count = 1,
			deferDataKey = type + "defer",
			queueDataKey = type + "queue",
			markDataKey = type + "mark",
			tmp;
		function resolve() {
			if ( !( --count ) ) {
				defer.resolveWith( elements, [ elements ] );
			}
		}
		while( i-- ) {
			if (( tmp = jQuery.data( elements[ i ], deferDataKey, undefined, true ) ||
					( jQuery.data( elements[ i ], queueDataKey, undefined, true ) ||
						jQuery.data( elements[ i ], markDataKey, undefined, true ) ) &&
					jQuery.data( elements[ i ], deferDataKey, jQuery.Callbacks( "once memory" ), true ) )) {
				count++;
				tmp.add( resolve );
			}
		}
		resolve();
		return defer.promise();
	}
});




var rclass = /[\n\t\r]/g,
	rspace = /\s+/,
	rreturn = /\r/g,
	rtype = /^(?:button|input)$/i,
	rfocusable = /^(?:button|input|object|select|textarea)$/i,
	rclickable = /^a(?:rea)?$/i,
	rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,
	getSetAttribute = jQuery.support.getSetAttribute,
	nodeHook, boolHook, fixSpecified;

jQuery.fn.extend({
	attr: function( name, value ) {
		return jQuery.access( this, name, value, true, jQuery.attr );
	},

	removeAttr: function( name ) {
		return this.each(function() {
			jQuery.removeAttr( this, name );
		});
	},

	prop: function( name, value ) {
		return jQuery.access( this, name, value, true, jQuery.prop );
	},

	removeProp: function( name ) {
		name = jQuery.propFix[ name ] || name;
		return this.each(function() {
			// try/catch handles cases where IE balks (such as removing a property on window)
			try {
				this[ name ] = undefined;
				delete this[ name ];
			} catch( e ) {}
		});
	},

	addClass: function( value ) {
		var classNames, i, l, elem,
			setClass, c, cl;

		if ( jQuery.isFunction( value ) ) {
			return this.each(function( j ) {
				jQuery( this ).addClass( value.call(this, j, this.className) );
			});
		}

		if ( value && typeof value === "string" ) {
			classNames = value.split( rspace );

			for ( i = 0, l = this.length; i < l; i++ ) {
				elem = this[ i ];

				if ( elem.nodeType === 1 ) {
					if ( !elem.className && classNames.length === 1 ) {
						elem.className = value;

					} else {
						setClass = " " + elem.className + " ";

						for ( c = 0, cl = classNames.length; c < cl; c++ ) {
							if ( !~setClass.indexOf( " " + classNames[ c ] + " " ) ) {
								setClass += classNames[ c ] + " ";
							}
						}
						elem.className = jQuery.trim( setClass );
					}
				}
			}
		}

		return this;
	},

	removeClass: function( value ) {
		var classNames, i, l, elem, className, c, cl;

		if ( jQuery.isFunction( value ) ) {
			return this.each(function( j ) {
				jQuery( this ).removeClass( value.call(this, j, this.className) );
			});
		}

		if ( (value && typeof value === "string") || value === undefined ) {
			classNames = ( value || "" ).split( rspace );

			for ( i = 0, l = this.length; i < l; i++ ) {
				elem = this[ i ];

				if ( elem.nodeType === 1 && elem.className ) {
					if ( value ) {
						className = (" " + elem.className + " ").replace( rclass, " " );
						for ( c = 0, cl = classNames.length; c < cl; c++ ) {
							className = className.replace(" " + classNames[ c ] + " ", " ");
						}
						elem.className = jQuery.trim( className );

					} else {
						elem.className = "";
					}
				}
			}
		}

		return this;
	},

	toggleClass: function( value, stateVal ) {
		var type = typeof value,
			isBool = typeof stateVal === "boolean";

		if ( jQuery.isFunction( value ) ) {
			return this.each(function( i ) {
				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
			});
		}

		return this.each(function() {
			if ( type === "string" ) {
				// toggle individual class names
				var className,
					i = 0,
					self = jQuery( this ),
					state = stateVal,
					classNames = value.split( rspace );

				while ( (className = classNames[ i++ ]) ) {
					// check each className given, space seperated list
					state = isBool ? state : !self.hasClass( className );
					self[ state ? "addClass" : "removeClass" ]( className );
				}

			} else if ( type === "undefined" || type === "boolean" ) {
				if ( this.className ) {
					// store className if set
					jQuery._data( this, "__className__", this.className );
				}

				// toggle whole className
				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
			}
		});
	},

	hasClass: function( selector ) {
		var className = " " + selector + " ",
			i = 0,
			l = this.length;
		for ( ; i < l; i++ ) {
			if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
				return true;
			}
		}

		return false;
	},

	val: function( value ) {
		var hooks, ret, isFunction,
			elem = this[0];

		if ( !arguments.length ) {
			if ( elem ) {
				hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];

				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
					return ret;
				}

				ret = elem.value;

				return typeof ret === "string" ?
					// handle most common string cases
					ret.replace(rreturn, "") :
					// handle cases where value is null/undef or number
					ret == null ? "" : ret;
			}

			return;
		}

		isFunction = jQuery.isFunction( value );

		return this.each(function( i ) {
			var self = jQuery(this), val;

			if ( this.nodeType !== 1 ) {
				return;
			}

			if ( isFunction ) {
				val = value.call( this, i, self.val() );
			} else {
				val = value;
			}

			// Treat null/undefined as ""; convert numbers to string
			if ( val == null ) {
				val = "";
			} else if ( typeof val === "number" ) {
				val += "";
			} else if ( jQuery.isArray( val ) ) {
				val = jQuery.map(val, function ( value ) {
					return value == null ? "" : value + "";
				});
			}

			hooks = jQuery.valHooks[ this.nodeName.toLowerCase() ] || jQuery.valHooks[ this.type ];

			// If set returns undefined, fall back to normal setting
			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
				this.value = val;
			}
		});
	}
});

jQuery.extend({
	valHooks: {
		option: {
			get: function( elem ) {
				// attributes.value is undefined in Blackberry 4.7 but
				// uses .value. See #6932
				var val = elem.attributes.value;
				return !val || val.specified ? elem.value : elem.text;
			}
		},
		select: {
			get: function( elem ) {
				var value, i, max, option,
					index = elem.selectedIndex,
					values = [],
					options = elem.options,
					one = elem.type === "select-one";

				// Nothing was selected
				if ( index < 0 ) {
					return null;
				}

				// Loop through all the selected options
				i = one ? index : 0;
				max = one ? index + 1 : options.length;
				for ( ; i < max; i++ ) {
					option = options[ i ];

					// Don't return options that are disabled or in a disabled optgroup
					if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
							(!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {

						// Get the specific value for the option
						value = jQuery( option ).val();

						// We don't need an array for one selects
						if ( one ) {
							return value;
						}

						// Multi-Selects return an array
						values.push( value );
					}
				}

				// Fixes Bug #2551 -- select.val() broken in IE after form.reset()
				if ( one && !values.length && options.length ) {
					return jQuery( options[ index ] ).val();
				}

				return values;
			},

			set: function( elem, value ) {
				var values = jQuery.makeArray( value );

				jQuery(elem).find("option").each(function() {
					this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
				});

				if ( !values.length ) {
					elem.selectedIndex = -1;
				}
				return values;
			}
		}
	},

	attrFn: {
		val: true,
		css: true,
		html: true,
		text: true,
		data: true,
		width: true,
		height: true,
		offset: true
	},

	attr: function( elem, name, value, pass ) {
		var ret, hooks, notxml,
			nType = elem.nodeType;

		// don't get/set attributes on text, comment and attribute nodes
		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
			return;
		}

		if ( pass && name in jQuery.attrFn ) {
			return jQuery( elem )[ name ]( value );
		}

		// Fallback to prop when attributes are not supported
		if ( typeof elem.getAttribute === "undefined" ) {
			return jQuery.prop( elem, name, value );
		}

		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );

		// All attributes are lowercase
		// Grab necessary hook if one is defined
		if ( notxml ) {
			name = name.toLowerCase();
			hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook );
		}

		if ( value !== undefined ) {

			if ( value === null ) {
				jQuery.removeAttr( elem, name );
				return;

			} else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {
				return ret;

			} else {
				elem.setAttribute( name, "" + value );
				return value;
			}

		} else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) {
			return ret;

		} else {

			ret = elem.getAttribute( name );

			// Non-existent attributes return null, we normalize to undefined
			return ret === null ?
				undefined :
				ret;
		}
	},

	removeAttr: function( elem, value ) {
		var propName, attrNames, name, l,
			i = 0;

		if ( value && elem.nodeType === 1 ) {
			attrNames = value.toLowerCase().split( rspace );
			l = attrNames.length;

			for ( ; i < l; i++ ) {
				name = attrNames[ i ];

				if ( name ) {
					propName = jQuery.propFix[ name ] || name;

					// See #9699 for explanation of this approach (setting first, then removal)
					jQuery.attr( elem, name, "" );
					elem.removeAttribute( getSetAttribute ? name : propName );

					// Set corresponding property to false for boolean attributes
					if ( rboolean.test( name ) && propName in elem ) {
						elem[ propName ] = false;
					}
				}
			}
		}
	},

	attrHooks: {
		type: {
			set: function( elem, value ) {
				// We can't allow the type property to be changed (since it causes problems in IE)
				if ( rtype.test( elem.nodeName ) && elem.parentNode ) {
					jQuery.error( "type property can't be changed" );
				} else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
					// Setting the type on a radio button after the value resets the value in IE6-9
					// Reset value to it's default in case type is set after value
					// This is for element creation
					var val = elem.value;
					elem.setAttribute( "type", value );
					if ( val ) {
						elem.value = val;
					}
					return value;
				}
			}
		},
		// Use the value property for back compat
		// Use the nodeHook for button elements in IE6/7 (#1954)
		value: {
			get: function( elem, name ) {
				if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
					return nodeHook.get( elem, name );
				}
				return name in elem ?
					elem.value :
					null;
			},
			set: function( elem, value, name ) {
				if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
					return nodeHook.set( elem, value, name );
				}
				// Does not return so that setAttribute is also used
				elem.value = value;
			}
		}
	},

	propFix: {
		tabindex: "tabIndex",
		readonly: "readOnly",
		"for": "htmlFor",
		"class": "className",
		maxlength: "maxLength",
		cellspacing: "cellSpacing",
		cellpadding: "cellPadding",
		rowspan: "rowSpan",
		colspan: "colSpan",
		usemap: "useMap",
		frameborder: "frameBorder",
		contenteditable: "contentEditable"
	},

	prop: function( elem, name, value ) {
		var ret, hooks, notxml,
			nType = elem.nodeType;

		// don't get/set properties on text, comment and attribute nodes
		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
			return;
		}

		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );

		if ( notxml ) {
			// Fix name and attach hooks
			name = jQuery.propFix[ name ] || name;
			hooks = jQuery.propHooks[ name ];
		}

		if ( value !== undefined ) {
			if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
				return ret;

			} else {
				return ( elem[ name ] = value );
			}

		} else {
			if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
				return ret;

			} else {
				return elem[ name ];
			}
		}
	},

	propHooks: {
		tabIndex: {
			get: function( elem ) {
				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
				var attributeNode = elem.getAttributeNode("tabindex");

				return attributeNode && attributeNode.specified ?
					parseInt( attributeNode.value, 10 ) :
					rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
						0 :
						undefined;
			}
		}
	}
});

// Add the tabIndex propHook to attrHooks for back-compat (different case is intentional)
jQuery.attrHooks.tabindex = jQuery.propHooks.tabIndex;

// Hook for boolean attributes
boolHook = {
	get: function( elem, name ) {
		// Align boolean attributes with corresponding properties
		// Fall back to attribute presence where some booleans are not supported
		var attrNode,
			property = jQuery.prop( elem, name );
		return property === true || typeof property !== "boolean" && ( attrNode = elem.getAttributeNode(name) ) && attrNode.nodeValue !== false ?
			name.toLowerCase() :
			undefined;
	},
	set: function( elem, value, name ) {
		var propName;
		if ( value === false ) {
			// Remove boolean attributes when set to false
			jQuery.removeAttr( elem, name );
		} else {
			// value is true since we know at this point it's type boolean and not false
			// Set boolean attributes to the same name and set the DOM property
			propName = jQuery.propFix[ name ] || name;
			if ( propName in elem ) {
				// Only set the IDL specifically if it already exists on the element
				elem[ propName ] = true;
			}

			elem.setAttribute( name, name.toLowerCase() );
		}
		return name;
	}
};

// IE6/7 do not support getting/setting some attributes with get/setAttribute
if ( !getSetAttribute ) {

	fixSpecified = {
		name: true,
		id: true
	};

	// Use this for any attribute in IE6/7
	// This fixes almost every IE6/7 issue
	nodeHook = jQuery.valHooks.button = {
		get: function( elem, name ) {
			var ret;
			ret = elem.getAttributeNode( name );
			return ret && ( fixSpecified[ name ] ? ret.nodeValue !== "" : ret.specified ) ?
				ret.nodeValue :
				undefined;
		},
		set: function( elem, value, name ) {
			// Set the existing or create a new attribute node
			var ret = elem.getAttributeNode( name );
			if ( !ret ) {
				ret = document.createAttribute( name );
				elem.setAttributeNode( ret );
			}
			return ( ret.nodeValue = value + "" );
		}
	};

	// Apply the nodeHook to tabindex
	jQuery.attrHooks.tabindex.set = nodeHook.set;

	// Set width and height to auto instead of 0 on empty string( Bug #8150 )
	// This is for removals
	jQuery.each([ "width", "height" ], function( i, name ) {
		jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
			set: function( elem, value ) {
				if ( value === "" ) {
					elem.setAttribute( name, "auto" );
					return value;
				}
			}
		});
	});

	// Set contenteditable to false on removals(#10429)
	// Setting to empty string throws an error as an invalid value
	jQuery.attrHooks.contenteditable = {
		get: nodeHook.get,
		set: function( elem, value, name ) {
			if ( value === "" ) {
				value = "false";
			}
			nodeHook.set( elem, value, name );
		}
	};
}


// Some attributes require a special call on IE
if ( !jQuery.support.hrefNormalized ) {
	jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
		jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
			get: function( elem ) {
				var ret = elem.getAttribute( name, 2 );
				return ret === null ? undefined : ret;
			}
		});
	});
}

if ( !jQuery.support.style ) {
	jQuery.attrHooks.style = {
		get: function( elem ) {
			// Return undefined in the case of empty string
			// Normalize to lowercase since IE uppercases css property names
			return elem.style.cssText.toLowerCase() || undefined;
		},
		set: function( elem, value ) {
			return ( elem.style.cssText = "" + value );
		}
	};
}

// Safari mis-reports the default selected property of an option
// Accessing the parent's selectedIndex property fixes it
if ( !jQuery.support.optSelected ) {
	jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
		get: function( elem ) {
			var parent = elem.parentNode;

			if ( parent ) {
				parent.selectedIndex;

				// Make sure that it also works with optgroups, see #5701
				if ( parent.parentNode ) {
					parent.parentNode.selectedIndex;
				}
			}
			return null;
		}
	});
}

// IE6/7 call enctype encoding
if ( !jQuery.support.enctype ) {
	jQuery.propFix.enctype = "encoding";
}

// Radios and checkboxes getter/setter
if ( !jQuery.support.checkOn ) {
	jQuery.each([ "radio", "checkbox" ], function() {
		jQuery.valHooks[ this ] = {
			get: function( elem ) {
				// Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
				return elem.getAttribute("value") === null ? "on" : elem.value;
			}
		};
	});
}
jQuery.each([ "radio", "checkbox" ], function() {
	jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
		set: function( elem, value ) {
			if ( jQuery.isArray( value ) ) {
				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
			}
		}
	});
});




var rformElems = /^(?:textarea|input|select)$/i,
	rtypenamespace = /^([^\.]*)?(?:\.(.+))?$/,
	rhoverHack = /\bhover(\.\S+)?\b/,
	rkeyEvent = /^key/,
	rmouseEvent = /^(?:mouse|contextmenu)|click/,
	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
	rquickIs = /^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,
	quickParse = function( selector ) {
		var quick = rquickIs.exec( selector );
		if ( quick ) {
			//   0  1    2   3
			// [ _, tag, id, class ]
			quick[1] = ( quick[1] || "" ).toLowerCase();
			quick[3] = quick[3] && new RegExp( "(?:^|\\s)" + quick[3] + "(?:\\s|$)" );
		}
		return quick;
	},
	quickIs = function( elem, m ) {
		var attrs = elem.attributes || {};
		return (
			(!m[1] || elem.nodeName.toLowerCase() === m[1]) &&
			(!m[2] || (attrs.id || {}).value === m[2]) &&
			(!m[3] || m[3].test( (attrs[ "class" ] || {}).value ))
		);
	},
	hoverHack = function( events ) {
		return jQuery.event.special.hover ? events : events.replace( rhoverHack, "mouseenter$1 mouseleave$1" );
	};

/*
 * Helper functions for managing events -- not part of the public interface.
 * Props to Dean Edwards' addEvent library for many of the ideas.
 */
jQuery.event = {

	add: function( elem, types, handler, data, selector ) {

		var elemData, eventHandle, events,
			t, tns, type, namespaces, handleObj,
			handleObjIn, quick, handlers, special;

		// Don't attach events to noData or text/comment nodes (allow plain objects tho)
		if ( elem.nodeType === 3 || elem.nodeType === 8 || !types || !handler || !(elemData = jQuery._data( elem )) ) {
			return;
		}

		// Caller can pass in an object of custom data in lieu of the handler
		if ( handler.handler ) {
			handleObjIn = handler;
			handler = handleObjIn.handler;
		}

		// Make sure that the handler has a unique ID, used to find/remove it later
		if ( !handler.guid ) {
			handler.guid = jQuery.guid++;
		}

		// Init the element's event structure and main handler, if this is the first
		events = elemData.events;
		if ( !events ) {
			elemData.events = events = {};
		}
		eventHandle = elemData.handle;
		if ( !eventHandle ) {
			elemData.handle = eventHandle = function( e ) {
				// Discard the second event of a jQuery.event.trigger() and
				// when an event is called after a page has unloaded
				return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
					jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
					undefined;
			};
			// Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
			eventHandle.elem = elem;
		}

		// Handle multiple events separated by a space
		// jQuery(...).bind("mouseover mouseout", fn);
		types = jQuery.trim( hoverHack(types) ).split( " " );
		for ( t = 0; t < types.length; t++ ) {

			tns = rtypenamespace.exec( types[t] ) || [];
			type = tns[1];
			namespaces = ( tns[2] || "" ).split( "." ).sort();

			// If event changes its type, use the special event handlers for the changed type
			special = jQuery.event.special[ type ] || {};

			// If selector defined, determine special event api type, otherwise given type
			type = ( selector ? special.delegateType : special.bindType ) || type;

			// Update special based on newly reset type
			special = jQuery.event.special[ type ] || {};

			// handleObj is passed to all event handlers
			handleObj = jQuery.extend({
				type: type,
				origType: tns[1],
				data: data,
				handler: handler,
				guid: handler.guid,
				selector: selector,
				quick: quickParse( selector ),
				namespace: namespaces.join(".")
			}, handleObjIn );

			// Init the event handler queue if we're the first
			handlers = events[ type ];
			if ( !handlers ) {
				handlers = events[ type ] = [];
				handlers.delegateCount = 0;

				// Only use addEventListener/attachEvent if the special events handler returns false
				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
					// Bind the global event handler to the element
					if ( elem.addEventListener ) {
						elem.addEventListener( type, eventHandle, false );

					} else if ( elem.attachEvent ) {
						elem.attachEvent( "on" + type, eventHandle );
					}
				}
			}

			if ( special.add ) {
				special.add.call( elem, handleObj );

				if ( !handleObj.handler.guid ) {
					handleObj.handler.guid = handler.guid;
				}
			}

			// Add to the element's handler list, delegates in front
			if ( selector ) {
				handlers.splice( handlers.delegateCount++, 0, handleObj );
			} else {
				handlers.push( handleObj );
			}

			// Keep track of which events have ever been used, for event optimization
			jQuery.event.global[ type ] = true;
		}

		// Nullify elem to prevent memory leaks in IE
		elem = null;
	},

	global: {},

	// Detach an event or set of events from an element
	remove: function( elem, types, handler, selector, mappedTypes ) {

		var elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
			t, tns, type, origType, namespaces, origCount,
			j, events, special, handle, eventType, handleObj;

		if ( !elemData || !(events = elemData.events) ) {
			return;
		}

		// Once for each type.namespace in types; type may be omitted
		types = jQuery.trim( hoverHack( types || "" ) ).split(" ");
		for ( t = 0; t < types.length; t++ ) {
			tns = rtypenamespace.exec( types[t] ) || [];
			type = origType = tns[1];
			namespaces = tns[2];

			// Unbind all events (on this namespace, if provided) for the element
			if ( !type ) {
				for ( type in events ) {
					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
				}
				continue;
			}

			special = jQuery.event.special[ type ] || {};
			type = ( selector? special.delegateType : special.bindType ) || type;
			eventType = events[ type ] || [];
			origCount = eventType.length;
			namespaces = namespaces ? new RegExp("(^|\\.)" + namespaces.split(".").sort().join("\\.(?:.*\\.)?") + "(\\.|$)") : null;

			// Remove matching events
			for ( j = 0; j < eventType.length; j++ ) {
				handleObj = eventType[ j ];

				if ( ( mappedTypes || origType === handleObj.origType ) &&
					 ( !handler || handler.guid === handleObj.guid ) &&
					 ( !namespaces || namespaces.test( handleObj.namespace ) ) &&
					 ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
					eventType.splice( j--, 1 );

					if ( handleObj.selector ) {
						eventType.delegateCount--;
					}
					if ( special.remove ) {
						special.remove.call( elem, handleObj );
					}
				}
			}

			// Remove generic event handler if we removed something and no more handlers exist
			// (avoids potential for endless recursion during removal of special event handlers)
			if ( eventType.length === 0 && origCount !== eventType.length ) {
				if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
					jQuery.removeEvent( elem, type, elemData.handle );
				}

				delete events[ type ];
			}
		}

		// Remove the expando if it's no longer used
		if ( jQuery.isEmptyObject( events ) ) {
			handle = elemData.handle;
			if ( handle ) {
				handle.elem = null;
			}

			// removeData also checks for emptiness and clears the expando if empty
			// so use it instead of delete
			jQuery.removeData( elem, [ "events", "handle" ], true );
		}
	},

	// Events that are safe to short-circuit if no handlers are attached.
	// Native DOM events should not be added, they may have inline handlers.
	customEvent: {
		"getData": true,
		"setData": true,
		"changeData": true
	},

	trigger: function( event, data, elem, onlyHandlers ) {
		// Don't do events on text and comment nodes
		if ( elem && (elem.nodeType === 3 || elem.nodeType === 8) ) {
			return;
		}

		// Event object or event type
		var type = event.type || event,
			namespaces = [],
			cache, exclusive, i, cur, old, ontype, special, handle, eventPath, bubbleType;

		// focus/blur morphs to focusin/out; ensure we're not firing them right now
		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
			return;
		}

		if ( type.indexOf( "!" ) >= 0 ) {
			// Exclusive events trigger only for the exact event (no namespaces)
			type = type.slice(0, -1);
			exclusive = true;
		}

		if ( type.indexOf( "." ) >= 0 ) {
			// Namespaced trigger; create a regexp to match event type in handle()
			namespaces = type.split(".");
			type = namespaces.shift();
			namespaces.sort();
		}

		if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) {
			// No jQuery handlers for this event type, and it can't have inline handlers
			return;
		}

		// Caller can pass in an Event, Object, or just an event type string
		event = typeof event === "object" ?
			// jQuery.Event object
			event[ jQuery.expando ] ? event :
			// Object literal
			new jQuery.Event( type, event ) :
			// Just the event type (string)
			new jQuery.Event( type );

		event.type = type;
		event.isTrigger = true;
		event.exclusive = exclusive;
		event.namespace = namespaces.join( "." );
		event.namespace_re = event.namespace? new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.)?") + "(\\.|$)") : null;
		ontype = type.indexOf( ":" ) < 0 ? "on" + type : "";

		// Handle a global trigger
		if ( !elem ) {

			// TODO: Stop taunting the data cache; remove global events and always attach to document
			cache = jQuery.cache;
			for ( i in cache ) {
				if ( cache[ i ].events && cache[ i ].events[ type ] ) {
					jQuery.event.trigger( event, data, cache[ i ].handle.elem, true );
				}
			}
			return;
		}

		// Clean up the event in case it is being reused
		event.result = undefined;
		if ( !event.target ) {
			event.target = elem;
		}

		// Clone any incoming data and prepend the event, creating the handler arg list
		data = data != null ? jQuery.makeArray( data ) : [];
		data.unshift( event );

		// Allow special events to draw outside the lines
		special = jQuery.event.special[ type ] || {};
		if ( special.trigger && special.trigger.apply( elem, data ) === false ) {
			return;
		}

		// Determine event propagation path in advance, per W3C events spec (#9951)
		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
		eventPath = [[ elem, special.bindType || type ]];
		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {

			bubbleType = special.delegateType || type;
			cur = rfocusMorph.test( bubbleType + type ) ? elem : elem.parentNode;
			old = null;
			for ( ; cur; cur = cur.parentNode ) {
				eventPath.push([ cur, bubbleType ]);
				old = cur;
			}

			// Only add window if we got to document (e.g., not plain obj or detached DOM)
			if ( old && old === elem.ownerDocument ) {
				eventPath.push([ old.defaultView || old.parentWindow || window, bubbleType ]);
			}
		}

		// Fire handlers on the event path
		for ( i = 0; i < eventPath.length && !event.isPropagationStopped(); i++ ) {

			cur = eventPath[i][0];
			event.type = eventPath[i][1];

			handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
			if ( handle ) {
				handle.apply( cur, data );
			}
			// Note that this is a bare JS function and not a jQuery handler
			handle = ontype && cur[ ontype ];
			if ( handle && jQuery.acceptData( cur ) && handle.apply( cur, data ) === false ) {
				event.preventDefault();
			}
		}
		event.type = type;

		// If nobody prevented the default action, do it now
		if ( !onlyHandlers && !event.isDefaultPrevented() ) {

			if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) &&
				!(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {

				// Call a native DOM method on the target with the same name name as the event.
				// Can't use an .isFunction() check here because IE6/7 fails that test.
				// Don't do default actions on window, that's where global variables be (#6170)
				// IE<9 dies on focus/blur to hidden element (#1486)
				if ( ontype && elem[ type ] && ((type !== "focus" && type !== "blur") || event.target.offsetWidth !== 0) && !jQuery.isWindow( elem ) ) {

					// Don't re-trigger an onFOO event when we call its FOO() method
					old = elem[ ontype ];

					if ( old ) {
						elem[ ontype ] = null;
					}

					// Prevent re-triggering of the same event, since we already bubbled it above
					jQuery.event.triggered = type;
					elem[ type ]();
					jQuery.event.triggered = undefined;

					if ( old ) {
						elem[ ontype ] = old;
					}
				}
			}
		}

		return event.result;
	},

	dispatch: function( event ) {

		// Make a writable jQuery.Event from the native event object
		event = jQuery.event.fix( event || window.event );

		var handlers = ( (jQuery._data( this, "events" ) || {} )[ event.type ] || []),
			delegateCount = handlers.delegateCount,
			args = [].slice.call( arguments, 0 ),
			run_all = !event.exclusive && !event.namespace,
			handlerQueue = [],
			i, j, cur, jqcur, ret, selMatch, matched, matches, handleObj, sel, related;

		// Use the fix-ed jQuery.Event rather than the (read-only) native event
		args[0] = event;
		event.delegateTarget = this;

		// Determine handlers that should run if there are delegated events
		// Avoid disabled elements in IE (#6911) and non-left-click bubbling in Firefox (#3861)
		if ( delegateCount && !event.target.disabled && !(event.button && event.type === "click") ) {

			// Pregenerate a single jQuery object for reuse with .is()
			jqcur = jQuery(this);
			jqcur.context = this.ownerDocument || this;

			for ( cur = event.target; cur != this; cur = cur.parentNode || this ) {
				selMatch = {};
				matches = [];
				jqcur[0] = cur;
				for ( i = 0; i < delegateCount; i++ ) {
					handleObj = handlers[ i ];
					sel = handleObj.selector;

					if ( selMatch[ sel ] === undefined ) {
						selMatch[ sel ] = (
							handleObj.quick ? quickIs( cur, handleObj.quick ) : jqcur.is( sel )
						);
					}
					if ( selMatch[ sel ] ) {
						matches.push( handleObj );
					}
				}
				if ( matches.length ) {
					handlerQueue.push({ elem: cur, matches: matches });
				}
			}
		}

		// Add the remaining (directly-bound) handlers
		if ( handlers.length > delegateCount ) {
			handlerQueue.push({ elem: this, matches: handlers.slice( delegateCount ) });
		}

		// Run delegates first; they may want to stop propagation beneath us
		for ( i = 0; i < handlerQueue.length && !event.isPropagationStopped(); i++ ) {
			matched = handlerQueue[ i ];
			event.currentTarget = matched.elem;

			for ( j = 0; j < matched.matches.length && !event.isImmediatePropagationStopped(); j++ ) {
				handleObj = matched.matches[ j ];

				// Triggered event must either 1) be non-exclusive and have no namespace, or
				// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
				if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) {

					event.data = handleObj.data;
					event.handleObj = handleObj;

					ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
							.apply( matched.elem, args );

					if ( ret !== undefined ) {
						event.result = ret;
						if ( ret === false ) {
							event.preventDefault();
							event.stopPropagation();
						}
					}
				}
			}
		}

		return event.result;
	},

	// Includes some event props shared by KeyEvent and MouseEvent
	// *** attrChange attrName relatedNode srcElement  are not normalized, non-W3C, deprecated, will be removed in 1.8 ***
	props: "attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),

	fixHooks: {},

	keyHooks: {
		props: "char charCode key keyCode".split(" "),
		filter: function( event, original ) {

			// Add which for key events
			if ( event.which == null ) {
				event.which = original.charCode != null ? original.charCode : original.keyCode;
			}

			return event;
		}
	},

	mouseHooks: {
		props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
		filter: function( event, original ) {
			var eventDoc, doc, body,
				button = original.button,
				fromElement = original.fromElement;

			// Calculate pageX/Y if missing and clientX/Y available
			if ( event.pageX == null && original.clientX != null ) {
				eventDoc = event.target.ownerDocument || document;
				doc = eventDoc.documentElement;
				body = eventDoc.body;

				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
			}

			// Add relatedTarget, if necessary
			if ( !event.relatedTarget && fromElement ) {
				event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
			}

			// Add which for click: 1 === left; 2 === middle; 3 === right
			// Note: button is not normalized, so don't use it
			if ( !event.which && button !== undefined ) {
				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
			}

			return event;
		}
	},

	fix: function( event ) {
		if ( event[ jQuery.expando ] ) {
			return event;
		}

		// Create a writable copy of the event object and normalize some properties
		var i, prop,
			originalEvent = event,
			fixHook = jQuery.event.fixHooks[ event.type ] || {},
			copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;

		event = jQuery.Event( originalEvent );

		for ( i = copy.length; i; ) {
			prop = copy[ --i ];
			event[ prop ] = originalEvent[ prop ];
		}

		// Fix target property, if necessary (#1925, IE 6/7/8 & Safari2)
		if ( !event.target ) {
			event.target = originalEvent.srcElement || document;
		}

		// Target should not be a text node (#504, Safari)
		if ( event.target.nodeType === 3 ) {
			event.target = event.target.parentNode;
		}

		// For mouse/key events; add metaKey if it's not there (#3368, IE6/7/8)
		if ( event.metaKey === undefined ) {
			event.metaKey = event.ctrlKey;
		}

		return fixHook.filter? fixHook.filter( event, originalEvent ) : event;
	},

	special: {
		ready: {
			// Make sure the ready event is setup
			setup: jQuery.bindReady
		},

		load: {
			// Prevent triggered image.load events from bubbling to window.load
			noBubble: true
		},

		focus: {
			delegateType: "focusin"
		},
		blur: {
			delegateType: "focusout"
		},

		beforeunload: {
			setup: function( data, namespaces, eventHandle ) {
				// We only want to do this special case on windows
				if ( jQuery.isWindow( this ) ) {
					this.onbeforeunload = eventHandle;
				}
			},

			teardown: function( namespaces, eventHandle ) {
				if ( this.onbeforeunload === eventHandle ) {
					this.onbeforeunload = null;
				}
			}
		}
	},

	simulate: function( type, elem, event, bubble ) {
		// Piggyback on a donor event to simulate a different one.
		// Fake originalEvent to avoid donor's stopPropagation, but if the
		// simulated event prevents default then we do the same on the donor.
		var e = jQuery.extend(
			new jQuery.Event(),
			event,
			{ type: type,
				isSimulated: true,
				originalEvent: {}
			}
		);
		if ( bubble ) {
			jQuery.event.trigger( e, null, elem );
		} else {
			jQuery.event.dispatch.call( elem, e );
		}
		if ( e.isDefaultPrevented() ) {
			event.preventDefault();
		}
	}
};

// Some plugins are using, but it's undocumented/deprecated and will be removed.
// The 1.7 special event interface should provide all the hooks needed now.
jQuery.event.handle = jQuery.event.dispatch;

jQuery.removeEvent = document.removeEventListener ?
	function( elem, type, handle ) {
		if ( elem.removeEventListener ) {
			elem.removeEventListener( type, handle, false );
		}
	} :
	function( elem, type, handle ) {
		if ( elem.detachEvent ) {
			elem.detachEvent( "on" + type, handle );
		}
	};

jQuery.Event = function( src, props ) {
	// Allow instantiation without the 'new' keyword
	if ( !(this instanceof jQuery.Event) ) {
		return new jQuery.Event( src, props );
	}

	// Event object
	if ( src && src.type ) {
		this.originalEvent = src;
		this.type = src.type;

		// Events bubbling up the document may have been marked as prevented
		// by a handler lower down the tree; reflect the correct value.
		this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
			src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;

	// Event type
	} else {
		this.type = src;
	}

	// Put explicitly provided properties onto the event object
	if ( props ) {
		jQuery.extend( this, props );
	}

	// Create a timestamp if incoming event doesn't have one
	this.timeStamp = src && src.timeStamp || jQuery.now();

	// Mark it as fixed
	this[ jQuery.expando ] = true;
};

function returnFalse() {
	return false;
}
function returnTrue() {
	return true;
}

// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
jQuery.Event.prototype = {
	preventDefault: function() {
		this.isDefaultPrevented = returnTrue;

		var e = this.originalEvent;
		if ( !e ) {
			return;
		}

		// if preventDefault exists run it on the original event
		if ( e.preventDefault ) {
			e.preventDefault();

		// otherwise set the returnValue property of the original event to false (IE)
		} else {
			e.returnValue = false;
		}
	},
	stopPropagation: function() {
		this.isPropagationStopped = returnTrue;

		var e = this.originalEvent;
		if ( !e ) {
			return;
		}
		// if stopPropagation exists run it on the original event
		if ( e.stopPropagation ) {
			e.stopPropagation();
		}
		// otherwise set the cancelBubble property of the original event to true (IE)
		e.cancelBubble = true;
	},
	stopImmediatePropagation: function() {
		this.isImmediatePropagationStopped = returnTrue;
		this.stopPropagation();
	},
	isDefaultPrevented: returnFalse,
	isPropagationStopped: returnFalse,
	isImmediatePropagationStopped: returnFalse
};

// Create mouseenter/leave events using mouseover/out and event-time checks
jQuery.each({
	mouseenter: "mouseover",
	mouseleave: "mouseout"
}, function( orig, fix ) {
	jQuery.event.special[ orig ] = {
		delegateType: fix,
		bindType: fix,

		handle: function( event ) {
			var target = this,
				related = event.relatedTarget,
				handleObj = event.handleObj,
				selector = handleObj.selector,
				ret;

			// For mousenter/leave call the handler if related is outside the target.
			// NB: No relatedTarget if the mouse left/entered the browser window
			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
				event.type = handleObj.origType;
				ret = handleObj.handler.apply( this, arguments );
				event.type = fix;
			}
			return ret;
		}
	};
});

// IE submit delegation
if ( !jQuery.support.submitBubbles ) {

	jQuery.event.special.submit = {
		setup: function() {
			// Only need this for delegated form submit events
			if ( jQuery.nodeName( this, "form" ) ) {
				return false;
			}

			// Lazy-add a submit handler when a descendant form may potentially be submitted
			jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
				// Node name check avoids a VML-related crash in IE (#9807)
				var elem = e.target,
					form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
				if ( form && !form._submit_attached ) {
					jQuery.event.add( form, "submit._submit", function( event ) {
						// If form was submitted by the user, bubble the event up the tree
						if ( this.parentNode && !event.isTrigger ) {
							jQuery.event.simulate( "submit", this.parentNode, event, true );
						}
					});
					form._submit_attached = true;
				}
			});
			// return undefined since we don't need an event listener
		},

		teardown: function() {
			// Only need this for delegated form submit events
			if ( jQuery.nodeName( this, "form" ) ) {
				return false;
			}

			// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
			jQuery.event.remove( this, "._submit" );
		}
	};
}

// IE change delegation and checkbox/radio fix
if ( !jQuery.support.changeBubbles ) {

	jQuery.event.special.change = {

		setup: function() {

			if ( rformElems.test( this.nodeName ) ) {
				// IE doesn't fire change on a check/radio until blur; trigger it on click
				// after a propertychange. Eat the blur-change in special.change.handle.
				// This still fires onchange a second time for check/radio after blur.
				if ( this.type === "checkbox" || this.type === "radio" ) {
					jQuery.event.add( this, "propertychange._change", function( event ) {
						if ( event.originalEvent.propertyName === "checked" ) {
							this._just_changed = true;
						}
					});
					jQuery.event.add( this, "click._change", function( event ) {
						if ( this._just_changed && !event.isTrigger ) {
							this._just_changed = false;
							jQuery.event.simulate( "change", this, event, true );
						}
					});
				}
				return false;
			}
			// Delegated event; lazy-add a change handler on descendant inputs
			jQuery.event.add( this, "beforeactivate._change", function( e ) {
				var elem = e.target;

				if ( rformElems.test( elem.nodeName ) && !elem._change_attached ) {
					jQuery.event.add( elem, "change._change", function( event ) {
						if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
							jQuery.event.simulate( "change", this.parentNode, event, true );
						}
					});
					elem._change_attached = true;
				}
			});
		},

		handle: function( event ) {
			var elem = event.target;

			// Swallow native change events from checkbox/radio, we already triggered them above
			if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
				return event.handleObj.handler.apply( this, arguments );
			}
		},

		teardown: function() {
			jQuery.event.remove( this, "._change" );

			return rformElems.test( this.nodeName );
		}
	};
}

// Create "bubbling" focus and blur events
if ( !jQuery.support.focusinBubbles ) {
	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {

		// Attach a single capturing handler while someone wants focusin/focusout
		var attaches = 0,
			handler = function( event ) {
				jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
			};

		jQuery.event.special[ fix ] = {
			setup: function() {
				if ( attaches++ === 0 ) {
					document.addEventListener( orig, handler, true );
				}
			},
			teardown: function() {
				if ( --attaches === 0 ) {
					document.removeEventListener( orig, handler, true );
				}
			}
		};
	});
}

jQuery.fn.extend({

	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
		var origFn, type;

		// Types can be a map of types/handlers
		if ( typeof types === "object" ) {
			// ( types-Object, selector, data )
			if ( typeof selector !== "string" ) {
				// ( types-Object, data )
				data = selector;
				selector = undefined;
			}
			for ( type in types ) {
				this.on( type, selector, data, types[ type ], one );
			}
			return this;
		}

		if ( data == null && fn == null ) {
			// ( types, fn )
			fn = selector;
			data = selector = undefined;
		} else if ( fn == null ) {
			if ( typeof selector === "string" ) {
				// ( types, selector, fn )
				fn = data;
				data = undefined;
			} else {
				// ( types, data, fn )
				fn = data;
				data = selector;
				selector = undefined;
			}
		}
		if ( fn === false ) {
			fn = returnFalse;
		} else if ( !fn ) {
			return this;
		}

		if ( one === 1 ) {
			origFn = fn;
			fn = function( event ) {
				// Can use an empty set, since event contains the info
				jQuery().off( event );
				return origFn.apply( this, arguments );
			};
			// Use same guid so caller can remove using origFn
			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
		}
		return this.each( function() {
			jQuery.event.add( this, types, fn, data, selector );
		});
	},
	one: function( types, selector, data, fn ) {
		return this.on.call( this, types, selector, data, fn, 1 );
	},
	off: function( types, selector, fn ) {
		if ( types && types.preventDefault && types.handleObj ) {
			// ( event )  dispatched jQuery.Event
			var handleObj = types.handleObj;
			jQuery( types.delegateTarget ).off(
				handleObj.namespace? handleObj.type + "." + handleObj.namespace : handleObj.type,
				handleObj.selector,
				handleObj.handler
			);
			return this;
		}
		if ( typeof types === "object" ) {
			// ( types-object [, selector] )
			for ( var type in types ) {
				this.off( type, selector, types[ type ] );
			}
			return this;
		}
		if ( selector === false || typeof selector === "function" ) {
			// ( types [, fn] )
			fn = selector;
			selector = undefined;
		}
		if ( fn === false ) {
			fn = returnFalse;
		}
		return this.each(function() {
			jQuery.event.remove( this, types, fn, selector );
		});
	},

	bind: function( types, data, fn ) {
		return this.on( types, null, data, fn );
	},
	unbind: function( types, fn ) {
		return this.off( types, null, fn );
	},

	live: function( types, data, fn ) {
		jQuery( this.context ).on( types, this.selector, data, fn );
		return this;
	},
	die: function( types, fn ) {
		jQuery( this.context ).off( types, this.selector || "**", fn );
		return this;
	},

	delegate: function( selector, types, data, fn ) {
		return this.on( types, selector, data, fn );
	},
	undelegate: function( selector, types, fn ) {
		// ( namespace ) or ( selector, types [, fn] )
		return arguments.length == 1? this.off( selector, "**" ) : this.off( types, selector, fn );
	},

	trigger: function( type, data ) {
		return this.each(function() {
			jQuery.event.trigger( type, data, this );
		});
	},
	triggerHandler: function( type, data ) {
		if ( this[0] ) {
			return jQuery.event.trigger( type, data, this[0], true );
		}
	},

	toggle: function( fn ) {
		// Save reference to arguments for access in closure
		var args = arguments,
			guid = fn.guid || jQuery.guid++,
			i = 0,
			toggler = function( event ) {
				// Figure out which function to execute
				var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
				jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );

				// Make sure that clicks stop
				event.preventDefault();

				// and execute the function
				return args[ lastToggle ].apply( this, arguments ) || false;
			};

		// link all the functions, so any of them can unbind this click handler
		toggler.guid = guid;
		while ( i < args.length ) {
			args[ i++ ].guid = guid;
		}

		return this.click( toggler );
	},

	hover: function( fnOver, fnOut ) {
		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
	}
});

jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {

	// Handle event binding
	jQuery.fn[ name ] = function( data, fn ) {
		if ( fn == null ) {
			fn = data;
			data = null;
		}

		return arguments.length > 0 ?
			this.on( name, null, data, fn ) :
			this.trigger( name );
	};

	if ( jQuery.attrFn ) {
		jQuery.attrFn[ name ] = true;
	}

	if ( rkeyEvent.test( name ) ) {
		jQuery.event.fixHooks[ name ] = jQuery.event.keyHooks;
	}

	if ( rmouseEvent.test( name ) ) {
		jQuery.event.fixHooks[ name ] = jQuery.event.mouseHooks;
	}
});



/*!
 * Sizzle CSS Selector Engine
 *  Copyright 2011, The Dojo Foundation
 *  Released under the MIT, BSD, and GPL Licenses.
 *  More information: http://sizzlejs.com/
 */
(function(){

var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
	expando = "sizcache" + (Math.random() + '').replace('.', ''),
	done = 0,
	toString = Object.prototype.toString,
	hasDuplicate = false,
	baseHasDuplicate = true,
	rBackslash = /\\/g,
	rReturn = /\r\n/g,
	rNonWord = /\W/;

// Here we check if the JavaScript engine is using some sort of
// optimization where it does not always call our comparision
// function. If that is the case, discard the hasDuplicate value.
//   Thus far that includes Google Chrome.
[0, 0].sort(function() {
	baseHasDuplicate = false;
	return 0;
});

var Sizzle = function( selector, context, results, seed ) {
	results = results || [];
	context = context || document;

	var origContext = context;

	if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
		return [];
	}
	
	if ( !selector || typeof selector !== "string" ) {
		return results;
	}

	var m, set, checkSet, extra, ret, cur, pop, i,
		prune = true,
		contextXML = Sizzle.isXML( context ),
		parts = [],
		soFar = selector;
	
	// Reset the position of the chunker regexp (start from head)
	do {
		chunker.exec( "" );
		m = chunker.exec( soFar );

		if ( m ) {
			soFar = m[3];
		
			parts.push( m[1] );
		
			if ( m[2] ) {
				extra = m[3];
				break;
			}
		}
	} while ( m );

	if ( parts.length > 1 && origPOS.exec( selector ) ) {

		if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
			set = posProcess( parts[0] + parts[1], context, seed );

		} else {
			set = Expr.relative[ parts[0] ] ?
				[ context ] :
				Sizzle( parts.shift(), context );

			while ( parts.length ) {
				selector = parts.shift();

				if ( Expr.relative[ selector ] ) {
					selector += parts.shift();
				}
				
				set = posProcess( selector, set, seed );
			}
		}

	} else {
		// Take a shortcut and set the context if the root selector is an ID
		// (but not if it'll be faster if the inner selector is an ID)
		if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
				Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {

			ret = Sizzle.find( parts.shift(), context, contextXML );
			context = ret.expr ?
				Sizzle.filter( ret.expr, ret.set )[0] :
				ret.set[0];
		}

		if ( context ) {
			ret = seed ?
				{ expr: parts.pop(), set: makeArray(seed) } :
				Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );

			set = ret.expr ?
				Sizzle.filter( ret.expr, ret.set ) :
				ret.set;

			if ( parts.length > 0 ) {
				checkSet = makeArray( set );

			} else {
				prune = false;
			}

			while ( parts.length ) {
				cur = parts.pop();
				pop = cur;

				if ( !Expr.relative[ cur ] ) {
					cur = "";
				} else {
					pop = parts.pop();
				}

				if ( pop == null ) {
					pop = context;
				}

				Expr.relative[ cur ]( checkSet, pop, contextXML );
			}

		} else {
			checkSet = parts = [];
		}
	}

	if ( !checkSet ) {
		checkSet = set;
	}

	if ( !checkSet ) {
		Sizzle.error( cur || selector );
	}

	if ( toString.call(checkSet) === "[object Array]" ) {
		if ( !prune ) {
			results.push.apply( results, checkSet );

		} else if ( context && context.nodeType === 1 ) {
			for ( i = 0; checkSet[i] != null; i++ ) {
				if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
					results.push( set[i] );
				}
			}

		} else {
			for ( i = 0; checkSet[i] != null; i++ ) {
				if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
					results.push( set[i] );
				}
			}
		}

	} else {
		makeArray( checkSet, results );
	}

	if ( extra ) {
		Sizzle( extra, origContext, results, seed );
		Sizzle.uniqueSort( results );
	}

	return results;
};

Sizzle.uniqueSort = function( results ) {
	if ( sortOrder ) {
		hasDuplicate = baseHasDuplicate;
		results.sort( sortOrder );

		if ( hasDuplicate ) {
			for ( var i = 1; i < results.length; i++ ) {
				if ( results[i] === results[ i - 1 ] ) {
					results.splice( i--, 1 );
				}
			}
		}
	}

	return results;
};

Sizzle.matches = function( expr, set ) {
	return Sizzle( expr, null, null, set );
};

Sizzle.matchesSelector = function( node, expr ) {
	return Sizzle( expr, null, null, [node] ).length > 0;
};

Sizzle.find = function( expr, context, isXML ) {
	var set, i, len, match, type, left;

	if ( !expr ) {
		return [];
	}

	for ( i = 0, len = Expr.order.length; i < len; i++ ) {
		type = Expr.order[i];
		
		if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
			left = match[1];
			match.splice( 1, 1 );

			if ( left.substr( left.length - 1 ) !== "\\" ) {
				match[1] = (match[1] || "").replace( rBackslash, "" );
				set = Expr.find[ type ]( match, context, isXML );

				if ( set != null ) {
					expr = expr.replace( Expr.match[ type ], "" );
					break;
				}
			}
		}
	}

	if ( !set ) {
		set = typeof context.getElementsByTagName !== "undefined" ?
			context.getElementsByTagName( "*" ) :
			[];
	}

	return { set: set, expr: expr };
};

Sizzle.filter = function( expr, set, inplace, not ) {
	var match, anyFound,
		type, found, item, filter, left,
		i, pass,
		old = expr,
		result = [],
		curLoop = set,
		isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );

	while ( expr && set.length ) {
		for ( type in Expr.filter ) {
			if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
				filter = Expr.filter[ type ];
				left = match[1];

				anyFound = false;

				match.splice(1,1);

				if ( left.substr( left.length - 1 ) === "\\" ) {
					continue;
				}

				if ( curLoop === result ) {
					result = [];
				}

				if ( Expr.preFilter[ type ] ) {
					match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );

					if ( !match ) {
						anyFound = found = true;

					} else if ( match === true ) {
						continue;
					}
				}

				if ( match ) {
					for ( i = 0; (item = curLoop[i]) != null; i++ ) {
						if ( item ) {
							found = filter( item, match, i, curLoop );
							pass = not ^ found;

							if ( inplace && found != null ) {
								if ( pass ) {
									anyFound = true;

								} else {
									curLoop[i] = false;
								}

							} else if ( pass ) {
								result.push( item );
								anyFound = true;
							}
						}
					}
				}

				if ( found !== undefined ) {
					if ( !inplace ) {
						curLoop = result;
					}

					expr = expr.replace( Expr.match[ type ], "" );

					if ( !anyFound ) {
						return [];
					}

					break;
				}
			}
		}

		// Improper expression
		if ( expr === old ) {
			if ( anyFound == null ) {
				Sizzle.error( expr );

			} else {
				break;
			}
		}

		old = expr;
	}

	return curLoop;
};

Sizzle.error = function( msg ) {
	throw new Error( "Syntax error, unrecognized expression: " + msg );
};

/**
 * Utility function for retreiving the text value of an array of DOM nodes
 * @param {Array|Element} elem
 */
var getText = Sizzle.getText = function( elem ) {
    var i, node,
		nodeType = elem.nodeType,
		ret = "";

	if ( nodeType ) {
		if ( nodeType === 1 || nodeType === 9 ) {
			// Use textContent || innerText for elements
			if ( typeof elem.textContent === 'string' ) {
				return elem.textContent;
			} else if ( typeof elem.innerText === 'string' ) {
				// Replace IE's carriage returns
				return elem.innerText.replace( rReturn, '' );
			} else {
				// Traverse it's children
				for ( elem = elem.firstChild; elem; elem = elem.nextSibling) {
					ret += getText( elem );
				}
			}
		} else if ( nodeType === 3 || nodeType === 4 ) {
			return elem.nodeValue;
		}
	} else {

		// If no nodeType, this is expected to be an array
		for ( i = 0; (node = elem[i]); i++ ) {
			// Do not traverse comment nodes
			if ( node.nodeType !== 8 ) {
				ret += getText( node );
			}
		}
	}
	return ret;
};

var Expr = Sizzle.selectors = {
	order: [ "ID", "NAME", "TAG" ],

	match: {
		ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
		CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
		NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
		ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
		TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
		CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
		POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
		PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
	},

	leftMatch: {},

	attrMap: {
		"class": "className",
		"for": "htmlFor"
	},

	attrHandle: {
		href: function( elem ) {
			return elem.getAttribute( "href" );
		},
		type: function( elem ) {
			return elem.getAttribute( "type" );
		}
	},

	relative: {
		"+": function(checkSet, part){
			var isPartStr = typeof part === "string",
				isTag = isPartStr && !rNonWord.test( part ),
				isPartStrNotTag = isPartStr && !isTag;

			if ( isTag ) {
				part = part.toLowerCase();
			}

			for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
				if ( (elem = checkSet[i]) ) {
					while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}

					checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
						elem || false :
						elem === part;
				}
			}

			if ( isPartStrNotTag ) {
				Sizzle.filter( part, checkSet, true );
			}
		},

		">": function( checkSet, part ) {
			var elem,
				isPartStr = typeof part === "string",
				i = 0,
				l = checkSet.length;

			if ( isPartStr && !rNonWord.test( part ) ) {
				part = part.toLowerCase();

				for ( ; i < l; i++ ) {
					elem = checkSet[i];

					if ( elem ) {
						var parent = elem.parentNode;
						checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
					}
				}

			} else {
				for ( ; i < l; i++ ) {
					elem = checkSet[i];

					if ( elem ) {
						checkSet[i] = isPartStr ?
							elem.parentNode :
							elem.parentNode === part;
					}
				}

				if ( isPartStr ) {
					Sizzle.filter( part, checkSet, true );
				}
			}
		},

		"": function(checkSet, part, isXML){
			var nodeCheck,
				doneName = done++,
				checkFn = dirCheck;

			if ( typeof part === "string" && !rNonWord.test( part ) ) {
				part = part.toLowerCase();
				nodeCheck = part;
				checkFn = dirNodeCheck;
			}

			checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
		},

		"~": function( checkSet, part, isXML ) {
			var nodeCheck,
				doneName = done++,
				checkFn = dirCheck;

			if ( typeof part === "string" && !rNonWord.test( part ) ) {
				part = part.toLowerCase();
				nodeCheck = part;
				checkFn = dirNodeCheck;
			}

			checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
		}
	},

	find: {
		ID: function( match, context, isXML ) {
			if ( typeof context.getElementById !== "undefined" && !isXML ) {
				var m = context.getElementById(match[1]);
				// Check parentNode to catch when Blackberry 4.6 returns
				// nodes that are no longer in the document #6963
				return m && m.parentNode ? [m] : [];
			}
		},

		NAME: function( match, context ) {
			if ( typeof context.getElementsByName !== "undefined" ) {
				var ret = [],
					results = context.getElementsByName( match[1] );

				for ( var i = 0, l = results.length; i < l; i++ ) {
					if ( results[i].getAttribute("name") === match[1] ) {
						ret.push( results[i] );
					}
				}

				return ret.length === 0 ? null : ret;
			}
		},

		TAG: function( match, context ) {
			if ( typeof context.getElementsByTagName !== "undefined" ) {
				return context.getElementsByTagName( match[1] );
			}
		}
	},
	preFilter: {
		CLASS: function( match, curLoop, inplace, result, not, isXML ) {
			match = " " + match[1].replace( rBackslash, "" ) + " ";

			if ( isXML ) {
				return match;
			}

			for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
				if ( elem ) {
					if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
						if ( !inplace ) {
							result.push( elem );
						}

					} else if ( inplace ) {
						curLoop[i] = false;
					}
				}
			}

			return false;
		},

		ID: function( match ) {
			return match[1].replace( rBackslash, "" );
		},

		TAG: function( match, curLoop ) {
			return match[1].replace( rBackslash, "" ).toLowerCase();
		},

		CHILD: function( match ) {
			if ( match[1] === "nth" ) {
				if ( !match[2] ) {
					Sizzle.error( match[0] );
				}

				match[2] = match[2].replace(/^\+|\s*/g, '');

				// parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
				var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
					match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
					!/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);

				// calculate the numbers (first)n+(last) including if they are negative
				match[2] = (test[1] + (test[2] || 1)) - 0;
				match[3] = test[3] - 0;
			}
			else if ( match[2] ) {
				Sizzle.error( match[0] );
			}

			// TODO: Move to normal caching system
			match[0] = done++;

			return match;
		},

		ATTR: function( match, curLoop, inplace, result, not, isXML ) {
			var name = match[1] = match[1].replace( rBackslash, "" );
			
			if ( !isXML && Expr.attrMap[name] ) {
				match[1] = Expr.attrMap[name];
			}

			// Handle if an un-quoted value was used
			match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );

			if ( match[2] === "~=" ) {
				match[4] = " " + match[4] + " ";
			}

			return match;
		},

		PSEUDO: function( match, curLoop, inplace, result, not ) {
			if ( match[1] === "not" ) {
				// If we're dealing with a complex expression, or a simple one
				if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
					match[3] = Sizzle(match[3], null, null, curLoop);

				} else {
					var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);

					if ( !inplace ) {
						result.push.apply( result, ret );
					}

					return false;
				}

			} else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
				return true;
			}
			
			return match;
		},

		POS: function( match ) {
			match.unshift( true );

			return match;
		}
	},
	
	filters: {
		enabled: function( elem ) {
			return elem.disabled === false && elem.type !== "hidden";
		},

		disabled: function( elem ) {
			return elem.disabled === true;
		},

		checked: function( elem ) {
			return elem.checked === true;
		},
		
		selected: function( elem ) {
			// Accessing this property makes selected-by-default
			// options in Safari work properly
			if ( elem.parentNode ) {
				elem.parentNode.selectedIndex;
			}
			
			return elem.selected === true;
		},

		parent: function( elem ) {
			return !!elem.firstChild;
		},

		empty: function( elem ) {
			return !elem.firstChild;
		},

		has: function( elem, i, match ) {
			return !!Sizzle( match[3], elem ).length;
		},

		header: function( elem ) {
			return (/h\d/i).test( elem.nodeName );
		},

		text: function( elem ) {
			var attr = elem.getAttribute( "type" ), type = elem.type;
			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) 
			// use getAttribute instead to test this case
			return elem.nodeName.toLowerCase() === "input" && "text" === type && ( attr === type || attr === null );
		},

		radio: function( elem ) {
			return elem.nodeName.toLowerCase() === "input" && "radio" === elem.type;
		},

		checkbox: function( elem ) {
			return elem.nodeName.toLowerCase() === "input" && "checkbox" === elem.type;
		},

		file: function( elem ) {
			return elem.nodeName.toLowerCase() === "input" && "file" === elem.type;
		},

		password: function( elem ) {
			return elem.nodeName.toLowerCase() === "input" && "password" === elem.type;
		},

		submit: function( elem ) {
			var name = elem.nodeName.toLowerCase();
			return (name === "input" || name === "button") && "submit" === elem.type;
		},

		image: function( elem ) {
			return elem.nodeName.toLowerCase() === "input" && "image" === elem.type;
		},

		reset: function( elem ) {
			var name = elem.nodeName.toLowerCase();
			return (name === "input" || name === "button") && "reset" === elem.type;
		},

		button: function( elem ) {
			var name = elem.nodeName.toLowerCase();
			return name === "input" && "button" === elem.type || name === "button";
		},

		input: function( elem ) {
			return (/input|select|textarea|button/i).test( elem.nodeName );
		},

		focus: function( elem ) {
			return elem === elem.ownerDocument.activeElement;
		}
	},
	setFilters: {
		first: function( elem, i ) {
			return i === 0;
		},

		last: function( elem, i, match, array ) {
			return i === array.length - 1;
		},

		even: function( elem, i ) {
			return i % 2 === 0;
		},

		odd: function( elem, i ) {
			return i % 2 === 1;
		},

		lt: function( elem, i, match ) {
			return i < match[3] - 0;
		},

		gt: function( elem, i, match ) {
			return i > match[3] - 0;
		},

		nth: function( elem, i, match ) {
			return match[3] - 0 === i;
		},

		eq: function( elem, i, match ) {
			return match[3] - 0 === i;
		}
	},
	filter: {
		PSEUDO: function( elem, match, i, array ) {
			var name = match[1],
				filter = Expr.filters[ name ];

			if ( filter ) {
				return filter( elem, i, match, array );

			} else if ( name === "contains" ) {
				return (elem.textContent || elem.innerText || getText([ elem ]) || "").indexOf(match[3]) >= 0;

			} else if ( name === "not" ) {
				var not = match[3];

				for ( var j = 0, l = not.length; j < l; j++ ) {
					if ( not[j] === elem ) {
						return false;
					}
				}

				return true;

			} else {
				Sizzle.error( name );
			}
		},

		CHILD: function( elem, match ) {
			var first, last,
				doneName, parent, cache,
				count, diff,
				type = match[1],
				node = elem;

			switch ( type ) {
				case "only":
				case "first":
					while ( (node = node.previousSibling) )	 {
						if ( node.nodeType === 1 ) { 
							return false; 
						}
					}

					if ( type === "first" ) { 
						return true; 
					}

					node = elem;

				case "last":
					while ( (node = node.nextSibling) )	 {
						if ( node.nodeType === 1 ) { 
							return false; 
						}
					}

					return true;

				case "nth":
					first = match[2];
					last = match[3];

					if ( first === 1 && last === 0 ) {
						return true;
					}
					
					doneName = match[0];
					parent = elem.parentNode;
	
					if ( parent && (parent[ expando ] !== doneName || !elem.nodeIndex) ) {
						count = 0;
						
						for ( node = parent.firstChild; node; node = node.nextSibling ) {
							if ( node.nodeType === 1 ) {
								node.nodeIndex = ++count;
							}
						} 

						parent[ expando ] = doneName;
					}
					
					diff = elem.nodeIndex - last;

					if ( first === 0 ) {
						return diff === 0;

					} else {
						return ( diff % first === 0 && diff / first >= 0 );
					}
			}
		},

		ID: function( elem, match ) {
			return elem.nodeType === 1 && elem.getAttribute("id") === match;
		},

		TAG: function( elem, match ) {
			return (match === "*" && elem.nodeType === 1) || !!elem.nodeName && elem.nodeName.toLowerCase() === match;
		},
		
		CLASS: function( elem, match ) {
			return (" " + (elem.className || elem.getAttribute("class")) + " ")
				.indexOf( match ) > -1;
		},

		ATTR: function( elem, match ) {
			var name = match[1],
				result = Sizzle.attr ?
					Sizzle.attr( elem, name ) :
					Expr.attrHandle[ name ] ?
					Expr.attrHandle[ name ]( elem ) :
					elem[ name ] != null ?
						elem[ name ] :
						elem.getAttribute( name ),
				value = result + "",
				type = match[2],
				check = match[4];

			return result == null ?
				type === "!=" :
				!type && Sizzle.attr ?
				result != null :
				type === "=" ?
				value === check :
				type === "*=" ?
				value.indexOf(check) >= 0 :
				type === "~=" ?
				(" " + value + " ").indexOf(check) >= 0 :
				!check ?
				value && result !== false :
				type === "!=" ?
				value !== check :
				type === "^=" ?
				value.indexOf(check) === 0 :
				type === "$=" ?
				value.substr(value.length - check.length) === check :
				type === "|=" ?
				value === check || value.substr(0, check.length + 1) === check + "-" :
				false;
		},

		POS: function( elem, match, i, array ) {
			var name = match[2],
				filter = Expr.setFilters[ name ];

			if ( filter ) {
				return filter( elem, i, match, array );
			}
		}
	}
};

var origPOS = Expr.match.POS,
	fescape = function(all, num){
		return "\\" + (num - 0 + 1);
	};

for ( var type in Expr.match ) {
	Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
	Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
}

var makeArray = function( array, results ) {
	array = Array.prototype.slice.call( array, 0 );

	if ( results ) {
		results.push.apply( results, array );
		return results;
	}
	
	return array;
};

// Perform a simple check to determine if the browser is capable of
// converting a NodeList to an array using builtin methods.
// Also verifies that the returned array holds DOM nodes
// (which is not the case in the Blackberry browser)
try {
	Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;

// Provide a fallback method if it does not work
} catch( e ) {
	makeArray = function( array, results ) {
		var i = 0,
			ret = results || [];

		if ( toString.call(array) === "[object Array]" ) {
			Array.prototype.push.apply( ret, array );

		} else {
			if ( typeof array.length === "number" ) {
				for ( var l = array.length; i < l; i++ ) {
					ret.push( array[i] );
				}

			} else {
				for ( ; array[i]; i++ ) {
					ret.push( array[i] );
				}
			}
		}

		return ret;
	};
}

var sortOrder, siblingCheck;

if ( document.documentElement.compareDocumentPosition ) {
	sortOrder = function( a, b ) {
		if ( a === b ) {
			hasDuplicate = true;
			return 0;
		}

		if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
			return a.compareDocumentPosition ? -1 : 1;
		}

		return a.compareDocumentPosition(b) & 4 ? -1 : 1;
	};

} else {
	sortOrder = function( a, b ) {
		// The nodes are identical, we can exit early
		if ( a === b ) {
			hasDuplicate = true;
			return 0;

		// Fallback to using sourceIndex (in IE) if it's available on both nodes
		} else if ( a.sourceIndex && b.sourceIndex ) {
			return a.sourceIndex - b.sourceIndex;
		}

		var al, bl,
			ap = [],
			bp = [],
			aup = a.parentNode,
			bup = b.parentNode,
			cur = aup;

		// If the nodes are siblings (or identical) we can do a quick check
		if ( aup === bup ) {
			return siblingCheck( a, b );

		// If no parents were found then the nodes are disconnected
		} else if ( !aup ) {
			return -1;

		} else if ( !bup ) {
			return 1;
		}

		// Otherwise they're somewhere else in the tree so we need
		// to build up a full list of the parentNodes for comparison
		while ( cur ) {
			ap.unshift( cur );
			cur = cur.parentNode;
		}

		cur = bup;

		while ( cur ) {
			bp.unshift( cur );
			cur = cur.parentNode;
		}

		al = ap.length;
		bl = bp.length;

		// Start walking down the tree looking for a discrepancy
		for ( var i = 0; i < al && i < bl; i++ ) {
			if ( ap[i] !== bp[i] ) {
				return siblingCheck( ap[i], bp[i] );
			}
		}

		// We ended someplace up the tree so do a sibling check
		return i === al ?
			siblingCheck( a, bp[i], -1 ) :
			siblingCheck( ap[i], b, 1 );
	};

	siblingCheck = function( a, b, ret ) {
		if ( a === b ) {
			return ret;
		}

		var cur = a.nextSibling;

		while ( cur ) {
			if ( cur === b ) {
				return -1;
			}

			cur = cur.nextSibling;
		}

		return 1;
	};
}

// Check to see if the browser returns elements by name when
// querying by getElementById (and provide a workaround)
(function(){
	// We're going to inject a fake input element with a specified name
	var form = document.createElement("div"),
		id = "script" + (new Date()).getTime(),
		root = document.documentElement;

	form.innerHTML = "<a name='" + id + "'/>";

	// Inject it into the root element, check its status, and remove it quickly
	root.insertBefore( form, root.firstChild );

	// The workaround has to do additional checks after a getElementById
	// Which slows things down for other browsers (hence the branching)
	if ( document.getElementById( id ) ) {
		Expr.find.ID = function( match, context, isXML ) {
			if ( typeof context.getElementById !== "undefined" && !isXML ) {
				var m = context.getElementById(match[1]);

				return m ?
					m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
						[m] :
						undefined :
					[];
			}
		};

		Expr.filter.ID = function( elem, match ) {
			var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");

			return elem.nodeType === 1 && node && node.nodeValue === match;
		};
	}

	root.removeChild( form );

	// release memory in IE
	root = form = null;
})();

(function(){
	// Check to see if the browser returns only elements
	// when doing getElementsByTagName("*")

	// Create a fake element
	var div = document.createElement("div");
	div.appendChild( document.createComment("") );

	// Make sure no comments are found
	if ( div.getElementsByTagName("*").length > 0 ) {
		Expr.find.TAG = function( match, context ) {
			var results = context.getElementsByTagName( match[1] );

			// Filter out possible comments
			if ( match[1] === "*" ) {
				var tmp = [];

				for ( var i = 0; results[i]; i++ ) {
					if ( results[i].nodeType === 1 ) {
						tmp.push( results[i] );
					}
				}

				results = tmp;
			}

			return results;
		};
	}

	// Check to see if an attribute returns normalized href attributes
	div.innerHTML = "<a href='#'></a>";

	if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
			div.firstChild.getAttribute("href") !== "#" ) {

		Expr.attrHandle.href = function( elem ) {
			return elem.getAttribute( "href", 2 );
		};
	}

	// release memory in IE
	div = null;
})();

if ( document.querySelectorAll ) {
	(function(){
		var oldSizzle = Sizzle,
			div = document.createElement("div"),
			id = "__sizzle__";

		div.innerHTML = "<p class='TEST'></p>";

		// Safari can't handle uppercase or unicode characters when
		// in quirks mode.
		if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
			return;
		}
	
		Sizzle = function( query, context, extra, seed ) {
			context = context || document;

			// Only use querySelectorAll on non-XML documents
			// (ID selectors don't work in non-HTML documents)
			if ( !seed && !Sizzle.isXML(context) ) {
				// See if we find a selector to speed up
				var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
				
				if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
					// Speed-up: Sizzle("TAG")
					if ( match[1] ) {
						return makeArray( context.getElementsByTagName( query ), extra );
					
					// Speed-up: Sizzle(".CLASS")
					} else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
						return makeArray( context.getElementsByClassName( match[2] ), extra );
					}
				}
				
				if ( context.nodeType === 9 ) {
					// Speed-up: Sizzle("body")
					// The body element only exists once, optimize finding it
					if ( query === "body" && context.body ) {
						return makeArray( [ context.body ], extra );
						
					// Speed-up: Sizzle("#ID")
					} else if ( match && match[3] ) {
						var elem = context.getElementById( match[3] );

						// Check parentNode to catch when Blackberry 4.6 returns
						// nodes that are no longer in the document #6963
						if ( elem && elem.parentNode ) {
							// Handle the case where IE and Opera return items
							// by name instead of ID
							if ( elem.id === match[3] ) {
								return makeArray( [ elem ], extra );
							}
							
						} else {
							return makeArray( [], extra );
						}
					}
					
					try {
						return makeArray( context.querySelectorAll(query), extra );
					} catch(qsaError) {}

				// qSA works strangely on Element-rooted queries
				// We can work around this by specifying an extra ID on the root
				// and working up from there (Thanks to Andrew Dupont for the technique)
				// IE 8 doesn't work on object elements
				} else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
					var oldContext = context,
						old = context.getAttribute( "id" ),
						nid = old || id,
						hasParent = context.parentNode,
						relativeHierarchySelector = /^\s*[+~]/.test( query );

					if ( !old ) {
						context.setAttribute( "id", nid );
					} else {
						nid = nid.replace( /'/g, "\\$&" );
					}
					if ( relativeHierarchySelector && hasParent ) {
						context = context.parentNode;
					}

					try {
						if ( !relativeHierarchySelector || hasParent ) {
							return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
						}

					} catch(pseudoError) {
					} finally {
						if ( !old ) {
							oldContext.removeAttribute( "id" );
						}
					}
				}
			}
		
			return oldSizzle(query, context, extra, seed);
		};

		for ( var prop in oldSizzle ) {
			Sizzle[ prop ] = oldSizzle[ prop ];
		}

		// release memory in IE
		div = null;
	})();
}

(function(){
	var html = document.documentElement,
		matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;

	if ( matches ) {
		// Check to see if it's possible to do matchesSelector
		// on a disconnected node (IE 9 fails this)
		var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ),
			pseudoWorks = false;

		try {
			// This should fail with an exception
			// Gecko does not error, returns false instead
			matches.call( document.documentElement, "[test!='']:sizzle" );
	
		} catch( pseudoError ) {
			pseudoWorks = true;
		}

		Sizzle.matchesSelector = function( node, expr ) {
			// Make sure that attribute selectors are quoted
			expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");

			if ( !Sizzle.isXML( node ) ) {
				try { 
					if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
						var ret = matches.call( node, expr );

						// IE 9's matchesSelector returns false on disconnected nodes
						if ( ret || !disconnectedMatch ||
								// As well, disconnected nodes are said to be in a document
								// fragment in IE 9, so check for that
								node.document && node.document.nodeType !== 11 ) {
							return ret;
						}
					}
				} catch(e) {}
			}

			return Sizzle(expr, null, null, [node]).length > 0;
		};
	}
})();

(function(){
	var div = document.createElement("div");

	div.innerHTML = "<div class='test e'></div><div class='test'></div>";

	// Opera can't find a second classname (in 9.6)
	// Also, make sure that getElementsByClassName actually exists
	if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
		return;
	}

	// Safari caches class attributes, doesn't catch changes (in 3.2)
	div.lastChild.className = "e";

	if ( div.getElementsByClassName("e").length === 1 ) {
		return;
	}
	
	Expr.order.splice(1, 0, "CLASS");
	Expr.find.CLASS = function( match, context, isXML ) {
		if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
			return context.getElementsByClassName(match[1]);
		}
	};

	// release memory in IE
	div = null;
})();

function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
		var elem = checkSet[i];

		if ( elem ) {
			var match = false;

			elem = elem[dir];

			while ( elem ) {
				if ( elem[ expando ] === doneName ) {
					match = checkSet[elem.sizset];
					break;
				}

				if ( elem.nodeType === 1 && !isXML ){
					elem[ expando ] = doneName;
					elem.sizset = i;
				}

				if ( elem.nodeName.toLowerCase() === cur ) {
					match = elem;
					break;
				}

				elem = elem[dir];
			}

			checkSet[i] = match;
		}
	}
}

function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
		var elem = checkSet[i];

		if ( elem ) {
			var match = false;
			
			elem = elem[dir];

			while ( elem ) {
				if ( elem[ expando ] === doneName ) {
					match = checkSet[elem.sizset];
					break;
				}

				if ( elem.nodeType === 1 ) {
					if ( !isXML ) {
						elem[ expando ] = doneName;
						elem.sizset = i;
					}

					if ( typeof cur !== "string" ) {
						if ( elem === cur ) {
							match = true;
							break;
						}

					} else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
						match = elem;
						break;
					}
				}

				elem = elem[dir];
			}

			checkSet[i] = match;
		}
	}
}

if ( document.documentElement.contains ) {
	Sizzle.contains = function( a, b ) {
		return a !== b && (a.contains ? a.contains(b) : true);
	};

} else if ( document.documentElement.compareDocumentPosition ) {
	Sizzle.contains = function( a, b ) {
		return !!(a.compareDocumentPosition(b) & 16);
	};

} else {
	Sizzle.contains = function() {
		return false;
	};
}

Sizzle.isXML = function( elem ) {
	// documentElement is verified for cases where it doesn't yet exist
	// (such as loading iframes in IE - #4833) 
	var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;

	return documentElement ? documentElement.nodeName !== "HTML" : false;
};

var posProcess = function( selector, context, seed ) {
	var match,
		tmpSet = [],
		later = "",
		root = context.nodeType ? [context] : context;

	// Position selectors must be done after the filter
	// And so must :not(positional) so we move all PSEUDOs to the end
	while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
		later += match[0];
		selector = selector.replace( Expr.match.PSEUDO, "" );
	}

	selector = Expr.relative[selector] ? selector + "*" : selector;

	for ( var i = 0, l = root.length; i < l; i++ ) {
		Sizzle( selector, root[i], tmpSet, seed );
	}

	return Sizzle.filter( later, tmpSet );
};

// EXPOSE
// Override sizzle attribute retrieval
Sizzle.attr = jQuery.attr;
Sizzle.selectors.attrMap = {};
jQuery.find = Sizzle;
jQuery.expr = Sizzle.selectors;
jQuery.expr[":"] = jQuery.expr.filters;
jQuery.unique = Sizzle.uniqueSort;
jQuery.text = Sizzle.getText;
jQuery.isXMLDoc = Sizzle.isXML;
jQuery.contains = Sizzle.contains;


})();


var runtil = /Until$/,
	rparentsprev = /^(?:parents|prevUntil|prevAll)/,
	// Note: This RegExp should be improved, or likely pulled from Sizzle
	rmultiselector = /,/,
	isSimple = /^.[^:#\[\.,]*$/,
	slice = Array.prototype.slice,
	POS = jQuery.expr.match.POS,
	// methods guaranteed to produce a unique set when starting from a unique set
	guaranteedUnique = {
		children: true,
		contents: true,
		next: true,
		prev: true
	};

jQuery.fn.extend({
	find: function( selector ) {
		var self = this,
			i, l;

		if ( typeof selector !== "string" ) {
			return jQuery( selector ).filter(function() {
				for ( i = 0, l = self.length; i < l; i++ ) {
					if ( jQuery.contains( self[ i ], this ) ) {
						return true;
					}
				}
			});
		}

		var ret = this.pushStack( "", "find", selector ),
			length, n, r;

		for ( i = 0, l = this.length; i < l; i++ ) {
			length = ret.length;
			jQuery.find( selector, this[i], ret );

			if ( i > 0 ) {
				// Make sure that the results are unique
				for ( n = length; n < ret.length; n++ ) {
					for ( r = 0; r < length; r++ ) {
						if ( ret[r] === ret[n] ) {
							ret.splice(n--, 1);
							break;
						}
					}
				}
			}
		}

		return ret;
	},

	has: function( target ) {
		var targets = jQuery( target );
		return this.filter(function() {
			for ( var i = 0, l = targets.length; i < l; i++ ) {
				if ( jQuery.contains( this, targets[i] ) ) {
					return true;
				}
			}
		});
	},

	not: function( selector ) {
		return this.pushStack( winnow(this, selector, false), "not", selector);
	},

	filter: function( selector ) {
		return this.pushStack( winnow(this, selector, true), "filter", selector );
	},

	is: function( selector ) {
		return !!selector && ( 
			typeof selector === "string" ?
				// If this is a positional selector, check membership in the returned set
				// so $("p:first").is("p:last") won't return true for a doc with two "p".
				POS.test( selector ) ? 
					jQuery( selector, this.context ).index( this[0] ) >= 0 :
					jQuery.filter( selector, this ).length > 0 :
				this.filter( selector ).length > 0 );
	},

	closest: function( selectors, context ) {
		var ret = [], i, l, cur = this[0];
		
		// Array (deprecated as of jQuery 1.7)
		if ( jQuery.isArray( selectors ) ) {
			var level = 1;

			while ( cur && cur.ownerDocument && cur !== context ) {
				for ( i = 0; i < selectors.length; i++ ) {

					if ( jQuery( cur ).is( selectors[ i ] ) ) {
						ret.push({ selector: selectors[ i ], elem: cur, level: level });
					}
				}

				cur = cur.parentNode;
				level++;
			}

			return ret;
		}

		// String
		var pos = POS.test( selectors ) || typeof selectors !== "string" ?
				jQuery( selectors, context || this.context ) :
				0;

		for ( i = 0, l = this.length; i < l; i++ ) {
			cur = this[i];

			while ( cur ) {
				if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
					ret.push( cur );
					break;

				} else {
					cur = cur.parentNode;
					if ( !cur || !cur.ownerDocument || cur === context || cur.nodeType === 11 ) {
						break;
					}
				}
			}
		}

		ret = ret.length > 1 ? jQuery.unique( ret ) : ret;

		return this.pushStack( ret, "closest", selectors );
	},

	// Determine the position of an element within
	// the matched set of elements
	index: function( elem ) {

		// No argument, return index in parent
		if ( !elem ) {
			return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1;
		}

		// index in selector
		if ( typeof elem === "string" ) {
			return jQuery.inArray( this[0], jQuery( elem ) );
		}

		// Locate the position of the desired element
		return jQuery.inArray(
			// If it receives a jQuery object, the first element is used
			elem.jquery ? elem[0] : elem, this );
	},

	add: function( selector, context ) {
		var set = typeof selector === "string" ?
				jQuery( selector, context ) :
				jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
			all = jQuery.merge( this.get(), set );

		return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
			all :
			jQuery.unique( all ) );
	},

	andSelf: function() {
		return this.add( this.prevObject );
	}
});

// A painfully simple check to see if an element is disconnected
// from a document (should be improved, where feasible).
function isDisconnected( node ) {
	return !node || !node.parentNode || node.parentNode.nodeType === 11;
}

jQuery.each({
	parent: function( elem ) {
		var parent = elem.parentNode;
		return parent && parent.nodeType !== 11 ? parent : null;
	},
	parents: function( elem ) {
		return jQuery.dir( elem, "parentNode" );
	},
	parentsUntil: function( elem, i, until ) {
		return jQuery.dir( elem, "parentNode", until );
	},
	next: function( elem ) {
		return jQuery.nth( elem, 2, "nextSibling" );
	},
	prev: function( elem ) {
		return jQuery.nth( elem, 2, "previousSibling" );
	},
	nextAll: function( elem ) {
		return jQuery.dir( elem, "nextSibling" );
	},
	prevAll: function( elem ) {
		return jQuery.dir( elem, "previousSibling" );
	},
	nextUntil: function( elem, i, until ) {
		return jQuery.dir( elem, "nextSibling", until );
	},
	prevUntil: function( elem, i, until ) {
		return jQuery.dir( elem, "previousSibling", until );
	},
	siblings: function( elem ) {
		return jQuery.sibling( elem.parentNode.firstChild, elem );
	},
	children: function( elem ) {
		return jQuery.sibling( elem.firstChild );
	},
	contents: function( elem ) {
		return jQuery.nodeName( elem, "iframe" ) ?
			elem.contentDocument || elem.contentWindow.document :
			jQuery.makeArray( elem.childNodes );
	}
}, function( name, fn ) {
	jQuery.fn[ name ] = function( until, selector ) {
		var ret = jQuery.map( this, fn, until );

		if ( !runtil.test( name ) ) {
			selector = until;
		}

		if ( selector && typeof selector === "string" ) {
			ret = jQuery.filter( selector, ret );
		}

		ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;

		if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
			ret = ret.reverse();
		}

		return this.pushStack( ret, name, slice.call( arguments ).join(",") );
	};
});

jQuery.extend({
	filter: function( expr, elems, not ) {
		if ( not ) {
			expr = ":not(" + expr + ")";
		}

		return elems.length === 1 ?
			jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
			jQuery.find.matches(expr, elems);
	},

	dir: function( elem, dir, until ) {
		var matched = [],
			cur = elem[ dir ];

		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
			if ( cur.nodeType === 1 ) {
				matched.push( cur );
			}
			cur = cur[dir];
		}
		return matched;
	},

	nth: function( cur, result, dir, elem ) {
		result = result || 1;
		var num = 0;

		for ( ; cur; cur = cur[dir] ) {
			if ( cur.nodeType === 1 && ++num === result ) {
				break;
			}
		}

		return cur;
	},

	sibling: function( n, elem ) {
		var r = [];

		for ( ; n; n = n.nextSibling ) {
			if ( n.nodeType === 1 && n !== elem ) {
				r.push( n );
			}
		}

		return r;
	}
});

// Implement the identical functionality for filter and not
function winnow( elements, qualifier, keep ) {

	// Can't pass null or undefined to indexOf in Firefox 4
	// Set to 0 to skip string check
	qualifier = qualifier || 0;

	if ( jQuery.isFunction( qualifier ) ) {
		return jQuery.grep(elements, function( elem, i ) {
			var retVal = !!qualifier.call( elem, i, elem );
			return retVal === keep;
		});

	} else if ( qualifier.nodeType ) {
		return jQuery.grep(elements, function( elem, i ) {
			return ( elem === qualifier ) === keep;
		});

	} else if ( typeof qualifier === "string" ) {
		var filtered = jQuery.grep(elements, function( elem ) {
			return elem.nodeType === 1;
		});

		if ( isSimple.test( qualifier ) ) {
			return jQuery.filter(qualifier, filtered, !keep);
		} else {
			qualifier = jQuery.filter( qualifier, filtered );
		}
	}

	return jQuery.grep(elements, function( elem, i ) {
		return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep;
	});
}




function createSafeFragment( document ) {
	var list = nodeNames.split( "|" ),
	safeFrag = document.createDocumentFragment();

	if ( safeFrag.createElement ) {
		while ( list.length ) {
			safeFrag.createElement(
				list.pop()
			);
		}
	}
	return safeFrag;
}

var nodeNames = "abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|" +
		"header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
	rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
	rleadingWhitespace = /^\s+/,
	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
	rtagName = /<([\w:]+)/,
	rtbody = /<tbody/i,
	rhtml = /<|&#?\w+;/,
	rnoInnerhtml = /<(?:script|style)/i,
	rnocache = /<(?:script|object|embed|option|style)/i,
	rnoshimcache = new RegExp("<(?:" + nodeNames + ")", "i"),
	// checked="checked" or checked
	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
	rscriptType = /\/(java|ecma)script/i,
	rcleanScript = /^\s*<!(?:\[CDATA\[|\-\-)/,
	wrapMap = {
		option: [ 1, "<select multiple='multiple'>", "</select>" ],
		legend: [ 1, "<fieldset>", "</fieldset>" ],
		thead: [ 1, "<table>", "</table>" ],
		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
		area: [ 1, "<map>", "</map>" ],
		_default: [ 0, "", "" ]
	},
	safeFragment = createSafeFragment( document );

wrapMap.optgroup = wrapMap.option;
wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
wrapMap.th = wrapMap.td;

// IE can't serialize <link> and <script> tags normally
if ( !jQuery.support.htmlSerialize ) {
	wrapMap._default = [ 1, "div<div>", "</div>" ];
}

jQuery.fn.extend({
	text: function( text ) {
		if ( jQuery.isFunction(text) ) {
			return this.each(function(i) {
				var self = jQuery( this );

				self.text( text.call(this, i, self.text()) );
			});
		}

		if ( typeof text !== "object" && text !== undefined ) {
			return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
		}

		return jQuery.text( this );
	},

	wrapAll: function( html ) {
		if ( jQuery.isFunction( html ) ) {
			return this.each(function(i) {
				jQuery(this).wrapAll( html.call(this, i) );
			});
		}

		if ( this[0] ) {
			// The elements to wrap the target around
			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);

			if ( this[0].parentNode ) {
				wrap.insertBefore( this[0] );
			}

			wrap.map(function() {
				var elem = this;

				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
					elem = elem.firstChild;
				}

				return elem;
			}).append( this );
		}

		return this;
	},

	wrapInner: function( html ) {
		if ( jQuery.isFunction( html ) ) {
			return this.each(function(i) {
				jQuery(this).wrapInner( html.call(this, i) );
			});
		}

		return this.each(function() {
			var self = jQuery( this ),
				contents = self.contents();

			if ( contents.length ) {
				contents.wrapAll( html );

			} else {
				self.append( html );
			}
		});
	},

	wrap: function( html ) {
		var isFunction = jQuery.isFunction( html );

		return this.each(function(i) {
			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
		});
	},

	unwrap: function() {
		return this.parent().each(function() {
			if ( !jQuery.nodeName( this, "body" ) ) {
				jQuery( this ).replaceWith( this.childNodes );
			}
		}).end();
	},

	append: function() {
		return this.domManip(arguments, true, function( elem ) {
			if ( this.nodeType === 1 ) {
				this.appendChild( elem );
			}
		});
	},

	prepend: function() {
		return this.domManip(arguments, true, function( elem ) {
			if ( this.nodeType === 1 ) {
				this.insertBefore( elem, this.firstChild );
			}
		});
	},

	before: function() {
		if ( this[0] && this[0].parentNode ) {
			return this.domManip(arguments, false, function( elem ) {
				this.parentNode.insertBefore( elem, this );
			});
		} else if ( arguments.length ) {
			var set = jQuery.clean( arguments );
			set.push.apply( set, this.toArray() );
			return this.pushStack( set, "before", arguments );
		}
	},

	after: function() {
		if ( this[0] && this[0].parentNode ) {
			return this.domManip(arguments, false, function( elem ) {
				this.parentNode.insertBefore( elem, this.nextSibling );
			});
		} else if ( arguments.length ) {
			var set = this.pushStack( this, "after", arguments );
			set.push.apply( set, jQuery.clean(arguments) );
			return set;
		}
	},

	// keepData is for internal use only--do not document
	remove: function( selector, keepData ) {
		for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
			if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
				if ( !keepData && elem.nodeType === 1 ) {
					jQuery.cleanData( elem.getElementsByTagName("*") );
					jQuery.cleanData( [ elem ] );
				}

				if ( elem.parentNode ) {
					elem.parentNode.removeChild( elem );
				}
			}
		}

		return this;
	},

	empty: function() {
		for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
			// Remove element nodes and prevent memory leaks
			if ( elem.nodeType === 1 ) {
				jQuery.cleanData( elem.getElementsByTagName("*") );
			}

			// Remove any remaining nodes
			while ( elem.firstChild ) {
				elem.removeChild( elem.firstChild );
			}
		}

		return this;
	},

	clone: function( dataAndEvents, deepDataAndEvents ) {
		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;

		return this.map( function () {
			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
		});
	},

	html: function( value ) {
		if ( value === undefined ) {
			return this[0] && this[0].nodeType === 1 ?
				this[0].innerHTML.replace(rinlinejQuery, "") :
				null;

		// See if we can take a shortcut and just use innerHTML
		} else if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
			(jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
			!wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {

			value = value.replace(rxhtmlTag, "<$1></$2>");

			try {
				for ( var i = 0, l = this.length; i < l; i++ ) {
					// Remove element nodes and prevent memory leaks
					if ( this[i].nodeType === 1 ) {
						jQuery.cleanData( this[i].getElementsByTagName("*") );
						this[i].innerHTML = value;
					}
				}

			// If using innerHTML throws an exception, use the fallback method
			} catch(e) {
				this.empty().append( value );
			}

		} else if ( jQuery.isFunction( value ) ) {
			this.each(function(i){
				var self = jQuery( this );

				self.html( value.call(this, i, self.html()) );
			});

		} else {
			this.empty().append( value );
		}

		return this;
	},

	replaceWith: function( value ) {
		if ( this[0] && this[0].parentNode ) {
			// Make sure that the elements are removed from the DOM before they are inserted
			// this can help fix replacing a parent with child elements
			if ( jQuery.isFunction( value ) ) {
				return this.each(function(i) {
					var self = jQuery(this), old = self.html();
					self.replaceWith( value.call( this, i, old ) );
				});
			}

			if ( typeof value !== "string" ) {
				value = jQuery( value ).detach();
			}

			return this.each(function() {
				var next = this.nextSibling,
					parent = this.parentNode;

				jQuery( this ).remove();

				if ( next ) {
					jQuery(next).before( value );
				} else {
					jQuery(parent).append( value );
				}
			});
		} else {
			return this.length ?
				this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) :
				this;
		}
	},

	detach: function( selector ) {
		return this.remove( selector, true );
	},

	domManip: function( args, table, callback ) {
		var results, first, fragment, parent,
			value = args[0],
			scripts = [];

		// We can't cloneNode fragments that contain checked, in WebKit
		if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
			return this.each(function() {
				jQuery(this).domManip( args, table, callback, true );
			});
		}

		if ( jQuery.isFunction(value) ) {
			return this.each(function(i) {
				var self = jQuery(this);
				args[0] = value.call(this, i, table ? self.html() : undefined);
				self.domManip( args, table, callback );
			});
		}

		if ( this[0] ) {
			parent = value && value.parentNode;

			// If we're in a fragment, just use that instead of building a new one
			if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
				results = { fragment: parent };

			} else {
				results = jQuery.buildFragment( args, this, scripts );
			}

			fragment = results.fragment;

			if ( fragment.childNodes.length === 1 ) {
				first = fragment = fragment.firstChild;
			} else {
				first = fragment.firstChild;
			}

			if ( first ) {
				table = table && jQuery.nodeName( first, "tr" );

				for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
					callback.call(
						table ?
							root(this[i], first) :
							this[i],
						// Make sure that we do not leak memory by inadvertently discarding
						// the original fragment (which might have attached data) instead of
						// using it; in addition, use the original fragment object for the last
						// item instead of first because it can end up being emptied incorrectly
						// in certain situations (Bug #8070).
						// Fragments from the fragment cache must always be cloned and never used
						// in place.
						results.cacheable || ( l > 1 && i < lastIndex ) ?
							jQuery.clone( fragment, true, true ) :
							fragment
					);
				}
			}

			if ( scripts.length ) {
				jQuery.each( scripts, evalScript );
			}
		}

		return this;
	}
});

function root( elem, cur ) {
	return jQuery.nodeName(elem, "table") ?
		(elem.getElementsByTagName("tbody")[0] ||
		elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
		elem;
}

function cloneCopyEvent( src, dest ) {

	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
		return;
	}

	var type, i, l,
		oldData = jQuery._data( src ),
		curData = jQuery._data( dest, oldData ),
		events = oldData.events;

	if ( events ) {
		delete curData.handle;
		curData.events = {};

		for ( type in events ) {
			for ( i = 0, l = events[ type ].length; i < l; i++ ) {
				jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
			}
		}
	}

	// make the cloned public data object a copy from the original
	if ( curData.data ) {
		curData.data = jQuery.extend( {}, curData.data );
	}
}

function cloneFixAttributes( src, dest ) {
	var nodeName;

	// We do not need to do anything for non-Elements
	if ( dest.nodeType !== 1 ) {
		return;
	}

	// clearAttributes removes the attributes, which we don't want,
	// but also removes the attachEvent events, which we *do* want
	if ( dest.clearAttributes ) {
		dest.clearAttributes();
	}

	// mergeAttributes, in contrast, only merges back on the
	// original attributes, not the events
	if ( dest.mergeAttributes ) {
		dest.mergeAttributes( src );
	}

	nodeName = dest.nodeName.toLowerCase();

	// IE6-8 fail to clone children inside object elements that use
	// the proprietary classid attribute value (rather than the type
	// attribute) to identify the type of content to display
	if ( nodeName === "object" ) {
		dest.outerHTML = src.outerHTML;

	} else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
		// IE6-8 fails to persist the checked state of a cloned checkbox
		// or radio button. Worse, IE6-7 fail to give the cloned element
		// a checked appearance if the defaultChecked value isn't also set
		if ( src.checked ) {
			dest.defaultChecked = dest.checked = src.checked;
		}

		// IE6-7 get confused and end up setting the value of a cloned
		// checkbox/radio button to an empty string instead of "on"
		if ( dest.value !== src.value ) {
			dest.value = src.value;
		}

	// IE6-8 fails to return the selected option to the default selected
	// state when cloning options
	} else if ( nodeName === "option" ) {
		dest.selected = src.defaultSelected;

	// IE6-8 fails to set the defaultValue to the correct value when
	// cloning other types of input fields
	} else if ( nodeName === "input" || nodeName === "textarea" ) {
		dest.defaultValue = src.defaultValue;
	}

	// Event data gets referenced instead of copied if the expando
	// gets copied too
	dest.removeAttribute( jQuery.expando );
}

jQuery.buildFragment = function( args, nodes, scripts ) {
	var fragment, cacheable, cacheresults, doc,
	first = args[ 0 ];

	// nodes may contain either an explicit document object,
	// a jQuery collection or context object.
	// If nodes[0] contains a valid object to assign to doc
	if ( nodes && nodes[0] ) {
		doc = nodes[0].ownerDocument || nodes[0];
	}

	// Ensure that an attr object doesn't incorrectly stand in as a document object
	// Chrome and Firefox seem to allow this to occur and will throw exception
	// Fixes #8950
	if ( !doc.createDocumentFragment ) {
		doc = document;
	}

	// Only cache "small" (1/2 KB) HTML strings that are associated with the main document
	// Cloning options loses the selected state, so don't cache them
	// IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
	// Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
	// Lastly, IE6,7,8 will not correctly reuse cached fragments that were created from unknown elems #10501
	if ( args.length === 1 && typeof first === "string" && first.length < 512 && doc === document &&
		first.charAt(0) === "<" && !rnocache.test( first ) &&
		(jQuery.support.checkClone || !rchecked.test( first )) &&
		(jQuery.support.html5Clone || !rnoshimcache.test( first )) ) {

		cacheable = true;

		cacheresults = jQuery.fragments[ first ];
		if ( cacheresults && cacheresults !== 1 ) {
			fragment = cacheresults;
		}
	}

	if ( !fragment ) {
		fragment = doc.createDocumentFragment();
		jQuery.clean( args, doc, fragment, scripts );
	}

	if ( cacheable ) {
		jQuery.fragments[ first ] = cacheresults ? fragment : 1;
	}

	return { fragment: fragment, cacheable: cacheable };
};

jQuery.fragments = {};

jQuery.each({
	appendTo: "append",
	prependTo: "prepend",
	insertBefore: "before",
	insertAfter: "after",
	replaceAll: "replaceWith"
}, function( name, original ) {
	jQuery.fn[ name ] = function( selector ) {
		var ret = [],
			insert = jQuery( selector ),
			parent = this.length === 1 && this[0].parentNode;

		if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
			insert[ original ]( this[0] );
			return this;

		} else {
			for ( var i = 0, l = insert.length; i < l; i++ ) {
				var elems = ( i > 0 ? this.clone(true) : this ).get();
				jQuery( insert[i] )[ original ]( elems );
				ret = ret.concat( elems );
			}

			return this.pushStack( ret, name, insert.selector );
		}
	};
});

function getAll( elem ) {
	if ( typeof elem.getElementsByTagName !== "undefined" ) {
		return elem.getElementsByTagName( "*" );

	} else if ( typeof elem.querySelectorAll !== "undefined" ) {
		return elem.querySelectorAll( "*" );

	} else {
		return [];
	}
}

// Used in clean, fixes the defaultChecked property
function fixDefaultChecked( elem ) {
	if ( elem.type === "checkbox" || elem.type === "radio" ) {
		elem.defaultChecked = elem.checked;
	}
}
// Finds all inputs and passes them to fixDefaultChecked
function findInputs( elem ) {
	var nodeName = ( elem.nodeName || "" ).toLowerCase();
	if ( nodeName === "input" ) {
		fixDefaultChecked( elem );
	// Skip scripts, get other children
	} else if ( nodeName !== "script" && typeof elem.getElementsByTagName !== "undefined" ) {
		jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked );
	}
}

// Derived From: http://www.iecss.com/shimprove/javascript/shimprove.1-0-1.js
function shimCloneNode( elem ) {
	var div = document.createElement( "div" );
	safeFragment.appendChild( div );

	div.innerHTML = elem.outerHTML;
	return div.firstChild;
}

jQuery.extend({
	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
		var srcElements,
			destElements,
			i,
			// IE<=8 does not properly clone detached, unknown element nodes
			clone = jQuery.support.html5Clone || !rnoshimcache.test( "<" + elem.nodeName ) ?
				elem.cloneNode( true ) :
				shimCloneNode( elem );

		if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
			// IE copies events bound via attachEvent when using cloneNode.
			// Calling detachEvent on the clone will also remove the events
			// from the original. In order to get around this, we use some
			// proprietary methods to clear the events. Thanks to MooTools
			// guys for this hotness.

			cloneFixAttributes( elem, clone );

			// Using Sizzle here is crazy slow, so we use getElementsByTagName instead
			srcElements = getAll( elem );
			destElements = getAll( clone );

			// Weird iteration because IE will replace the length property
			// with an element if you are cloning the body and one of the
			// elements on the page has a name or id of "length"
			for ( i = 0; srcElements[i]; ++i ) {
				// Ensure that the destination node is not null; Fixes #9587
				if ( destElements[i] ) {
					cloneFixAttributes( srcElements[i], destElements[i] );
				}
			}
		}

		// Copy the events from the original to the clone
		if ( dataAndEvents ) {
			cloneCopyEvent( elem, clone );

			if ( deepDataAndEvents ) {
				srcElements = getAll( elem );
				destElements = getAll( clone );

				for ( i = 0; srcElements[i]; ++i ) {
					cloneCopyEvent( srcElements[i], destElements[i] );
				}
			}
		}

		srcElements = destElements = null;

		// Return the cloned set
		return clone;
	},

	clean: function( elems, context, fragment, scripts ) {
		var checkScriptType;

		context = context || document;

		// !context.createElement fails in IE with an error but returns typeof 'object'
		if ( typeof context.createElement === "undefined" ) {
			context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
		}

		var ret = [], j;

		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
			if ( typeof elem === "number" ) {
				elem += "";
			}

			if ( !elem ) {
				continue;
			}

			// Convert html string into DOM nodes
			if ( typeof elem === "string" ) {
				if ( !rhtml.test( elem ) ) {
					elem = context.createTextNode( elem );
				} else {
					// Fix "XHTML"-style tags in all browsers
					elem = elem.replace(rxhtmlTag, "<$1></$2>");

					// Trim whitespace, otherwise indexOf won't work as expected
					var tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase(),
						wrap = wrapMap[ tag ] || wrapMap._default,
						depth = wrap[0],
						div = context.createElement("div");

					// Append wrapper element to unknown element safe doc fragment
					if ( context === document ) {
						// Use the fragment we've already created for this document
						safeFragment.appendChild( div );
					} else {
						// Use a fragment created with the owner document
						createSafeFragment( context ).appendChild( div );
					}

					// Go to html and back, then peel off extra wrappers
					div.innerHTML = wrap[1] + elem + wrap[2];

					// Move to the right depth
					while ( depth-- ) {
						div = div.lastChild;
					}

					// Remove IE's autoinserted <tbody> from table fragments
					if ( !jQuery.support.tbody ) {

						// String was a <table>, *may* have spurious <tbody>
						var hasBody = rtbody.test(elem),
							tbody = tag === "table" && !hasBody ?
								div.firstChild && div.firstChild.childNodes :

								// String was a bare <thead> or <tfoot>
								wrap[1] === "<table>" && !hasBody ?
									div.childNodes :
									[];

						for ( j = tbody.length - 1; j >= 0 ; --j ) {
							if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
								tbody[ j ].parentNode.removeChild( tbody[ j ] );
							}
						}
					}

					// IE completely kills leading whitespace when innerHTML is used
					if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
						div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
					}

					elem = div.childNodes;
				}
			}

			// Resets defaultChecked for any radios and checkboxes
			// about to be appended to the DOM in IE 6/7 (#8060)
			var len;
			if ( !jQuery.support.appendChecked ) {
				if ( elem[0] && typeof (len = elem.length) === "number" ) {
					for ( j = 0; j < len; j++ ) {
						findInputs( elem[j] );
					}
				} else {
					findInputs( elem );
				}
			}

			if ( elem.nodeType ) {
				ret.push( elem );
			} else {
				ret = jQuery.merge( ret, elem );
			}
		}

		if ( fragment ) {
			checkScriptType = function( elem ) {
				return !elem.type || rscriptType.test( elem.type );
			};
			for ( i = 0; ret[i]; i++ ) {
				if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
					scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );

				} else {
					if ( ret[i].nodeType === 1 ) {
						var jsTags = jQuery.grep( ret[i].getElementsByTagName( "script" ), checkScriptType );

						ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
					}
					fragment.appendChild( ret[i] );
				}
			}
		}

		return ret;
	},

	cleanData: function( elems ) {
		var data, id,
			cache = jQuery.cache,
			special = jQuery.event.special,
			deleteExpando = jQuery.support.deleteExpando;

		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
			if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
				continue;
			}

			id = elem[ jQuery.expando ];

			if ( id ) {
				data = cache[ id ];

				if ( data && data.events ) {
					for ( var type in data.events ) {
						if ( special[ type ] ) {
							jQuery.event.remove( elem, type );

						// This is a shortcut to avoid jQuery.event.remove's overhead
						} else {
							jQuery.removeEvent( elem, type, data.handle );
						}
					}

					// Null the DOM reference to avoid IE6/7/8 leak (#7054)
					if ( data.handle ) {
						data.handle.elem = null;
					}
				}

				if ( deleteExpando ) {
					delete elem[ jQuery.expando ];

				} else if ( elem.removeAttribute ) {
					elem.removeAttribute( jQuery.expando );
				}

				delete cache[ id ];
			}
		}
	}
});

function evalScript( i, elem ) {
	if ( elem.src ) {
		jQuery.ajax({
			url: elem.src,
			async: false,
			dataType: "script"
		});
	} else {
		jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "/*$0*/" ) );
	}

	if ( elem.parentNode ) {
		elem.parentNode.removeChild( elem );
	}
}




var ralpha = /alpha\([^)]*\)/i,
	ropacity = /opacity=([^)]*)/,
	// fixed for IE9, see #8346
	rupper = /([A-Z]|^ms)/g,
	rnumpx = /^-?\d+(?:px)?$/i,
	rnum = /^-?\d/,
	rrelNum = /^([\-+])=([\-+.\de]+)/,

	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
	cssWidth = [ "Left", "Right" ],
	cssHeight = [ "Top", "Bottom" ],
	curCSS,

	getComputedStyle,
	currentStyle;

jQuery.fn.css = function( name, value ) {
	// Setting 'undefined' is a no-op
	if ( arguments.length === 2 && value === undefined ) {
		return this;
	}

	return jQuery.access( this, name, value, true, function( elem, name, value ) {
		return value !== undefined ?
			jQuery.style( elem, name, value ) :
			jQuery.css( elem, name );
	});
};

jQuery.extend({
	// Add in style property hooks for overriding the default
	// behavior of getting and setting a style property
	cssHooks: {
		opacity: {
			get: function( elem, computed ) {
				if ( computed ) {
					// We should always get a number back from opacity
					var ret = curCSS( elem, "opacity", "opacity" );
					return ret === "" ? "1" : ret;

				} else {
					return elem.style.opacity;
				}
			}
		}
	},

	// Exclude the following css properties to add px
	cssNumber: {
		"fillOpacity": true,
		"fontWeight": true,
		"lineHeight": true,
		"opacity": true,
		"orphans": true,
		"widows": true,
		"zIndex": true,
		"zoom": true
	},

	// Add in properties whose names you wish to fix before
	// setting or getting the value
	cssProps: {
		// normalize float css property
		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
	},

	// Get and set the style property on a DOM Node
	style: function( elem, name, value, extra ) {
		// Don't set styles on text and comment nodes
		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
			return;
		}

		// Make sure that we're working with the right name
		var ret, type, origName = jQuery.camelCase( name ),
			style = elem.style, hooks = jQuery.cssHooks[ origName ];

		name = jQuery.cssProps[ origName ] || origName;

		// Check if we're setting a value
		if ( value !== undefined ) {
			type = typeof value;

			// convert relative number strings (+= or -=) to relative numbers. #7345
			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
				value = ( +( ret[1] + 1) * +ret[2] ) + parseFloat( jQuery.css( elem, name ) );
				// Fixes bug #9237
				type = "number";
			}

			// Make sure that NaN and null values aren't set. See: #7116
			if ( value == null || type === "number" && isNaN( value ) ) {
				return;
			}

			// If a number was passed in, add 'px' to the (except for certain CSS properties)
			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
				value += "px";
			}

			// If a hook was provided, use that value, otherwise just set the specified value
			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
				// Fixes bug #5509
				try {
					style[ name ] = value;
				} catch(e) {}
			}

		} else {
			// If a hook was provided get the non-computed value from there
			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
				return ret;
			}

			// Otherwise just get the value from the style object
			return style[ name ];
		}
	},

	css: function( elem, name, extra ) {
		var ret, hooks;

		// Make sure that we're working with the right name
		name = jQuery.camelCase( name );
		hooks = jQuery.cssHooks[ name ];
		name = jQuery.cssProps[ name ] || name;

		// cssFloat needs a special treatment
		if ( name === "cssFloat" ) {
			name = "float";
		}

		// If a hook was provided get the computed value from there
		if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
			return ret;

		// Otherwise, if a way to get the computed value exists, use that
		} else if ( curCSS ) {
			return curCSS( elem, name );
		}
	},

	// A method for quickly swapping in/out CSS properties to get correct calculations
	swap: function( elem, options, callback ) {
		var old = {};

		// Remember the old values, and insert the new ones
		for ( var name in options ) {
			old[ name ] = elem.style[ name ];
			elem.style[ name ] = options[ name ];
		}

		callback.call( elem );

		// Revert the old values
		for ( name in options ) {
			elem.style[ name ] = old[ name ];
		}
	}
});

// DEPRECATED, Use jQuery.css() instead
jQuery.curCSS = jQuery.css;

jQuery.each(["height", "width"], function( i, name ) {
	jQuery.cssHooks[ name ] = {
		get: function( elem, computed, extra ) {
			var val;

			if ( computed ) {
				if ( elem.offsetWidth !== 0 ) {
					return getWH( elem, name, extra );
				} else {
					jQuery.swap( elem, cssShow, function() {
						val = getWH( elem, name, extra );
					});
				}

				return val;
			}
		},

		set: function( elem, value ) {
			if ( rnumpx.test( value ) ) {
				// ignore negative width and height values #1599
				value = parseFloat( value );

				if ( value >= 0 ) {
					return value + "px";
				}

			} else {
				return value;
			}
		}
	};
});

if ( !jQuery.support.opacity ) {
	jQuery.cssHooks.opacity = {
		get: function( elem, computed ) {
			// IE uses filters for opacity
			return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
				( parseFloat( RegExp.$1 ) / 100 ) + "" :
				computed ? "1" : "";
		},

		set: function( elem, value ) {
			var style = elem.style,
				currentStyle = elem.currentStyle,
				opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
				filter = currentStyle && currentStyle.filter || style.filter || "";

			// IE has trouble with opacity if it does not have layout
			// Force it by setting the zoom level
			style.zoom = 1;

			// if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
			if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" ) {

				// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
				// if "filter:" is present at all, clearType is disabled, we want to avoid this
				// style.removeAttribute is IE Only, but so apparently is this code path...
				style.removeAttribute( "filter" );

				// if there there is no filter style applied in a css rule, we are done
				if ( currentStyle && !currentStyle.filter ) {
					return;
				}
			}

			// otherwise, set new filter values
			style.filter = ralpha.test( filter ) ?
				filter.replace( ralpha, opacity ) :
				filter + " " + opacity;
		}
	};
}

jQuery(function() {
	// This hook cannot be added until DOM ready because the support test
	// for it is not run until after DOM ready
	if ( !jQuery.support.reliableMarginRight ) {
		jQuery.cssHooks.marginRight = {
			get: function( elem, computed ) {
				// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
				// Work around by temporarily setting element display to inline-block
				var ret;
				jQuery.swap( elem, { "display": "inline-block" }, function() {
					if ( computed ) {
						ret = curCSS( elem, "margin-right", "marginRight" );
					} else {
						ret = elem.style.marginRight;
					}
				});
				return ret;
			}
		};
	}
});

if ( document.defaultView && document.defaultView.getComputedStyle ) {
	getComputedStyle = function( elem, name ) {
		var ret, defaultView, computedStyle;

		name = name.replace( rupper, "-$1" ).toLowerCase();

		if ( (defaultView = elem.ownerDocument.defaultView) &&
				(computedStyle = defaultView.getComputedStyle( elem, null )) ) {
			ret = computedStyle.getPropertyValue( name );
			if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
				ret = jQuery.style( elem, name );
			}
		}

		return ret;
	};
}

if ( document.documentElement.currentStyle ) {
	currentStyle = function( elem, name ) {
		var left, rsLeft, uncomputed,
			ret = elem.currentStyle && elem.currentStyle[ name ],
			style = elem.style;

		// Avoid setting ret to empty string here
		// so we don't default to auto
		if ( ret === null && style && (uncomputed = style[ name ]) ) {
			ret = uncomputed;
		}

		// From the awesome hack by Dean Edwards
		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291

		// If we're not dealing with a regular pixel number
		// but a number that has a weird ending, we need to convert it to pixels
		if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {

			// Remember the original values
			left = style.left;
			rsLeft = elem.runtimeStyle && elem.runtimeStyle.left;

			// Put in the new values to get a computed value out
			if ( rsLeft ) {
				elem.runtimeStyle.left = elem.currentStyle.left;
			}
			style.left = name === "fontSize" ? "1em" : ( ret || 0 );
			ret = style.pixelLeft + "px";

			// Revert the changed values
			style.left = left;
			if ( rsLeft ) {
				elem.runtimeStyle.left = rsLeft;
			}
		}

		return ret === "" ? "auto" : ret;
	};
}

curCSS = getComputedStyle || currentStyle;

function getWH( elem, name, extra ) {

	// Start with offset property
	var val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
		which = name === "width" ? cssWidth : cssHeight,
		i = 0,
		len = which.length;

	if ( val > 0 ) {
		if ( extra !== "border" ) {
			for ( ; i < len; i++ ) {
				if ( !extra ) {
					val -= parseFloat( jQuery.css( elem, "padding" + which[ i ] ) ) || 0;
				}
				if ( extra === "margin" ) {
					val += parseFloat( jQuery.css( elem, extra + which[ i ] ) ) || 0;
				} else {
					val -= parseFloat( jQuery.css( elem, "border" + which[ i ] + "Width" ) ) || 0;
				}
			}
		}

		return val + "px";
	}

	// Fall back to computed then uncomputed css if necessary
	val = curCSS( elem, name, name );
	if ( val < 0 || val == null ) {
		val = elem.style[ name ] || 0;
	}
	// Normalize "", auto, and prepare for extra
	val = parseFloat( val ) || 0;

	// Add padding, border, margin
	if ( extra ) {
		for ( ; i < len; i++ ) {
			val += parseFloat( jQuery.css( elem, "padding" + which[ i ] ) ) || 0;
			if ( extra !== "padding" ) {
				val += parseFloat( jQuery.css( elem, "border" + which[ i ] + "Width" ) ) || 0;
			}
			if ( extra === "margin" ) {
				val += parseFloat( jQuery.css( elem, extra + which[ i ] ) ) || 0;
			}
		}
	}

	return val + "px";
}

if ( jQuery.expr && jQuery.expr.filters ) {
	jQuery.expr.filters.hidden = function( elem ) {
		var width = elem.offsetWidth,
			height = elem.offsetHeight;

		return ( width === 0 && height === 0 ) || (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
	};

	jQuery.expr.filters.visible = function( elem ) {
		return !jQuery.expr.filters.hidden( elem );
	};
}




var r20 = /%20/g,
	rbracket = /\[\]$/,
	rCRLF = /\r?\n/g,
	rhash = /#.*$/,
	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
	rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
	// #7653, #8125, #8152: local protocol detection
	rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,
	rnoContent = /^(?:GET|HEAD)$/,
	rprotocol = /^\/\//,
	rquery = /\?/,
	rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
	rselectTextarea = /^(?:select|textarea)/i,
	rspacesAjax = /\s+/,
	rts = /([?&])_=[^&]*/,
	rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,

	// Keep a copy of the old load method
	_load = jQuery.fn.load,

	/* Prefilters
	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
	 * 2) These are called:
	 *    - BEFORE asking for a transport
	 *    - AFTER param serialization (s.data is a string if s.processData is true)
	 * 3) key is the dataType
	 * 4) the catchall symbol "*" can be used
	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
	 */
	prefilters = {},

	/* Transports bindings
	 * 1) key is the dataType
	 * 2) the catchall symbol "*" can be used
	 * 3) selection will start with transport dataType and THEN go to "*" if needed
	 */
	transports = {},

	// Document location
	ajaxLocation,

	// Document location segments
	ajaxLocParts,

	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
	allTypes = ["*/"] + ["*"];

// #8138, IE may throw an exception when accessing
// a field from window.location if document.domain has been set
try {
	ajaxLocation = location.href;
} catch( e ) {
	// Use the href attribute of an A element
	// since IE will modify it given document.location
	ajaxLocation = document.createElement( "a" );
	ajaxLocation.href = "";
	ajaxLocation = ajaxLocation.href;
}

// Segment location into parts
ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];

// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
function addToPrefiltersOrTransports( structure ) {

	// dataTypeExpression is optional and defaults to "*"
	return function( dataTypeExpression, func ) {

		if ( typeof dataTypeExpression !== "string" ) {
			func = dataTypeExpression;
			dataTypeExpression = "*";
		}

		if ( jQuery.isFunction( func ) ) {
			var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
				i = 0,
				length = dataTypes.length,
				dataType,
				list,
				placeBefore;

			// For each dataType in the dataTypeExpression
			for ( ; i < length; i++ ) {
				dataType = dataTypes[ i ];
				// We control if we're asked to add before
				// any existing element
				placeBefore = /^\+/.test( dataType );
				if ( placeBefore ) {
					dataType = dataType.substr( 1 ) || "*";
				}
				list = structure[ dataType ] = structure[ dataType ] || [];
				// then we add to the structure accordingly
				list[ placeBefore ? "unshift" : "push" ]( func );
			}
		}
	};
}

// Base inspection function for prefilters and transports
function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
		dataType /* internal */, inspected /* internal */ ) {

	dataType = dataType || options.dataTypes[ 0 ];
	inspected = inspected || {};

	inspected[ dataType ] = true;

	var list = structure[ dataType ],
		i = 0,
		length = list ? list.length : 0,
		executeOnly = ( structure === prefilters ),
		selection;

	for ( ; i < length && ( executeOnly || !selection ); i++ ) {
		selection = list[ i ]( options, originalOptions, jqXHR );
		// If we got redirected to another dataType
		// we try there if executing only and not done already
		if ( typeof selection === "string" ) {
			if ( !executeOnly || inspected[ selection ] ) {
				selection = undefined;
			} else {
				options.dataTypes.unshift( selection );
				selection = inspectPrefiltersOrTransports(
						structure, options, originalOptions, jqXHR, selection, inspected );
			}
		}
	}
	// If we're only executing or nothing was selected
	// we try the catchall dataType if not done already
	if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
		selection = inspectPrefiltersOrTransports(
				structure, options, originalOptions, jqXHR, "*", inspected );
	}
	// unnecessary when only executing (prefilters)
	// but it'll be ignored by the caller in that case
	return selection;
}

// A special extend for ajax options
// that takes "flat" options (not to be deep extended)
// Fixes #9887
function ajaxExtend( target, src ) {
	var key, deep,
		flatOptions = jQuery.ajaxSettings.flatOptions || {};
	for ( key in src ) {
		if ( src[ key ] !== undefined ) {
			( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
		}
	}
	if ( deep ) {
		jQuery.extend( true, target, deep );
	}
}

jQuery.fn.extend({
	load: function( url, params, callback ) {
		if ( typeof url !== "string" && _load ) {
			return _load.apply( this, arguments );

		// Don't do a request if no elements are being requested
		} else if ( !this.length ) {
			return this;
		}

		var off = url.indexOf( " " );
		if ( off >= 0 ) {
			var selector = url.slice( off, url.length );
			url = url.slice( 0, off );
		}

		// Default to a GET request
		var type = "GET";

		// If the second parameter was provided
		if ( params ) {
			// If it's a function
			if ( jQuery.isFunction( params ) ) {
				// We assume that it's the callback
				callback = params;
				params = undefined;

			// Otherwise, build a param string
			} else if ( typeof params === "object" ) {
				params = jQuery.param( params, jQuery.ajaxSettings.traditional );
				type = "POST";
			}
		}

		var self = this;

		// Request the remote document
		jQuery.ajax({
			url: url,
			type: type,
			dataType: "html",
			data: params,
			// Complete callback (responseText is used internally)
			complete: function( jqXHR, status, responseText ) {
				// Store the response as specified by the jqXHR object
				responseText = jqXHR.responseText;
				// If successful, inject the HTML into all the matched elements
				if ( jqXHR.isResolved() ) {
					// #4825: Get the actual response in case
					// a dataFilter is present in ajaxSettings
					jqXHR.done(function( r ) {
						responseText = r;
					});
					// See if a selector was specified
					self.html( selector ?
						// Create a dummy div to hold the results
						jQuery("<div>")
							// inject the contents of the document in, removing the scripts
							// to avoid any 'Permission Denied' errors in IE
							.append(responseText.replace(rscript, ""))

							// Locate the specified elements
							.find(selector) :

						// If not, just inject the full result
						responseText );
				}

				if ( callback ) {
					self.each( callback, [ responseText, status, jqXHR ] );
				}
			}
		});

		return this;
	},

	serialize: function() {
		return jQuery.param( this.serializeArray() );
	},

	serializeArray: function() {
		return this.map(function(){
			return this.elements ? jQuery.makeArray( this.elements ) : this;
		})
		.filter(function(){
			return this.name && !this.disabled &&
				( this.checked || rselectTextarea.test( this.nodeName ) ||
					rinput.test( this.type ) );
		})
		.map(function( i, elem ){
			var val = jQuery( this ).val();

			return val == null ?
				null :
				jQuery.isArray( val ) ?
					jQuery.map( val, function( val, i ){
						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
					}) :
					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
		}).get();
	}
});

// Attach a bunch of functions for handling common AJAX events
jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
	jQuery.fn[ o ] = function( f ){
		return this.on( o, f );
	};
});

jQuery.each( [ "get", "post" ], function( i, method ) {
	jQuery[ method ] = function( url, data, callback, type ) {
		// shift arguments if data argument was omitted
		if ( jQuery.isFunction( data ) ) {
			type = type || callback;
			callback = data;
			data = undefined;
		}

		return jQuery.ajax({
			type: method,
			url: url,
			data: data,
			success: callback,
			dataType: type
		});
	};
});

jQuery.extend({

	getScript: function( url, callback ) {
		return jQuery.get( url, undefined, callback, "script" );
	},

	getJSON: function( url, data, callback ) {
		return jQuery.get( url, data, callback, "json" );
	},

	// Creates a full fledged settings object into target
	// with both ajaxSettings and settings fields.
	// If target is omitted, writes into ajaxSettings.
	ajaxSetup: function( target, settings ) {
		if ( settings ) {
			// Building a settings object
			ajaxExtend( target, jQuery.ajaxSettings );
		} else {
			// Extending ajaxSettings
			settings = target;
			target = jQuery.ajaxSettings;
		}
		ajaxExtend( target, settings );
		return target;
	},

	ajaxSettings: {
		url: ajaxLocation,
		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
		global: true,
		type: "GET",
		contentType: "application/x-www-form-urlencoded",
		processData: true,
		async: true,
		/*
		timeout: 0,
		data: null,
		dataType: null,
		username: null,
		password: null,
		cache: null,
		traditional: false,
		headers: {},
		*/

		accepts: {
			xml: "application/xml, text/xml",
			html: "text/html",
			text: "text/plain",
			json: "application/json, text/javascript",
			"*": allTypes
		},

		contents: {
			xml: /xml/,
			html: /html/,
			json: /json/
		},

		responseFields: {
			xml: "responseXML",
			text: "responseText"
		},

		// List of data converters
		// 1) key format is "source_type destination_type" (a single space in-between)
		// 2) the catchall symbol "*" can be used for source_type
		converters: {

			// Convert anything to text
			"* text": window.String,

			// Text to html (true = no transformation)
			"text html": true,

			// Evaluate text as a json expression
			"text json": jQuery.parseJSON,

			// Parse text as xml
			"text xml": jQuery.parseXML
		},

		// For options that shouldn't be deep extended:
		// you can add your own custom options here if
		// and when you create one that shouldn't be
		// deep extended (see ajaxExtend)
		flatOptions: {
			context: true,
			url: true
		}
	},

	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
	ajaxTransport: addToPrefiltersOrTransports( transports ),

	// Main method
	ajax: function( url, options ) {

		// If url is an object, simulate pre-1.5 signature
		if ( typeof url === "object" ) {
			options = url;
			url = undefined;
		}

		// Force options to be an object
		options = options || {};

		var // Create the final options object
			s = jQuery.ajaxSetup( {}, options ),
			// Callbacks context
			callbackContext = s.context || s,
			// Context for global events
			// It's the callbackContext if one was provided in the options
			// and if it's a DOM node or a jQuery collection
			globalEventContext = callbackContext !== s &&
				( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
						jQuery( callbackContext ) : jQuery.event,
			// Deferreds
			deferred = jQuery.Deferred(),
			completeDeferred = jQuery.Callbacks( "once memory" ),
			// Status-dependent callbacks
			statusCode = s.statusCode || {},
			// ifModified key
			ifModifiedKey,
			// Headers (they are sent all at once)
			requestHeaders = {},
			requestHeadersNames = {},
			// Response headers
			responseHeadersString,
			responseHeaders,
			// transport
			transport,
			// timeout handle
			timeoutTimer,
			// Cross-domain detection vars
			parts,
			// The jqXHR state
			state = 0,
			// To know if global events are to be dispatched
			fireGlobals,
			// Loop variable
			i,
			// Fake xhr
			jqXHR = {

				readyState: 0,

				// Caches the header
				setRequestHeader: function( name, value ) {
					if ( !state ) {
						var lname = name.toLowerCase();
						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
						requestHeaders[ name ] = value;
					}
					return this;
				},

				// Raw string
				getAllResponseHeaders: function() {
					return state === 2 ? responseHeadersString : null;
				},

				// Builds headers hashtable if needed
				getResponseHeader: function( key ) {
					var match;
					if ( state === 2 ) {
						if ( !responseHeaders ) {
							responseHeaders = {};
							while( ( match = rheaders.exec( responseHeadersString ) ) ) {
								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
							}
						}
						match = responseHeaders[ key.toLowerCase() ];
					}
					return match === undefined ? null : match;
				},

				// Overrides response content-type header
				overrideMimeType: function( type ) {
					if ( !state ) {
						s.mimeType = type;
					}
					return this;
				},

				// Cancel the request
				abort: function( statusText ) {
					statusText = statusText || "abort";
					if ( transport ) {
						transport.abort( statusText );
					}
					done( 0, statusText );
					return this;
				}
			};

		// Callback for when everything is done
		// It is defined here because jslint complains if it is declared
		// at the end of the function (which would be more logical and readable)
		function done( status, nativeStatusText, responses, headers ) {

			// Called once
			if ( state === 2 ) {
				return;
			}

			// State is "done" now
			state = 2;

			// Clear timeout if it exists
			if ( timeoutTimer ) {
				clearTimeout( timeoutTimer );
			}

			// Dereference transport for early garbage collection
			// (no matter how long the jqXHR object will be used)
			transport = undefined;

			// Cache response headers
			responseHeadersString = headers || "";

			// Set readyState
			jqXHR.readyState = status > 0 ? 4 : 0;

			var isSuccess,
				success,
				error,
				statusText = nativeStatusText,
				response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
				lastModified,
				etag;

			// If successful, handle type chaining
			if ( status >= 200 && status < 300 || status === 304 ) {

				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
				if ( s.ifModified ) {

					if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
						jQuery.lastModified[ ifModifiedKey ] = lastModified;
					}
					if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
						jQuery.etag[ ifModifiedKey ] = etag;
					}
				}

				// If not modified
				if ( status === 304 ) {

					statusText = "notmodified";
					isSuccess = true;

				// If we have data
				} else {

					try {
						success = ajaxConvert( s, response );
						statusText = "success";
						isSuccess = true;
					} catch(e) {
						// We have a parsererror
						statusText = "parsererror";
						error = e;
					}
				}
			} else {
				// We extract error from statusText
				// then normalize statusText and status for non-aborts
				error = statusText;
				if ( !statusText || status ) {
					statusText = "error";
					if ( status < 0 ) {
						status = 0;
					}
				}
			}

			// Set data for the fake xhr object
			jqXHR.status = status;
			jqXHR.statusText = "" + ( nativeStatusText || statusText );

			// Success/Error
			if ( isSuccess ) {
				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
			} else {
				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
			}

			// Status-dependent callbacks
			jqXHR.statusCode( statusCode );
			statusCode = undefined;

			if ( fireGlobals ) {
				globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
						[ jqXHR, s, isSuccess ? success : error ] );
			}

			// Complete
			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );

			if ( fireGlobals ) {
				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
				// Handle the global AJAX counter
				if ( !( --jQuery.active ) ) {
					jQuery.event.trigger( "ajaxStop" );
				}
			}
		}

		// Attach deferreds
		deferred.promise( jqXHR );
		jqXHR.success = jqXHR.done;
		jqXHR.error = jqXHR.fail;
		jqXHR.complete = completeDeferred.add;

		// Status-dependent callbacks
		jqXHR.statusCode = function( map ) {
			if ( map ) {
				var tmp;
				if ( state < 2 ) {
					for ( tmp in map ) {
						statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
					}
				} else {
					tmp = map[ jqXHR.status ];
					jqXHR.then( tmp, tmp );
				}
			}
			return this;
		};

		// Remove hash character (#7531: and string promotion)
		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
		// We also use the url parameter if available
		s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );

		// Extract dataTypes list
		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );

		// Determine if a cross-domain request is in order
		if ( s.crossDomain == null ) {
			parts = rurl.exec( s.url.toLowerCase() );
			s.crossDomain = !!( parts &&
				( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
			);
		}

		// Convert data if not already a string
		if ( s.data && s.processData && typeof s.data !== "string" ) {
			s.data = jQuery.param( s.data, s.traditional );
		}

		// Apply prefilters
		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );

		// If request was aborted inside a prefiler, stop there
		if ( state === 2 ) {
			return false;
		}

		// We can fire global events as of now if asked to
		fireGlobals = s.global;

		// Uppercase the type
		s.type = s.type.toUpperCase();

		// Determine if request has content
		s.hasContent = !rnoContent.test( s.type );

		// Watch for a new set of requests
		if ( fireGlobals && jQuery.active++ === 0 ) {
			jQuery.event.trigger( "ajaxStart" );
		}

		// More options handling for requests with no content
		if ( !s.hasContent ) {

			// If data is available, append data to url
			if ( s.data ) {
				s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
				// #9682: remove data so that it's not used in an eventual retry
				delete s.data;
			}

			// Get ifModifiedKey before adding the anti-cache parameter
			ifModifiedKey = s.url;

			// Add anti-cache in url if needed
			if ( s.cache === false ) {

				var ts = jQuery.now(),
					// try replacing _= if it is there
					ret = s.url.replace( rts, "$1_=" + ts );

				// if nothing was replaced, add timestamp to the end
				s.url = ret + ( ( ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
			}
		}

		// Set the correct header, if data is being sent
		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
			jqXHR.setRequestHeader( "Content-Type", s.contentType );
		}

		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
		if ( s.ifModified ) {
			ifModifiedKey = ifModifiedKey || s.url;
			if ( jQuery.lastModified[ ifModifiedKey ] ) {
				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ ifModifiedKey ] );
			}
			if ( jQuery.etag[ ifModifiedKey ] ) {
				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ ifModifiedKey ] );
			}
		}

		// Set the Accepts header for the server, depending on the dataType
		jqXHR.setRequestHeader(
			"Accept",
			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
				s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
				s.accepts[ "*" ]
		);

		// Check for headers option
		for ( i in s.headers ) {
			jqXHR.setRequestHeader( i, s.headers[ i ] );
		}

		// Allow custom headers/mimetypes and early abort
		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
				// Abort if not done already
				jqXHR.abort();
				return false;

		}

		// Install callbacks on deferreds
		for ( i in { success: 1, error: 1, complete: 1 } ) {
			jqXHR[ i ]( s[ i ] );
		}

		// Get transport
		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );

		// If no transport, we auto-abort
		if ( !transport ) {
			done( -1, "No Transport" );
		} else {
			jqXHR.readyState = 1;
			// Send global event
			if ( fireGlobals ) {
				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
			}
			// Timeout
			if ( s.async && s.timeout > 0 ) {
				timeoutTimer = setTimeout( function(){
					jqXHR.abort( "timeout" );
				}, s.timeout );
			}

			try {
				state = 1;
				transport.send( requestHeaders, done );
			} catch (e) {
				// Propagate exception as error if not done
				if ( state < 2 ) {
					done( -1, e );
				// Simply rethrow otherwise
				} else {
					throw e;
				}
			}
		}

		return jqXHR;
	},

	// Serialize an array of form elements or a set of
	// key/values into a query string
	param: function( a, traditional ) {
		var s = [],
			add = function( key, value ) {
				// If value is a function, invoke it and return its value
				value = jQuery.isFunction( value ) ? value() : value;
				s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
			};

		// Set traditional to true for jQuery <= 1.3.2 behavior.
		if ( traditional === undefined ) {
			traditional = jQuery.ajaxSettings.traditional;
		}

		// If an array was passed in, assume that it is an array of form elements.
		if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
			// Serialize the form elements
			jQuery.each( a, function() {
				add( this.name, this.value );
			});

		} else {
			// If traditional, encode the "old" way (the way 1.3.2 or older
			// did it), otherwise encode params recursively.
			for ( var prefix in a ) {
				buildParams( prefix, a[ prefix ], traditional, add );
			}
		}

		// Return the resulting serialization
		return s.join( "&" ).replace( r20, "+" );
	}
});

function buildParams( prefix, obj, traditional, add ) {
	if ( jQuery.isArray( obj ) ) {
		// Serialize array item.
		jQuery.each( obj, function( i, v ) {
			if ( traditional || rbracket.test( prefix ) ) {
				// Treat each array item as a scalar.
				add( prefix, v );

			} else {
				// If array item is non-scalar (array or object), encode its
				// numeric index to resolve deserialization ambiguity issues.
				// Note that rack (as of 1.0.0) can't currently deserialize
				// nested arrays properly, and attempting to do so may cause
				// a server error. Possible fixes are to modify rack's
				// deserialization algorithm or to provide an option or flag
				// to force array serialization to be shallow.
				buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
			}
		});

	} else if ( !traditional && obj != null && typeof obj === "object" ) {
		// Serialize object item.
		for ( var name in obj ) {
			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
		}

	} else {
		// Serialize scalar item.
		add( prefix, obj );
	}
}

// This is still on the jQuery object... for now
// Want to move this to jQuery.ajax some day
jQuery.extend({

	// Counter for holding the number of active queries
	active: 0,

	// Last-Modified header cache for next request
	lastModified: {},
	etag: {}

});

/* Handles responses to an ajax request:
 * - sets all responseXXX fields accordingly
 * - finds the right dataType (mediates between content-type and expected dataType)
 * - returns the corresponding response
 */
function ajaxHandleResponses( s, jqXHR, responses ) {

	var contents = s.contents,
		dataTypes = s.dataTypes,
		responseFields = s.responseFields,
		ct,
		type,
		finalDataType,
		firstDataType;

	// Fill responseXXX fields
	for ( type in responseFields ) {
		if ( type in responses ) {
			jqXHR[ responseFields[type] ] = responses[ type ];
		}
	}

	// Remove auto dataType and get content-type in the process
	while( dataTypes[ 0 ] === "*" ) {
		dataTypes.shift();
		if ( ct === undefined ) {
			ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
		}
	}

	// Check if we're dealing with a known content-type
	if ( ct ) {
		for ( type in contents ) {
			if ( contents[ type ] && contents[ type ].test( ct ) ) {
				dataTypes.unshift( type );
				break;
			}
		}
	}

	// Check to see if we have a response for the expected dataType
	if ( dataTypes[ 0 ] in responses ) {
		finalDataType = dataTypes[ 0 ];
	} else {
		// Try convertible dataTypes
		for ( type in responses ) {
			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
				finalDataType = type;
				break;
			}
			if ( !firstDataType ) {
				firstDataType = type;
			}
		}
		// Or just use first one
		finalDataType = finalDataType || firstDataType;
	}

	// If we found a dataType
	// We add the dataType to the list if needed
	// and return the corresponding response
	if ( finalDataType ) {
		if ( finalDataType !== dataTypes[ 0 ] ) {
			dataTypes.unshift( finalDataType );
		}
		return responses[ finalDataType ];
	}
}

// Chain conversions given the request and the original response
function ajaxConvert( s, response ) {

	// Apply the dataFilter if provided
	if ( s.dataFilter ) {
		response = s.dataFilter( response, s.dataType );
	}

	var dataTypes = s.dataTypes,
		converters = {},
		i,
		key,
		length = dataTypes.length,
		tmp,
		// Current and previous dataTypes
		current = dataTypes[ 0 ],
		prev,
		// Conversion expression
		conversion,
		// Conversion function
		conv,
		// Conversion functions (transitive conversion)
		conv1,
		conv2;

	// For each dataType in the chain
	for ( i = 1; i < length; i++ ) {

		// Create converters map
		// with lowercased keys
		if ( i === 1 ) {
			for ( key in s.converters ) {
				if ( typeof key === "string" ) {
					converters[ key.toLowerCase() ] = s.converters[ key ];
				}
			}
		}

		// Get the dataTypes
		prev = current;
		current = dataTypes[ i ];

		// If current is auto dataType, update it to prev
		if ( current === "*" ) {
			current = prev;
		// If no auto and dataTypes are actually different
		} else if ( prev !== "*" && prev !== current ) {

			// Get the converter
			conversion = prev + " " + current;
			conv = converters[ conversion ] || converters[ "* " + current ];

			// If there is no direct converter, search transitively
			if ( !conv ) {
				conv2 = undefined;
				for ( conv1 in converters ) {
					tmp = conv1.split( " " );
					if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
						conv2 = converters[ tmp[1] + " " + current ];
						if ( conv2 ) {
							conv1 = converters[ conv1 ];
							if ( conv1 === true ) {
								conv = conv2;
							} else if ( conv2 === true ) {
								conv = conv1;
							}
							break;
						}
					}
				}
			}
			// If we found no converter, dispatch an error
			if ( !( conv || conv2 ) ) {
				jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
			}
			// If found converter is not an equivalence
			if ( conv !== true ) {
				// Convert with 1 or 2 converters accordingly
				response = conv ? conv( response ) : conv2( conv1(response) );
			}
		}
	}
	return response;
}




var jsc = jQuery.now(),
	jsre = /(\=)\?(&|$)|\?\?/i;

// Default jsonp settings
jQuery.ajaxSetup({
	jsonp: "callback",
	jsonpCallback: function() {
		return jQuery.expando + "_" + ( jsc++ );
	}
});

// Detect, normalize options and install callbacks for jsonp requests
jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {

	var inspectData = s.contentType === "application/x-www-form-urlencoded" &&
		( typeof s.data === "string" );

	if ( s.dataTypes[ 0 ] === "jsonp" ||
		s.jsonp !== false && ( jsre.test( s.url ) ||
				inspectData && jsre.test( s.data ) ) ) {

		var responseContainer,
			jsonpCallback = s.jsonpCallback =
				jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
			previous = window[ jsonpCallback ],
			url = s.url,
			data = s.data,
			replace = "$1" + jsonpCallback + "$2";

		if ( s.jsonp !== false ) {
			url = url.replace( jsre, replace );
			if ( s.url === url ) {
				if ( inspectData ) {
					data = data.replace( jsre, replace );
				}
				if ( s.data === data ) {
					// Add callback manually
					url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
				}
			}
		}

		s.url = url;
		s.data = data;

		// Install callback
		window[ jsonpCallback ] = function( response ) {
			responseContainer = [ response ];
		};

		// Clean-up function
		jqXHR.always(function() {
			// Set callback back to previous value
			window[ jsonpCallback ] = previous;
			// Call if it was a function and we have a response
			if ( responseContainer && jQuery.isFunction( previous ) ) {
				window[ jsonpCallback ]( responseContainer[ 0 ] );
			}
		});

		// Use data converter to retrieve json after script execution
		s.converters["script json"] = function() {
			if ( !responseContainer ) {
				jQuery.error( jsonpCallback + " was not called" );
			}
			return responseContainer[ 0 ];
		};

		// force json dataType
		s.dataTypes[ 0 ] = "json";

		// Delegate to script
		return "script";
	}
});




// Install script dataType
jQuery.ajaxSetup({
	accepts: {
		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
	},
	contents: {
		script: /javascript|ecmascript/
	},
	converters: {
		"text script": function( text ) {
			jQuery.globalEval( text );
			return text;
		}
	}
});

// Handle cache's special case and global
jQuery.ajaxPrefilter( "script", function( s ) {
	if ( s.cache === undefined ) {
		s.cache = false;
	}
	if ( s.crossDomain ) {
		s.type = "GET";
		s.global = false;
	}
});

// Bind script tag hack transport
jQuery.ajaxTransport( "script", function(s) {

	// This transport only deals with cross domain requests
	if ( s.crossDomain ) {

		var script,
			head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;

		return {

			send: function( _, callback ) {

				script = document.createElement( "script" );

				script.async = "async";

				if ( s.scriptCharset ) {
					script.charset = s.scriptCharset;
				}

				script.src = s.url;

				// Attach handlers for all browsers
				script.onload = script.onreadystatechange = function( _, isAbort ) {

					if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {

						// Handle memory leak in IE
						script.onload = script.onreadystatechange = null;

						// Remove the script
						if ( head && script.parentNode ) {
							head.removeChild( script );
						}

						// Dereference the script
						script = undefined;

						// Callback if not abort
						if ( !isAbort ) {
							callback( 200, "success" );
						}
					}
				};
				// Use insertBefore instead of appendChild  to circumvent an IE6 bug.
				// This arises when a base node is used (#2709 and #4378).
				head.insertBefore( script, head.firstChild );
			},

			abort: function() {
				if ( script ) {
					script.onload( 0, 1 );
				}
			}
		};
	}
});




var // #5280: Internet Explorer will keep connections alive if we don't abort on unload
	xhrOnUnloadAbort = window.ActiveXObject ? function() {
		// Abort all pending requests
		for ( var key in xhrCallbacks ) {
			xhrCallbacks[ key ]( 0, 1 );
		}
	} : false,
	xhrId = 0,
	xhrCallbacks;

// Functions to create xhrs
function createStandardXHR() {
	try {
		return new window.XMLHttpRequest();
	} catch( e ) {}
}

function createActiveXHR() {
	try {
		return new window.ActiveXObject( "Microsoft.XMLHTTP" );
	} catch( e ) {}
}

// Create the request object
// (This is still attached to ajaxSettings for backward compatibility)
jQuery.ajaxSettings.xhr = window.ActiveXObject ?
	/* Microsoft failed to properly
	 * implement the XMLHttpRequest in IE7 (can't request local files),
	 * so we use the ActiveXObject when it is available
	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
	 * we need a fallback.
	 */
	function() {
		return !this.isLocal && createStandardXHR() || createActiveXHR();
	} :
	// For all other browsers, use the standard XMLHttpRequest object
	createStandardXHR;

// Determine support properties
(function( xhr ) {
	jQuery.extend( jQuery.support, {
		ajax: !!xhr,
		cors: !!xhr && ( "withCredentials" in xhr )
	});
})( jQuery.ajaxSettings.xhr() );

// Create transport if the browser can provide an xhr
if ( jQuery.support.ajax ) {

	jQuery.ajaxTransport(function( s ) {
		// Cross domain only allowed if supported through XMLHttpRequest
		if ( !s.crossDomain || jQuery.support.cors ) {

			var callback;

			return {
				send: function( headers, complete ) {

					// Get a new xhr
					var xhr = s.xhr(),
						handle,
						i;

					// Open the socket
					// Passing null username, generates a login popup on Opera (#2865)
					if ( s.username ) {
						xhr.open( s.type, s.url, s.async, s.username, s.password );
					} else {
						xhr.open( s.type, s.url, s.async );
					}

					// Apply custom fields if provided
					if ( s.xhrFields ) {
						for ( i in s.xhrFields ) {
							xhr[ i ] = s.xhrFields[ i ];
						}
					}

					// Override mime type if needed
					if ( s.mimeType && xhr.overrideMimeType ) {
						xhr.overrideMimeType( s.mimeType );
					}

					// X-Requested-With header
					// For cross-domain requests, seeing as conditions for a preflight are
					// akin to a jigsaw puzzle, we simply never set it to be sure.
					// (it can always be set on a per-request basis or even using ajaxSetup)
					// For same-domain requests, won't change header if already provided.
					if ( !s.crossDomain && !headers["X-Requested-With"] ) {
						headers[ "X-Requested-With" ] = "XMLHttpRequest";
					}

					// Need an extra try/catch for cross domain requests in Firefox 3
					try {
						for ( i in headers ) {
							xhr.setRequestHeader( i, headers[ i ] );
						}
					} catch( _ ) {}

					// Do send the request
					// This may raise an exception which is actually
					// handled in jQuery.ajax (so no try/catch here)
					xhr.send( ( s.hasContent && s.data ) || null );

					// Listener
					callback = function( _, isAbort ) {

						var status,
							statusText,
							responseHeaders,
							responses,
							xml;

						// Firefox throws exceptions when accessing properties
						// of an xhr when a network error occured
						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
						try {

							// Was never called and is aborted or complete
							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {

								// Only called once
								callback = undefined;

								// Do not keep as active anymore
								if ( handle ) {
									xhr.onreadystatechange = jQuery.noop;
									if ( xhrOnUnloadAbort ) {
										delete xhrCallbacks[ handle ];
									}
								}

								// If it's an abort
								if ( isAbort ) {
									// Abort it manually if needed
									if ( xhr.readyState !== 4 ) {
										xhr.abort();
									}
								} else {
									status = xhr.status;
									responseHeaders = xhr.getAllResponseHeaders();
									responses = {};
									xml = xhr.responseXML;

									// Construct response list
									if ( xml && xml.documentElement /* #4958 */ ) {
										responses.xml = xml;
									}
									responses.text = xhr.responseText;

									// Firefox throws an exception when accessing
									// statusText for faulty cross-domain requests
									try {
										statusText = xhr.statusText;
									} catch( e ) {
										// We normalize with Webkit giving an empty statusText
										statusText = "";
									}

									// Filter status for non standard behaviors

									// If the request is local and we have data: assume a success
									// (success with no data won't get notified, that's the best we
									// can do given current implementations)
									if ( !status && s.isLocal && !s.crossDomain ) {
										status = responses.text ? 200 : 404;
									// IE - #1450: sometimes returns 1223 when it should be 204
									} else if ( status === 1223 ) {
										status = 204;
									}
								}
							}
						} catch( firefoxAccessException ) {
							if ( !isAbort ) {
								complete( -1, firefoxAccessException );
							}
						}

						// Call complete if needed
						if ( responses ) {
							complete( status, statusText, responses, responseHeaders );
						}
					};

					// if we're in sync mode or it's in cache
					// and has been retrieved directly (IE6 & IE7)
					// we need to manually fire the callback
					if ( !s.async || xhr.readyState === 4 ) {
						callback();
					} else {
						handle = ++xhrId;
						if ( xhrOnUnloadAbort ) {
							// Create the active xhrs callbacks list if needed
							// and attach the unload handler
							if ( !xhrCallbacks ) {
								xhrCallbacks = {};
								jQuery( window ).unload( xhrOnUnloadAbort );
							}
							// Add to list of active xhrs callbacks
							xhrCallbacks[ handle ] = callback;
						}
						xhr.onreadystatechange = callback;
					}
				},

				abort: function() {
					if ( callback ) {
						callback(0,1);
					}
				}
			};
		}
	});
}




var elemdisplay = {},
	iframe, iframeDoc,
	rfxtypes = /^(?:toggle|show|hide)$/,
	rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
	timerId,
	fxAttrs = [
		// height animations
		[ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
		// width animations
		[ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
		// opacity animations
		[ "opacity" ]
	],
	fxNow;

jQuery.fn.extend({
	show: function( speed, easing, callback ) {
		var elem, display;

		if ( speed || speed === 0 ) {
			return this.animate( genFx("show", 3), speed, easing, callback );

		} else {
			for ( var i = 0, j = this.length; i < j; i++ ) {
				elem = this[ i ];

				if ( elem.style ) {
					display = elem.style.display;

					// Reset the inline display of this element to learn if it is
					// being hidden by cascaded rules or not
					if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
						display = elem.style.display = "";
					}

					// Set elements which have been overridden with display: none
					// in a stylesheet to whatever the default browser style is
					// for such an element
					if ( display === "" && jQuery.css(elem, "display") === "none" ) {
						jQuery._data( elem, "olddisplay", defaultDisplay(elem.nodeName) );
					}
				}
			}

			// Set the display of most of the elements in a second loop
			// to avoid the constant reflow
			for ( i = 0; i < j; i++ ) {
				elem = this[ i ];

				if ( elem.style ) {
					display = elem.style.display;

					if ( display === "" || display === "none" ) {
						elem.style.display = jQuery._data( elem, "olddisplay" ) || "";
					}
				}
			}

			return this;
		}
	},

	hide: function( speed, easing, callback ) {
		if ( speed || speed === 0 ) {
			return this.animate( genFx("hide", 3), speed, easing, callback);

		} else {
			var elem, display,
				i = 0,
				j = this.length;

			for ( ; i < j; i++ ) {
				elem = this[i];
				if ( elem.style ) {
					display = jQuery.css( elem, "display" );

					if ( display !== "none" && !jQuery._data( elem, "olddisplay" ) ) {
						jQuery._data( elem, "olddisplay", display );
					}
				}
			}

			// Set the display of the elements in a second loop
			// to avoid the constant reflow
			for ( i = 0; i < j; i++ ) {
				if ( this[i].style ) {
					this[i].style.display = "none";
				}
			}

			return this;
		}
	},

	// Save the old toggle function
	_toggle: jQuery.fn.toggle,

	toggle: function( fn, fn2, callback ) {
		var bool = typeof fn === "boolean";

		if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
			this._toggle.apply( this, arguments );

		} else if ( fn == null || bool ) {
			this.each(function() {
				var state = bool ? fn : jQuery(this).is(":hidden");
				jQuery(this)[ state ? "show" : "hide" ]();
			});

		} else {
			this.animate(genFx("toggle", 3), fn, fn2, callback);
		}

		return this;
	},

	fadeTo: function( speed, to, easing, callback ) {
		return this.filter(":hidden").css("opacity", 0).show().end()
					.animate({opacity: to}, speed, easing, callback);
	},

	animate: function( prop, speed, easing, callback ) {
		var optall = jQuery.speed( speed, easing, callback );

		if ( jQuery.isEmptyObject( prop ) ) {
			return this.each( optall.complete, [ false ] );
		}

		// Do not change referenced properties as per-property easing will be lost
		prop = jQuery.extend( {}, prop );

		function doAnimation() {
			// XXX 'this' does not always have a nodeName when running the
			// test suite

			if ( optall.queue === false ) {
				jQuery._mark( this );
			}

			var opt = jQuery.extend( {}, optall ),
				isElement = this.nodeType === 1,
				hidden = isElement && jQuery(this).is(":hidden"),
				name, val, p, e,
				parts, start, end, unit,
				method;

			// will store per property easing and be used to determine when an animation is complete
			opt.animatedProperties = {};

			for ( p in prop ) {

				// property name normalization
				name = jQuery.camelCase( p );
				if ( p !== name ) {
					prop[ name ] = prop[ p ];
					delete prop[ p ];
				}

				val = prop[ name ];

				// easing resolution: per property > opt.specialEasing > opt.easing > 'swing' (default)
				if ( jQuery.isArray( val ) ) {
					opt.animatedProperties[ name ] = val[ 1 ];
					val = prop[ name ] = val[ 0 ];
				} else {
					opt.animatedProperties[ name ] = opt.specialEasing && opt.specialEasing[ name ] || opt.easing || 'swing';
				}

				if ( val === "hide" && hidden || val === "show" && !hidden ) {
					return opt.complete.call( this );
				}

				if ( isElement && ( name === "height" || name === "width" ) ) {
					// Make sure that nothing sneaks out
					// Record all 3 overflow attributes because IE does not
					// change the overflow attribute when overflowX and
					// overflowY are set to the same value
					opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];

					// Set display property to inline-block for height/width
					// animations on inline elements that are having width/height animated
					if ( jQuery.css( this, "display" ) === "inline" &&
							jQuery.css( this, "float" ) === "none" ) {

						// inline-level elements accept inline-block;
						// block-level elements need to be inline with layout
						if ( !jQuery.support.inlineBlockNeedsLayout || defaultDisplay( this.nodeName ) === "inline" ) {
							this.style.display = "inline-block";

						} else {
							this.style.zoom = 1;
						}
					}
				}
			}

			if ( opt.overflow != null ) {
				this.style.overflow = "hidden";
			}

			for ( p in prop ) {
				e = new jQuery.fx( this, opt, p );
				val = prop[ p ];

				if ( rfxtypes.test( val ) ) {

					// Tracks whether to show or hide based on private
					// data attached to the element
					method = jQuery._data( this, "toggle" + p ) || ( val === "toggle" ? hidden ? "show" : "hide" : 0 );
					if ( method ) {
						jQuery._data( this, "toggle" + p, method === "show" ? "hide" : "show" );
						e[ method ]();
					} else {
						e[ val ]();
					}

				} else {
					parts = rfxnum.exec( val );
					start = e.cur();

					if ( parts ) {
						end = parseFloat( parts[2] );
						unit = parts[3] || ( jQuery.cssNumber[ p ] ? "" : "px" );

						// We need to compute starting value
						if ( unit !== "px" ) {
							jQuery.style( this, p, (end || 1) + unit);
							start = ( (end || 1) / e.cur() ) * start;
							jQuery.style( this, p, start + unit);
						}

						// If a +=/-= token was provided, we're doing a relative animation
						if ( parts[1] ) {
							end = ( (parts[ 1 ] === "-=" ? -1 : 1) * end ) + start;
						}

						e.custom( start, end, unit );

					} else {
						e.custom( start, val, "" );
					}
				}
			}

			// For JS strict compliance
			return true;
		}

		return optall.queue === false ?
			this.each( doAnimation ) :
			this.queue( optall.queue, doAnimation );
	},

	stop: function( type, clearQueue, gotoEnd ) {
		if ( typeof type !== "string" ) {
			gotoEnd = clearQueue;
			clearQueue = type;
			type = undefined;
		}
		if ( clearQueue && type !== false ) {
			this.queue( type || "fx", [] );
		}

		return this.each(function() {
			var index,
				hadTimers = false,
				timers = jQuery.timers,
				data = jQuery._data( this );

			// clear marker counters if we know they won't be
			if ( !gotoEnd ) {
				jQuery._unmark( true, this );
			}

			function stopQueue( elem, data, index ) {
				var hooks = data[ index ];
				jQuery.removeData( elem, index, true );
				hooks.stop( gotoEnd );
			}

			if ( type == null ) {
				for ( index in data ) {
					if ( data[ index ] && data[ index ].stop && index.indexOf(".run") === index.length - 4 ) {
						stopQueue( this, data, index );
					}
				}
			} else if ( data[ index = type + ".run" ] && data[ index ].stop ){
				stopQueue( this, data, index );
			}

			for ( index = timers.length; index--; ) {
				if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
					if ( gotoEnd ) {

						// force the next step to be the last
						timers[ index ]( true );
					} else {
						timers[ index ].saveState();
					}
					hadTimers = true;
					timers.splice( index, 1 );
				}
			}

			// start the next in the queue if the last step wasn't forced
			// timers currently will call their complete callbacks, which will dequeue
			// but only if they were gotoEnd
			if ( !( gotoEnd && hadTimers ) ) {
				jQuery.dequeue( this, type );
			}
		});
	}

});

// Animations created synchronously will run synchronously
function createFxNow() {
	setTimeout( clearFxNow, 0 );
	return ( fxNow = jQuery.now() );
}

function clearFxNow() {
	fxNow = undefined;
}

// Generate parameters to create a standard animation
function genFx( type, num ) {
	var obj = {};

	jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice( 0, num )), function() {
		obj[ this ] = type;
	});

	return obj;
}

// Generate shortcuts for custom animations
jQuery.each({
	slideDown: genFx( "show", 1 ),
	slideUp: genFx( "hide", 1 ),
	slideToggle: genFx( "toggle", 1 ),
	fadeIn: { opacity: "show" },
	fadeOut: { opacity: "hide" },
	fadeToggle: { opacity: "toggle" }
}, function( name, props ) {
	jQuery.fn[ name ] = function( speed, easing, callback ) {
		return this.animate( props, speed, easing, callback );
	};
});

jQuery.extend({
	speed: function( speed, easing, fn ) {
		var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
			complete: fn || !fn && easing ||
				jQuery.isFunction( speed ) && speed,
			duration: speed,
			easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
		};

		opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
			opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;

		// normalize opt.queue - true/undefined/null -> "fx"
		if ( opt.queue == null || opt.queue === true ) {
			opt.queue = "fx";
		}

		// Queueing
		opt.old = opt.complete;

		opt.complete = function( noUnmark ) {
			if ( jQuery.isFunction( opt.old ) ) {
				opt.old.call( this );
			}

			if ( opt.queue ) {
				jQuery.dequeue( this, opt.queue );
			} else if ( noUnmark !== false ) {
				jQuery._unmark( this );
			}
		};

		return opt;
	},

	easing: {
		linear: function( p, n, firstNum, diff ) {
			return firstNum + diff * p;
		},
		swing: function( p, n, firstNum, diff ) {
			return ( ( -Math.cos( p*Math.PI ) / 2 ) + 0.5 ) * diff + firstNum;
		}
	},

	timers: [],

	fx: function( elem, options, prop ) {
		this.options = options;
		this.elem = elem;
		this.prop = prop;

		options.orig = options.orig || {};
	}

});

jQuery.fx.prototype = {
	// Simple function for setting a style value
	update: function() {
		if ( this.options.step ) {
			this.options.step.call( this.elem, this.now, this );
		}

		( jQuery.fx.step[ this.prop ] || jQuery.fx.step._default )( this );
	},

	// Get the current size
	cur: function() {
		if ( this.elem[ this.prop ] != null && (!this.elem.style || this.elem.style[ this.prop ] == null) ) {
			return this.elem[ this.prop ];
		}

		var parsed,
			r = jQuery.css( this.elem, this.prop );
		// Empty strings, null, undefined and "auto" are converted to 0,
		// complex values such as "rotate(1rad)" are returned as is,
		// simple values such as "10px" are parsed to Float.
		return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
	},

	// Start an animation from one number to another
	custom: function( from, to, unit ) {
		var self = this,
			fx = jQuery.fx;

		this.startTime = fxNow || createFxNow();
		this.end = to;
		this.now = this.start = from;
		this.pos = this.state = 0;
		this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );

		function t( gotoEnd ) {
			return self.step( gotoEnd );
		}

		t.queue = this.options.queue;
		t.elem = this.elem;
		t.saveState = function() {
			if ( self.options.hide && jQuery._data( self.elem, "fxshow" + self.prop ) === undefined ) {
				jQuery._data( self.elem, "fxshow" + self.prop, self.start );
			}
		};

		if ( t() && jQuery.timers.push(t) && !timerId ) {
			timerId = setInterval( fx.tick, fx.interval );
		}
	},

	// Simple 'show' function
	show: function() {
		var dataShow = jQuery._data( this.elem, "fxshow" + this.prop );

		// Remember where we started, so that we can go back to it later
		this.options.orig[ this.prop ] = dataShow || jQuery.style( this.elem, this.prop );
		this.options.show = true;

		// Begin the animation
		// Make sure that we start at a small width/height to avoid any flash of content
		if ( dataShow !== undefined ) {
			// This show is picking up where a previous hide or show left off
			this.custom( this.cur(), dataShow );
		} else {
			this.custom( this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur() );
		}

		// Start by showing the element
		jQuery( this.elem ).show();
	},

	// Simple 'hide' function
	hide: function() {
		// Remember where we started, so that we can go back to it later
		this.options.orig[ this.prop ] = jQuery._data( this.elem, "fxshow" + this.prop ) || jQuery.style( this.elem, this.prop );
		this.options.hide = true;

		// Begin the animation
		this.custom( this.cur(), 0 );
	},

	// Each step of an animation
	step: function( gotoEnd ) {
		var p, n, complete,
			t = fxNow || createFxNow(),
			done = true,
			elem = this.elem,
			options = this.options;

		if ( gotoEnd || t >= options.duration + this.startTime ) {
			this.now = this.end;
			this.pos = this.state = 1;
			this.update();

			options.animatedProperties[ this.prop ] = true;

			for ( p in options.animatedProperties ) {
				if ( options.animatedProperties[ p ] !== true ) {
					done = false;
				}
			}

			if ( done ) {
				// Reset the overflow
				if ( options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {

					jQuery.each( [ "", "X", "Y" ], function( index, value ) {
						elem.style[ "overflow" + value ] = options.overflow[ index ];
					});
				}

				// Hide the element if the "hide" operation was done
				if ( options.hide ) {
					jQuery( elem ).hide();
				}

				// Reset the properties, if the item has been hidden or shown
				if ( options.hide || options.show ) {
					for ( p in options.animatedProperties ) {
						jQuery.style( elem, p, options.orig[ p ] );
						jQuery.removeData( elem, "fxshow" + p, true );
						// Toggle data is no longer needed
						jQuery.removeData( elem, "toggle" + p, true );
					}
				}

				// Execute the complete function
				// in the event that the complete function throws an exception
				// we must ensure it won't be called twice. #5684

				complete = options.complete;
				if ( complete ) {

					options.complete = false;
					complete.call( elem );
				}
			}

			return false;

		} else {
			// classical easing cannot be used with an Infinity duration
			if ( options.duration == Infinity ) {
				this.now = t;
			} else {
				n = t - this.startTime;
				this.state = n / options.duration;

				// Perform the easing function, defaults to swing
				this.pos = jQuery.easing[ options.animatedProperties[this.prop] ]( this.state, n, 0, 1, options.duration );
				this.now = this.start + ( (this.end - this.start) * this.pos );
			}
			// Perform the next step of the animation
			this.update();
		}

		return true;
	}
};

jQuery.extend( jQuery.fx, {
	tick: function() {
		var timer,
			timers = jQuery.timers,
			i = 0;

		for ( ; i < timers.length; i++ ) {
			timer = timers[ i ];
			// Checks the timer has not already been removed
			if ( !timer() && timers[ i ] === timer ) {
				timers.splice( i--, 1 );
			}
		}

		if ( !timers.length ) {
			jQuery.fx.stop();
		}
	},

	interval: 13,

	stop: function() {
		clearInterval( timerId );
		timerId = null;
	},

	speeds: {
		slow: 600,
		fast: 200,
		// Default speed
		_default: 400
	},

	step: {
		opacity: function( fx ) {
			jQuery.style( fx.elem, "opacity", fx.now );
		},

		_default: function( fx ) {
			if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
				fx.elem.style[ fx.prop ] = fx.now + fx.unit;
			} else {
				fx.elem[ fx.prop ] = fx.now;
			}
		}
	}
});

// Adds width/height step functions
// Do not set anything below 0
jQuery.each([ "width", "height" ], function( i, prop ) {
	jQuery.fx.step[ prop ] = function( fx ) {
		jQuery.style( fx.elem, prop, Math.max(0, fx.now) + fx.unit );
	};
});

if ( jQuery.expr && jQuery.expr.filters ) {
	jQuery.expr.filters.animated = function( elem ) {
		return jQuery.grep(jQuery.timers, function( fn ) {
			return elem === fn.elem;
		}).length;
	};
}

// Try to restore the default display value of an element
function defaultDisplay( nodeName ) {

	if ( !elemdisplay[ nodeName ] ) {

		var body = document.body,
			elem = jQuery( "<" + nodeName + ">" ).appendTo( body ),
			display = elem.css( "display" );
		elem.remove();

		// If the simple way fails,
		// get element's real default display by attaching it to a temp iframe
		if ( display === "none" || display === "" ) {
			// No iframe to use yet, so create it
			if ( !iframe ) {
				iframe = document.createElement( "iframe" );
				iframe.frameBorder = iframe.width = iframe.height = 0;
			}

			body.appendChild( iframe );

			// Create a cacheable copy of the iframe document on first call.
			// IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML
			// document to it; WebKit & Firefox won't allow reusing the iframe document.
			if ( !iframeDoc || !iframe.createElement ) {
				iframeDoc = ( iframe.contentWindow || iframe.contentDocument ).document;
				iframeDoc.write( ( document.compatMode === "CSS1Compat" ? "<!doctype html>" : "" ) + "<html><body>" );
				iframeDoc.close();
			}

			elem = iframeDoc.createElement( nodeName );

			iframeDoc.body.appendChild( elem );

			display = jQuery.css( elem, "display" );
			body.removeChild( iframe );
		}

		// Store the correct default display
		elemdisplay[ nodeName ] = display;
	}

	return elemdisplay[ nodeName ];
}




var rtable = /^t(?:able|d|h)$/i,
	rroot = /^(?:body|html)$/i;

if ( "getBoundingClientRect" in document.documentElement ) {
	jQuery.fn.offset = function( options ) {
		var elem = this[0], box;

		if ( options ) {
			return this.each(function( i ) {
				jQuery.offset.setOffset( this, options, i );
			});
		}

		if ( !elem || !elem.ownerDocument ) {
			return null;
		}

		if ( elem === elem.ownerDocument.body ) {
			return jQuery.offset.bodyOffset( elem );
		}

		try {
			box = elem.getBoundingClientRect();
		} catch(e) {}

		var doc = elem.ownerDocument,
			docElem = doc.documentElement;

		// Make sure we're not dealing with a disconnected DOM node
		if ( !box || !jQuery.contains( docElem, elem ) ) {
			return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
		}

		var body = doc.body,
			win = getWindow(doc),
			clientTop  = docElem.clientTop  || body.clientTop  || 0,
			clientLeft = docElem.clientLeft || body.clientLeft || 0,
			scrollTop  = win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop  || body.scrollTop,
			scrollLeft = win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft,
			top  = box.top  + scrollTop  - clientTop,
			left = box.left + scrollLeft - clientLeft;

		return { top: top, left: left };
	};

} else {
	jQuery.fn.offset = function( options ) {
		var elem = this[0];

		if ( options ) {
			return this.each(function( i ) {
				jQuery.offset.setOffset( this, options, i );
			});
		}

		if ( !elem || !elem.ownerDocument ) {
			return null;
		}

		if ( elem === elem.ownerDocument.body ) {
			return jQuery.offset.bodyOffset( elem );
		}

		var computedStyle,
			offsetParent = elem.offsetParent,
			prevOffsetParent = elem,
			doc = elem.ownerDocument,
			docElem = doc.documentElement,
			body = doc.body,
			defaultView = doc.defaultView,
			prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
			top = elem.offsetTop,
			left = elem.offsetLeft;

		while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
			if ( jQuery.support.fixedPosition && prevComputedStyle.position === "fixed" ) {
				break;
			}

			computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
			top  -= elem.scrollTop;
			left -= elem.scrollLeft;

			if ( elem === offsetParent ) {
				top  += elem.offsetTop;
				left += elem.offsetLeft;

				if ( jQuery.support.doesNotAddBorder && !(jQuery.support.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
					top  += parseFloat( computedStyle.borderTopWidth  ) || 0;
					left += parseFloat( computedStyle.borderLeftWidth ) || 0;
				}

				prevOffsetParent = offsetParent;
				offsetParent = elem.offsetParent;
			}

			if ( jQuery.support.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
				top  += parseFloat( computedStyle.borderTopWidth  ) || 0;
				left += parseFloat( computedStyle.borderLeftWidth ) || 0;
			}

			prevComputedStyle = computedStyle;
		}

		if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
			top  += body.offsetTop;
			left += body.offsetLeft;
		}

		if ( jQuery.support.fixedPosition && prevComputedStyle.position === "fixed" ) {
			top  += Math.max( docElem.scrollTop, body.scrollTop );
			left += Math.max( docElem.scrollLeft, body.scrollLeft );
		}

		return { top: top, left: left };
	};
}

jQuery.offset = {

	bodyOffset: function( body ) {
		var top = body.offsetTop,
			left = body.offsetLeft;

		if ( jQuery.support.doesNotIncludeMarginInBodyOffset ) {
			top  += parseFloat( jQuery.css(body, "marginTop") ) || 0;
			left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
		}

		return { top: top, left: left };
	},

	setOffset: function( elem, options, i ) {
		var position = jQuery.css( elem, "position" );

		// set position first, in-case top/left are set even on static elem
		if ( position === "static" ) {
			elem.style.position = "relative";
		}

		var curElem = jQuery( elem ),
			curOffset = curElem.offset(),
			curCSSTop = jQuery.css( elem, "top" ),
			curCSSLeft = jQuery.css( elem, "left" ),
			calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
			props = {}, curPosition = {}, curTop, curLeft;

		// need to be able to calculate position if either top or left is auto and position is either absolute or fixed
		if ( calculatePosition ) {
			curPosition = curElem.position();
			curTop = curPosition.top;
			curLeft = curPosition.left;
		} else {
			curTop = parseFloat( curCSSTop ) || 0;
			curLeft = parseFloat( curCSSLeft ) || 0;
		}

		if ( jQuery.isFunction( options ) ) {
			options = options.call( elem, i, curOffset );
		}

		if ( options.top != null ) {
			props.top = ( options.top - curOffset.top ) + curTop;
		}
		if ( options.left != null ) {
			props.left = ( options.left - curOffset.left ) + curLeft;
		}

		if ( "using" in options ) {
			options.using.call( elem, props );
		} else {
			curElem.css( props );
		}
	}
};


jQuery.fn.extend({

	position: function() {
		if ( !this[0] ) {
			return null;
		}

		var elem = this[0],

		// Get *real* offsetParent
		offsetParent = this.offsetParent(),

		// Get correct offsets
		offset       = this.offset(),
		parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();

		// Subtract element margins
		// note: when an element has margin: auto the offsetLeft and marginLeft
		// are the same in Safari causing offset.left to incorrectly be 0
		offset.top  -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
		offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;

		// Add offsetParent borders
		parentOffset.top  += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
		parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;

		// Subtract the two offsets
		return {
			top:  offset.top  - parentOffset.top,
			left: offset.left - parentOffset.left
		};
	},

	offsetParent: function() {
		return this.map(function() {
			var offsetParent = this.offsetParent || document.body;
			while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
				offsetParent = offsetParent.offsetParent;
			}
			return offsetParent;
		});
	}
});


// Create scrollLeft and scrollTop methods
jQuery.each( ["Left", "Top"], function( i, name ) {
	var method = "scroll" + name;

	jQuery.fn[ method ] = function( val ) {
		var elem, win;

		if ( val === undefined ) {
			elem = this[ 0 ];

			if ( !elem ) {
				return null;
			}

			win = getWindow( elem );

			// Return the scroll offset
			return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
				jQuery.support.boxModel && win.document.documentElement[ method ] ||
					win.document.body[ method ] :
				elem[ method ];
		}

		// Set the scroll offset
		return this.each(function() {
			win = getWindow( this );

			if ( win ) {
				win.scrollTo(
					!i ? val : jQuery( win ).scrollLeft(),
					 i ? val : jQuery( win ).scrollTop()
				);

			} else {
				this[ method ] = val;
			}
		});
	};
});

function getWindow( elem ) {
	return jQuery.isWindow( elem ) ?
		elem :
		elem.nodeType === 9 ?
			elem.defaultView || elem.parentWindow :
			false;
}




// Create width, height, innerHeight, innerWidth, outerHeight and outerWidth methods
jQuery.each([ "Height", "Width" ], function( i, name ) {

	var type = name.toLowerCase();

	// innerHeight and innerWidth
	jQuery.fn[ "inner" + name ] = function() {
		var elem = this[0];
		return elem ?
			elem.style ?
			parseFloat( jQuery.css( elem, type, "padding" ) ) :
			this[ type ]() :
			null;
	};

	// outerHeight and outerWidth
	jQuery.fn[ "outer" + name ] = function( margin ) {
		var elem = this[0];
		return elem ?
			elem.style ?
			parseFloat( jQuery.css( elem, type, margin ? "margin" : "border" ) ) :
			this[ type ]() :
			null;
	};

	jQuery.fn[ type ] = function( size ) {
		// Get window width or height
		var elem = this[0];
		if ( !elem ) {
			return size == null ? null : this;
		}

		if ( jQuery.isFunction( size ) ) {
			return this.each(function( i ) {
				var self = jQuery( this );
				self[ type ]( size.call( this, i, self[ type ]() ) );
			});
		}

		if ( jQuery.isWindow( elem ) ) {
			// Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
			// 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
			var docElemProp = elem.document.documentElement[ "client" + name ],
				body = elem.document.body;
			return elem.document.compatMode === "CSS1Compat" && docElemProp ||
				body && body[ "client" + name ] || docElemProp;

		// Get document width or height
		} else if ( elem.nodeType === 9 ) {
			// Either scroll[Width/Height] or offset[Width/Height], whichever is greater
			return Math.max(
				elem.documentElement["client" + name],
				elem.body["scroll" + name], elem.documentElement["scroll" + name],
				elem.body["offset" + name], elem.documentElement["offset" + name]
			);

		// Get or set width or height on the element
		} else if ( size === undefined ) {
			var orig = jQuery.css( elem, type ),
				ret = parseFloat( orig );

			return jQuery.isNumeric( ret ) ? ret : orig;

		// Set the width or height on the element (default to pixels if value is unitless)
		} else {
			return this.css( type, typeof size === "string" ? size : size + "px" );
		}
	};

});




// Expose jQuery to the global object
window.jQuery = window.$ = jQuery;

// Expose jQuery as an AMD module, but only for AMD loaders that
// understand the issues with loading multiple versions of jQuery
// in a page that all might call define(). The loader will indicate
// they have special allowances for multiple jQuery versions by
// specifying define.amd.jQuery = true. Register as a named module,
// since jQuery can be concatenated with other files that may use define,
// but not use a proper concatenation script that understands anonymous
// AMD modules. A named AMD is safest and most robust way to register.
// Lowercase jquery is used because AMD module names are derived from
// file names, and jQuery is normally delivered in a lowercase file name.
// Do this after creating the global so that if an AMD module wants to call
// noConflict to hide this version of jQuery, it will work.
if ( typeof define === "function" && define.amd && define.amd.jQuery ) {
	define( "jquery", [], function () { return jQuery; } );
}



})( window );

/*!
 * jQuery UI 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI
 */
(function( $, undefined ) {

// prevent duplicate loading
// this is only a problem because we proxy existing functions
// and we don't want to double proxy them
$.ui = $.ui || {};
if ( $.ui.version ) {
	return;
}

$.extend( $.ui, {
	version: "1.8.23",

	keyCode: {
		ALT: 18,
		BACKSPACE: 8,
		CAPS_LOCK: 20,
		COMMA: 188,
		COMMAND: 91,
		COMMAND_LEFT: 91, // COMMAND
		COMMAND_RIGHT: 93,
		CONTROL: 17,
		DELETE: 46,
		DOWN: 40,
		END: 35,
		ENTER: 13,
		ESCAPE: 27,
		HOME: 36,
		INSERT: 45,
		LEFT: 37,
		MENU: 93, // COMMAND_RIGHT
		NUMPAD_ADD: 107,
		NUMPAD_DECIMAL: 110,
		NUMPAD_DIVIDE: 111,
		NUMPAD_ENTER: 108,
		NUMPAD_MULTIPLY: 106,
		NUMPAD_SUBTRACT: 109,
		PAGE_DOWN: 34,
		PAGE_UP: 33,
		PERIOD: 190,
		RIGHT: 39,
		SHIFT: 16,
		SPACE: 32,
		TAB: 9,
		UP: 38,
		WINDOWS: 91 // COMMAND
	}
});

// plugins
$.fn.extend({
	propAttr: $.fn.prop || $.fn.attr,

	_focus: $.fn.focus,
	focus: function( delay, fn ) {
		return typeof delay === "number" ?
			this.each(function() {
				var elem = this;
				setTimeout(function() {
					$( elem ).focus();
					if ( fn ) {
						fn.call( elem );
					}
				}, delay );
			}) :
			this._focus.apply( this, arguments );
	},

	scrollParent: function() {
		var scrollParent;
		if (($.browser.msie && (/(static|relative)/).test(this.css('position'))) || (/absolute/).test(this.css('position'))) {
			scrollParent = this.parents().filter(function() {
				return (/(relative|absolute|fixed)/).test($.curCSS(this,'position',1)) && (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
			}).eq(0);
		} else {
			scrollParent = this.parents().filter(function() {
				return (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
			}).eq(0);
		}

		return (/fixed/).test(this.css('position')) || !scrollParent.length ? $(document) : scrollParent;
	},

	zIndex: function( zIndex ) {
		if ( zIndex !== undefined ) {
			return this.css( "zIndex", zIndex );
		}

		if ( this.length ) {
			var elem = $( this[ 0 ] ), position, value;
			while ( elem.length && elem[ 0 ] !== document ) {
				// Ignore z-index if position is set to a value where z-index is ignored by the browser
				// This makes behavior of this function consistent across browsers
				// WebKit always returns auto if the element is positioned
				position = elem.css( "position" );
				if ( position === "absolute" || position === "relative" || position === "fixed" ) {
					// IE returns 0 when zIndex is not specified
					// other browsers return a string
					// we ignore the case of nested elements with an explicit value of 0
					// <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
					value = parseInt( elem.css( "zIndex" ), 10 );
					if ( !isNaN( value ) && value !== 0 ) {
						return value;
					}
				}
				elem = elem.parent();
			}
		}

		return 0;
	},

	disableSelection: function() {
		return this.bind( ( $.support.selectstart ? "selectstart" : "mousedown" ) +
			".ui-disableSelection", function( event ) {
				event.preventDefault();
			});
	},

	enableSelection: function() {
		return this.unbind( ".ui-disableSelection" );
	}
});

// support: jQuery <1.8
if ( !$( "<a>" ).outerWidth( 1 ).jquery ) {
	$.each( [ "Width", "Height" ], function( i, name ) {
		var side = name === "Width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ],
			type = name.toLowerCase(),
			orig = {
				innerWidth: $.fn.innerWidth,
				innerHeight: $.fn.innerHeight,
				outerWidth: $.fn.outerWidth,
				outerHeight: $.fn.outerHeight
			};

		function reduce( elem, size, border, margin ) {
			$.each( side, function() {
				size -= parseFloat( $.curCSS( elem, "padding" + this, true) ) || 0;
				if ( border ) {
					size -= parseFloat( $.curCSS( elem, "border" + this + "Width", true) ) || 0;
				}
				if ( margin ) {
					size -= parseFloat( $.curCSS( elem, "margin" + this, true) ) || 0;
				}
			});
			return size;
		}

		$.fn[ "inner" + name ] = function( size ) {
			if ( size === undefined ) {
				return orig[ "inner" + name ].call( this );
			}

			return this.each(function() {
				$( this ).css( type, reduce( this, size ) + "px" );
			});
		};

		$.fn[ "outer" + name] = function( size, margin ) {
			if ( typeof size !== "number" ) {
				return orig[ "outer" + name ].call( this, size );
			}

			return this.each(function() {
				$( this).css( type, reduce( this, size, true, margin ) + "px" );
			});
		};
	});
}

// selectors
function focusable( element, isTabIndexNotNaN ) {
	var nodeName = element.nodeName.toLowerCase();
	if ( "area" === nodeName ) {
		var map = element.parentNode,
			mapName = map.name,
			img;
		if ( !element.href || !mapName || map.nodeName.toLowerCase() !== "map" ) {
			return false;
		}
		img = $( "img[usemap=#" + mapName + "]" )[0];
		return !!img && visible( img );
	}
	return ( /input|select|textarea|button|object/.test( nodeName )
		? !element.disabled
		: "a" == nodeName
			? element.href || isTabIndexNotNaN
			: isTabIndexNotNaN)
		// the element and all of its ancestors must be visible
		&& visible( element );
}

function visible( element ) {
	return !$( element ).parents().andSelf().filter(function() {
		return $.curCSS( this, "visibility" ) === "hidden" ||
			$.expr.filters.hidden( this );
	}).length;
}

$.extend( $.expr[ ":" ], {
	data: $.expr.createPseudo ?
		$.expr.createPseudo(function( dataName ) {
			return function( elem ) {
				return !!$.data( elem, dataName );
			};
		}) :
		// support: jQuery <1.8
		function( elem, i, match ) {
			return !!$.data( elem, match[ 3 ] );
		},

	focusable: function( element ) {
		return focusable( element, !isNaN( $.attr( element, "tabindex" ) ) );
	},

	tabbable: function( element ) {
		var tabIndex = $.attr( element, "tabindex" ),
			isTabIndexNaN = isNaN( tabIndex );
		return ( isTabIndexNaN || tabIndex >= 0 ) && focusable( element, !isTabIndexNaN );
	}
});

// support
$(function() {
	var body = document.body,
		div = body.appendChild( div = document.createElement( "div" ) );

	// access offsetHeight before setting the style to prevent a layout bug
	// in IE 9 which causes the elemnt to continue to take up space even
	// after it is removed from the DOM (#8026)
	div.offsetHeight;

	$.extend( div.style, {
		minHeight: "100px",
		height: "auto",
		padding: 0,
		borderWidth: 0
	});

	$.support.minHeight = div.offsetHeight === 100;
	$.support.selectstart = "onselectstart" in div;

	// set display to none to avoid a layout bug in IE
	// http://dev.jquery.com/ticket/4014
	body.removeChild( div ).style.display = "none";
});

// jQuery <1.4.3 uses curCSS, in 1.4.3 - 1.7.2 curCSS = css, 1.8+ only has css
if ( !$.curCSS ) {
	$.curCSS = $.css;
}





// deprecated
$.extend( $.ui, {
	// $.ui.plugin is deprecated.  Use the proxy pattern instead.
	plugin: {
		add: function( module, option, set ) {
			var proto = $.ui[ module ].prototype;
			for ( var i in set ) {
				proto.plugins[ i ] = proto.plugins[ i ] || [];
				proto.plugins[ i ].push( [ option, set[ i ] ] );
			}
		},
		call: function( instance, name, args ) {
			var set = instance.plugins[ name ];
			if ( !set || !instance.element[ 0 ].parentNode ) {
				return;
			}
	
			for ( var i = 0; i < set.length; i++ ) {
				if ( instance.options[ set[ i ][ 0 ] ] ) {
					set[ i ][ 1 ].apply( instance.element, args );
				}
			}
		}
	},
	
	// will be deprecated when we switch to jQuery 1.4 - use jQuery.contains()
	contains: function( a, b ) {
		return document.compareDocumentPosition ?
			a.compareDocumentPosition( b ) & 16 :
			a !== b && a.contains( b );
	},
	
	// only used by resizable
	hasScroll: function( el, a ) {
	
		//If overflow is hidden, the element might have extra content, but the user wants to hide it
		if ( $( el ).css( "overflow" ) === "hidden") {
			return false;
		}
	
		var scroll = ( a && a === "left" ) ? "scrollLeft" : "scrollTop",
			has = false;
	
		if ( el[ scroll ] > 0 ) {
			return true;
		}
	
		// TODO: determine which cases actually cause this to happen
		// if the element doesn't have the scroll set, see if it's possible to
		// set the scroll
		el[ scroll ] = 1;
		has = ( el[ scroll ] > 0 );
		el[ scroll ] = 0;
		return has;
	},
	
	// these are odd functions, fix the API or move into individual plugins
	isOverAxis: function( x, reference, size ) {
		//Determines when x coordinate is over "b" element axis
		return ( x > reference ) && ( x < ( reference + size ) );
	},
	isOver: function( y, x, top, left, height, width ) {
		//Determines when x, y coordinates is over "b" element
		return $.ui.isOverAxis( y, top, height ) && $.ui.isOverAxis( x, left, width );
	}
});

})( jQuery );

/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker
 *
 * Depends:
 *	jquery.ui.core.js
 */
(function( $, undefined ) {

$.extend($.ui, { datepicker: { version: "1.8.23" } });

var PROP_NAME = 'datepicker';
var dpuuid = new Date().getTime();
var instActive;

/* Date picker manager.
   Use the singleton instance of this class, $.datepicker, to interact with the date picker.
   Settings for (groups of) date pickers are maintained in an instance object,
   allowing multiple different settings on the same page. */

function Datepicker() {
	this.debug = false; // Change this to true to start debugging
	this._curInst = null; // The current instance in use
	this._keyEvent = false; // If the last event was a key event
	this._disabledInputs = []; // List of date picker inputs that have been disabled
	this._datepickerShowing = false; // True if the popup picker is showing , false if not
	this._inDialog = false; // True if showing within a "dialog", false if not
	this._mainDivId = 'ui-datepicker-div'; // The ID of the main datepicker division
	this._inlineClass = 'ui-datepicker-inline'; // The name of the inline marker class
	this._appendClass = 'ui-datepicker-append'; // The name of the append marker class
	this._triggerClass = 'ui-datepicker-trigger'; // The name of the trigger marker class
	this._dialogClass = 'ui-datepicker-dialog'; // The name of the dialog marker class
	this._disableClass = 'ui-datepicker-disabled'; // The name of the disabled covering marker class
	this._unselectableClass = 'ui-datepicker-unselectable'; // The name of the unselectable cell marker class
	this._currentClass = 'ui-datepicker-current-day'; // The name of the current day marker class
	this._dayOverClass = 'ui-datepicker-days-cell-over'; // The name of the day hover marker class
	this.regional = []; // Available regional settings, indexed by language code
	this.regional[''] = { // Default regional settings
		closeText: 'Done', // Display text for close link
		prevText: 'Prev', // Display text for previous month link
		nextText: 'Next', // Display text for next month link
		currentText: 'Today', // Display text for current month link
		monthNames: ['January','February','March','April','May','June',
			'July','August','September','October','November','December'], // Names of months for drop-down and formatting
		monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting
		dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], // For formatting
		dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting
		dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday
		weekHeader: 'Wk', // Column header for week of the year
		dateFormat: 'mm/dd/yy', // See format options on parseDate
		firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
		isRTL: false, // True if right-to-left language, false if left-to-right
		showMonthAfterYear: false, // True if the year select precedes month, false for month then year
		yearSuffix: '' // Additional text to append to the year in the month headers
	};
	this._defaults = { // Global defaults for all the date picker instances
		showOn: 'focus', // 'focus' for popup on focus,
			// 'button' for trigger button, or 'both' for either
		showAnim: 'fadeIn', // Name of jQuery animation for popup
		showOptions: {}, // Options for enhanced animations
		defaultDate: null, // Used when field is blank: actual date,
			// +/-number for offset from today, null for today
		appendText: '', // Display text following the input box, e.g. showing the format
		buttonText: '...', // Text for trigger button
		buttonImage: '', // URL for trigger button image
		buttonImageOnly: false, // True if the image appears alone, false if it appears on a button
		hideIfNoPrevNext: false, // True to hide next/previous month links
			// if not applicable, false to just disable them
		navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links
		gotoCurrent: false, // True if today link goes back to current selection instead
		changeMonth: false, // True if month can be selected directly, false if only prev/next
		changeYear: false, // True if year can be selected directly, false if only prev/next
		yearRange: 'c-10:c+10', // Range of years to display in drop-down,
			// either relative to today's year (-nn:+nn), relative to currently displayed year
			// (c-nn:c+nn), absolute (nnnn:nnnn), or a combination of the above (nnnn:-n)
		showOtherMonths: false, // True to show dates in other months, false to leave blank
		selectOtherMonths: false, // True to allow selection of dates in other months, false for unselectable
		showWeek: false, // True to show week of the year, false to not show it
		calculateWeek: this.iso8601Week, // How to calculate the week of the year,
			// takes a Date and returns the number of the week for it
		shortYearCutoff: '+10', // Short year values < this are in the current century,
			// > this are in the previous century,
			// string value starting with '+' for current year + value
		minDate: null, // The earliest selectable date, or null for no limit
		maxDate: null, // The latest selectable date, or null for no limit
		duration: 'fast', // Duration of display/closure
		beforeShowDay: null, // Function that takes a date and returns an array with
			// [0] = true if selectable, false if not, [1] = custom CSS class name(s) or '',
			// [2] = cell title (optional), e.g. $.datepicker.noWeekends
		beforeShow: null, // Function that takes an input field and
			// returns a set of custom settings for the date picker
		onSelect: null, // Define a callback function when a date is selected
		onChangeMonthYear: null, // Define a callback function when the month or year is changed
		onClose: null, // Define a callback function when the datepicker is closed
		numberOfMonths: 1, // Number of months to show at a time
		showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)
		stepMonths: 1, // Number of months to step back/forward
		stepBigMonths: 12, // Number of months to step back/forward for the big links
		altField: '', // Selector for an alternate field to store selected dates into
		altFormat: '', // The date format to use for the alternate field
		constrainInput: true, // The input is constrained by the current date format
		showButtonPanel: false, // True to show button panel, false to not show it
		autoSize: false, // True to size the input for the date format, false to leave as is
		disabled: false // The initial disabled state
	};
	$.extend(this._defaults, this.regional['']);
	this.dpDiv = bindHover($('<div id="' + this._mainDivId + '" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>'));
}

$.extend(Datepicker.prototype, {
	/* Class name added to elements to indicate already configured with a date picker. */
	markerClassName: 'hasDatepicker',
	
	//Keep track of the maximum number of rows displayed (see #7043)
	maxRows: 4,

	/* Debug logging (if enabled). */
	log: function () {
		if (this.debug)
			console.log.apply('', arguments);
	},
	
	// TODO rename to "widget" when switching to widget factory
	_widgetDatepicker: function() {
		return this.dpDiv;
	},

	/* Override the default settings for all instances of the date picker.
	   @param  settings  object - the new settings to use as defaults (anonymous object)
	   @return the manager object */
	setDefaults: function(settings) {
		extendRemove(this._defaults, settings || {});
		return this;
	},

	/* Attach the date picker to a jQuery selection.
	   @param  target    element - the target input field or division or span
	   @param  settings  object - the new settings to use for this date picker instance (anonymous) */
	_attachDatepicker: function(target, settings) {
		// check for settings on the control itself - in namespace 'date:'
		var inlineSettings = null;
		for (var attrName in this._defaults) {
			var attrValue = target.getAttribute('date:' + attrName);
			if (attrValue) {
				inlineSettings = inlineSettings || {};
				try {
					inlineSettings[attrName] = eval(attrValue);
				} catch (err) {
					inlineSettings[attrName] = attrValue;
				}
			}
		}
		var nodeName = target.nodeName.toLowerCase();
		var inline = (nodeName == 'div' || nodeName == 'span');
		if (!target.id) {
			this.uuid += 1;
			target.id = 'dp' + this.uuid;
		}
		var inst = this._newInst($(target), inline);
		inst.settings = $.extend({}, settings || {}, inlineSettings || {});
		if (nodeName == 'input') {
			this._connectDatepicker(target, inst);
		} else if (inline) {
			this._inlineDatepicker(target, inst);
		}
	},

	/* Create a new instance object. */
	_newInst: function(target, inline) {
		var id = target[0].id.replace(/([^A-Za-z0-9_-])/g, '\\\\$1'); // escape jQuery meta chars
		return {id: id, input: target, // associated target
			selectedDay: 0, selectedMonth: 0, selectedYear: 0, // current selection
			drawMonth: 0, drawYear: 0, // month being drawn
			inline: inline, // is datepicker inline or not
			dpDiv: (!inline ? this.dpDiv : // presentation div
			bindHover($('<div class="' + this._inlineClass + ' ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>')))};
	},

	/* Attach the date picker to an input field. */
	_connectDatepicker: function(target, inst) {
		var input = $(target);
		inst.append = $([]);
		inst.trigger = $([]);
		if (input.hasClass(this.markerClassName))
			return;
		this._attachments(input, inst);
		input.addClass(this.markerClassName).keydown(this._doKeyDown).
			keypress(this._doKeyPress).keyup(this._doKeyUp).
			bind("setData.datepicker", function(event, key, value) {
				inst.settings[key] = value;
			}).bind("getData.datepicker", function(event, key) {
				return this._get(inst, key);
			});
		this._autoSize(inst);
		$.data(target, PROP_NAME, inst);
		//If disabled option is true, disable the datepicker once it has been attached to the input (see ticket #5665)
		if( inst.settings.disabled ) {
			this._disableDatepicker( target );
		}
	},

	/* Make attachments based on settings. */
	_attachments: function(input, inst) {
		var appendText = this._get(inst, 'appendText');
		var isRTL = this._get(inst, 'isRTL');
		if (inst.append)
			inst.append.remove();
		if (appendText) {
			inst.append = $('<span class="' + this._appendClass + '">' + appendText + '</span>');
			input[isRTL ? 'before' : 'after'](inst.append);
		}
		input.unbind('focus', this._showDatepicker);
		if (inst.trigger)
			inst.trigger.remove();
		var showOn = this._get(inst, 'showOn');
		if (showOn == 'focus' || showOn == 'both') // pop-up date picker when in the marked field
			input.focus(this._showDatepicker);
		if (showOn == 'button' || showOn == 'both') { // pop-up date picker when button clicked
			var buttonText = this._get(inst, 'buttonText');
			var buttonImage = this._get(inst, 'buttonImage');
			inst.trigger = $(this._get(inst, 'buttonImageOnly') ?
				$('<img/>').addClass(this._triggerClass).
					attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
				$('<button type="button"></button>').addClass(this._triggerClass).
					html(buttonImage == '' ? buttonText : $('<img/>').attr(
					{ src:buttonImage, alt:buttonText, title:buttonText })));
			input[isRTL ? 'before' : 'after'](inst.trigger);
			inst.trigger.click(function() {
				if ($.datepicker._datepickerShowing && $.datepicker._lastInput == input[0])
					$.datepicker._hideDatepicker();
				else if ($.datepicker._datepickerShowing && $.datepicker._lastInput != input[0]) {
					$.datepicker._hideDatepicker(); 
					$.datepicker._showDatepicker(input[0]);
				} else
					$.datepicker._showDatepicker(input[0]);
				return false;
			});
		}
	},

	/* Apply the maximum length for the date format. */
	_autoSize: function(inst) {
		if (this._get(inst, 'autoSize') && !inst.inline) {
			var date = new Date(2009, 12 - 1, 20); // Ensure double digits
			var dateFormat = this._get(inst, 'dateFormat');
			if (dateFormat.match(/[DM]/)) {
				var findMax = function(names) {
					var max = 0;
					var maxI = 0;
					for (var i = 0; i < names.length; i++) {
						if (names[i].length > max) {
							max = names[i].length;
							maxI = i;
						}
					}
					return maxI;
				};
				date.setMonth(findMax(this._get(inst, (dateFormat.match(/MM/) ?
					'monthNames' : 'monthNamesShort'))));
				date.setDate(findMax(this._get(inst, (dateFormat.match(/DD/) ?
					'dayNames' : 'dayNamesShort'))) + 20 - date.getDay());
			}
			inst.input.attr('size', this._formatDate(inst, date).length);
		}
	},

	/* Attach an inline date picker to a div. */
	_inlineDatepicker: function(target, inst) {
		var divSpan = $(target);
		if (divSpan.hasClass(this.markerClassName))
			return;
		divSpan.addClass(this.markerClassName).append(inst.dpDiv).
			bind("setData.datepicker", function(event, key, value){
				inst.settings[key] = value;
			}).bind("getData.datepicker", function(event, key){
				return this._get(inst, key);
			});
		$.data(target, PROP_NAME, inst);
		this._setDate(inst, this._getDefaultDate(inst), true);
		this._updateDatepicker(inst);
		this._updateAlternate(inst);
		//If disabled option is true, disable the datepicker before showing it (see ticket #5665)
		if( inst.settings.disabled ) {
			this._disableDatepicker( target );
		}
		// Set display:block in place of inst.dpDiv.show() which won't work on disconnected elements
		// http://bugs.jqueryui.com/ticket/7552 - A Datepicker created on a detached div has zero height
		inst.dpDiv.css( "display", "block" );
	},

	/* Pop-up the date picker in a "dialog" box.
	   @param  input     element - ignored
	   @param  date      string or Date - the initial date to display
	   @param  onSelect  function - the function to call when a date is selected
	   @param  settings  object - update the dialog date picker instance's settings (anonymous object)
	   @param  pos       int[2] - coordinates for the dialog's position within the screen or
	                     event - with x/y coordinates or
	                     leave empty for default (screen centre)
	   @return the manager object */
	_dialogDatepicker: function(input, date, onSelect, settings, pos) {
		var inst = this._dialogInst; // internal instance
		if (!inst) {
			this.uuid += 1;
			var id = 'dp' + this.uuid;
			this._dialogInput = $('<input type="text" id="' + id +
				'" style="position: absolute; top: -100px; width: 0px;"/>');
			this._dialogInput.keydown(this._doKeyDown);
			$('body').append(this._dialogInput);
			inst = this._dialogInst = this._newInst(this._dialogInput, false);
			inst.settings = {};
			$.data(this._dialogInput[0], PROP_NAME, inst);
		}
		extendRemove(inst.settings, settings || {});
		date = (date && date.constructor == Date ? this._formatDate(inst, date) : date);
		this._dialogInput.val(date);

		this._pos = (pos ? (pos.length ? pos : [pos.pageX, pos.pageY]) : null);
		if (!this._pos) {
			var browserWidth = document.documentElement.clientWidth;
			var browserHeight = document.documentElement.clientHeight;
			var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
			var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
			this._pos = // should use actual width/height below
				[(browserWidth / 2) - 100 + scrollX, (browserHeight / 2) - 150 + scrollY];
		}

		// move input on screen for focus, but hidden behind dialog
		this._dialogInput.css('left', (this._pos[0] + 20) + 'px').css('top', this._pos[1] + 'px');
		inst.settings.onSelect = onSelect;
		this._inDialog = true;
		this.dpDiv.addClass(this._dialogClass);
		this._showDatepicker(this._dialogInput[0]);
		if ($.blockUI)
			$.blockUI(this.dpDiv);
		$.data(this._dialogInput[0], PROP_NAME, inst);
		return this;
	},

	/* Detach a datepicker from its control.
	   @param  target    element - the target input field or division or span */
	_destroyDatepicker: function(target) {
		var $target = $(target);
		var inst = $.data(target, PROP_NAME);
		if (!$target.hasClass(this.markerClassName)) {
			return;
		}
		var nodeName = target.nodeName.toLowerCase();
		$.removeData(target, PROP_NAME);
		if (nodeName == 'input') {
			inst.append.remove();
			inst.trigger.remove();
			$target.removeClass(this.markerClassName).
				unbind('focus', this._showDatepicker).
				unbind('keydown', this._doKeyDown).
				unbind('keypress', this._doKeyPress).
				unbind('keyup', this._doKeyUp);
		} else if (nodeName == 'div' || nodeName == 'span')
			$target.removeClass(this.markerClassName).empty();
	},

	/* Enable the date picker to a jQuery selection.
	   @param  target    element - the target input field or division or span */
	_enableDatepicker: function(target) {
		var $target = $(target);
		var inst = $.data(target, PROP_NAME);
		if (!$target.hasClass(this.markerClassName)) {
			return;
		}
		var nodeName = target.nodeName.toLowerCase();
		if (nodeName == 'input') {
			target.disabled = false;
			inst.trigger.filter('button').
				each(function() { this.disabled = false; }).end().
				filter('img').css({opacity: '1.0', cursor: ''});
		}
		else if (nodeName == 'div' || nodeName == 'span') {
			var inline = $target.children('.' + this._inlineClass);
			inline.children().removeClass('ui-state-disabled');
			inline.find("select.ui-datepicker-month, select.ui-datepicker-year").
				removeAttr("disabled");
		}
		this._disabledInputs = $.map(this._disabledInputs,
			function(value) { return (value == target ? null : value); }); // delete entry
	},

	/* Disable the date picker to a jQuery selection.
	   @param  target    element - the target input field or division or span */
	_disableDatepicker: function(target) {
		var $target = $(target);
		var inst = $.data(target, PROP_NAME);
		if (!$target.hasClass(this.markerClassName)) {
			return;
		}
		var nodeName = target.nodeName.toLowerCase();
		if (nodeName == 'input') {
			target.disabled = true;
			inst.trigger.filter('button').
				each(function() { this.disabled = true; }).end().
				filter('img').css({opacity: '0.5', cursor: 'default'});
		}
		else if (nodeName == 'div' || nodeName == 'span') {
			var inline = $target.children('.' + this._inlineClass);
			inline.children().addClass('ui-state-disabled');
			inline.find("select.ui-datepicker-month, select.ui-datepicker-year").
				attr("disabled", "disabled");
		}
		this._disabledInputs = $.map(this._disabledInputs,
			function(value) { return (value == target ? null : value); }); // delete entry
		this._disabledInputs[this._disabledInputs.length] = target;
	},

	/* Is the first field in a jQuery collection disabled as a datepicker?
	   @param  target    element - the target input field or division or span
	   @return boolean - true if disabled, false if enabled */
	_isDisabledDatepicker: function(target) {
		if (!target) {
			return false;
		}
		for (var i = 0; i < this._disabledInputs.length; i++) {
			if (this._disabledInputs[i] == target)
				return true;
		}
		return false;
	},

	/* Retrieve the instance data for the target control.
	   @param  target  element - the target input field or division or span
	   @return  object - the associated instance data
	   @throws  error if a jQuery problem getting data */
	_getInst: function(target) {
		try {
			return $.data(target, PROP_NAME);
		}
		catch (err) {
			throw 'Missing instance data for this datepicker';
		}
	},

	/* Update or retrieve the settings for a date picker attached to an input field or division.
	   @param  target  element - the target input field or division or span
	   @param  name    object - the new settings to update or
	                   string - the name of the setting to change or retrieve,
	                   when retrieving also 'all' for all instance settings or
	                   'defaults' for all global defaults
	   @param  value   any - the new value for the setting
	                   (omit if above is an object or to retrieve a value) */
	_optionDatepicker: function(target, name, value) {
		var inst = this._getInst(target);
		if (arguments.length == 2 && typeof name == 'string') {
			return (name == 'defaults' ? $.extend({}, $.datepicker._defaults) :
				(inst ? (name == 'all' ? $.extend({}, inst.settings) :
				this._get(inst, name)) : null));
		}
		var settings = name || {};
		if (typeof name == 'string') {
			settings = {};
			settings[name] = value;
		}
		if (inst) {
			if (this._curInst == inst) {
				this._hideDatepicker();
			}
			var date = this._getDateDatepicker(target, true);
			var minDate = this._getMinMaxDate(inst, 'min');
			var maxDate = this._getMinMaxDate(inst, 'max');
			extendRemove(inst.settings, settings);
			// reformat the old minDate/maxDate values if dateFormat changes and a new minDate/maxDate isn't provided
			if (minDate !== null && settings['dateFormat'] !== undefined && settings['minDate'] === undefined)
				inst.settings.minDate = this._formatDate(inst, minDate);
			if (maxDate !== null && settings['dateFormat'] !== undefined && settings['maxDate'] === undefined)
				inst.settings.maxDate = this._formatDate(inst, maxDate);
			this._attachments($(target), inst);
			this._autoSize(inst);
			this._setDate(inst, date);
			this._updateAlternate(inst);
			this._updateDatepicker(inst);
		}
	},

	// change method deprecated
	_changeDatepicker: function(target, name, value) {
		this._optionDatepicker(target, name, value);
	},

	/* Redraw the date picker attached to an input field or division.
	   @param  target  element - the target input field or division or span */
	_refreshDatepicker: function(target) {
		var inst = this._getInst(target);
		if (inst) {
			this._updateDatepicker(inst);
		}
	},

	/* Set the dates for a jQuery selection.
	   @param  target   element - the target input field or division or span
	   @param  date     Date - the new date */
	_setDateDatepicker: function(target, date) {
		var inst = this._getInst(target);
		if (inst) {
			this._setDate(inst, date);
			this._updateDatepicker(inst);
			this._updateAlternate(inst);
		}
	},

	/* Get the date(s) for the first entry in a jQuery selection.
	   @param  target     element - the target input field or division or span
	   @param  noDefault  boolean - true if no default date is to be used
	   @return Date - the current date */
	_getDateDatepicker: function(target, noDefault) {
		var inst = this._getInst(target);
		if (inst && !inst.inline)
			this._setDateFromField(inst, noDefault);
		return (inst ? this._getDate(inst) : null);
	},

	/* Handle keystrokes. */
	_doKeyDown: function(event) {
		var inst = $.datepicker._getInst(event.target);
		var handled = true;
		var isRTL = inst.dpDiv.is('.ui-datepicker-rtl');
		inst._keyEvent = true;
		if ($.datepicker._datepickerShowing)
			switch (event.keyCode) {
				case 9: $.datepicker._hideDatepicker();
						handled = false;
						break; // hide on tab out
				case 13: var sel = $('td.' + $.datepicker._dayOverClass + ':not(.' + 
									$.datepicker._currentClass + ')', inst.dpDiv);
						if (sel[0])
							$.datepicker._selectDay(event.target, inst.selectedMonth, inst.selectedYear, sel[0]);
							var onSelect = $.datepicker._get(inst, 'onSelect');
							if (onSelect) {
								var dateStr = $.datepicker._formatDate(inst);

								// trigger custom callback
								onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);
							}
						else
							$.datepicker._hideDatepicker();
						return false; // don't submit the form
						break; // select the value on enter
				case 27: $.datepicker._hideDatepicker();
						break; // hide on escape
				case 33: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
							-$.datepicker._get(inst, 'stepBigMonths') :
							-$.datepicker._get(inst, 'stepMonths')), 'M');
						break; // previous month/year on page up/+ ctrl
				case 34: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
							+$.datepicker._get(inst, 'stepBigMonths') :
							+$.datepicker._get(inst, 'stepMonths')), 'M');
						break; // next month/year on page down/+ ctrl
				case 35: if (event.ctrlKey || event.metaKey) $.datepicker._clearDate(event.target);
						handled = event.ctrlKey || event.metaKey;
						break; // clear on ctrl or command +end
				case 36: if (event.ctrlKey || event.metaKey) $.datepicker._gotoToday(event.target);
						handled = event.ctrlKey || event.metaKey;
						break; // current on ctrl or command +home
				case 37: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? +1 : -1), 'D');
						handled = event.ctrlKey || event.metaKey;
						// -1 day on ctrl or command +left
						if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?
									-$.datepicker._get(inst, 'stepBigMonths') :
									-$.datepicker._get(inst, 'stepMonths')), 'M');
						// next month/year on alt +left on Mac
						break;
				case 38: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, -7, 'D');
						handled = event.ctrlKey || event.metaKey;
						break; // -1 week on ctrl or command +up
				case 39: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? -1 : +1), 'D');
						handled = event.ctrlKey || event.metaKey;
						// +1 day on ctrl or command +right
						if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?
									+$.datepicker._get(inst, 'stepBigMonths') :
									+$.datepicker._get(inst, 'stepMonths')), 'M');
						// next month/year on alt +right
						break;
				case 40: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, +7, 'D');
						handled = event.ctrlKey || event.metaKey;
						break; // +1 week on ctrl or command +down
				default: handled = false;
			}
		else if (event.keyCode == 36 && event.ctrlKey) // display the date picker on ctrl+home
			$.datepicker._showDatepicker(this);
		else {
			handled = false;
		}
		if (handled) {
			event.preventDefault();
			event.stopPropagation();
		}
	},

	/* Filter entered characters - based on date format. */
	_doKeyPress: function(event) {
		var inst = $.datepicker._getInst(event.target);
		if ($.datepicker._get(inst, 'constrainInput')) {
			var chars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat'));
			var chr = String.fromCharCode(event.charCode == undefined ? event.keyCode : event.charCode);
			return event.ctrlKey || event.metaKey || (chr < ' ' || !chars || chars.indexOf(chr) > -1);
		}
	},

	/* Synchronise manual entry and field/alternate field. */
	_doKeyUp: function(event) {
		var inst = $.datepicker._getInst(event.target);
		if (inst.input.val() != inst.lastVal) {
			try {
				var date = $.datepicker.parseDate($.datepicker._get(inst, 'dateFormat'),
					(inst.input ? inst.input.val() : null),
					$.datepicker._getFormatConfig(inst));
				if (date) { // only if valid
					$.datepicker._setDateFromField(inst);
					$.datepicker._updateAlternate(inst);
					$.datepicker._updateDatepicker(inst);
				}
			}
			catch (err) {
				$.datepicker.log(err);
			}
		}
		return true;
	},

	/* Pop-up the date picker for a given input field.
       If false returned from beforeShow event handler do not show. 
	   @param  input  element - the input field attached to the date picker or
	                  event - if triggered by focus */
	_showDatepicker: function(input) {
		input = input.target || input;
		if (input.nodeName.toLowerCase() != 'input') // find from button/image trigger
			input = $('input', input.parentNode)[0];
		if ($.datepicker._isDisabledDatepicker(input) || $.datepicker._lastInput == input) // already here
			return;
		var inst = $.datepicker._getInst(input);
		if ($.datepicker._curInst && $.datepicker._curInst != inst) {
			$.datepicker._curInst.dpDiv.stop(true, true);
			if ( inst && $.datepicker._datepickerShowing ) {
				$.datepicker._hideDatepicker( $.datepicker._curInst.input[0] );
			}
		}
		var beforeShow = $.datepicker._get(inst, 'beforeShow');
		var beforeShowSettings = beforeShow ? beforeShow.apply(input, [input, inst]) : {};
		if(beforeShowSettings === false){
            //false
			return;
		}
		extendRemove(inst.settings, beforeShowSettings);
		inst.lastVal = null;
		$.datepicker._lastInput = input;
		$.datepicker._setDateFromField(inst);
		if ($.datepicker._inDialog) // hide cursor
			input.value = '';
		if (!$.datepicker._pos) { // position below input
			$.datepicker._pos = $.datepicker._findPos(input);
			$.datepicker._pos[1] += input.offsetHeight; // add the height
		}
		var isFixed = false;
		$(input).parents().each(function() {
			isFixed |= $(this).css('position') == 'fixed';
			return !isFixed;
		});
		if (isFixed && $.browser.opera) { // correction for Opera when fixed and scrolled
			$.datepicker._pos[0] -= document.documentElement.scrollLeft;
			$.datepicker._pos[1] -= document.documentElement.scrollTop;
		}
		var offset = {left: $.datepicker._pos[0], top: $.datepicker._pos[1]};
		$.datepicker._pos = null;
		//to avoid flashes on Firefox
		inst.dpDiv.empty();
		// determine sizing offscreen
		inst.dpDiv.css({position: 'absolute', display: 'block', top: '-1000px'});
		$.datepicker._updateDatepicker(inst);
		// fix width for dynamic number of date pickers
		// and adjust position before showing
		offset = $.datepicker._checkOffset(inst, offset, isFixed);
		inst.dpDiv.css({position: ($.datepicker._inDialog && $.blockUI ?
			'static' : (isFixed ? 'fixed' : 'absolute')), display: 'none',
			left: offset.left + 'px', top: offset.top + 'px'});
		if (!inst.inline) {
			var showAnim = $.datepicker._get(inst, 'showAnim');
			var duration = $.datepicker._get(inst, 'duration');
			var postProcess = function() {
				var cover = inst.dpDiv.find('iframe.ui-datepicker-cover'); // IE6- only
				if( !! cover.length ){
					var borders = $.datepicker._getBorders(inst.dpDiv);
					cover.css({left: -borders[0], top: -borders[1],
						width: inst.dpDiv.outerWidth(), height: inst.dpDiv.outerHeight()});
				}
			};
			inst.dpDiv.zIndex($(input).zIndex()+1);
			$.datepicker._datepickerShowing = true;
			if ($.effects && $.effects[showAnim])
				inst.dpDiv.show(showAnim, $.datepicker._get(inst, 'showOptions'), duration, postProcess);
			else
				inst.dpDiv[showAnim || 'show']((showAnim ? duration : null), postProcess);
			if (!showAnim || !duration)
				postProcess();
			if (inst.input.is(':visible') && !inst.input.is(':disabled'))
				inst.input.focus();
			$.datepicker._curInst = inst;
		}
	},

	/* Generate the date picker content. */
	_updateDatepicker: function(inst) {
		var self = this;
		self.maxRows = 4; //Reset the max number of rows being displayed (see #7043)
		var borders = $.datepicker._getBorders(inst.dpDiv);
		instActive = inst; // for delegate hover events
		inst.dpDiv.empty().append(this._generateHTML(inst));
		this._attachHandlers(inst);
		var cover = inst.dpDiv.find('iframe.ui-datepicker-cover'); // IE6- only
		if( !!cover.length ){ //avoid call to outerXXXX() when not in IE6
			cover.css({left: -borders[0], top: -borders[1], width: inst.dpDiv.outerWidth(), height: inst.dpDiv.outerHeight()})
		}
		inst.dpDiv.find('.' + this._dayOverClass + ' a').mouseover();
		var numMonths = this._getNumberOfMonths(inst);
		var cols = numMonths[1];
		var width = 17;
		inst.dpDiv.removeClass('ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4').width('');
		if (cols > 1)
			inst.dpDiv.addClass('ui-datepicker-multi-' + cols).css('width', (width * cols) + 'em');
		inst.dpDiv[(numMonths[0] != 1 || numMonths[1] != 1 ? 'add' : 'remove') +
			'Class']('ui-datepicker-multi');
		inst.dpDiv[(this._get(inst, 'isRTL') ? 'add' : 'remove') +
			'Class']('ui-datepicker-rtl');
		if (inst == $.datepicker._curInst && $.datepicker._datepickerShowing && inst.input &&
				// #6694 - don't focus the input if it's already focused
				// this breaks the change event in IE
				inst.input.is(':visible') && !inst.input.is(':disabled') && inst.input[0] != document.activeElement)
			inst.input.focus();
		// deffered render of the years select (to avoid flashes on Firefox) 
		if( inst.yearshtml ){
			var origyearshtml = inst.yearshtml;
			setTimeout(function(){
				//assure that inst.yearshtml didn't change.
				if( origyearshtml === inst.yearshtml && inst.yearshtml ){
					inst.dpDiv.find('select.ui-datepicker-year:first').replaceWith(inst.yearshtml);
				}
				origyearshtml = inst.yearshtml = null;
			}, 0);
		}
	},

	/* Retrieve the size of left and top borders for an element.
	   @param  elem  (jQuery object) the element of interest
	   @return  (number[2]) the left and top borders */
	_getBorders: function(elem) {
		var convert = function(value) {
			return {thin: 1, medium: 2, thick: 3}[value] || value;
		};
		return [parseFloat(convert(elem.css('border-left-width'))),
			parseFloat(convert(elem.css('border-top-width')))];
	},

	/* Check positioning to remain on screen. */
	_checkOffset: function(inst, offset, isFixed) {
		var dpWidth = inst.dpDiv.outerWidth();
		var dpHeight = inst.dpDiv.outerHeight();
		var inputWidth = inst.input ? inst.input.outerWidth() : 0;
		var inputHeight = inst.input ? inst.input.outerHeight() : 0;
		var viewWidth = document.documentElement.clientWidth + (isFixed ? 0 : $(document).scrollLeft());
		var viewHeight = document.documentElement.clientHeight + (isFixed ? 0 : $(document).scrollTop());

		offset.left -= (this._get(inst, 'isRTL') ? (dpWidth - inputWidth) : 0);
		offset.left -= (isFixed && offset.left == inst.input.offset().left) ? $(document).scrollLeft() : 0;
		offset.top -= (isFixed && offset.top == (inst.input.offset().top + inputHeight)) ? $(document).scrollTop() : 0;

		// now check if datepicker is showing outside window viewport - move to a better place if so.
		offset.left -= Math.min(offset.left, (offset.left + dpWidth > viewWidth && viewWidth > dpWidth) ?
			Math.abs(offset.left + dpWidth - viewWidth) : 0);
		offset.top -= Math.min(offset.top, (offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ?
			Math.abs(dpHeight + inputHeight) : 0);

		return offset;
	},

	/* Find an object's position on the screen. */
	_findPos: function(obj) {
		var inst = this._getInst(obj);
		var isRTL = this._get(inst, 'isRTL');
        while (obj && (obj.type == 'hidden' || obj.nodeType != 1 || $.expr.filters.hidden(obj))) {
            obj = obj[isRTL ? 'previousSibling' : 'nextSibling'];
        }
        var position = $(obj).offset();
	    return [position.left, position.top];
	},

	/* Hide the date picker from view.
	   @param  input  element - the input field attached to the date picker */
	_hideDatepicker: function(input) {
		var inst = this._curInst;
		if (!inst || (input && inst != $.data(input, PROP_NAME)))
			return;
		if (this._datepickerShowing) {
			var showAnim = this._get(inst, 'showAnim');
			var duration = this._get(inst, 'duration');
			var postProcess = function() {
				$.datepicker._tidyDialog(inst);
			};
			if ($.effects && $.effects[showAnim])
				inst.dpDiv.hide(showAnim, $.datepicker._get(inst, 'showOptions'), duration, postProcess);
			else
				inst.dpDiv[(showAnim == 'slideDown' ? 'slideUp' :
					(showAnim == 'fadeIn' ? 'fadeOut' : 'hide'))]((showAnim ? duration : null), postProcess);
			if (!showAnim)
				postProcess();
			this._datepickerShowing = false;
			var onClose = this._get(inst, 'onClose');
			if (onClose)
				onClose.apply((inst.input ? inst.input[0] : null),
					[(inst.input ? inst.input.val() : ''), inst]);
			this._lastInput = null;
			if (this._inDialog) {
				this._dialogInput.css({ position: 'absolute', left: '0', top: '-100px' });
				if ($.blockUI) {
					$.unblockUI();
					$('body').append(this.dpDiv);
				}
			}
			this._inDialog = false;
		}
	},

	/* Tidy up after a dialog display. */
	_tidyDialog: function(inst) {
		inst.dpDiv.removeClass(this._dialogClass).unbind('.ui-datepicker-calendar');
	},

	/* Close date picker if clicked elsewhere. */
	_checkExternalClick: function(event) {
		if (!$.datepicker._curInst)
			return;

		var $target = $(event.target),
			inst = $.datepicker._getInst($target[0]);

		if ( ( ( $target[0].id != $.datepicker._mainDivId &&
				$target.parents('#' + $.datepicker._mainDivId).length == 0 &&
				!$target.hasClass($.datepicker.markerClassName) &&
				!$target.closest("." + $.datepicker._triggerClass).length &&
				$.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI) ) ) ||
			( $target.hasClass($.datepicker.markerClassName) && $.datepicker._curInst != inst ) )
			$.datepicker._hideDatepicker();
	},

	/* Adjust one of the date sub-fields. */
	_adjustDate: function(id, offset, period) {
		var target = $(id);
		var inst = this._getInst(target[0]);
		if (this._isDisabledDatepicker(target[0])) {
			return;
		}
		this._adjustInstDate(inst, offset +
			(period == 'M' ? this._get(inst, 'showCurrentAtPos') : 0), // undo positioning
			period);
		this._updateDatepicker(inst);
	},

	/* Action for current link. */
	_gotoToday: function(id) {
		var target = $(id);
		var inst = this._getInst(target[0]);
		if (this._get(inst, 'gotoCurrent') && inst.currentDay) {
			inst.selectedDay = inst.currentDay;
			inst.drawMonth = inst.selectedMonth = inst.currentMonth;
			inst.drawYear = inst.selectedYear = inst.currentYear;
		}
		else {
			var date = new Date();
			inst.selectedDay = date.getDate();
			inst.drawMonth = inst.selectedMonth = date.getMonth();
			inst.drawYear = inst.selectedYear = date.getFullYear();
		}
		this._notifyChange(inst);
		this._adjustDate(target);
	},

	/* Action for selecting a new month/year. */
	_selectMonthYear: function(id, select, period) {
		var target = $(id);
		var inst = this._getInst(target[0]);
		inst['selected' + (period == 'M' ? 'Month' : 'Year')] =
		inst['draw' + (period == 'M' ? 'Month' : 'Year')] =
			parseInt(select.options[select.selectedIndex].value,10);
		this._notifyChange(inst);
		this._adjustDate(target);
	},

	/* Action for selecting a day. */
	_selectDay: function(id, month, year, td) {
		var target = $(id);
		if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) {
			return;
		}
		var inst = this._getInst(target[0]);
		inst.selectedDay = inst.currentDay = $('a', td).html();
		inst.selectedMonth = inst.currentMonth = month;
		inst.selectedYear = inst.currentYear = year;
		this._selectDate(id, this._formatDate(inst,
			inst.currentDay, inst.currentMonth, inst.currentYear));
	},

	/* Erase the input field and hide the date picker. */
	_clearDate: function(id) {
		var target = $(id);
		var inst = this._getInst(target[0]);
		this._selectDate(target, '');
	},

	/* Update the input field with the selected date. */
	_selectDate: function(id, dateStr) {
		var target = $(id);
		var inst = this._getInst(target[0]);
		dateStr = (dateStr != null ? dateStr : this._formatDate(inst));
		if (inst.input)
			inst.input.val(dateStr);
		this._updateAlternate(inst);
		var onSelect = this._get(inst, 'onSelect');
		if (onSelect)
			onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);  // trigger custom callback
		else if (inst.input)
			inst.input.trigger('change'); // fire the change event
		if (inst.inline)
			this._updateDatepicker(inst);
		else {
			this._hideDatepicker();
			this._lastInput = inst.input[0];
			if (typeof(inst.input[0]) != 'object')
				inst.input.focus(); // restore focus
			this._lastInput = null;
		}
	},

	/* Update any alternate field to synchronise with the main field. */
	_updateAlternate: function(inst) {
		var altField = this._get(inst, 'altField');
		if (altField) { // update alternate field too
			var altFormat = this._get(inst, 'altFormat') || this._get(inst, 'dateFormat');
			var date = this._getDate(inst);
			var dateStr = this.formatDate(altFormat, date, this._getFormatConfig(inst));
			$(altField).each(function() { $(this).val(dateStr); });
		}
	},

	/* Set as beforeShowDay function to prevent selection of weekends.
	   @param  date  Date - the date to customise
	   @return [boolean, string] - is this date selectable?, what is its CSS class? */
	noWeekends: function(date) {
		var day = date.getDay();
		return [(day > 0 && day < 6), ''];
	},

	/* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
	   @param  date  Date - the date to get the week for
	   @return  number - the number of the week within the year that contains this date */
	iso8601Week: function(date) {
		var checkDate = new Date(date.getTime());
		// Find Thursday of this week starting on Monday
		checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
		var time = checkDate.getTime();
		checkDate.setMonth(0); // Compare with Jan 1
		checkDate.setDate(1);
		return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1;
	},

	/* Parse a string value into a date object.
	   See formatDate below for the possible formats.

	   @param  format    string - the expected format of the date
	   @param  value     string - the date in the above format
	   @param  settings  Object - attributes include:
	                     shortYearCutoff  number - the cutoff year for determining the century (optional)
	                     dayNamesShort    string[7] - abbreviated names of the days from Sunday (optional)
	                     dayNames         string[7] - names of the days from Sunday (optional)
	                     monthNamesShort  string[12] - abbreviated names of the months (optional)
	                     monthNames       string[12] - names of the months (optional)
	   @return  Date - the extracted date value or null if value is blank */
	parseDate: function (format, value, settings) {
		if (format == null || value == null)
			throw 'Invalid arguments';
		value = (typeof value == 'object' ? value.toString() : value + '');
		if (value == '')
			return null;
		var shortYearCutoff = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff;
		shortYearCutoff = (typeof shortYearCutoff != 'string' ? shortYearCutoff :
				new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10));
		var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;
		var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;
		var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;
		var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;
		var year = -1;
		var month = -1;
		var day = -1;
		var doy = -1;
		var literal = false;
		// Check whether a format character is doubled
		var lookAhead = function(match) {
			var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
			if (matches)
				iFormat++;
			return matches;
		};
		// Extract a number from the string value
		var getNumber = function(match) {
			var isDoubled = lookAhead(match);
			var size = (match == '@' ? 14 : (match == '!' ? 20 :
				(match == 'y' && isDoubled ? 4 : (match == 'o' ? 3 : 2))));
			var digits = new RegExp('^\\d{1,' + size + '}');
			var num = value.substring(iValue).match(digits);
			if (!num)
				throw 'Missing number at position ' + iValue;
			iValue += num[0].length;
			return parseInt(num[0], 10);
		};
		// Extract a name from the string value and convert to an index
		var getName = function(match, shortNames, longNames) {
			var names = $.map(lookAhead(match) ? longNames : shortNames, function (v, k) {
				return [ [k, v] ];
			}).sort(function (a, b) {
				return -(a[1].length - b[1].length);
			});
			var index = -1;
			$.each(names, function (i, pair) {
				var name = pair[1];
				if (value.substr(iValue, name.length).toLowerCase() == name.toLowerCase()) {
					index = pair[0];
					iValue += name.length;
					return false;
				}
			});
			if (index != -1)
				return index + 1;
			else
				throw 'Unknown name at position ' + iValue;
		};
		// Confirm that a literal character matches the string value
		var checkLiteral = function() {
			if (value.charAt(iValue) != format.charAt(iFormat))
				throw 'Unexpected literal at position ' + iValue;
			iValue++;
		};
		var iValue = 0;
		for (var iFormat = 0; iFormat < format.length; iFormat++) {
			if (literal)
				if (format.charAt(iFormat) == "'" && !lookAhead("'"))
					literal = false;
				else
					checkLiteral();
			else
				switch (format.charAt(iFormat)) {
					case 'd':
						day = getNumber('d');
						break;
					case 'D':
						getName('D', dayNamesShort, dayNames);
						break;
					case 'o':
						doy = getNumber('o');
						break;
					case 'm':
						month = getNumber('m');
						break;
					case 'M':
						month = getName('M', monthNamesShort, monthNames);
						break;
					case 'y':
						year = getNumber('y');
						break;
					case '@':
						var date = new Date(getNumber('@'));
						year = date.getFullYear();
						month = date.getMonth() + 1;
						day = date.getDate();
						break;
					case '!':
						var date = new Date((getNumber('!') - this._ticksTo1970) / 10000);
						year = date.getFullYear();
						month = date.getMonth() + 1;
						day = date.getDate();
						break;
					case "'":
						if (lookAhead("'"))
							checkLiteral();
						else
							literal = true;
						break;
					default:
						checkLiteral();
				}
		}
		if (iValue < value.length){
			throw "Extra/unparsed characters found in date: " + value.substring(iValue);
		}
		if (year == -1)
			year = new Date().getFullYear();
		else if (year < 100)
			year += new Date().getFullYear() - new Date().getFullYear() % 100 +
				(year <= shortYearCutoff ? 0 : -100);
		if (doy > -1) {
			month = 1;
			day = doy;
			do {
				var dim = this._getDaysInMonth(year, month - 1);
				if (day <= dim)
					break;
				month++;
				day -= dim;
			} while (true);
		}
		var date = this._daylightSavingAdjust(new Date(year, month - 1, day));
		if (date.getFullYear() != year || date.getMonth() + 1 != month || date.getDate() != day)
			throw 'Invalid date'; // E.g. 31/02/00
		return date;
	},

	/* Standard date formats. */
	ATOM: 'yy-mm-dd', // RFC 3339 (ISO 8601)
	COOKIE: 'D, dd M yy',
	ISO_8601: 'yy-mm-dd',
	RFC_822: 'D, d M y',
	RFC_850: 'DD, dd-M-y',
	RFC_1036: 'D, d M y',
	RFC_1123: 'D, d M yy',
	RFC_2822: 'D, d M yy',
	RSS: 'D, d M y', // RFC 822
	TICKS: '!',
	TIMESTAMP: '@',
	W3C: 'yy-mm-dd', // ISO 8601

	_ticksTo1970: (((1970 - 1) * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) +
		Math.floor(1970 / 400)) * 24 * 60 * 60 * 10000000),

	/* Format a date object into a string value.
	   The format can be combinations of the following:
	   d  - day of month (no leading zero)
	   dd - day of month (two digit)
	   o  - day of year (no leading zeros)
	   oo - day of year (three digit)
	   D  - day name short
	   DD - day name long
	   m  - month of year (no leading zero)
	   mm - month of year (two digit)
	   M  - month name short
	   MM - month name long
	   y  - year (two digit)
	   yy - year (four digit)
	   @ - Unix timestamp (ms since 01/01/1970)
	   ! - Windows ticks (100ns since 01/01/0001)
	   '...' - literal text
	   '' - single quote

	   @param  format    string - the desired format of the date
	   @param  date      Date - the date value to format
	   @param  settings  Object - attributes include:
	                     dayNamesShort    string[7] - abbreviated names of the days from Sunday (optional)
	                     dayNames         string[7] - names of the days from Sunday (optional)
	                     monthNamesShort  string[12] - abbreviated names of the months (optional)
	                     monthNames       string[12] - names of the months (optional)
	   @return  string - the date in the above format */
	formatDate: function (format, date, settings) {
		if (!date)
			return '';
		var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;
		var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;
		var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;
		var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;
		// Check whether a format character is doubled
		var lookAhead = function(match) {
			var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
			if (matches)
				iFormat++;
			return matches;
		};
		// Format a number, with leading zero if necessary
		var formatNumber = function(match, value, len) {
			var num = '' + value;
			if (lookAhead(match))
				while (num.length < len)
					num = '0' + num;
			return num;
		};
		// Format a name, short or long as requested
		var formatName = function(match, value, shortNames, longNames) {
			return (lookAhead(match) ? longNames[value] : shortNames[value]);
		};
		var output = '';
		var literal = false;
		if (date)
			for (var iFormat = 0; iFormat < format.length; iFormat++) {
				if (literal)
					if (format.charAt(iFormat) == "'" && !lookAhead("'"))
						literal = false;
					else
						output += format.charAt(iFormat);
				else
					switch (format.charAt(iFormat)) {
						case 'd':
							output += formatNumber('d', date.getDate(), 2);
							break;
						case 'D':
							output += formatName('D', date.getDay(), dayNamesShort, dayNames);
							break;
						case 'o':
							output += formatNumber('o',
								Math.round((new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 86400000), 3);
							break;
						case 'm':
							output += formatNumber('m', date.getMonth() + 1, 2);
							break;
						case 'M':
							output += formatName('M', date.getMonth(), monthNamesShort, monthNames);
							break;
						case 'y':
							output += (lookAhead('y') ? date.getFullYear() :
								(date.getYear() % 100 < 10 ? '0' : '') + date.getYear() % 100);
							break;
						case '@':
							output += date.getTime();
							break;
						case '!':
							output += date.getTime() * 10000 + this._ticksTo1970;
							break;
						case "'":
							if (lookAhead("'"))
								output += "'";
							else
								literal = true;
							break;
						default:
							output += format.charAt(iFormat);
					}
			}
		return output;
	},

	/* Extract all possible characters from the date format. */
	_possibleChars: function (format) {
		var chars = '';
		var literal = false;
		// Check whether a format character is doubled
		var lookAhead = function(match) {
			var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
			if (matches)
				iFormat++;
			return matches;
		};
		for (var iFormat = 0; iFormat < format.length; iFormat++)
			if (literal)
				if (format.charAt(iFormat) == "'" && !lookAhead("'"))
					literal = false;
				else
					chars += format.charAt(iFormat);
			else
				switch (format.charAt(iFormat)) {
					case 'd': case 'm': case 'y': case '@':
						chars += '0123456789';
						break;
					case 'D': case 'M':
						return null; // Accept anything
					case "'":
						if (lookAhead("'"))
							chars += "'";
						else
							literal = true;
						break;
					default:
						chars += format.charAt(iFormat);
				}
		return chars;
	},

	/* Get a setting value, defaulting if necessary. */
	_get: function(inst, name) {
		return inst.settings[name] !== undefined ?
			inst.settings[name] : this._defaults[name];
	},

	/* Parse existing date and initialise date picker. */
	_setDateFromField: function(inst, noDefault) {
		if (inst.input.val() == inst.lastVal) {
			return;
		}
		var dateFormat = this._get(inst, 'dateFormat');
		var dates = inst.lastVal = inst.input ? inst.input.val() : null;
		var date, defaultDate;
		date = defaultDate = this._getDefaultDate(inst);
		var settings = this._getFormatConfig(inst);
		try {
			date = this.parseDate(dateFormat, dates, settings) || defaultDate;
		} catch (event) {
			this.log(event);
			dates = (noDefault ? '' : dates);
		}
		inst.selectedDay = date.getDate();
		inst.drawMonth = inst.selectedMonth = date.getMonth();
		inst.drawYear = inst.selectedYear = date.getFullYear();
		inst.currentDay = (dates ? date.getDate() : 0);
		inst.currentMonth = (dates ? date.getMonth() : 0);
		inst.currentYear = (dates ? date.getFullYear() : 0);
		this._adjustInstDate(inst);
	},

	/* Retrieve the default date shown on opening. */
	_getDefaultDate: function(inst) {
		return this._restrictMinMax(inst,
			this._determineDate(inst, this._get(inst, 'defaultDate'), new Date()));
	},

	/* A date may be specified as an exact value or a relative one. */
	_determineDate: function(inst, date, defaultDate) {
		var offsetNumeric = function(offset) {
			var date = new Date();
			date.setDate(date.getDate() + offset);
			return date;
		};
		var offsetString = function(offset) {
			try {
				return $.datepicker.parseDate($.datepicker._get(inst, 'dateFormat'),
					offset, $.datepicker._getFormatConfig(inst));
			}
			catch (e) {
				// Ignore
			}
			var date = (offset.toLowerCase().match(/^c/) ?
				$.datepicker._getDate(inst) : null) || new Date();
			var year = date.getFullYear();
			var month = date.getMonth();
			var day = date.getDate();
			var pattern = /([+-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g;
			var matches = pattern.exec(offset);
			while (matches) {
				switch (matches[2] || 'd') {
					case 'd' : case 'D' :
						day += parseInt(matches[1],10); break;
					case 'w' : case 'W' :
						day += parseInt(matches[1],10) * 7; break;
					case 'm' : case 'M' :
						month += parseInt(matches[1],10);
						day = Math.min(day, $.datepicker._getDaysInMonth(year, month));
						break;
					case 'y': case 'Y' :
						year += parseInt(matches[1],10);
						day = Math.min(day, $.datepicker._getDaysInMonth(year, month));
						break;
				}
				matches = pattern.exec(offset);
			}
			return new Date(year, month, day);
		};
		var newDate = (date == null || date === '' ? defaultDate : (typeof date == 'string' ? offsetString(date) :
			(typeof date == 'number' ? (isNaN(date) ? defaultDate : offsetNumeric(date)) : new Date(date.getTime()))));
		newDate = (newDate && newDate.toString() == 'Invalid Date' ? defaultDate : newDate);
		if (newDate) {
			newDate.setHours(0);
			newDate.setMinutes(0);
			newDate.setSeconds(0);
			newDate.setMilliseconds(0);
		}
		return this._daylightSavingAdjust(newDate);
	},

	/* Handle switch to/from daylight saving.
	   Hours may be non-zero on daylight saving cut-over:
	   > 12 when midnight changeover, but then cannot generate
	   midnight datetime, so jump to 1AM, otherwise reset.
	   @param  date  (Date) the date to check
	   @return  (Date) the corrected date */
	_daylightSavingAdjust: function(date) {
		if (!date) return null;
		date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
		return date;
	},

	/* Set the date(s) directly. */
	_setDate: function(inst, date, noChange) {
		var clear = !date;
		var origMonth = inst.selectedMonth;
		var origYear = inst.selectedYear;
		var newDate = this._restrictMinMax(inst, this._determineDate(inst, date, new Date()));
		inst.selectedDay = inst.currentDay = newDate.getDate();
		inst.drawMonth = inst.selectedMonth = inst.currentMonth = newDate.getMonth();
		inst.drawYear = inst.selectedYear = inst.currentYear = newDate.getFullYear();
		if ((origMonth != inst.selectedMonth || origYear != inst.selectedYear) && !noChange)
			this._notifyChange(inst);
		this._adjustInstDate(inst);
		if (inst.input) {
			inst.input.val(clear ? '' : this._formatDate(inst));
		}
	},

	/* Retrieve the date(s) directly. */
	_getDate: function(inst) {
		var startDate = (!inst.currentYear || (inst.input && inst.input.val() == '') ? null :
			this._daylightSavingAdjust(new Date(
			inst.currentYear, inst.currentMonth, inst.currentDay)));
			return startDate;
	},

	/* Attach the onxxx handlers.  These are declared statically so
	 * they work with static code transformers like Caja.
	 */
	_attachHandlers: function(inst) {
		var stepMonths = this._get(inst, 'stepMonths');
		var id = '#' + inst.id.replace( /\\\\/g, "\\" );
		inst.dpDiv.find('[data-handler]').map(function () {
			var handler = {
				prev: function () {
					window['DP_jQuery_' + dpuuid].datepicker._adjustDate(id, -stepMonths, 'M');
				},
				next: function () {
					window['DP_jQuery_' + dpuuid].datepicker._adjustDate(id, +stepMonths, 'M');
				},
				hide: function () {
					window['DP_jQuery_' + dpuuid].datepicker._hideDatepicker();
				},
				today: function () {
					window['DP_jQuery_' + dpuuid].datepicker._gotoToday(id);
				},
				selectDay: function () {
					window['DP_jQuery_' + dpuuid].datepicker._selectDay(id, +this.getAttribute('data-month'), +this.getAttribute('data-year'), this);
					return false;
				},
				selectMonth: function () {
					window['DP_jQuery_' + dpuuid].datepicker._selectMonthYear(id, this, 'M');
					return false;
				},
				selectYear: function () {
					window['DP_jQuery_' + dpuuid].datepicker._selectMonthYear(id, this, 'Y');
					return false;
				}
			};
			$(this).bind(this.getAttribute('data-event'), handler[this.getAttribute('data-handler')]);
		});
	},
	
	/* Generate the HTML for the current state of the date picker. */
	_generateHTML: function(inst) {
		var today = new Date();
		today = this._daylightSavingAdjust(
			new Date(today.getFullYear(), today.getMonth(), today.getDate())); // clear time
		var isRTL = this._get(inst, 'isRTL');
		var showButtonPanel = this._get(inst, 'showButtonPanel');
		var hideIfNoPrevNext = this._get(inst, 'hideIfNoPrevNext');
		var navigationAsDateFormat = this._get(inst, 'navigationAsDateFormat');
		var numMonths = this._getNumberOfMonths(inst);
		var showCurrentAtPos = this._get(inst, 'showCurrentAtPos');
		var stepMonths = this._get(inst, 'stepMonths');
		var isMultiMonth = (numMonths[0] != 1 || numMonths[1] != 1);
		var currentDate = this._daylightSavingAdjust((!inst.currentDay ? new Date(9999, 9, 9) :
			new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
		var minDate = this._getMinMaxDate(inst, 'min');
		var maxDate = this._getMinMaxDate(inst, 'max');
		var drawMonth = inst.drawMonth - showCurrentAtPos;
		var drawYear = inst.drawYear;
		if (drawMonth < 0) {
			drawMonth += 12;
			drawYear--;
		}
		if (maxDate) {
			var maxDraw = this._daylightSavingAdjust(new Date(maxDate.getFullYear(),
				maxDate.getMonth() - (numMonths[0] * numMonths[1]) + 1, maxDate.getDate()));
			maxDraw = (minDate && maxDraw < minDate ? minDate : maxDraw);
			while (this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1)) > maxDraw) {
				drawMonth--;
				if (drawMonth < 0) {
					drawMonth = 11;
					drawYear--;
				}
			}
		}
		inst.drawMonth = drawMonth;
		inst.drawYear = drawYear;
		var prevText = this._get(inst, 'prevText');
		prevText = (!navigationAsDateFormat ? prevText : this.formatDate(prevText,
			this._daylightSavingAdjust(new Date(drawYear, drawMonth - stepMonths, 1)),
			this._getFormatConfig(inst)));
		var prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ?
			'<a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click"' +
			' title="' + prevText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'e' : 'w') + '">' + prevText + '</span></a>' :
			(hideIfNoPrevNext ? '' : '<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="'+ prevText +'"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'e' : 'w') + '">' + prevText + '</span></a>'));
		var nextText = this._get(inst, 'nextText');
		nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText,
			this._daylightSavingAdjust(new Date(drawYear, drawMonth + stepMonths, 1)),
			this._getFormatConfig(inst)));
		var next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ?
			'<a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click"' +
			' title="' + nextText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'w' : 'e') + '">' + nextText + '</span></a>' :
			(hideIfNoPrevNext ? '' : '<a class="ui-datepicker-next ui-corner-all ui-state-disabled" title="'+ nextText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'w' : 'e') + '">' + nextText + '</span></a>'));
		var currentText = this._get(inst, 'currentText');
		var gotoDate = (this._get(inst, 'gotoCurrent') && inst.currentDay ? currentDate : today);
		currentText = (!navigationAsDateFormat ? currentText :
			this.formatDate(currentText, gotoDate, this._getFormatConfig(inst)));
		var controls = (!inst.inline ? '<button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" data-handler="hide" data-event="click">' +
			this._get(inst, 'closeText') + '</button>' : '');
		var buttonPanel = (showButtonPanel) ? '<div class="ui-datepicker-buttonpane ui-widget-content">' + (isRTL ? controls : '') +
			(this._isInRange(inst, gotoDate) ? '<button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" data-handler="today" data-event="click"' +
			'>' + currentText + '</button>' : '') + (isRTL ? '' : controls) + '</div>' : '';
		var firstDay = parseInt(this._get(inst, 'firstDay'),10);
		firstDay = (isNaN(firstDay) ? 0 : firstDay);
		var showWeek = this._get(inst, 'showWeek');
		var dayNames = this._get(inst, 'dayNames');
		var dayNamesShort = this._get(inst, 'dayNamesShort');
		var dayNamesMin = this._get(inst, 'dayNamesMin');
		var monthNames = this._get(inst, 'monthNames');
		var monthNamesShort = this._get(inst, 'monthNamesShort');
		var beforeShowDay = this._get(inst, 'beforeShowDay');
		var showOtherMonths = this._get(inst, 'showOtherMonths');
		var selectOtherMonths = this._get(inst, 'selectOtherMonths');
		var calculateWeek = this._get(inst, 'calculateWeek') || this.iso8601Week;
		var defaultDate = this._getDefaultDate(inst);
		var html = '';
		for (var row = 0; row < numMonths[0]; row++) {
			var group = '';
			this.maxRows = 4;
			for (var col = 0; col < numMonths[1]; col++) {
				var selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay));
				var cornerClass = ' ui-corner-all';
				var calender = '';
				if (isMultiMonth) {
					calender += '<div class="ui-datepicker-group';
					if (numMonths[1] > 1)
						switch (col) {
							case 0: calender += ' ui-datepicker-group-first';
								cornerClass = ' ui-corner-' + (isRTL ? 'right' : 'left'); break;
							case numMonths[1]-1: calender += ' ui-datepicker-group-last';
								cornerClass = ' ui-corner-' + (isRTL ? 'left' : 'right'); break;
							default: calender += ' ui-datepicker-group-middle'; cornerClass = ''; break;
						}
					calender += '">';
				}
				calender += '<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix' + cornerClass + '">' +
					(/all|left/.test(cornerClass) && row == 0 ? (isRTL ? next : prev) : '') +
					(/all|right/.test(cornerClass) && row == 0 ? (isRTL ? prev : next) : '') +
					this._generateMonthYearHeader(inst, drawMonth, drawYear, minDate, maxDate,
					row > 0 || col > 0, monthNames, monthNamesShort) + // draw month headers
					'</div><table class="ui-datepicker-calendar"><thead>' +
					'<tr>';
				var thead = (showWeek ? '<th class="ui-datepicker-week-col">' + this._get(inst, 'weekHeader') + '</th>' : '');
				for (var dow = 0; dow < 7; dow++) { // days of the week
					var day = (dow + firstDay) % 7;
					thead += '<th' + ((dow + firstDay + 6) % 7 >= 5 ? ' class="ui-datepicker-week-end"' : '') + '>' +
						'<span title="' + dayNames[day] + '">' + dayNamesMin[day] + '</span></th>';
				}
				calender += thead + '</tr></thead><tbody>';
				var daysInMonth = this._getDaysInMonth(drawYear, drawMonth);
				if (drawYear == inst.selectedYear && drawMonth == inst.selectedMonth)
					inst.selectedDay = Math.min(inst.selectedDay, daysInMonth);
				var leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7;
				var curRows = Math.ceil((leadDays + daysInMonth) / 7); // calculate the number of rows to generate
				var numRows = (isMultiMonth ? this.maxRows > curRows ? this.maxRows : curRows : curRows); //If multiple months, use the higher number of rows (see #7043)
				this.maxRows = numRows;
				var printDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1 - leadDays));
				for (var dRow = 0; dRow < numRows; dRow++) { // create date picker rows
					calender += '<tr>';
					var tbody = (!showWeek ? '' : '<td class="ui-datepicker-week-col">' +
						this._get(inst, 'calculateWeek')(printDate) + '</td>');
					for (var dow = 0; dow < 7; dow++) { // create date picker days
						var daySettings = (beforeShowDay ?
							beforeShowDay.apply((inst.input ? inst.input[0] : null), [printDate]) : [true, '']);
						var otherMonth = (printDate.getMonth() != drawMonth);
						var unselectable = (otherMonth && !selectOtherMonths) || !daySettings[0] ||
							(minDate && printDate < minDate) || (maxDate && printDate > maxDate);
						tbody += '<td class="' +
							((dow + firstDay + 6) % 7 >= 5 ? ' ui-datepicker-week-end' : '') + // highlight weekends
							(otherMonth ? ' ui-datepicker-other-month' : '') + // highlight days from other months
							((printDate.getTime() == selectedDate.getTime() && drawMonth == inst.selectedMonth && inst._keyEvent) || // user pressed key
							(defaultDate.getTime() == printDate.getTime() && defaultDate.getTime() == selectedDate.getTime()) ?
							// or defaultDate is current printedDate and defaultDate is selectedDate
							' ' + this._dayOverClass : '') + // highlight selected day
							(unselectable ? ' ' + this._unselectableClass + ' ui-state-disabled': '') +  // highlight unselectable days
							(otherMonth && !showOtherMonths ? '' : ' ' + daySettings[1] + // highlight custom dates
							(printDate.getTime() == currentDate.getTime() ? ' ' + this._currentClass : '') + // highlight selected day
							(printDate.getTime() == today.getTime() ? ' ui-datepicker-today' : '')) + '"' + // highlight today (if different)
							((!otherMonth || showOtherMonths) && daySettings[2] ? ' title="' + daySettings[2] + '"' : '') + // cell title
							(unselectable ? '' : ' data-handler="selectDay" data-event="click" data-month="' + printDate.getMonth() + '" data-year="' + printDate.getFullYear() + '"') + '>' + // actions
							(otherMonth && !showOtherMonths ? '&#xa0;' : // display for other months
							(unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : '<a class="ui-state-default' +
							(printDate.getTime() == today.getTime() ? ' ui-state-highlight' : '') +
							(printDate.getTime() == currentDate.getTime() ? ' ui-state-active' : '') + // highlight selected day
							(otherMonth ? ' ui-priority-secondary' : '') + // distinguish dates from other months
							'" href="#">' + printDate.getDate() + '</a>')) + '</td>'; // display selectable date
						printDate.setDate(printDate.getDate() + 1);
						printDate = this._daylightSavingAdjust(printDate);
					}
					calender += tbody + '</tr>';
				}
				drawMonth++;
				if (drawMonth > 11) {
					drawMonth = 0;
					drawYear++;
				}
				calender += '</tbody></table>' + (isMultiMonth ? '</div>' + 
							((numMonths[0] > 0 && col == numMonths[1]-1) ? '<div class="ui-datepicker-row-break"></div>' : '') : '');
				group += calender;
			}
			html += group;
		}
		html += buttonPanel + ($.browser.msie && parseInt($.browser.version,10) < 7 && !inst.inline ?
			'<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>' : '');
		inst._keyEvent = false;
		return html;
	},

	/* Generate the month and year header. */
	_generateMonthYearHeader: function(inst, drawMonth, drawYear, minDate, maxDate,
			secondary, monthNames, monthNamesShort) {
		var changeMonth = this._get(inst, 'changeMonth');
		var changeYear = this._get(inst, 'changeYear');
		var showMonthAfterYear = this._get(inst, 'showMonthAfterYear');
		var html = '<div class="ui-datepicker-title">';
		var monthHtml = '';
		// month selection
		if (secondary || !changeMonth)
			monthHtml += '<span class="ui-datepicker-month">' + monthNames[drawMonth] + '</span>';
		else {
			var inMinYear = (minDate && minDate.getFullYear() == drawYear);
			var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear);
			monthHtml += '<select class="ui-datepicker-month" data-handler="selectMonth" data-event="change">';
			for (var month = 0; month < 12; month++) {
				if ((!inMinYear || month >= minDate.getMonth()) &&
						(!inMaxYear || month <= maxDate.getMonth()))
					monthHtml += '<option value="' + month + '"' +
						(month == drawMonth ? ' selected="selected"' : '') +
						'>' + monthNamesShort[month] + '</option>';
			}
			monthHtml += '</select>';
		}
		if (!showMonthAfterYear)
			html += monthHtml + (secondary || !(changeMonth && changeYear) ? '&#xa0;' : '');
		// year selection
		if ( !inst.yearshtml ) {
			inst.yearshtml = '';
			if (secondary || !changeYear)
				html += '<span class="ui-datepicker-year">' + drawYear + '</span>';
			else {
				// determine range of years to display
				var years = this._get(inst, 'yearRange').split(':');
				var thisYear = new Date().getFullYear();
				var determineYear = function(value) {
					var year = (value.match(/c[+-].*/) ? drawYear + parseInt(value.substring(1), 10) :
						(value.match(/[+-].*/) ? thisYear + parseInt(value, 10) :
						parseInt(value, 10)));
					return (isNaN(year) ? thisYear : year);
				};
				var year = determineYear(years[0]);
				var endYear = Math.max(year, determineYear(years[1] || ''));
				year = (minDate ? Math.max(year, minDate.getFullYear()) : year);
				endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear);
				inst.yearshtml += '<select class="ui-datepicker-year" data-handler="selectYear" data-event="change">';
				for (; year <= endYear; year++) {
					inst.yearshtml += '<option value="' + year + '"' +
						(year == drawYear ? ' selected="selected"' : '') +
						'>' + year + '</option>';
				}
				inst.yearshtml += '</select>';
				
				html += inst.yearshtml;
				inst.yearshtml = null;
			}
		}
		html += this._get(inst, 'yearSuffix');
		if (showMonthAfterYear)
			html += (secondary || !(changeMonth && changeYear) ? '&#xa0;' : '') + monthHtml;
		html += '</div>'; // Close datepicker_header
		return html;
	},

	/* Adjust one of the date sub-fields. */
	_adjustInstDate: function(inst, offset, period) {
		var year = inst.drawYear + (period == 'Y' ? offset : 0);
		var month = inst.drawMonth + (period == 'M' ? offset : 0);
		var day = Math.min(inst.selectedDay, this._getDaysInMonth(year, month)) +
			(period == 'D' ? offset : 0);
		var date = this._restrictMinMax(inst,
			this._daylightSavingAdjust(new Date(year, month, day)));
		inst.selectedDay = date.getDate();
		inst.drawMonth = inst.selectedMonth = date.getMonth();
		inst.drawYear = inst.selectedYear = date.getFullYear();
		if (period == 'M' || period == 'Y')
			this._notifyChange(inst);
	},

	/* Ensure a date is within any min/max bounds. */
	_restrictMinMax: function(inst, date) {
		var minDate = this._getMinMaxDate(inst, 'min');
		var maxDate = this._getMinMaxDate(inst, 'max');
		var newDate = (minDate && date < minDate ? minDate : date);
		newDate = (maxDate && newDate > maxDate ? maxDate : newDate);
		return newDate;
	},

	/* Notify change of month/year. */
	_notifyChange: function(inst) {
		var onChange = this._get(inst, 'onChangeMonthYear');
		if (onChange)
			onChange.apply((inst.input ? inst.input[0] : null),
				[inst.selectedYear, inst.selectedMonth + 1, inst]);
	},

	/* Determine the number of months to show. */
	_getNumberOfMonths: function(inst) {
		var numMonths = this._get(inst, 'numberOfMonths');
		return (numMonths == null ? [1, 1] : (typeof numMonths == 'number' ? [1, numMonths] : numMonths));
	},

	/* Determine the current maximum date - ensure no time components are set. */
	_getMinMaxDate: function(inst, minMax) {
		return this._determineDate(inst, this._get(inst, minMax + 'Date'), null);
	},

	/* Find the number of days in a given month. */
	_getDaysInMonth: function(year, month) {
		return 32 - this._daylightSavingAdjust(new Date(year, month, 32)).getDate();
	},

	/* Find the day of the week of the first of a month. */
	_getFirstDayOfMonth: function(year, month) {
		return new Date(year, month, 1).getDay();
	},

	/* Determines if we should allow a "next/prev" month display change. */
	_canAdjustMonth: function(inst, offset, curYear, curMonth) {
		var numMonths = this._getNumberOfMonths(inst);
		var date = this._daylightSavingAdjust(new Date(curYear,
			curMonth + (offset < 0 ? offset : numMonths[0] * numMonths[1]), 1));
		if (offset < 0)
			date.setDate(this._getDaysInMonth(date.getFullYear(), date.getMonth()));
		return this._isInRange(inst, date);
	},

	/* Is the given date in the accepted range? */
	_isInRange: function(inst, date) {
		var minDate = this._getMinMaxDate(inst, 'min');
		var maxDate = this._getMinMaxDate(inst, 'max');
		return ((!minDate || date.getTime() >= minDate.getTime()) &&
			(!maxDate || date.getTime() <= maxDate.getTime()));
	},

	/* Provide the configuration settings for formatting/parsing. */
	_getFormatConfig: function(inst) {
		var shortYearCutoff = this._get(inst, 'shortYearCutoff');
		shortYearCutoff = (typeof shortYearCutoff != 'string' ? shortYearCutoff :
			new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10));
		return {shortYearCutoff: shortYearCutoff,
			dayNamesShort: this._get(inst, 'dayNamesShort'), dayNames: this._get(inst, 'dayNames'),
			monthNamesShort: this._get(inst, 'monthNamesShort'), monthNames: this._get(inst, 'monthNames')};
	},

	/* Format the given date for display. */
	_formatDate: function(inst, day, month, year) {
		if (!day) {
			inst.currentDay = inst.selectedDay;
			inst.currentMonth = inst.selectedMonth;
			inst.currentYear = inst.selectedYear;
		}
		var date = (day ? (typeof day == 'object' ? day :
			this._daylightSavingAdjust(new Date(year, month, day))) :
			this._daylightSavingAdjust(new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
		return this.formatDate(this._get(inst, 'dateFormat'), date, this._getFormatConfig(inst));
	}
});

/*
 * Bind hover events for datepicker elements.
 * Done via delegate so the binding only occurs once in the lifetime of the parent div.
 * Global instActive, set by _updateDatepicker allows the handlers to find their way back to the active picker.
 */ 
function bindHover(dpDiv) {
	var selector = 'button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a';
	return dpDiv.bind('mouseout', function(event) {
			var elem = $( event.target ).closest( selector );
			if ( !elem.length ) {
				return;
			}
			elem.removeClass( "ui-state-hover ui-datepicker-prev-hover ui-datepicker-next-hover" );
		})
		.bind('mouseover', function(event) {
			var elem = $( event.target ).closest( selector );
			if ($.datepicker._isDisabledDatepicker( instActive.inline ? dpDiv.parent()[0] : instActive.input[0]) ||
					!elem.length ) {
				return;
			}
			elem.parents('.ui-datepicker-calendar').find('a').removeClass('ui-state-hover');
			elem.addClass('ui-state-hover');
			if (elem.hasClass('ui-datepicker-prev')) elem.addClass('ui-datepicker-prev-hover');
			if (elem.hasClass('ui-datepicker-next')) elem.addClass('ui-datepicker-next-hover');
		});
}

/* jQuery extend now ignores nulls! */
function extendRemove(target, props) {
	$.extend(target, props);
	for (var name in props)
		if (props[name] == null || props[name] == undefined)
			target[name] = props[name];
	return target;
};

/* Determine whether an object is an array. */
function isArray(a) {
	return (a && (($.browser.safari && typeof a == 'object' && a.length) ||
		(a.constructor && a.constructor.toString().match(/\Array\(\)/))));
};

/* Invoke the datepicker functionality.
   @param  options  string - a command, optionally followed by additional parameters or
                    Object - settings for attaching new datepicker functionality
   @return  jQuery object */
$.fn.datepicker = function(options){
	
	/* Verify an empty collection wasn't passed - Fixes #6976 */
	if ( !this.length ) {
		return this;
	}
	
	/* Initialise the date picker. */
	if (!$.datepicker.initialized) {
		$(document).mousedown($.datepicker._checkExternalClick).
			find('body').append($.datepicker.dpDiv);
		$.datepicker.initialized = true;
	}

	var otherArgs = Array.prototype.slice.call(arguments, 1);
	if (typeof options == 'string' && (options == 'isDisabled' || options == 'getDate' || options == 'widget'))
		return $.datepicker['_' + options + 'Datepicker'].
			apply($.datepicker, [this[0]].concat(otherArgs));
	if (options == 'option' && arguments.length == 2 && typeof arguments[1] == 'string')
		return $.datepicker['_' + options + 'Datepicker'].
			apply($.datepicker, [this[0]].concat(otherArgs));
	return this.each(function() {
		typeof options == 'string' ?
			$.datepicker['_' + options + 'Datepicker'].
				apply($.datepicker, [this].concat(otherArgs)) :
			$.datepicker._attachDatepicker(this, options);
	});
};

$.datepicker = new Datepicker(); // singleton instance
$.datepicker.initialized = false;
$.datepicker.uuid = new Date().getTime();
$.datepicker.version = "1.8.23";

// Workaround for #4055
// Add another global to avoid noConflict issues with inline event handlers
window['DP_jQuery_' + dpuuid] = $;

})(jQuery);

/*!
 * jQuery UI Position 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Position
 */
(function( $, undefined ) {

$.ui = $.ui || {};

var horizontalPositions = /left|center|right/,
	verticalPositions = /top|center|bottom/,
	center = "center",
	support = {},
	_position = $.fn.position,
	_offset = $.fn.offset;

$.fn.position = function( options ) {
	if ( !options || !options.of ) {
		return _position.apply( this, arguments );
	}

	// make a copy, we don't want to modify arguments
	options = $.extend( {}, options );

	var target = $( options.of ),
		targetElem = target[0],
		collision = ( options.collision || "flip" ).split( " " ),
		offset = options.offset ? options.offset.split( " " ) : [ 0, 0 ],
		targetWidth,
		targetHeight,
		basePosition;

	if ( targetElem.nodeType === 9 ) {
		targetWidth = target.width();
		targetHeight = target.height();
		basePosition = { top: 0, left: 0 };
	// TODO: use $.isWindow() in 1.9
	} else if ( targetElem.setTimeout ) {
		targetWidth = target.width();
		targetHeight = target.height();
		basePosition = { top: target.scrollTop(), left: target.scrollLeft() };
	} else if ( targetElem.preventDefault ) {
		// force left top to allow flipping
		options.at = "left top";
		targetWidth = targetHeight = 0;
		basePosition = { top: options.of.pageY, left: options.of.pageX };
	} else {
		targetWidth = target.outerWidth();
		targetHeight = target.outerHeight();
		basePosition = target.offset();
	}

	// force my and at to have valid horizontal and veritcal positions
	// if a value is missing or invalid, it will be converted to center 
	$.each( [ "my", "at" ], function() {
		var pos = ( options[this] || "" ).split( " " );
		if ( pos.length === 1) {
			pos = horizontalPositions.test( pos[0] ) ?
				pos.concat( [center] ) :
				verticalPositions.test( pos[0] ) ?
					[ center ].concat( pos ) :
					[ center, center ];
		}
		pos[ 0 ] = horizontalPositions.test( pos[0] ) ? pos[ 0 ] : center;
		pos[ 1 ] = verticalPositions.test( pos[1] ) ? pos[ 1 ] : center;
		options[ this ] = pos;
	});

	// normalize collision option
	if ( collision.length === 1 ) {
		collision[ 1 ] = collision[ 0 ];
	}

	// normalize offset option
	offset[ 0 ] = parseInt( offset[0], 10 ) || 0;
	if ( offset.length === 1 ) {
		offset[ 1 ] = offset[ 0 ];
	}
	offset[ 1 ] = parseInt( offset[1], 10 ) || 0;

	if ( options.at[0] === "right" ) {
		basePosition.left += targetWidth;
	} else if ( options.at[0] === center ) {
		basePosition.left += targetWidth / 2;
	}

	if ( options.at[1] === "bottom" ) {
		basePosition.top += targetHeight;
	} else if ( options.at[1] === center ) {
		basePosition.top += targetHeight / 2;
	}

	basePosition.left += offset[ 0 ];
	basePosition.top += offset[ 1 ];

	return this.each(function() {
		var elem = $( this ),
			elemWidth = elem.outerWidth(),
			elemHeight = elem.outerHeight(),
			marginLeft = parseInt( $.curCSS( this, "marginLeft", true ) ) || 0,
			marginTop = parseInt( $.curCSS( this, "marginTop", true ) ) || 0,
			collisionWidth = elemWidth + marginLeft +
				( parseInt( $.curCSS( this, "marginRight", true ) ) || 0 ),
			collisionHeight = elemHeight + marginTop +
				( parseInt( $.curCSS( this, "marginBottom", true ) ) || 0 ),
			position = $.extend( {}, basePosition ),
			collisionPosition;

		if ( options.my[0] === "right" ) {
			position.left -= elemWidth;
		} else if ( options.my[0] === center ) {
			position.left -= elemWidth / 2;
		}

		if ( options.my[1] === "bottom" ) {
			position.top -= elemHeight;
		} else if ( options.my[1] === center ) {
			position.top -= elemHeight / 2;
		}

		// prevent fractions if jQuery version doesn't support them (see #5280)
		if ( !support.fractions ) {
			position.left = Math.round( position.left );
			position.top = Math.round( position.top );
		}

		collisionPosition = {
			left: position.left - marginLeft,
			top: position.top - marginTop
		};

		$.each( [ "left", "top" ], function( i, dir ) {
			if ( $.ui.position[ collision[i] ] ) {
				$.ui.position[ collision[i] ][ dir ]( position, {
					targetWidth: targetWidth,
					targetHeight: targetHeight,
					elemWidth: elemWidth,
					elemHeight: elemHeight,
					collisionPosition: collisionPosition,
					collisionWidth: collisionWidth,
					collisionHeight: collisionHeight,
					offset: offset,
					my: options.my,
					at: options.at
				});
			}
		});

		if ( $.fn.bgiframe ) {
			elem.bgiframe();
		}
		elem.offset( $.extend( position, { using: options.using } ) );
	});
};

$.ui.position = {
	fit: {
		left: function( position, data ) {
			var win = $( window ),
				over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft();
			position.left = over > 0 ? position.left - over : Math.max( position.left - data.collisionPosition.left, position.left );
		},
		top: function( position, data ) {
			var win = $( window ),
				over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop();
			position.top = over > 0 ? position.top - over : Math.max( position.top - data.collisionPosition.top, position.top );
		}
	},

	flip: {
		left: function( position, data ) {
			if ( data.at[0] === center ) {
				return;
			}
			var win = $( window ),
				over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft(),
				myOffset = data.my[ 0 ] === "left" ?
					-data.elemWidth :
					data.my[ 0 ] === "right" ?
						data.elemWidth :
						0,
				atOffset = data.at[ 0 ] === "left" ?
					data.targetWidth :
					-data.targetWidth,
				offset = -2 * data.offset[ 0 ];
			position.left += data.collisionPosition.left < 0 ?
				myOffset + atOffset + offset :
				over > 0 ?
					myOffset + atOffset + offset :
					0;
		},
		top: function( position, data ) {
			if ( data.at[1] === center ) {
				return;
			}
			var win = $( window ),
				over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop(),
				myOffset = data.my[ 1 ] === "top" ?
					-data.elemHeight :
					data.my[ 1 ] === "bottom" ?
						data.elemHeight :
						0,
				atOffset = data.at[ 1 ] === "top" ?
					data.targetHeight :
					-data.targetHeight,
				offset = -2 * data.offset[ 1 ];
			position.top += data.collisionPosition.top < 0 ?
				myOffset + atOffset + offset :
				over > 0 ?
					myOffset + atOffset + offset :
					0;
		}
	}
};

// offset setter from jQuery 1.4
if ( !$.offset.setOffset ) {
	$.offset.setOffset = function( elem, options ) {
		// set position first, in-case top/left are set even on static elem
		if ( /static/.test( $.curCSS( elem, "position" ) ) ) {
			elem.style.position = "relative";
		}
		var curElem   = $( elem ),
			curOffset = curElem.offset(),
			curTop    = parseInt( $.curCSS( elem, "top",  true ), 10 ) || 0,
			curLeft   = parseInt( $.curCSS( elem, "left", true ), 10)  || 0,
			props     = {
				top:  (options.top  - curOffset.top)  + curTop,
				left: (options.left - curOffset.left) + curLeft
			};
		
		if ( 'using' in options ) {
			options.using.call( elem, props );
		} else {
			curElem.css( props );
		}
	};

	$.fn.offset = function( options ) {
		var elem = this[ 0 ];
		if ( !elem || !elem.ownerDocument ) { return null; }
		if ( options ) {
			if ( $.isFunction( options ) ) {
				return this.each(function( i ) {
					$( this ).offset( options.call( this, i, $( this ).offset() ) );
				});
			}
			return this.each(function() {
				$.offset.setOffset( this, options );
			});
		}
		return _offset.call( this );
	};
}

// jQuery <1.4.3 uses curCSS, in 1.4.3 - 1.7.2 curCSS = css, 1.8+ only has css
if ( !$.curCSS ) {
	$.curCSS = $.css;
}

// fraction support test (older versions of jQuery don't support fractions)
(function () {
	var body = document.getElementsByTagName( "body" )[ 0 ], 
		div = document.createElement( "div" ),
		testElement, testElementParent, testElementStyle, offset, offsetTotal;

	//Create a "fake body" for testing based on method used in jQuery.support
	testElement = document.createElement( body ? "div" : "body" );
	testElementStyle = {
		visibility: "hidden",
		width: 0,
		height: 0,
		border: 0,
		margin: 0,
		background: "none"
	};
	if ( body ) {
		$.extend( testElementStyle, {
			position: "absolute",
			left: "-1000px",
			top: "-1000px"
		});
	}
	for ( var i in testElementStyle ) {
		testElement.style[ i ] = testElementStyle[ i ];
	}
	testElement.appendChild( div );
	testElementParent = body || document.documentElement;
	testElementParent.insertBefore( testElement, testElementParent.firstChild );

	div.style.cssText = "position: absolute; left: 10.7432222px; top: 10.432325px; height: 30px; width: 201px;";

	offset = $( div ).offset( function( _, offset ) {
		return offset;
	}).offset();

	testElement.innerHTML = "";
	testElementParent.removeChild( testElement );

	offsetTotal = offset.top + offset.left + ( body ? 2000 : 0 );
	support.fractions = offsetTotal > 21 && offsetTotal < 22;
})();

}( jQuery ));

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * @class Provides base functionality of the SAP jQuery plugin as extension of the jQuery framework.<br/>
 * See also <a href="http://api.jquery.com/jQuery/">jQuery</a> for details.<br/>
 * Although these functions appear as static ones, they are meant to be used on jQuery instances.<br/>
 * If not stated differently, the functions follow the fluent interface paradigm and return the jQuery instance for chaining of statements.
 *
 * Example for usage of an instance method:
 * <pre>
 *   var oRect = jQuery("#myDiv").rect();
 *   alert("Top Position: " + oRect.top);
 * </pre>
 *
 * @name jQuery
 * @static
 * @public
 */

(function() {
	
	if (!window.jQuery ) {
		throw new Error("SAPUI5 requires jQuery as a prerequisite (>= version 1.7)");
	}

	/**
	 * Window that the sap plugin has been initialized for.
	 * @private
	 */
	var _window = window;

	var _earlyErrors = [];

	var _sBootstrapUrl = undefined;

	if ( parseFloat(jQuery.prototype.jquery) < 1.7 ) {
		_earlyErrors.push("SAPUI5 requires at least jQuery 1.7, current version is " + jQuery.prototype.jquery);
	}
	
	//ensure not to initialize twice
	if (jQuery.sap) {
		return;
	}

	// Fixes the CORS issue (introduced by jQuery 1.7) when loading resources
	// (e.g. SAPUI5 script) from other domains for IE browsers.
	// The CORS check in jQuery filters out such browsers who do not have the
	// property "withCredentials" which is the IE and Opera and prevents those
	// browsers to request data from other domains with jQuery.ajax. The CORS
	// requests are simply forbidden nevertheless if it works. In our case we
	// simply load our script resources from another domain when using the CDN
	// variant of SAPUI5. The following fix is also recommended by jQuery:
	if (jQuery.browser.msie) {
		jQuery.support.cors = true;
	}


	/**
	 * Find the script URL where the SAPUI5 is loaded from and return an object which
	 * contains the identified script-tag and resource root
	 */
	var _oBootstrap = (function() {
		var oTag, sUrl, sResourceRoot,
			reConfigurator = /\/download\/configurator[\/\?]/,
			reBootScripts = /\/(sap-ui-(core|custom|boot)(-.*)?)\.js([?#]|$)/,
			reResources = /^(.*\/)?resources\//;

		// check all script tags that have a src attribute
		jQuery("script[src]").each(function() {
			var src = this.getAttribute("src"),
				m;
			if ( m = src.match(reConfigurator) ) {
				// guess 1: script tag src contains "/download/configurator[/?]" (for dynamically created bootstrap files)
				oTag = this;
				sUrl = src;
				sResourceRoot = src.substring(0, m.index) + "/resources/";
				return false;
			} else if ( m = src.match(reBootScripts) ) {
				// guess 2: src contains one of the well known boot script names
				oTag = this;
				sUrl = src;
				sResourceRoot = src.substring(0, m.index) + "/";
				return false;
			} else if ( this.id == 'sap-ui-bootstrap' && (m=src.match(reResources)) ) {
				// guess 2: script tag has well known id and src contains "resources/"
				oTag = this;
				sUrl = src;
				sResourceRoot = m[0];
				return false;
			}
		});
		return {
			tag: oTag,
			url: sUrl,
			resourceRoot: sResourceRoot
		};
	})();

	/**
	 * Determine whether sap-bootstrap-debug is set, run debugger statement and allow
	 * to restart the core from a new URL
	 */
	(function() {
		if (/sap-bootstrap-debug=(true|x|X)/.test(location.search)) {
			window["sap-ui-bRestart"] = false;
			window["sap-ui-sRestartUrl"] = "http://localhost:8080/sapui5/resources/sap-ui-core.js";

			// function to replace the bootstrap tag with a newly created script tag to enable
			// restarting the core from a different server
			function restartCore() {
				var oScript = _oBootstrap.tag,
					sScript = "<script src=\"" + window["sap-ui-sRestartUrl"] + "\"";
				jQuery.each(oScript.attributes, function(i, oAttr) {
					if (oAttr.nodeName.indexOf("data-sap-ui-") == 0) {
						sScript += " " + oAttr.nodeName + "=\"" + oAttr.nodeValue + "\"";
					}
				});
				sScript += "></script>";
				oScript.parentNode.removeChild(oScript);
				
				// clean up cachebuster stuff
				jQuery("#sap-ui-bootstrap-cachebusted").remove();
				window["sap-ui-config"] && window["sap-ui-config"].resourceRoots && (window["sap-ui-config"].resourceRoots[""] = undefined);
				
				document.write(sScript);
				var oRestart = new Error("Aborting UI5 bootstrap and restarting from: " + window["sap-ui-sRestartUrl"]);
				oRestart.name = "Restart";
				
				// clean up
				delete window["sap-ui-bRestart"];
				delete window["sap-ui-sRestartUrl"];
				
				throw oRestart;
			};

			// debugger stops here. To restart UI5 from somewhere else (default: localhost), set:
			//    window["sap-ui-bRestart"] = true
			// If you want to restart from a different server than localhost, you can adapt the URL, e.g.: 
			//    window["sap-ui-sRestartUrl"] = "http://someserver:8080/sapui5/resources/sap-ui-core.js"
			debugger;
			if (window["sap-ui-bRestart"]) {
				restartCore();
			}
		}
	})();

	/**
	 * Determine whether to use debug sources depending on URL parameter and local storage
	 * and load debug library if necessary
	 */
	(function() {
		//Check URI param
		var bDebugSources = /sap-ui-debug=(true|x|X)/.test(location.search),
			bIsOptimized = window["sap-ui-optimized"];

		//Check local storage
		try { //Necessary for FF when Cookies are deactivated
			bDebugSources = bDebugSources || (window.localStorage.getItem("sap-ui-debug") == "X");
		} catch(e) {}

		window["sap-ui-debug"] = bDebugSources;

		// if bootstap URL already contains -dbg URL, just set sap-ui-loaddbg
		if (/-dbg\.js([?#]|$)/.test(_oBootstrap.url)) {
			window["sap-ui-loaddbg"] = true;
			window["sap-ui-debug"] = true;
		}

		// if current sources are optimized and debug sources are wanted, restart with debug URL
		if (bIsOptimized && bDebugSources) {
			var sDebugUrl = _oBootstrap.url.replace(/\/(?:sap-ui-cachebuster\/)?([^\/]+)\.js/, "/$1-dbg.js");
			window["sap-ui-optimized"] = false;
			window["sap-ui-loaddbg"] = true;
			document.write("<script type=\"text/javascript\" src=\"" + sDebugUrl + "\"></script>");
			var oRestart = new Error("Aborting UI5 bootstrap and restarting from: " + sDebugUrl);
			oRestart.name = "Restart";
			throw oRestart;
		}
	})();

	/*
	 * Merged, raw (un-interpreted) configuration data from the following sources
	 * (last one wins)
	 * <ol>
	 * <li>global configuration object <code>window["sap-ui-config"]</code>
	 * <li><code>data-sap-ui-config</code> attribute of the bootstrap script tag
	 * <li>other <code>data-sap-ui-<i>xyz</i></code> attributes of the bootstrap tag
	 * </ol>
	 */
	var oCfgData = _window["sap-ui-config"] = (function() {

		function normalize(o) {
			jQuery.each(o, function(i, v) {
				var il=i.toLowerCase();
				if ( !o.hasOwnProperty(il) ) {
					o[il] = v;
					delete o[i];
				}
			});
			return o;
		}

		var oCfg = normalize(_window["sap-ui-config"] || {}),
			oScriptTag = _oBootstrap.tag;

		oCfg.resourceroots = oCfg.resourceroots || {};
		oCfg.themeroots = oCfg.themeroots || {};
		oCfg.resourceroots[''] = oCfg.resourceroots[''] || _oBootstrap.resourceRoot;

		oCfg['xx-loadallmode'] = /(^|\/)(sap-?ui5|[^\/]+-all).js([?#]|$)/.test(_oBootstrap.url);

		// if a script tag has been identified, collect its configuration info
		if ( oScriptTag ) {
			// evaluate the config attribute first - if present
			var sConfig = oScriptTag.getAttribute("data-sap-ui-config");
			if ( sConfig ) {
				try {
				  jQuery.extend(oCfg, normalize((new Function("return {" + sConfig + "};"))())); // TODO jQuery.parseJSON would be better but imposes unwanted restrictions on valid syntax
				} catch(e) {
				  // no log yet, how to report this error?
				  _earlyErrors.push("failed to parse data-sap-ui-config attribute: " + (e.message || e));
				}
			}

			// merge with any existing "data-sap-ui-" attributes
			jQuery.each(oScriptTag.attributes, function(i, attr) {
				var m = attr.name.match(/^data-sap-ui-(.*)$/);
				if ( m ) {
					// the following (deactivated) conversion would implement multi-word names like "resource-roots"
					m = m[1].toLowerCase(); // .replace(/\-([a-z])/g, function(s,w) { return w.toUpperCase(); })
					if ( m === 'resourceroots' ) {
						// merge map entries instead of overwriting map
						jQuery.extend(oCfg[m], jQuery.parseJSON(attr.value));
					} else if ( m === 'theme-roots' ) {
						// merge map entries, but rename to camelCase
						jQuery.extend(oCfg.themeroots, jQuery.parseJSON(attr.value));
					} else if ( m !== 'config' ) {
						oCfg[m] = attr.value;
					}
				}
			});
		}

		return oCfg;
	}());

	// check whether noConflict must be used...
	if ( oCfgData.noconflict === true || oCfgData.noconflict === "true"  || oCfgData.noconflict === "x" ) {
		jQuery.noConflict();
	}

	/**
	 * Root Namespace for the jQuery plug-in provided by SAP AG.
	 *
	 * @version 1.12.0
	 * @namespace
	 * @public
	 * @static
	 */
	jQuery.sap = {};

	// -------------------------- DEBUG LOCAL STORAGE -------------------------------------

	jQuery.sap.debug = function(bEnable) {
		if(!window.localStorage){
			return null;
		}
		
		function reloadHint(bUsesDbgSrc){
			alert("Usage of debug sources is " + (bUsesDbgSrc ? "on" : "off") + " now.\nFor the change to take effect, you need to reload the page.");
		};

		if (bEnable === true) {
			window.localStorage.setItem("sap-ui-debug", "X");
			reloadHint(true);
		} else if (bEnable === false) {
			window.localStorage.removeItem("sap-ui-debug");
			reloadHint(false);
		}

		return window.localStorage.getItem("sap-ui-debug") == "X";
	};

	// -------------------------- Logging -------------------------------------

	(function() {

		var FATAL=0, ERROR=1, WARNING=2, INFO=3, DEBUG=4, TRACE=5;

		/**
		 * Unique prefix for this instance of the core in a multi-frame environment.
		 */
		var sWindowName = (window.top == window) ? "" : "[" + window.location.pathname.split('/').slice(-1)[0] + "] ";
		// Note: comparison must use type coercion (==, not ===), otherwise test fails in IE

		/**
		 * The array that holds the log entries that have been recorded so far
		 */
		var aLog = [];

		/**
		 * Maximum log level to be recorded (per component).
		 */
		var mMaxLevel = { '' : ERROR };

		/**
		 * Registered listener to be informed about new log entries.
		 */
		var oListener = null;

		function pad0(i,w) { return ("000" + String(i)).slice(-w); }

		function level(sComponent) {
			return (!sComponent || isNaN(mMaxLevel[sComponent])) ? mMaxLevel[''] : mMaxLevel[sComponent];
		}
		
		function listener(){
			if(!oListener){
				oListener = {
					listeners: [],
					onLogEntry: function(oLogEntry){
						for(var i=0; i<oListener.listeners.length; i++){
							if(oListener.listeners[i].onLogEntry){
								oListener.listeners[i].onLogEntry(oLogEntry);
							}
						}
					},
					attach: function(oLogger, oLstnr){
						if(oLstnr){
							oListener.listeners.push(oLstnr);
							if(oLstnr.onAttachToLog){
								oLstnr.onAttachToLog(oLogger);
							}
						}
					},
					detach: function(oLogger, oLstnr){
						for(var i=0; i<oListener.listeners.length; i++){
							if(oListener.listeners[i] === oLstnr){
								if(oLstnr.onDetachFromLog){
									oLstnr.onDetachFromLog(oLogger);
								}
								oListener.listeners.splice(i,1);
								return;
							}
						}
					}
				};
			}
			return oListener;
		}

		/**
		 * Creates a new log entry depending on its level and component.
		 *
		 * If the given level is higher than the max level for the given component
		 * (or higher than the global level, if no component is given),
		 * then no entry is created.
		 */
		function log(iLevel, sMessage, sDetails, sComponent) {
			if (iLevel <= level(sComponent) ) {
				var oNow = new Date(),
					oLogEntry = {
						time     : pad0(oNow.getHours(),2)+":"+pad0(oNow.getMinutes(),2)+":"+pad0(oNow.getSeconds(),2),
						date     : pad0(oNow.getFullYear(),4) + "-" + pad0(oNow.getMonth()+1,2) + "-" + pad0(oNow.getDate(),2),
						timestamp: oNow.getTime(),
						level    : iLevel,
						message  : sMessage || "",
						details  : sDetails || "",
						component: sComponent || ""
					};
				aLog.push( oLogEntry );
				if (oListener) {
					oListener.onLogEntry(oLogEntry);
				}

				/*
				 * Console Log, also tries to log to the window.console, if available.
				 *
				 * Unfortunately, the support for window.console is quite different between the UI5 browsers. The most important differences are:
				 * - in IE (checked until IE9), the console object does not exist in a window, until the developer tools are opened for that window.
				 *   After opening the dev tools, the console remains available even when the tools are closed again. Only using a new window (or tab)
				 *   restores the old state without console.
				 *   When the console is available, it provides most standard methods, but not debug and trace
				 * - in FF3.6 the console is not available, until FireBug is opened. It disappears again, when fire bug is closed.
				 *   But when the settings for a web site are stored (convenience), the console remains open
				 *   When the console is available, it supports all relevant methods
				 * - in FF9.0, the console is always available, but method assert is only available when firebug is open
				 * - in Webkit browsers, the console object is always available and has all required methods
				 *   - Exception: in the iOS Simulator, console.info() does not exist
				 */
				if (window.console) { // in IE and FF, console might not exist; in FF it might even disappear
					var logText = oLogEntry.date + " " + oLogEntry.time + " " + sWindowName + oLogEntry.message + " - " + oLogEntry.details + " " + oLogEntry.component;
					switch(iLevel) {
					case FATAL:
					case ERROR: console.error(logText); break;
					case WARNING: console.warn(logText); break;
					case INFO: console.info ? console.info(logText) : console.log(logText); break;    // info not available in iOS simulator
					case DEBUG: console.debug ? console.debug(logText) : console.log(logText); break; // debug not available in IE, fallback to log
					case TRACE: console.trace ? console.trace(logText) : console.log(logText); break; // trace not available in IE, fallback to log (no trace)
					}
				}
				return oLogEntry;
			}
		}

		/**
		 * @class A Logger class
		 * @param sDefaultComponent
		 * @name jQuery.sap.log.Logger
		 * @since 1.1.2
		 * @public
		 */
		function Logger(sDefaultComponent) {

			/**
			 * Creates a new fatal-level entry in the log with the given message, details and calling component.
			 *
			 * @param {string} sMessage Message text to display
			 * @param {string} [sDetails=""] Details about the message, might be omitted
			 * @param {string} [sComponent=""] Name of the component that produced the log entry
			 * @return {jQuery.sap.log.Logger} The log instance for method chaining
			 * @name jQuery.sap.log.Logger#fatal
			 * @function
			 * @public
			 * @SecSink {0 1 2|SECRET} Could expose secret data in logs
			 */
			this.fatal = function (sMessage, sDetails, sComponent) {
				log(FATAL, sMessage, sDetails, sComponent || sDefaultComponent);
				return this;
			};

			/**
			 * Creates a new error-level entry in the log with the given message, details and calling component.
			 *
			 * @param {string} sMessage Message text to display
			 * @param {string} [sDetails=""] Details about the message, might be omitted
			 * @param {string} [sComponent=""] Name of the component that produced the log entry
			 * @return {jQuery.sap.log.Logger} The log instance
			 * @name jQuery.sap.log.Logger#error
			 * @function
			 * @public
			 * @SecSink {0 1 2|SECRET} Could expose secret data in logs
			 */
			this.error = function error(sMessage, sDetails, sComponent) {
				log(ERROR, sMessage, sDetails, sComponent || sDefaultComponent);
				return this;
			};

			/**
			 * Creates a new warning-level entry in the log with the given message, details and calling component.
			 *
			 * @param {string} sMessage Message text to display
			 * @param {string} [sDetails=""] Details about the message, might be omitted
			 * @param {string} [sComponent=""] Name of the component that produced the log entry
			 * @return {jQuery.sap.log.Logger} The log instance
			 * @name jQuery.sap.log.Logger#warning
			 * @function
			 * @public
			 * @SecSink {0 1 2|SECRET} Could expose secret data in logs
			 */
			this.warning = function warning(sMessage, sDetails, sComponent) {
				log(WARNING, sMessage, sDetails, sComponent || sDefaultComponent);
				return this;
			};
			/**
			 * Creates a new info-level entry in the log with the given message, details and calling component.
			 *
			 * @param {string} sMessage Message text to display
			 * @param {string} [sDetails=""] Details about the message, might be omitted
			 * @param {string} [sComponent=""] Name of the component that produced the log entry
			 * @return {jQuery.sap.log.Logger} The log instance
			 * @name jQuery.sap.log.Logger#info
			 * @function
			 * @public
			 * @SecSink {0 1 2|SECRET} Could expose secret data in logs
			 */
			this.info = function info(sMessage, sDetails, sComponent) {
				log(INFO, sMessage, sDetails, sComponent || sDefaultComponent);
				return this;
			};
			/**
			 * Creates a new debug-level entry in the log with the given message, details and calling component.
			 *
			 * @param {string} sMessage Message text to display
			 * @param {string} [sDetails=""] Details about the message, might be omitted
			 * @param {string} [sComponent=""] Name of the component that produced the log entry
			 * @return {jQuery.sap.log.Logger} The log instance
			 * @name jQuery.sap.log.Logger#debug
			 * @function
			 * @public
			 * @SecSink {0 1 2|SECRET} Could expose secret data in logs
			 */
			this.debug = function debug(sMessage, sDetails, sComponent) {
				log(DEBUG, sMessage, sDetails, sComponent || sDefaultComponent);
				return this;
			};
			/**
			 * Creates a new trace-level entry in the log with the given message, details and calling component.
			 *
			 * @param {string} sMessage Message text to display
			 * @param {string} [sDetails=""] Details about the message, might be omitted
			 * @param {string} [sComponent=""] Name of the component that produced the log entry
			 * @return {jQuery.sap.log.Logger} The log-instance
			 * @name jQuery.sap.log.Logger#trace
			 * @function
			 * @public
			 * @SecSink {0 1 2|SECRET} Could expose secret data in logs
			 */
			this.trace = function trace(sMessage, sDetails, sComponent) {
				log(TRACE, sMessage, sDetails, sComponent || sDefaultComponent);
				return this;
			};

			/**
			 * Defines the maximum jQuery.sap.log.Level of log entries that will be recorded.
			 * Log entries with a higher (less important) log level will be omitted from the log.
			 * When a component name is given, the log level will be configured for that component
			 * only, otherwise the log level for the default component of this logger is set.
			 * For the global logger, the global default level is set.
			 *
			 * <b>Note</b>: Setting a global default log level has no impact on already defined
			 * component log levels. They always override the global default log level.
			 *
			 * @param {jQuery.sap.log.Level} iLogLevel
			 * @param {string} [sComponent] The log component to set the log level for.
			 * @return {jQuery.sap.log} The global logger to allow method chaining
			 * @name jQuery.sap.log.Logger#setLevel
			 * @function
			 * @public
			 */
			this.setLevel = function setLevel(iLogLevel, sComponent) {
				sComponent = sComponent || sDefaultComponent || '';
				mMaxLevel[sComponent] = iLogLevel;
				var mBackMapping = [];
				jQuery.each(jQuery.sap.log.LogLevel, function(idx, v){
					mBackMapping[v] = idx;
				});
				log(INFO, "Changing log level " + (sComponent ? "for '" + sComponent + "' " : "") + "to " + mBackMapping[iLogLevel], "", "jQuery.sap.log");
				return this;
			};

			/**
			 * Returns the log level currently effective for the given component.
			 * If no component is given or when no level has been configured for a
			 * given component, the log level for the default component of this logger is returned.
			 *
			 * @param {string} [sComponent] Name of the component to retrieve the log level for
			 * @return {int} The log level for the given component or the default log level
			 * @name jQuery.sap.log.Logger#getLevel
			 * @function
			 * @public
			 * @since 1.1.2
			 */
			this.getLevel = function getLevel(sComponent) {
				return level(sComponent || sDefaultComponent);
			};

		}

		/**
		 * A Logging API for JavaScript.
		 *
		 * Provides methods to manage a client-side log and to create entries in it. Each of the logging methods
		 * {@link jQuery.sap.log.#debug}, {@link jQuery.sap.log.#info}, {@link jQuery.sap.log.#warning},
		 * {@link jQuery.sap.log.#error} and {@link jQuery.sap.log.#fatal} creates and records a log entry,
		 * containing a timestamp, a log level, a message with details and a component info.
		 * The log level will be one of {@link jQuery.sap.log.Level} and equals the name of the concrete logging method.
		 *
		 * By using the {@link jQuery.sap.log#setLevel} method, consumers can determine the least important
		 * log level which should be recorded. Less important entries will be filtered out. (Note that higher numeric
		 * values represent less important levels). The initially set level depends on the mode that UI5 is running in.
		 * When the optimized sources are executed, the default level will be {@link jQuery.sap.log.Level.ERROR}.
		 * For normal (debug sources), the default level is {@link jQuery.sap.log.Level.DEBUG}.
		 *
		 * All logging methods allow to specify a <b>component</b>. These components are simple strings and
		 * don't have a special meaning to the UI5 framework. However they can be used to semantically group
		 * log entries that belong to the same software component (or feature). There are two APIs that help
		 * to manage logging for such a component. With <code>{@link jQuery.sap.log.getLogger}(sComponent)</code>,
		 * one can retrieve a logger that automatically adds the given <code>sComponent</code> as component
		 * parameter to each log entry, if no other component is specified. Typically, JavaScript code will
		 * retrieve such a logger once during startup and reuse it for the rest of its lifecycle.
		 * Second, the {@link jQuery.sap.log.Logger#setLevel}(iLevel, sComponent) method allows to set the log level
		 * for a specific component only. This allows a more fine granular control about the created logging entries.
		 * {@link jQuery.sap.log.Logger.getLevel} allows to retrieve the currently effective log level for a given
		 * component.
		 *
		 * {@link jQuery.sap.log#getLog} returns an array of the currently collected log entries.
		 *
		 * Furthermore, a listener can be registered to the log. It will be notified whenever a new entry
		 * is added to the log. The listener can be used for displaying log entries in a separate page area,
		 * or for sending it to some external target (server).
		 *
		 * @author SAP AG
		 * @since 0.9.0
		 * @namespace
		 * @public
		 * @borrows jQuery.sap.log.Logger#fatal as this.fatal
		 * @borrows jQuery.sap.log.Logger#error as this.error
		 * @borrows jQuery.sap.log.Logger#warning as this.warning
		 * @borrows jQuery.sap.log.Logger#info as this.info
		 * @borrows jQuery.sap.log.Logger#debug as this.debug
		 * @borrows jQuery.sap.log.Logger#trace as this.trace
		 * @borrows jQuery.sap.log.Logger#getLevel as this.getLevel
		 * @borrows jQuery.sap.log.Logger#setLevel as this.setLevel
		 */
		jQuery.sap.log = jQuery.extend(new Logger(), /** @lends jQuery.sap.log */ {

			/**
			 * Enumeration of the configurable log levels that a Logger should persist to the log.
			 *
			 * Only if the current LogLevel is higher than the level {@link jQuery.sap.log.Level} of the currently added log entry,
			 * then this very entry is permanently added to the log. Otherwise it is ignored.
			 * @see jQuery.sap.log.Logger#setLevel
			 * @namespace
			 * @public
			 */
			Level : {

				/**
				 * Do not log anything
				 * @public
				 */
				NONE : FATAL-1,

				/**
				 * Fatal level. Use this for logging unrecoverable situations
				 * @public
				 */
				FATAL : FATAL,

				/**
				 * Error level. Use this for logging of erroneous but still recoverable situations
				 * @public
				 */
				ERROR : ERROR,

				/**
				 * Warning level. Use this for logging unwanted but foreseen situations
				 * @public
				 */
				WARNING : WARNING,

				/**
				 * Info level. Use this for logging information of purely informative nature
				 * @public
				 */
				INFO : INFO,

				/**
				 * Debug level. Use this for logging information necessary for debugging
				 * @public
				 */
				DEBUG : DEBUG,

				/**
				 * Trace level. Use this for tracing the program flow.
				 * @public
				 */
				TRACE : TRACE, /* TODO Think about changing to 10 and thus to pull out of logging... -> Make tracing explicit */

				/**
				 * Trace level to log everything.
				 */
				ALL : (TRACE + 1) /* TODO if TRACE is changed to make sure this is 6 again. There would then be some special TRACE handling. */
			},

			/**
			 * Returns a {@link jQuery.sap.log.Logger} for the given component.
			 *
			 * The method might or might not return the same logger object across multiple calls.
			 * While loggers are assumed to be light weight objects, consumers should try to
			 * avoid redundant calls and instead keep references to already retrieved loggers.
			 *
			 * @param {string} sComponent Component to create the logger for
			 * @return {jQuery.sap.log.Logger} A logger for the component.
			 * @public
			 * @static
			 * @since 1.1.2
			 */
			getLogger : function(sComponent) {
				return new Logger(sComponent);
			},

			/**
			 * Returns the logged entries recorded so far as an array.
			 *
			 * Log entries are plain JavaScript objects with the following properties
			 * <ul>
			 * <li>timestamp {number} point in time when the entry was created
			 * <li>level {int} LogLevel level of the entry
			 * <li>message {string} message text of the entry
			 * </ul>
			 *
			 * @return {object[]} an array containing the recorded log entries
			 * @public
			 * @static
			 * @since 1.1.2
			 */
			getLogEntries : function () {
				return aLog.slice();
			},
			
			/**
			 * Allows to add a new LogListener that will be notified for new log entries.
			 * The given object must provide method <code>onLogEntry</code> and can also be informed
			 * about <code>onDetachFromLog</code> and <code>onAttachToLog</code>
			 * @param {object} oListener The new listener object that should be informed
			 * @return {jQuery.sap.log} The global logger
			 * @public
			 * @static
			 */
			addLogListener : function(oListener) {
				listener().attach(this, oListener);
				return this;
			},
			
			/**
			 * Allows to remove a registered LogListener.
			 * @param {object} oListener The new listener object that should be removed
			 * @return {jQuery.sap.log} The global logger
			 * @public
			 * @static
			 */
			removeLogListener : function(oListener) {
				listener().detach(this, oListener);
				return this;
			}
			
		});

		/**
		 * Deprecated duplicate of {@link jQuery.sap.log.Level}.
		 * @deprecated Since 1.1.2. To streamline the Logging API a bit, the separation between Level and LogLevel has been given up.
		 * Use the (enriched) enumeration {@link jQuery.sap.log.Level} instead.
		 * @namespace Enumeration of levels that can be used in a call to {@link jQuery.sap.log.Logger#setLevel}(iLevel, sComponent).
		 * @public
		 */
		jQuery.sap.log.LogLevel = jQuery.sap.log.Level;

		/**
		 * Retrieves the currently recorded log entries.
		 * @deprecated Since 1.1.2. To avoid confusion with getLogger, this method has been renamed to {@link jQuery.sap.log.getLogEntries}.
		 * @function
		 * @public
		 * @static
		 */
		jQuery.sap.log.getLog = jQuery.sap.log.getLogEntries;

		/**
		 * A simple assertion mechanism that logs a message when a given condition is not met.
		 *
		 * <b>Note:</b> Calls to this method might be removed when the JavaScript code
		 *              is optimized during build. Therefore, callers should not rely on any side effects
		 *              of this method.
		 *
		 * @public
		 * @static
		 * @SecSink {1|SECRET} Could expose secret data in logs
		 */
		jQuery.sap.assert = function(bResult, sMessage) {
			if( !bResult ) {
				if ( window.console && console.assert ) {
					console.assert(bResult, sWindowName + sMessage);
				} else {
					// console is not always available (IE, FF) and IE doesn't support console.assert
					jQuery.sap.log.debug("[Assertions] " + sMessage);
				}
			}
		};

		// against all our rules: use side effect of assert to differentiate between optimized and productive code
		jQuery.sap.assert( !!(mMaxLevel[''] = DEBUG), "will be removed in optimized version");
		// evaluate configuration
		oCfgData.loglevel = oCfgData.loglevel || (function() { var m=/(?:\?|&)sap-ui-log(?:L|-l)evel=([^&]*)/.exec(window.location.search); return m && m[1];}());
		if ( oCfgData.loglevel ) {
			jQuery.sap.log.setLevel(jQuery.sap.log.Level[oCfgData.loglevel.toUpperCase()] || parseInt(oCfgData.loglevel,10));
		}

		jQuery.sap.log.info("SAP Logger started.");
		// log early errors
		jQuery.each(_earlyErrors, function(i,e) { jQuery.sap.log.error(e); }); _earlyErrors = null;


	}());

	// ---------------------------------------------------------------------------------------------------

	/**
	 * Returns a new constructor function that creates objects with
	 * the given prototype.
	 *
	 * @return {function} the newly created constructor function
	 * @public
	 * @static
	 */
	jQuery.sap.factory = function factory(oPrototype) {
		function Factory() {}
		Factory.prototype = oPrototype;
		return Factory;
	};

	/**
	 * Returns a new object which has the given oPrototype as its prototype.
	 *
	 * If several objects with the same prototype are to be created,
	 * {@link jQuery.sap.factory} should be used instead.
	 *
	 * @public
	 * @static
	 */
	jQuery.sap.newObject = function newObject(oPrototype) {
		return new (jQuery.sap.factory(oPrototype))();
	};

	/**
	 * Returns a new function that returns the given <code>oValue</code> (using its closure).
	 *
	 * Avoids the need for a dedicated member for the value.
	 *
	 * As closures don't come for free, this function should only be used when polluting
	 * the enclosing object is an absolute "must-not" (as it is the case in public base classes).
	 *
	 * @public
	 * @static
	 */
	jQuery.sap.getter = function getter(oValue) {
		return function() {
			return oValue;
		};
	};

	/**
	 * Returns a JavaScript object which is identified by a sequence of names.
	 *
	 * A call to <code>getObject("a.b.C")</code> has essentially the same effect
	 * as accessing <code>window.a.b.C</code> but with the difference that missing
	 * intermediate objects (a or b in the example above) don't lead to an exception.
	 *
	 * When the addressed object exists, it is simply returned. If it doesn't exists,
	 * the behavior depends on the value of the second, optional parameter
	 * <code>iNoCreates</code> (assuming 'n' to be the number of names in the name sequence):
	 * <ul>
	 * <li>NaN: if iNoCreates is not a number and the addressed object doesn't exist,
	 *          then <code>getObject()</code> returns <code>undefined</code>.
	 * <li>0 &lt; iNoCreates &lt; n: any non-existing intermediate object is created, except
	 *          the <i>last</i> <code>iNoCreates</code> ones.
	 * </ul>
	 *
	 * Example:
	 * <pre>
	 *   getObject()            -- returns the context object (either param or window)
	 *   getObject("a.b.C")     -- will only try to get a.b.C and return undefined if not found.
	 *   getObject("a.b.C", 0)  -- will create a, b, and C in that order if they don't exists
	 *   getObject("a.b.c", 1)  -- will create a and b, but not C.
	 * </pre>
	 *
	 * When a <code>oContext</code> is given, the search starts in that object.
	 * Otherwise it starts in the <code>window</code> object that this plugin
	 * has been created in.
	 *
	 * Note: Although this method internally uses <code>object["key"]</code> to address object
	 *       properties, it does not support all possible characters in a name.
	 *       Especially the dot ('.') is not supported in the individual name segments,
	 *       as it is always interpreted as a name separator.
	 *
	 * @param {string} sName  a dot separated sequence of names that identify the required object
	 * @param {int}    [iNoCreates=NaN] number of objects (from the right) that should not be created
	 * @param {object} [oContext=window] the context to execute the search in
	 *
	 * @public
	 * @static
	 */
	jQuery.sap.getObject = function getObject(sName, iNoCreates, oContext) {
		var oObject = oContext || _window,
			aNames = (sName || "").split("."),
			l = aNames.length,
			iEndCreate = isNaN(iNoCreates) ? 0 : l - iNoCreates,
			i;

		for (i=0; oObject && i<l; i++) {
			if (!oObject[aNames[i]] && i<iEndCreate ) {
				oObject[aNames[i]] = {};
			}
			oObject = oObject[aNames[i]];
		}
		return oObject;

	};

	/**
	 * Sets an object property to a given value, where the property is
	 * identified by a sequence of names (path).
	 *
	 * When a <code>oContext</code> is given, the path starts in that object.
	 * Otherwise it starts in the <code>window</code> object that this plugin
	 * has been created for.
	 *
	 * Note: Although this method internally uses <code>object["key"]</code> to address object
	 *       properties, it does not support all possible characters in a name.
	 *       Especially the dot ('.') is not supported in the individual name segments,
	 *       as it is always interpreted as a name separator.
	 *
	 * @param {string} sName  a dot separated sequence of names that identify the property
	 * @param {any}    vValue value to be set, can have any type
	 * @param {object} [oContext=window] the context to execute the search in
	 * @public
	 * @static
	 */
	jQuery.sap.setObject = function (sName, vValue, oContext) {
		var oObject = oContext || _window,
			aNames = (sName || "").split("."),
			l = aNames.length, i;

		if ( l>0 ) {
			for (i=0; oObject && i<l-1; i++) {
				if (!oObject[aNames[i]] ) {
					oObject[aNames[i]] = {};
				}
				oObject = oObject[aNames[i]];
			}
			oObject[aNames[l-1]] = vValue;
		}
	};

	// ---------------------- sync point -------------------------------------------------------------
	
	/*
	 * Internal class that can help to synchronize a set of asynchronous tasks.
	 * Each task must be registered in the sync point by calling startTask with 
	 * an (purely informative) title. The returned value must be used in a later 
	 * call to finishTask. 
	 * When finishTask has been called for all tasks that have been started, 
	 * the fnCallback will be fired. 
	 * When a timeout is given and reached, the callback is called at that 
	 * time, no matter whether all tasks have been finished or not. 
	 */
	function SyncPoint(sName, fnCallback, iTimeout) {
		var aTasks = [],
			iOpenTasks = 0,
			iFailures = 0,
			sTimer;

		this.startTask = function(sTitle) {
			var iId = aTasks.length;
			aTasks[iId] = { name : sTitle, finished : false };
			iOpenTasks++;
			return iId;
		};
		
		this.finishTask = function(iId, bSuccess) {
			if ( !aTasks[iId] || aTasks[iId].finished ) {
				throw new Error("trying to finish non existing or already finished task");
			}
			aTasks[iId].finished = true;
			iOpenTasks--;
			if ( bSuccess === false ) {
				iFailures++;
			}
			if (iOpenTasks === 0 ) {
				jQuery.sap.log.info("Sync point '" + sName + "' finished (tasks:" + aTasks.length + ", open:" + iOpenTasks + ", failures:" + iFailures + ")");
				if ( sTimer ) {
					clearTimeout(sTimer);
					sTimer = null;
				};
				finish();
			}
		};

		function finish() {
			fnCallback && fnCallback(iOpenTasks, iFailures);
			fnCallback = null;
		}
		
		if ( !isNaN(iTimeout) ) {
			sTimer = setTimeout(function() {
				jQuery.sap.log.info("Sync point '" + sName + "' timed out (tasks:" + aTasks.length + ", open:" + iOpenTasks + ", failures:" + iFailures + ")");
				finish();
			}, iTimeout);
		};
		
		jQuery.sap.log.info("Sync point '" + sName + "' created" + (iTimeout ? "(timeout after " + iTimeout + " ms)" : ""));
		
	}
	
	/**
	 * Internal function to create a sync point.
	 * @private
	 */
	jQuery.sap.syncPoint = function(sName, fnCallback, iTimeout) {
		return new SyncPoint(sName, fnCallback, iTimeout);
	}
	
	// ---------------------- require/declare --------------------------------------------------------

	/**
	 * A map of URL prefixes keyed by the corresponding module name prefix.
	 * @see jQuery.sap.registerModulePath
	 *
	 * Note that the empty prefix ('') will always match and thus serves as a fallback.
	 */
	var mUrlPrefixes = { '' : 'resources/' };

	// take resource roots from configuration
	if ( oCfgData.resourceroots ) {
		jQuery.extend(true, mUrlPrefixes, oCfgData.resourceroots);
	}

	// dump the URL prefixes
	jQuery.sap.log.info("URL prefixes set to:");
	for(var n in mUrlPrefixes) {
		jQuery.sap.log.info("  " + (n ? "'" + n + "'" : "(default)") + " : " + mUrlPrefixes[n]);
	}

	// find prefix for module name
	var _getModulePath = function _getModulePath(sModuleName, sSuffix) {

		// split name into segments
		var aSegments = sModuleName.split(/\./);

		// search for a defined name prefix, starting with the full name and successively removing one segment
		for(var l=aSegments.length; l>=0; l--) {
			var sNamePrefix = aSegments.slice(0, l).join('.');
			if ( mUrlPrefixes[sNamePrefix] ) {
				var sResult = mUrlPrefixes[sNamePrefix];
				if ( l < aSegments.length ) {
					sResult += aSegments.slice(l).join("/");
				}
				if ( sResult.slice(-1) === '/' ) {
					sResult = sResult.slice(0, -1);
				}
				return sResult + (sSuffix || '');
			}
		}

		jQuery.sap.assert(false, "should never happen");
	};

	/* ==== Begin of HACK ==== */
	// this HACK wraps the _getModulePath function to implement some special handling
	// for the jquery.sap. modules, which contain a dot in their name
	var _HACK_orig_getModulePath = _getModulePath;
	var _getModulePath = function HACK_modified_getModulePath(sModuleName, sSuffix) {
		if ( sModuleName.indexOf("jquery.sap.") === 0 ) {
			sModuleName = sModuleName.replace(/\./gi, "%2E");
			var sPath = _HACK_orig_getModulePath(sModuleName, sSuffix);
			return sPath.replace(/%2E/gi, ".");
		}
		return _HACK_orig_getModulePath(sModuleName, sSuffix);
	};
	/* ==== End of HACK ==== */

	/**
	 * Constructs an URL to load the module with the given name and file type (suffix).
	 *
	 * Searches the longest prefix of the given module name for which a registration
	 * exists (see {@link jQuery.sap.registerModulePath}) and replaces that prefix
	 * by the registered URL prefix.
	 *
	 * The remainder of the module name is appended to the URL, replacing any dot with a slash.
	 *
	 * Finally, the given suffix (typically a file name extension) is added (unconverted).
	 *
	 * The returned name (without the suffix) doesn't end with a slash.
	 *
	 * @public
	 * @static
	 */
	jQuery.sap.getModulePath = function(sModuleName, sSuffix) {
		return _getModulePath(sModuleName, sSuffix);
	};

	/**
	 * Registers an URL prefix for a module name prefix.
	 *
	 * Before a module is loaded, the longest registered prefix of its module name
	 * is searched for and the associated URL prefix is used as a prefix for the request URL.
	 * The remainder of the module name is attached to the request URL by replacing
	 * dots ('.') with slashes ('/').
	 *
	 * The registration and search operates on full name segments only. So when a prefix
	 *
	 *    'sap.com'  ->  'http://www.sap.com/ui5/resources/'
	 *
	 * is registered, then it will match the name
	 *
	 *    'sap.com.Button'
	 *
	 * but not
	 *
	 *    'sap.commons.Button'
	 *
	 * Note that the empty prefix ('') will always match and thus serves as a fallback for
	 * any search.
	 *
	 * @public
	 * @static
	 * @SecSink {1|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.registerModulePath = function registerModulePath(sModuleName, sUrlPrefix) {
		// must not be empty
		sUrlPrefix = sUrlPrefix || '.';

		// ensure that the prefix ends with a '/'
		if ( sUrlPrefix.slice(-1) != '/' ) {
			sUrlPrefix += '/';
		}

		mUrlPrefixes[sModuleName] = sUrlPrefix;

		jQuery.sap.log.info("sap.registerModulePath ('" + sModuleName + "', '" + sUrlPrefix + "')");

	};


	/**
	 * Set of modules that have been loaded (required) so far
	 * @private
	 */
	var mModules = {};

	// make the module loading more verbose
	var _verbose = false; // not yet configurable as Url params are not available here... oCfgData.debug === true || oCfgData.debug === "true" || oCfgData.debug === "x";

	/**
	 * Stack of modules that are currently executed.
	 * Allows to identify the containing module in case of multi module files (e.g. sap-ui-core)
	 */
	var _execStack = [ ];
	var sLogPrefix = "";

	/**
	 * Check whether a given module has been loaded / declared already.
	 * 
	 * Returns true as soon as a module has been required the first time, even when 
	 * loading/executing it has not finished yet. So the main assertion of a  
	 * return value of <code>true</code> is that the necessary actions have been taken
	 * to make the module available in the near future. It does not mean, that 
	 * the content of the module is already available!
	 * 
	 * This fuzzy behavior is necessary to avoid multiple requests for the same module. 
	 * As a consequence of the assertion above, a <i>preloaded</i> module does not
	 * count as <i>declared</i>. For preloaded modules, an explicit call to 
	 * <code>jQuery.sap.require</code> is necessary to make them available. 
	 * 
	 * @param {string} sModuleName name of the module to be checked
	 * @return {boolean} whether the module has been declared already
	 * @public
	 * @static
	 */
	jQuery.sap.isDeclared = function isDeclared(sModuleName) {
		return mModules[sModuleName] && mModules[sModuleName].state !== "preloaded";
	};
	
	/**
	 * Returns the names of all declared modules.
	 * @return {string[]} the names of all declared modules
	 * @see jQuery.sap.isDeclared
	 * @public
	 * @static
	 */
	jQuery.sap.getAllDeclaredModules = function() {
		var aModules = [];
		jQuery.each(mModules, function(i,v) {
			// filter out preloaded modules
			if ( jQuery.sap.isDeclared(i) ) {
				aModules.push(i);
			}
		});
		return aModules;
	};

	/**
	 * Declares a module as existing.
	 *
	 * By default, this function assumes that the module will create a JavaScript object
	 * with the same name as the module. As a convenience it ensures that the parent
	 * namespace for that object exists (by calling jQuery.sap.getObject).
	 * If such an object creation is not desired, <code>bCreateNamespace</code> must be set to false.
	 *
	 * @param {string || object} sModuleName name of the module to be declared
	 *                           or in case of an object {modName: "...", type: "..."}
	 *                           where modName is the name of the module and the type
	 *                           could be a specific dot separated extension e.g.
	 *                           <code>{modName: "sap.ui.core.Dev", type: "view"}</code>
	 *                           loads <code>sap/ui/core/Dev.view.js</code> and
	 *                           registers as <code>sap.ui.core.Dev.view</code>
	 * @param {string} [bCreateNamespace=true] whether to create the parent namespace
	 *
	 * @public
	 * @static
	 */
	jQuery.sap.declare = function declare(sModuleName, bCreateNamespace) {
		if ( _verbose ) {
			jQuery.sap.log.debug(sLogPrefix + "sap.declare '" + sModuleName + "'");
		}

		// check for an object as parameter for sModuleName
		// in case of this the object contains the module name and the type
		// which could be {modName: "sap.ui.core.Dev", type: "view"}
		var sType = "";
		if (typeof(sModuleName) === "object") {
			sType = sModuleName.type ? "." + sModuleName.type : "";
			sModuleName = sModuleName.modName + sType;
		}

		if ( !jQuery.sap.isDeclared(sModuleName) ) {
			if ( !mModules[sModuleName] ) {
				mModules[sModuleName] = { };
			}
			mModules[sModuleName].state = 'ready';
		}

		// identify the bootstrap module
		// Note: this is only a guess and fails e.g. when multiple modules are loaded via a script tag
		// to make it safe, we could convert 'declare' calls to e.g. 'subdeclare' calls at build time.
		if ( _execStack.length === 0 && sModuleName !== "jquery.sap.global" ) {
			_execStack.push(sModuleName);
			mModules[sModuleName].url = mModules[sModuleName].url || _sBootstrapUrl;
		}

		// remember parent module if any
		if ( !mModules[sModuleName].parent ) {
		  mModules[sModuleName].parent = _execStack[_execStack.length-1];
		}

		// ensure parent namespace even if module was declared already
		// (as declare might have been called by require)
		if (bCreateNamespace !== false) {
			// ensure parent namespace
			jQuery.sap.getObject(sModuleName, 1);
		}

		return this;
	};

	function requireModule(sModuleName) {

		// handle multiple imports
		if ( arguments.length > 1 ) {
			for(var i=0; i<arguments.length; i++) {
				jQuery.sap.require(arguments[i]);
			}
			return this;
		}

		// check for an object as parameter for sModuleName
		// in case of this the object contains the module name and the type
		// which could be {modName: "sap.ui.core.Dev", type: "view"}
		var sType = "";
		if (typeof(sModuleName) === "object") {
			sType = sModuleName.type ? "." + sModuleName.type : "";
			sModuleName = sModuleName.modName + sType;
		}

		if ( _verbose ) {
			jQuery.sap.log.debug(sLogPrefix + "require '" + sModuleName + "' of type '" + sType + "'");
		}

		// check if module has been loaded already
		if ( mModules[sModuleName] ) {
			if ( mModules[sModuleName].state === 'preloaded' ) {
				mModules[sModuleName].state = 'loaded';
				execModule(sModuleName);
			}

			if ( mModules[sModuleName].state === 'ready' ) {
				if ( _verbose ) {
					jQuery.sap.log.debug("module '" + sModuleName + "' has already been loaded (skipped).");
				}
				return this;
			} else if ( mModules[sModuleName].state === 'failed' ) {
				throw new Error("found in negative cache: '" + sModuleName+  "' from " + mModules[sModuleName].url + ": " + mModules[sModuleName].error);
			} else {
				// currently loading
				return this;
			}
		}

		// set marker for loading modules (to break cycles)
		var mod = mModules[sModuleName] = { state: 'loading' };

		// in case of having a type specified ignore the type for the module path creation and add it as file extension
		var sBaseName = sType ? sModuleName.substring(0, sModuleName.length - sType.length) : sModuleName;

		// if debug is enabled, try to load debug module first
		if (window["sap-ui-loaddbg"]) {
			// create module URL for the debug version
			mod.url = jQuery.sap.getModulePath(sBaseName + "-dbg", sType + '.js');
			if ( _verbose ) {
				jQuery.sap.log.debug("loading debug version of '" + sModuleName + "' from '" + mod.url + "'");
			}
			jQuery.ajax({
				url : mod.url,
				dataType : 'text',
				async : false,
				success : function(response, textStatus, xhr) {
					mod.state = 'loaded';
					mod.data = response;
				},
				error : function(xhr, textStatus, error) {
					mod.state = 'failed';
					mod.error = xhr ? xhr.status + " - " + xhr.statusText : textStatus;
				}
			});
		}

		// try to load the module, if debug was not enabled/not successful
		if ( mod.state !== 'loaded' ) {
			// create module URL
			mod.url = jQuery.sap.getModulePath(sBaseName, sType + '.js');
			if ( _verbose ) {
				jQuery.sap.log.debug("loading '" + sModuleName + "' from '" + mod.url + "'");
			}
			jQuery.ajax({
				url : mod.url,
				dataType : 'text',
				async : false,
				success : function(response, textStatus, xhr) {
					mod.state = 'loaded';
					mod.data = response;
				},
				error : function(xhr, textStatus, error) {
					mod.state = 'failed';
					mod.error = xhr ? xhr.status + " - " + xhr.statusText : textStatus;
				}
			});
		}

		// execute module __after__ loading it, this reduces the required stack space!
		if ( mod.state === 'loaded' ) {
			execModule(sModuleName);
		}

		if ( mod.state !== 'ready' ) {
			throw new Error("failed to load '" + sModuleName+  "' from " + mod.url + ": " + mod.error);
		}

		return this;

	}

	// max size a script should have when executing it with execScript (IE). Otherwise fallback to eval
	var MAX_EXEC_SCRIPT_LENGTH = 512*1024;
	
	function execModule(sModuleName) {

		var mod = mModules[sModuleName];

		if ( mod && mod.state === 'loaded' && typeof mod.data !== "undefined" ) {
			try {

				if ( _verbose ) {
					var oldPrefix = sLogPrefix;
					sLogPrefix = sLogPrefix + "  ";
					jQuery.sap.log.debug(sLogPrefix + "executing '" + sModuleName + "'");
				}

				// execute the script in the window context
				mod.state = 'executing';
				_execStack.push(sModuleName);
				if ( typeof mod.data === "function" ) {
					mod.data.apply(window);
				} else if (_window.execScript && (!mod.data || mod.data.length < MAX_EXEC_SCRIPT_LENGTH) ) { 
					try {
						mod.data && _window.execScript(mod.data); // execScript fails if data is empty
					} catch (e) {
						_execStack.pop();
						// eval again with different approach - should fail with a more informative exception
						jQuery.sap.globalEval(mod.data);
						throw e; // rethrow err in case globalEval succeeded unexpectedly
					}
				} else {
					_window.eval(mod.data + "\r\n//@ sourceURL=" + mod.url); // Firebug and Safari debugging help, seems to cost ZERO performance
				}
				_execStack.pop();
				mod.state = 'ready';
				mod.data = undefined;
				if ( _verbose ) {
					jQuery.sap.log.debug(sLogPrefix + "finished executing '" + sModuleName + "'");
					sLogPrefix = oldPrefix;
				}

			} catch (err) {
				mod.state = 'failed';
				mod.error = ((err.toString && err.toString()) || err.message) + (err.line ? "(line " + err.line + ")" : "" );
				mod.data = undefined;
				if ( window["sap-ui-debug"] && (oCfgData["xx-showloaderrors"] || /sap-ui-xx-show(L|-l)oad(E|-e)rrors=(true|x|X)/.test(location.search)) ) {
					jQuery.sap.log.error("error while evaluating " + sModuleName + ", embedding again via script tag to enforce a stack trace (see below)");
					jQuery.sap.includeScript(mod.url);
					return;
				}
			}
		}
	}

	/**
	 * Ensures that the given module is loaded and executed before execution of the
	 * current script continues.
	 *
	 * By issuing a call to this method, the caller declares a dependency to the listed modules.
	 *
	 * Any required and not yet loaded script will be loaded and execute synchronously.
	 * Already loaded modules will be skipped.
	 *
	 * @param {string... || object} sModuleName one or more names of modules to be loaded
	 *                              or in case of an object {modName: "...", type: "..."}
	 *                              where modName is the name of the module and the type
	 *                              could be a specific dot separated extension e.g.
	 *                              <code>{modName: "sap.ui.core.Dev", type: "view"}</code>
	 *                              loads <code>sap/ui/core/Dev.view.js</code> and
	 *                              registers as <code>sap.ui.core.Dev.view</code>
	 *
	 * @public
	 * @static
	 * @function
	 * @SecSink {0|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.require = requireModule;

	var mPreloadModules = {};
	
	jQuery.sap.preloadModules = function(sPreloadModule, bAsync, oSyncPoint) {
		
		jQuery.sap.assert(!bAsync ||oSyncPoint, "if mode is async, a syncpoint object must be given");
		
		if ( mPreloadModules[sPreloadModule] )
			return;

		mPreloadModules[sPreloadModule] = true;

		var sURL = jQuery.sap.getModulePath(sPreloadModule, ".json");
		
		jQuery.sap.log.debug("preload file " + sPreloadModule);
		var iTask = oSyncPoint && oSyncPoint.startTask("load " + sPreloadModule);
		jQuery.ajax({
			dataType : "json",
			async : bAsync,
			url : sURL,
			success : function(data) {
				if ( data ) {
					data.url = sURL;
				}
				jQuery.sap.registerPreloadedModules(data, bAsync, oSyncPoint);
				oSyncPoint && oSyncPoint.finishTask(iTask);
			},
			error : function(data) {
				oSyncPoint && oSyncPoint.finishTask(iTask, false);
			}
		});

	};
	
	jQuery.sap.registerPreloadedModules = function(oData, bAsync, oSyncPoint) {
		if ( _verbose ) {
			jQuery.sap.log.debug(sLogPrefix + "adding preloaded modules from '" + oData.url + "'");
		}
		if ( oData.name ) {
			mPreloadModules[oData.name] = true;
		}
		jQuery.each(oData.modules, function(sName,sContent) {
			if ( !mModules[sName] ) {
				mModules[sName] = { state : 'preloaded', url : oData.url + "/" + sName, data : sContent };
			}
		});
		if ( oData.dependencies ) {
			jQuery.each(oData.dependencies, function(idx,sModuleName) {
				jQuery.sap.preloadModules(sModuleName, bAsync, oSyncPoint);
			});
		}
	};

	// declare our own module
	jQuery.sap.declare("jquery.sap.global", false);

	// --------------------- script and stylesheet handling --------------------------------------------------

	// appends a link object to the head
	function appendHead(oElement) {
		var head = window.document.getElementsByTagName("head")[0];
		if (head) {
			head.appendChild(oElement);
		}
	}

	/**
	 * Includes the script (via &lt;script&gt;-tag) into the head for the
	 * specified <code>sUrl</code> and optional <code>sId</code>.
	 *
	 * @param {string}
	 *            sUrl the URL of the script to load
	 * @param {string}
	 *            [sId] id that should be used for the script include tag
	 *
	 * @public
	 * @static
	 * @SecSink {0|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.includeScript = function includeScript(sUrl, sId){
		var oScript = window.document.createElement("script");
		oScript.src = sUrl;
		oScript.type = "text/javascript";
		if (sId) {
			oScript.id = sId;
		}
		// jQuery("head").append(oScript) doesn't work because they filter for the script
		// and execute them directly instead adding the SCRIPT tag to the head
		appendHead(oScript);
	};

	/**
	 * Includes the specified stylesheet via a &lt;link&gt;-tag in the head of the current document.
	 * If there is call to <code>includeStylesheet</code> providing the sId of an already included stylesheet,
	 * the existing element will be replaced.
	 *
	 * @param {string} sUrl the URL of the script to load
	 * @param {string} [sId] id that should be used for the script include tag
	 *
	 * @public
	 * @static
	 * @SecSink {0|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.includeStyleSheet = function includeStyleSheet(sUrl, sId){

		// create the new link element
		var oLink = document.createElement("link");
		oLink.type = "text/css";
		oLink.rel = "stylesheet";
		oLink.href = sUrl;
		if (sId) {
			oLink.id = sId;
		}
		
		oLink.onload = function(){
			jQuery(oLink).attr("sap-ui-ready", "true");
		}
		oLink.onerror = function(){
			jQuery(oLink).attr("sap-ui-ready", "false");
		}

		// check for existence of the link
		var oOld, bReplace;
		if ((sId && (oOld = jQuery.sap.domById(sId)) && (bReplace = oOld.tagName === "LINK" && oOld.rel ==="stylesheet")) || window.document.body) {
			if (bReplace) {
				jQuery(oOld).replaceWith(oLink);
			} else {
				appendHead(oLink);
			}
		} else {
			appendHead(oLink);
		}

	};

	// TODO should be in core, but then the 'callback' could not be implemented
	if ( !(oCfgData.productive === true || oCfgData.productive === "true"  || oCfgData.productive === "x") ) {
		jQuery(function() {
			jQuery(document.body).keydown(function(e) {
				if ( e.keyCode == 80 && e.shiftKey && e.altKey && e.ctrlKey ) {
					try {
						jQuery.sap.require("sap.ui.debug.TechnicalInfo");
					} catch (e) {
						// alert("Sorry, failed to activate 'P'-mode!");
						return;
					}
					sap.ui.debug.TechnicalInfo.open(function() {
						return { modules : mModules, prefixes : mUrlPrefixes, config: oCfgData };
					});
				}
			});
		});
		
		jQuery(function() {
			jQuery(document.body).keydown(function(e) {
				if ( e.keyCode == 83 /*S*/ && e.shiftKey && e.altKey && e.ctrlKey ) { //TODO: Is this ok?
					try {
						jQuery.sap.require("sap.ui.core.support.Support");
						var oSupport = sap.ui.core.support.Support.getStub();
						if(oSupport.getType() != sap.ui.core.support.Support.StubType.APPLICATION){
							return;
						}
						oSupport.openSupportTool();
					} catch(e) {
					}
				}
			});
		});
	}

	// *********** feature detection, enriching jQuery.support *************
	// this might go into its own file once there is more stuff added

	/**
	 * Holds information about the browser's capabilities and quirks.
	 * This object is provided and documented by jQuery. 
	 * But it is extended by SAPUI5 with detection for features not covered by jQuery. This documentation ONLY covers the detection properties added by UI5.
	 * For the standard detection properties, please refer to the jQuery documentation.
	 * 
	 * These properties added by UI5 are only available temporarily until jQuery adds feature detection on their own.
	 * 
	 * @name jQuery.support
	 * @namespace
	 * @since 1.12
	 * @public
	 */
	
	if (!jQuery.support) {
		jQuery.support = {};
	}
	
	jQuery.extend(jQuery.support, {touch: "ontouchend" in document}); // this is also defined by jquery-mobile-custom.js, but this information is needed earlier

	var aPrefixes = ["Webkit", "ms", "Moz"];
	var oStyle = document.documentElement.style;
	
	var preserveOrTestCssPropWithPrefixes = function(detectionName, propName) {
		if (jQuery.support[detectionName] === undefined) {
			
			if (oStyle[propName] !== undefined) { // without vendor prefix
				jQuery.support[detectionName] = true;
				return;
				
			} else { // try vendor prefixes
				propName = propName.charAt(0).toUpperCase() + propName.slice(1);
				for (var i in aPrefixes) {
					if (oStyle[aPrefixes[i]+propName] !== undefined) {
						jQuery.support[detectionName] = true;
						return;
					}
				}
			}
			jQuery.support[detectionName] = false;
		}
	};

	/**
	 * Whether the current browser supports (2D) CSS transforms
	 * @type {boolean}
	 * @public
	 * @name jQuery.support.cssTransforms
	 */
	preserveOrTestCssPropWithPrefixes("cssTransforms", "transform");

	/**
	 * Whether the current browser supports 3D CSS transforms
	 * @type {boolean}
	 * @public
	 * @name jQuery.support.cssTransforms3d
	 */
	preserveOrTestCssPropWithPrefixes("cssTransforms3d", "perspective");

	/**
	 * Whether the current browser supports CSS transitions
	 * @type {boolean}
	 * @public
	 * @name jQuery.support.cssTransitions
	 */
	preserveOrTestCssPropWithPrefixes("cssTransitions", "transition");

	/**
	 * Whether the current browser supports (named) CSS animations
	 * @type {boolean}
	 * @public
	 * @name jQuery.support.cssAnimations
	 */
	preserveOrTestCssPropWithPrefixes("cssAnimations", "animationName");

	/**
	 * Whether the current browser supports CSS gradients. Note that ANY support for CSS gradients leads to "true" here, no matter what the syntax is.
	 * @type {boolean}
	 * @public
	 * @name jQuery.support.cssGradients
	 */
	if (jQuery.support.cssGradients === undefined) {
		var oElem = document.createElement('div'),
		oStyle = oElem.style;
		try {
			oStyle.backgroundImage = "linear-gradient(left top, red, white)";
			oStyle.backgroundImage = "-moz-linear-gradient(left top, red, white)";
			oStyle.backgroundImage = "-webkit-linear-gradient(left top, red, white)";
			oStyle.backgroundImage = "-ms-linear-gradient(left top, red, white)";
			oStyle.backgroundImage = "-webkit-gradient(linear, left top, right bottom, from(red), to(white))";
		} catch (e) {/* no support...*/}
		jQuery.support.cssGradients = (oStyle.backgroundImage && oStyle.backgroundImage.indexOf("gradient") > -1);
		
		oElem = null; // free for garbage collection
	}

	/**
	 * Whether the current browser supports the OLD CSS3 Flexible Box Layout directly or via vendor prefixes
	 * @type {boolean}
	 * @public
	 * @name jQuery.support.flexBoxLayout
	 */
	preserveOrTestCssPropWithPrefixes("flexBoxLayout", "boxFlex");

	/**
	 * Whether the current browser supports the IE10 CSS3 Flexible Box Layout directly or via vendor prefixes
	 * @type {boolean}
	 * @public
	 * @name jQuery.support.ie10FlexBoxLayout
	 * @since 1.12.0
	 */
	preserveOrTestCssPropWithPrefixes("ie10FlexBoxLayout", "flexOrder");	// Just using one of the IE10 properties that's not in the new FlexBox spec
	
	/**
	 * Whether the current browser supports the NEW CSS3 Flexible Box Layout directly or via vendor prefixes
	 * @type {boolean}
	 * @public
	 * @name jQuery.support.newFlexBoxLayout
	 */
	preserveOrTestCssPropWithPrefixes("newFlexBoxLayout", "flexGrow");	// Use a new property that IE10 doesn't support

	/**
	 * Whether the current browser needs a polyfill as a fallback for flex box support
	 * @type {boolean}
	 * @private
	 * @name jQuery.support.useFlexBoxPolyfill
	 * @since 1.12.0
	 */
	if(!jQuery.support.flexBoxLayout && !jQuery.support.newFlexBoxLayout && !jQuery.support.ie10FlexBoxLayout) {
		jQuery.support.useFlexBoxPolyfill = true;
	} else {
		jQuery.support.useFlexBoxPolyfill = false;
	}
	
	// *********** fixes for (pending) jQuery bugs **********
	if (!jQuery.support.opacity) {
		(function() {
			// jQuery cssHook for setOpacity[IE8] doesn't properly cleanup the CSS filter property
			var oldSet = jQuery.cssHooks.opacity.set;
			jQuery.cssHooks.opacity.set = function( elem, value ) {
				oldSet.apply(this, arguments);
				if ( !jQuery.trim(elem.style.filter) ) {
					elem.style.removeAttribute("filter");
				}
			};
		}());
	}

	// *** Performance measure ***
	function PerfMeasurement(){

		function Measurement( sId, sInfo, iStart, iEnd ){
			this.id = sId;
			this.info = sInfo;
			this.start = iStart;
			this.end = iEnd;
			this.pause = 0;
			this.resume = 0;
			this.duration = 0; // used time
			this.time = 0; // time from start to end
		}

		var bActive = false;
		var fnAjax = jQuery.ajax;

		/**
		 * Gets the current state of the perfomance measurement functionality
		 *
		 * @return {boolean} current state of the perfomance measurement functionality
		 * @name jQuery.sap.measure#getActive
		 * @function
		 * @public
		 */
		this.getActive = function(){
			return bActive;
		};

		/**
		 * Activates or deactivates the performance measure functionality
		 *
		 * @param {boolean} bOn state of the perfomance measurement functionality to set
		 * @return {boolean} current state of the perfomance measurement functionality
		 * @name jQuery.sap.measure#setActive
		 * @function
		 * @public
		 */
		this.setActive = function( bOn ){

			if (bActive == bOn) {
				return bActive;
			}

			bActive = bOn;

			if (bActive){
				// redefine AJAX call
				jQuery.ajax = function( url, options ){
					jQuery.sap.measure.start(url.url, "Request for "+ url.url);
					fnAjax.apply(this,arguments);
					jQuery.sap.measure.end(url.url);
				};
			}else if(fnAjax){
				jQuery.ajax = fnAjax;
			}

			return bActive;

		};

		this.setActive(/sap-ui-measure=(true|x|X)/.test(location.search));

		this.mMeasurements = {};

		/**
		 * Starts a performance measure
		 *
		 * @param {string} sId ID of the measurement
		 * @param {string} sInfo Info for the measurement
		 * @return {object} current measurement containing id, info and start-timestamp (false if error)
		 * @name jQuery.sap.measure#start
		 * @function
		 * @public
		 */
		this.start = function( sId, sInfo ){
			if (!bActive) {
				return;
			}

			var iTime = new Date().getTime();
			var oMeasurement = new Measurement( sId, sInfo, iTime, 0);
//			jQuery.sap.log.info("Performance measurement start: "+ sId + " on "+ iTime);

			if (oMeasurement) {
				this.mMeasurements[sId] = oMeasurement;
				return({id: oMeasurement.id, info: oMeasurement.info, start: oMeasurement.start });
			}else{
				return false;
			}
		};

		/**
		 * Pauses a performance measure
		 *
		 * @param {string} sId ID of the measurement
		 * @return {object} current measurement containing id, info and start-timestamp, pause-timestamp (false if error)
		 * @name jQuery.sap.measure#pause
		 * @function
		 * @public
		 */
		this.pause = function( sId ){
			if (!bActive) {
				return;
			}

			var iTime = new Date().getTime();
			var oMeasurement = this.mMeasurements[sId];
			if(oMeasurement && oMeasurement.end > 0){
				// already ended -> no pause possible
				return false;
			}

			if (oMeasurement && oMeasurement.pause == 0) {
				// not already paused
				oMeasurement.pause = iTime;
				if (oMeasurement.pause >= oMeasurement.resume && oMeasurement.resume > 0) {
					oMeasurement.duration = oMeasurement.duration + oMeasurement.pause - oMeasurement.resume;
					oMeasurement.resume = 0;
				}else if (oMeasurement.pause >= oMeasurement.start) {
					oMeasurement.duration = oMeasurement.pause - oMeasurement.start;
				}
			}
//			jQuery.sap.log.info("Performance measurement pause: "+ sId + " on "+ iTime + " duration: "+ oMeasurement.duration);

			if (oMeasurement) {
				return({id: oMeasurement.id, info: oMeasurement.info, start: oMeasurement.start, pause: oMeasurement.pause });
			}else{
				return false;
			}
		};

		/**
		 * Resumes a performance measure
		 *
		 * @param {string} sId ID of the measurement
		 * @return {object} current measurement containing id, info and start-timestamp, resume-timestamp (false if error)
		 * @name jQuery.sap.measure#resume
		 * @function
		 * @public
		 */
		this.resume = function( sId ){
			if (!bActive) {
				return;
			}

			var iTime = new Date().getTime();
			var oMeasurement = this.mMeasurements[sId];
//			jQuery.sap.log.info("Performance measurement resume: "+ sId + " on "+ iTime + " duration: "+ oMeasurement.duration);

			if (oMeasurement && oMeasurement.pause > 0) {
				// already paused
				oMeasurement.pause = 0;
				oMeasurement.resume = iTime;
			}

			if (oMeasurement) {
				return({id: oMeasurement.id, info: oMeasurement.info, start: oMeasurement.start, resume: oMeasurement.resume });
			}else{
				return false;
			}
		};

		/**
		 * Ends a performance measure
		 *
		 * @param {string} sId ID of the measurement
		 * @return {object} current measurement containing id, info and start-timestamp, end-timestamp, time, duration (false if error)
		 * @name jQuery.sap.measure#end
		 * @function
		 * @public
		 */
		this.end = function( sId ){
			if (!bActive) {
				return;
			}

			var iTime = new Date().getTime();
			var oMeasurement = this.mMeasurements[sId];
//			jQuery.sap.log.info("Performance measurement end: "+ sId + " on "+ iTime);

			if (oMeasurement && !oMeasurement.end) {
				oMeasurement.end = iTime;
				if (oMeasurement.end >= oMeasurement.resume && oMeasurement.resume > 0) {
					oMeasurement.duration = oMeasurement.duration + oMeasurement.end - oMeasurement.resume;
					oMeasurement.resume = 0;
				}else if (oMeasurement.pause > 0) {
					// duration already calculated
					oMeasurement.pause = 0;
				}else if (oMeasurement.end >= oMeasurement.start) {
					oMeasurement.duration = oMeasurement.end - oMeasurement.start;
				}
				if (oMeasurement.end >= oMeasurement.start) {
					oMeasurement.time = oMeasurement.end - oMeasurement.start;
				}
			}

			if (oMeasurement) {
				return({id: oMeasurement.id,
					    info: oMeasurement.info,
					    start: oMeasurement.start,
					    end: oMeasurement.end,
					    time: oMeasurement.time,
					    duration: oMeasurement.duration});
			}else{
				return false;
			}
		};

		/**
		 * Gets a performance measure
		 *
		 * @param {string} sId ID of the measurement
		 * @return {object} current measurement containing id, info and start-timestamp, end-timestamp, time, duration (false if error)
		 * @name jQuery.sap.measure#getMeasurement
		 * @function
		 * @public
		 */
		this.getMeasurement = function( sId ){
			if (!bActive) {
				return;
			}

			var oMeasurement = this.mMeasurements[sId];

			if (oMeasurement) {
				return({id: oMeasurement.id,
						info: oMeasurement.info,
						start: oMeasurement.start,
						end: oMeasurement.end,
						time: oMeasurement.time,
						duration: oMeasurement.duration});
			}else{
				return false;
			}
		};

		/**
		 * Clears all performance measurements
		 *
		 * @return
		 * @name jQuery.sap.measure#clear
		 * @function
		 * @public
		 */
		this.clear = function( ){
			if (!bActive) {
				return;
			}

			this.mMeasurements = {};
			return;
		};

		/**
		 * Removes a performance measure
		 *
		 * @param {string} sId ID of the measurement
		 * @return
		 * @name jQuery.sap.measure#remove
		 * @function
		 * @public
		 */
		this.remove = function( sId ){
			if (!bActive) {
				return;
			}

			delete this.mMeasurements[sId];
			return;
		};

		/**
		 * Gets all performance measurements
		 *
		 * @return {object} [] current measurement containing id, info and start-timestamp, end-timestamp, time, duration (false if error)
		 * @name jQuery.sap.measure#getAllMeasurements
		 * @function
		 * @public
		 */
		this.getAllMeasurements = function( ){
			if (!bActive) {
				return;
			}

			var aMeasurements = new Array();

			jQuery.each(this.mMeasurements, function(sId, oMeasurement){
				aMeasurements.push({id: oMeasurement.id,
					                info: oMeasurement.info,
					                start: oMeasurement.start,
					                end: oMeasurement.end,
					                duration: oMeasurement.duration,
					                time: oMeasurement.time});
			});
			return aMeasurements;
		};

		/**
		 * Adds a performance measurement with all data 
		 * This is usefull to add external measurements (e.g. from a backend) to the common measurement UI
		 *
		 * @param {string} sId ID of the measurement
		 * @param {string} sInfo Info for the measurement
		 * @param {int} iStart start timestamp
		 * @param {int} iEnd end timestamp
		 * @param {int} iTime time in milliseconds
		 * @param {int} iDuration effective time in milliseconds
		 * @return {object} [] current measurement containing id, info and start-timestamp, end-timestamp, time, duration (false if error)
		 * @name jQuery.sap.measure#add
		 * @function
		 * @public
		 */
		this.add = function( sId, sInfo, iStart, iEnd, iTime, iDuration ){
			if (!bActive) {
				return;
			}

			var oMeasurement = new Measurement( sId, sInfo, iStart, iEnd);
			oMeasurement.time = iTime;
			oMeasurement.duration = iDuration;

			if (oMeasurement) {
				this.mMeasurements[sId] = oMeasurement;
				return({id: oMeasurement.id,
					    info: oMeasurement.info,
					    start: oMeasurement.start,
					    end: oMeasurement.end,
					    time: oMeasurement.time,
					    duration: oMeasurement.duration});
			}else{
				return false;
			}
		};
	}

	/**
	 * Namespace for the jQuery performance measurement plug-in provided by SAP AG.
	 *
	 * @namespace
	 * @name jQuery.sap.measure
	 * @public
	 * @static
	 */
	jQuery.sap.measure = new PerfMeasurement();

}());

/**
 * Executes an 'eval' for its arguments in the global context (without closure variables).
 *
 * This is a synchronous replacement for <code>jQuery.globalEval</code> which in some
 * browsers (e.g. FireFox) behaves asynchronously.
 *
 * @type void
 * @public
 * @static
 * @SecSink {0|XSS} Parameter is evaluated
 */
jQuery.sap.globalEval = function() {
	eval(arguments[0]);
};

jQuery.sap.declare('sap-ui-core-all');
jQuery.sap.declare('sap.ui.thirdparty.jquery.jquery-1.7.1'); // raw module, declared by SAPUI5 'AllInOne' Builder
jQuery.sap.declare('sap.ui.thirdparty.jqueryui.jquery-ui-core'); // raw module, declared by SAPUI5 'AllInOne' Builder
jQuery.sap.declare('sap.ui.thirdparty.jqueryui.jquery-ui-datepicker'); // raw module, declared by SAPUI5 'AllInOne' Builder
jQuery.sap.declare('sap.ui.thirdparty.jqueryui.jquery-ui-position'); // raw module, declared by SAPUI5 'AllInOne' Builder
jQuery.sap.declare('jquery.sap.global'); // raw module, declared by SAPUI5 'AllInOne' Builder
if ( !jQuery.sap.isDeclared('sap.ui.Device') ) {
  jQuery.sap.declare('sap.ui.Device');
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/** 
 * Device and Feature Detection API of the SAP UI5 Library.
 *
 * @version 1.12.0
 * @namespace
 * @name sap.ui.Device
 * @public
 */

//Declare Module if API is available
if(window.jQuery && window.jQuery.sap && window.jQuery.sap.declare){
	window.jQuery.sap.declare("sap.ui.Device", false);
}

//Introduce namespace if it does not yet exist
if(typeof window.sap !== "object" && typeof window.sap !== "function" ){
	  window.sap = {};
}
if(typeof window.sap.ui !== "object"){
	window.sap.ui = {};
}

(function() {

	//Skip initialization if API is already available
	if(typeof window.sap.ui.Device === "object" || typeof window.sap.ui.Device === "function" ){
		return;
	}
	
	var device = {};

//******** Event Management ******** (see Event Provider)

	var mEventRegistry = {};

	function attachEvent(sEventId, fnFunction, oListener) {
		if(!mEventRegistry[sEventId]){
			mEventRegistry[sEventId] = [];
		}
		mEventRegistry[sEventId].push({oListener: oListener, fFunction:fnFunction});
	};

	function detachEvent(sEventId, fnFunction, oListener) {
		var aEventListeners = mEventRegistry[sEventId];
		
		if (!aEventListeners) {
			return this;
		}
		
		for (var i = 0, iL = aEventListeners.length; i < iL; i++) {
			if (aEventListeners[i].fFunction === fnFunction && aEventListeners[i].oListener === oListener) {
				aEventListeners.splice(i,1);
				break;
			}
		}
		if(aEventListeners.length == 0) {
			delete mEventRegistry[sEventId];
		}
	};

	function fireEvent(sEventId, mParameters) {
		var aEventListeners = mEventRegistry[sEventId], oInfo;
		if (aEventListeners) {
			aEventListeners = aEventListeners.slice();
			for (var i = 0, iL = aEventListeners.length; i < iL; i++) {
				oInfo = aEventListeners[i];
				oInfo.fFunction.call(oInfo.oListener || window, mParameters);
			}
		}
	};

//******** OS Detection ********

	/** 
	 * Contains information about the operating system of the device.
	 * 
	 * @namespace
	 * @name sap.ui.Device.os
	 * @public
	 */
	
	/**
	 * Enumeration containing the names of known operating systems.
	 * 
	 * @namespace
	 * @name sap.ui.Device.os.OS
	 * @public
	 */
	
	/**
	 * The name of the operating system.
	 * 
	 * @see sap.ui.Device.os#OS
	 * @name sap.ui.Device.os#name
	 * @type String
	 * @public
	 */
	/**
	 * The version as string. Might be empty if no version can be determined.
	 * 
	 * @name sap.ui.Device.os#versionStr
	 * @type String
	 * @public
	 */
	/**
	 * The version as float. Might be -1 if no version can be determined.
	 * 
	 * @name sap.ui.Device.os#version
	 * @type float
	 * @public
	 */
	/**
	 * Flag indicating the Windows operating system.
	 * 
	 * @name sap.ui.Device.os#windows
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the Linux operating system.
	 * 
	 * @name sap.ui.Device.os#linux
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the MAC operating system.
	 * 
	 * @name sap.ui.Device.os#macintosh
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the iOS operating system.
	 * 
	 * @name sap.ui.Device.os#ios
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the Android operating system.
	 * 
	 * @name sap.ui.Device.os#android
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the Blackberry operating system.
	 * 
	 * @name sap.ui.Device.os#blackberry
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the Windows Phone operating system.
	 * 
	 * @name sap.ui.Device.os#windows_phone
	 * @type boolean
	 * @public
	 */
	
	/**
	 * Windows operating system name.
	 * 
	 * @see sap.ui.Device.os#name
	 * @name sap.ui.Device.os.OS#WINDOWS
	 * @public
	 */
	/**
	 * MAC operating system name.
	 * 
	 * @see sap.ui.Device.os#name
	 * @name sap.ui.Device.os.OS#MACINTOSH
	 * @public
	 */
	/**
	 * Linux operating system name.
	 * 
	 * @see sap.ui.Device.os#name
	 * @name sap.ui.Device.os.OS#LINUX
	 * @public
	 */
	/**
	 * iOS operating system name.
	 * 
	 * @see sap.ui.Device.os#name
	 * @name sap.ui.Device.os.OS#IOS
	 * @public
	 */
	/**
	 * Android operating system name.
	 * 
	 * @see sap.ui.Device.os#name
	 * @name sap.ui.Device.os.OS#ANDROID
	 * @public
	 */
	/**
	 * Blackberry operating system name.
	 * 
	 * @see sap.ui.Device.os#name
	 * @name sap.ui.Device.os.OS#BLACKBERRY
	 * @public
	 */
	/**
	 * Windows Phone operating system name.
	 * 
	 * @see sap.ui.Device.os#name
	 * @name sap.ui.Device.os.OS#WINDOWS_PHONE
	 * @public
	 */
	
	var OS = {
		"WINDOWS": "win",
		"MACINTOSH": "mac",
		"LINUX": "linux",
		"IOS": "iOS",
		"ANDROID": "Android",
		"BLACKBERRY": "bb",
		"WINDOWS_PHONE": "winphone"
	};

	function getOS(userAgent){
		function getDesktopOS(){
			var pf = navigator.platform;
			if(pf.indexOf("Win") != -1 ){
				return {"name": OS.WINDOWS, "versionStr": ""};
			}else if(pf.indexOf("Mac") != -1){
				return {"name": OS.MACINTOSH, "versionStr": ""};
			}else if(pf.indexOf("Linux") != -1){
				return {"name": OS.LINUX, "versionStr": ""};
			}
			return null;
		}

		userAgent = userAgent || navigator.userAgent;
		var platform = /\(([a-zA-Z ]+);\s(?:[U]?[;]?)([\D]+)((?:[\d._]*))(?:.*[\)][^\d]*)([\d.]*)\s/;
		var result = userAgent.match(platform);
		if (result){
			var appleDevices = /iPhone|iPad|iPod/;
			var bbDevices = /PlayBook|BlackBerry/;
			if (result[0].match(appleDevices)){
				result[3] = result[3].replace(/_/g, ".");
				//result[1] contains info of devices
				return({"name": OS.IOS, "versionStr": result[3]});
			} else if (result[2].match(/Android/)) {
				result[2] = result[2].replace(/\s/g, "");
				return({"name": OS.ANDROID, "versionStr": result[3]});
			} else if (result[0].match(bbDevices)) {
				return({"name": OS.BLACKBERRY, "versionStr": result[4]});
			} else {
				// currently we only support iOS, Android, BlackBerry 6.0+ , everything else will be ignored, if more platforms should be supported, logic can be placed here
				return getDesktopOS();
			} 

		} else if (userAgent.indexOf("(BB10;") > 0) { 
			// BlackBery 10 has a different structure...
			platform = /\sVersion\/([\d.]+)\s/;
			result = userAgent.match(platform);
			if (result){
				return {"name": OS.BLACKBERRY, "versionStr": result[1]};
			} else {
				return {"name": OS.BLACKBERRY, "versionStr": '10'};
			}

		} else {
			// Windows phone has a different structure, so we need to check with another regExp.
			platform = /Windows Phone (?:OS )?([\d.]*)/;
			result = userAgent.match(platform);
			if (result){
				return({"name": OS.WINDOWS_PHONE, "versionStr": result[1]});
			} else {
				return getDesktopOS();
			}
		}
	};

	device.os = getOS();
	device.os.OS = OS;
	device.os.version = device.os.versionStr ? parseFloat(device.os.versionStr) : -1;

	if(device.os.name){
		for(var b in device.OS){
			if(device.OS[b] === device.os.name){
				device.os[b.toLowerCase()] = true;
			}
		}
	}

//******** Browser Detection ********
	
	/** 
	 * Contains information about the used browser.
	 * 
	 * @namespace
	 * @name sap.ui.Device.browser
	 * @public
	 */
	
	/**
	 * Enumeration containing the names of known browsers.
	 * 
	 * @namespace
	 * @name sap.ui.Device.browser.BROWSER
	 * @public
	 */
	
	/**
	 * The name of the browser.
	 * 
	 * @see sap.ui.Device.browser#BROWSER
	 * @name sap.ui.Device.browser#name
	 * @type String
	 * @public
	 */
	/**
	 * The version as string. Might be empty if no version can be determined.
	 * 
	 * @name sap.ui.Device.browser#versionStr
	 * @type String
	 * @public
	 */
	/**
	 * The version as float. Might be -1 if no version can be determined.
	 * 
	 * @name sap.ui.Device.browser#version
	 * @type float
	 * @public
	 */
	/**
	 * Flag indicating whether the mobile variant of the browser is used.
	 * 
	 * @name sap.ui.Device.browser#mobile
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the Internet Explorer browser.
	 * 
	 * @name sap.ui.Device.browser#internet_explorer
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the Firefox browser.
	 * 
	 * @name sap.ui.Device.browser#firefox
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the Chrome browser.
	 * 
	 * @name sap.ui.Device.browser#chrome
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating the Safari browser.
	 * 
	 * @name sap.ui.Device.browser#safari
	 * @type boolean
	 * @public
	 */
	
	/**
	 * Internet Explorer browser name.
	 * 
	 * @see sap.ui.Device.browser#name
	 * @name sap.ui.Device.browser.BROWSER#INTERNET_EXPLORER
	 * @public
	 */
	/**
	 * Firefox browser name.
	 * 
	 * @see sap.ui.Device.browser#name
	 * @name sap.ui.Device.browser.BROWSER#FIREFOX
	 * @public
	 */
	/**
	 * Chrome browser name.
	 * 
	 * @see sap.ui.Device.browser#name
	 * @name sap.ui.Device.browser.BROWSER#CHROME
	 * @public
	 */
	/**
	 * Safari browser name.
	 * 
	 * @see sap.ui.Device.browser#name
	 * @name sap.ui.Device.browser.BROWSER#SAFARI
	 * @public
	 */
	
	var BROWSER = {
		"INTERNET_EXPLORER": "ie",
		"FIREFOX": "ff",
		"CHROME": "cr",
		"SAFARI": "sf"
	};

	var ua = navigator.userAgent;

	/*!
	 * Taken from jQuery JavaScript Library v1.7.1
	 * http://jquery.com/
	 *
	 * Copyright 2011, John Resig
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * Includes Sizzle.js
	 * http://sizzlejs.com/
	 * Copyright 2011, The Dojo Foundation
	 * Released under the MIT, BSD, and GPL Licenses.
	 *
	 * Date: Mon Nov 21 21:11:03 2011 -0500
	 */
	function calcBrowser(){
		var _ua = ua.toLowerCase();

		var rwebkit = /(webkit)[ \/]([\w.]+)/;
		var ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/;
		var rmsie = /(msie) ([\w.]+)/;
		var rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/;

		var match = rwebkit.exec( _ua ) ||
					ropera.exec( _ua ) ||
					rmsie.exec( _ua ) ||
					_ua.indexOf("compatible") < 0 && rmozilla.exec( _ua ) ||
					[];

		var res = { browser: match[1] || "", version: match[2] || "0" };
		res[res.browser] = true;
		return res;
	};

	function getBrowser() {
		var b = calcBrowser();

		// jQuery checks for user agent strings. We differentiate between browsers
		if ( b.mozilla ) {
			if ( ua.match(/Firefox\/(\d+\.\d+)/) ) {
				var version = parseFloat(RegExp.$1);
				return {
					name: BROWSER.FIREFOX,
					versionStr: ""+version,
					version: version,
					mobile: false
				}
			}
		} else if ( b.webkit ) {
			var oExpMobile = /Mobile/;
			if ( ua.match(/Chrome\/(\d+\.\d+).\d+/) ) {
				var version = parseFloat(RegExp.$1);
				return {
					name: BROWSER.CHROME,
					versionStr: ""+version,
					version: version,
					mobile: oExpMobile.test(ua),
					webkit: true
				}
			} else { // Safari might have an issue with ua.match(...); thus changing
				var oExp = /Version\/(\d+\.\d+).*Safari/;
				if(oExp.test(ua)) {
					var version = parseFloat(oExp.exec(ua)[1]);
					return {
						name: BROWSER.SAFARI,
						versionStr: ""+version,
						version: version,
						mobile: oExpMobile.test(ua),
						webkit: true
					}
				}
			}
		} else if ( b.msie ) {
			var version;
			// recognize IE8 when running in compat mode (only then the documentMode property is there)
			if (document.documentMode) {
				if(document.documentMode === 7) { // OK, obviously we are IE and seem to be 7... but as documentMode is there this cannot be IE7!
					version = 8.0;
				}else{
					version = parseFloat(document.documentMode);
				}
			} else {
				version = parseFloat(b.version);
			}
			return {
				name: BROWSER.INTERNET_EXPLORER,
				versionStr: ""+version,
				version: version,
				mobile: false
			}
		}
		return {
			name: "",
			versionStr: "",
			version: -1,
			mobile: false
		}
	};

	device.browser = getBrowser();
	device.browser.BROWSER = BROWSER;
	
	if(device.browser.name){
		for(var b in BROWSER){
			if(BROWSER[b] === device.browser.name){
				device.browser[b.toLowerCase()] = true;
			}
		}
	}
	

//******** Support Detection ********
	
	/** 
	 * Contains information about detected capabilities of the used browser or device.
	 * 
	 * @namespace
	 * @name sap.ui.Device.support
	 * @public
	 */
	
	/**
	 * Flag indicating whether touch events are supported.
	 * 
	 * @name sap.ui.Device.support#touch
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating whether media queries via JavaScript are supported.
	 * 
	 * @name sap.ui.Device.support#matchmedia
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating whether events on JavaScript media queries are supported.
	 * 
	 * @name sap.ui.Device.support#matchmedialistener
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating whether the native orientationchange event is supported.
	 * 
	 * @name sap.ui.Device.support#orientation
	 * @type boolean
	 * @public
	 */
	/**
	 * Flag indicating whether the device has a Retina display.
	 * 
	 * @name sap.ui.Device.support#retina
	 * @type boolean
	 * @public
	 */
	
	device.support = {};

	//Maybe better to but this on device.browser because there are cases that a browser can touch but a device can't!
	device.support.touch = !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof window.DocumentTouch);

	device.support.matchmedia = !!window.matchMedia;
	device.support.matchmedialistener = !!(device.support.matchmedia && !!window.matchMedia("screen and (max-width:0px)").addListener); //IE10 doesn't like empty string as argument for matchMedia
	if(device.browser.safari && device.browser.version < 6){
		//Safari seems to have addListener but no events are fired ?!
		device.support.matchmedialistener = false;
	}

	device.support.orientation = !!("orientation" in window && "onorientationchange" in window);

	device.support.retina = (window.retina||window.devicePixelRatio >= 2);	

//******** Match Media ********
	
	/** 
	 * Event API for Screen width media queries.
	 * 
	 * @namespace
	 * @name sap.ui.Device.media
	 * @public
	 */
	device.media = {};
	
	/**
	 * Enumeration containing the names of predefined Screen width media query range sets.
	 * 
	 * @namespace
	 * @name sap.ui.Device.media.RANGESETS
	 * @public
	 */
	
	/**
	 * A 3 step range set (S-L).
	 * 
	 * @name sap.ui.Device.media.RANGESETS#SAP_3STEPS
	 * @public
	 */
	/**
	 * A 4 step range set (S-XL).
	 * 
	 * @name sap.ui.Device.media.RANGESETS#SAP_4STEPS
	 * @public
	 */
	/**
	 * A 6 step range set (XS-XXL).
	 * 
	 * @name sap.ui.Device.media.RANGESETS#SAP_6STEPS
	 * @public
	 */
	/**
	 * A 3 step range set (Phone, Tablet, Desktop).
	 * 
	 * This range set is initialized always by default.
	 * 
	 * @name sap.ui.Device.media.RANGESETS#SAP_STANDARD
	 * @public
	 */
	
	var RANGESETS = {
		"SAP_3STEPS": "3Step",
		"SAP_4STEPS": "4Step",
		"SAP_6STEPS": "6Step",
		"SAP_STANDARD": "Std"
	};
	device.media.RANGESETS = RANGESETS;
	
	device.media._predefinedRangeSets = {};
	device.media._predefinedRangeSets[RANGESETS.SAP_3STEPS] = {points: [520, 960], unit: "px", name: RANGESETS.SAP_3STEPS, names: ["S", "M", "L"]};
	device.media._predefinedRangeSets[RANGESETS.SAP_4STEPS] = {points: [520, 760, 960], unit: "px", name: RANGESETS.SAP_4STEPS, names: ["S", "M", "L", "XL"]};
	device.media._predefinedRangeSets[RANGESETS.SAP_6STEPS] = {points: [241, 400, 541, 768, 960], unit: "px", name: RANGESETS.SAP_6STEPS, names: ["XS", "S", "M", "L", "XL", "XXL"]};
	device.media._predefinedRangeSets[RANGESETS.SAP_STANDARD] = {points: [600, 1024], unit: "px", name: RANGESETS.SAP_STANDARD, names: ["Phone", "Tablet", "Desktop"]};
	
	var _defaultRangeSet = RANGESETS.SAP_STANDARD;
	var media_timeout = device.support.matchmedialistener ? 0 : 100;
	var _querysets = {};
	var media_currentwidth = null;
	
	function getQuery(from, to, unit){
		unit = unit || "px";
		var q = "screen";
		if(from > 0){
			q = q + " and (min-width:"+from+unit+")";
		}
		if(to > 0){
			q = q + " and (max-width:"+to+unit+")";
		}
		return q;
	};
	
	function handleChange(name){
		if(!device.support.matchmedialistener && media_currentwidth == windowSize()[0]){
			return; //Skip unnecessary resize events
		}
		
		if(_querysets[name].timer){
			clearTimeout(_querysets[name].timer);
			_querysets[name].timer = null;
		}
		
		_querysets[name].timer = setTimeout(function() {
			var mParams = checkQueries(name, false);
			if(mParams){
				fireEvent("media_"+name, mParams);
			}
		}, media_timeout);
	};
	
	function getRangeInfo(sSetName, iRangeIdx){
		var q = _querysets[sSetName].queries[iRangeIdx];
		var info = {from: q.from, unit: _querysets[sSetName].unit};
		if(q.to >= 0){
			info.to = q.to;
		}
		if(_querysets[sSetName].names){
			info.name = _querysets[sSetName].names[iRangeIdx];
		}
		return info;
	};
	
	function checkQueries(name, infoOnly){
		if(_querysets[name]){
			var aQueries = _querysets[name].queries;
			for(var i=0, len = aQueries.length; i < len; i++){
				var q = aQueries[i];
				if((q != _querysets[name].currentquery || infoOnly) && window.sap.ui.Device.media.matches(q.from, q.to, _querysets[name].unit)){
					if(!infoOnly){
						_querysets[name].currentquery = q;
					}
					if(!_querysets[name].noClasses && _querysets[name].names && !infoOnly){
						refreshCSSClasses(name, _querysets[name].names[i]);
					}
					return getRangeInfo(name, i);
				}
			}
		}
		return null;
	};
	
	function refreshCSSClasses(sSetName, sRangeName, bRemove){
		 var oRoot = document.documentElement;
		 var sClassPrefix = "sapUiMedia-"+sSetName+"-";
		 var sNewClass = sClassPrefix+sRangeName;
		 
		 if (oRoot.className.length == 0){
			 if(!bRemove){
				 oRoot.className = sNewClass;
			 }
		 }else{
			 var aCurrentClasses = oRoot.className.split(" ");
			 var sNewClasses = "";
			 for(var i=0; i<aCurrentClasses.length; i++){
				 if(aCurrentClasses[i].indexOf(sClassPrefix) != 0){
					 sNewClasses = sNewClasses + aCurrentClasses[i] + " ";
				 }
			 }
			 if(!bRemove){
				 sNewClasses = sNewClasses + sNewClass;
			 }
			 oRoot.className = sNewClasses;
		 }
	};
	
	function windowSize(){
		return [document.documentElement.clientWidth, document.documentElement.clientHeight];
	};
	
	function convertToPx(val, unit){
		if(unit === "em" || unit === "rem"){
			var s = window.getComputedStyle || function(e) {
	  			return e.currentStyle;
	  		}
	  		var x = s(document.documentElement).fontSize;
	  		var f = (x && x.indexOf("px") >= 0) ? parseFloat(x, 10) : 16;
	  		return val*f;
		}
		return val;
	};

	function match_legacy(from, to, unit){
		from = convertToPx(from, unit);
		to = convertToPx(to, unit);
		
		var width = windowSize()[0];
		var a = from < 0 || from <= width;
		var b = to < 0 || width <= to;
		return a && b;
	};

	function match(from, to, unit){
		var q = getQuery(from, to, unit);
		return window.matchMedia(q).matches;
	};

	device.media.matches = device.support.matchmedia ? match : match_legacy;
	
	/**
	 * Registers the given handler to the range change event, which is fired when a new range of the set is entered.
	 * 
	 * The handler has one map parameter <code>mParams</code>:
	 * <ul>
	 * <li>mParams.from: the range start value</li>
	 * <li>mParams.to: the range end value, not defined for the last range (INFINITY)</li>
	 * <li>mParams.unit: the used unit, e.g. px</li>
	 * <li>mParams.name: the range name if defined</li>
	 * </ul>
	 * 
	 * @param {Function} fnFunction The function to call, when the range change event occurs.
	 * @param {Object} [oListener] The 'this' context of the handler function.
	 * @param {String} sName The name of the range set to listen to.
	 * @name sap.ui.Device.media#attachHandler
	 * @function
	 * @public
	 */
	device.media.attachHandler = function(fnFunction, oListener, sName){
		var name = sName || _defaultRangeSet;
		attachEvent("media_"+name, fnFunction, oListener);
	};

	/**
	 * Deregisters a previously registered handler from the range change event.
	 * 
	 * @param {Function} fnFunction The function to call, when the range change event occurs.
	 * @param {Object} [oListener] The 'this' context of the handler function.
	 * @param {String} sName The name of the range set to listen to.
	 * @name sap.ui.Device.media#detachHandler
	 * @function
	 * @public
	 */
	device.media.detachHandler = function(fnFunction, oListener, sName){
		var name = sName || _defaultRangeSet;
		detachEvent("media_"+name, fnFunction, oListener);
	};
	
	/** 
	 * Initializes a Screen width media query range set.
	 * 
	 * This function can either be called only with the name parameter to initialize a predefined range set,
	 * e.g. <code>sap.ui.Device.media.initRangeSet(sap.ui.Device.media.RANGESETS.SAP_3STEPS)</code>.
	 * 
	 * Or it is possible to define a custom range set as in the following example:
	 * <code>sap.ui.Device.media.initRangeSet("MyRangeSet", [200, 400], "px", ["Small", "Medium", "Large"])</code> defines 3 ranges:
	 * <ul>
	 * <li>0px-199.999px with name "Small"</li>
	 * <li>200px-399.999px with name "Medium"</li>
	 * <li>400px-INFINITY with name "Large"</li>
	 * </ul>
	 * 
	 * The range names are optional. If they are specified also a CSS class (e.g. sapUiMedia-MyRangeSet-Small) is added to the document root
	 * depending on the current active range. This can be suppressed via parameter <code>bSuppressClasses</code>.
	 * 
	 * @param {String} sName The name of the range set. Either a predefined or custom one. The name must be a valid id (consist of letters and digits).
	 * @param {int[]} aRangeBorders The range borders
	 * @param {String} [sUnit] The unit which should be used. Allowed values are px (default), em or rem.
	 * @param {String[]} [aRangeNames] The names of the ranges. The names must be a valid id (consist of letters and digits).
	 * @param {boolean} [bSuppressClasses] Whether writing CSS classes to the document root should be suppressed
	 * @name sap.ui.Device.media#initRangeSet
	 * @function
	 * @public
	 */
	device.media.initRangeSet = function(sName, aRangeBorders, sUnit, aRangeNames, bSuppressClasses){	
		//TODO Do some Assertions and parameter checking
		var oConfig;
		if(!sName){
			oConfig = device.media._predefinedRangeSets[_defaultRangeSet];
		}else if(sName && device.media._predefinedRangeSets[sName]){
			oConfig = device.media._predefinedRangeSets[sName];
		}else{
			oConfig = {name: sName, unit: (sUnit || "px").toLowerCase(), points: aRangeBorders || [], names: aRangeNames, noClasses: !!bSuppressClasses};
		}
		
		if(device.media.hasRangeSet(oConfig.name)){
			return;
		}
		
		sName = oConfig.name;
		oConfig.queries = [];
		oConfig.timer = null;
		oConfig.currentquery = null;
		oConfig.listener = function(){
			return handleChange(sName);
		};
			
		var from, to, query;
		var aPoints = oConfig.points;
		for(var i=0, len = aPoints.length; i <= len; i++){
			from = (i == 0) ? 0 : aPoints[i-1];
			to = (i == aPoints.length) ? -1 : aPoints[i]-0.001;
			query = getQuery(from, to, oConfig.unit);
			oConfig.queries.push({
				query: query,
				from: from,
				to: to
			});
		};
		
		if(oConfig.names && oConfig.names.length != oConfig.queries.length){
			oConfig.names = null;
		}
		
		_querysets[oConfig.name] = oConfig;
			
		if(device.support.matchmedialistener){ //FF, Safari, Chrome, IE10?
			var queries = oConfig.queries;
			for(var i=0; i<queries.length; i++){
				var q = queries[i];
				q.media = window.matchMedia(q.query);
				q.media.addListener(oConfig.listener);
			}
		}else{ //IE, Safari (<6?)	
			if (window.addEventListener) {
				window.addEventListener("resize", oConfig.listener, false);
				window.addEventListener("orientationchange", oConfig.listener, false);
			}else{ //IE8
				window.attachEvent("onresize", oConfig.listener);
			}
		}
		
		oConfig.listener();
	};
	
	/**
	 * Ruturns information about the current active range of the range set with the given name.
	 * 
	 * @param {String} sName The name of the range set.
	 * @name sap.ui.Device.media#getCurrentRange
	 * @return {Map} the information about the current active range (same structure like the handler parameters (@see sap.ui.Device.media#attachHandler))
	 * @function
	 * @public
	 */
	device.media.getCurrentRange = function(sName){
		if(!device.media.hasRangeSet(sName)){
			return null;
		}
		return checkQueries(sName, true);
	};
	
	/**
	 * Returns whether a range set with the given name is initialized.
	 * 
	 * @param {String} sName The name of the range set.
	 * @name sap.ui.Device.media#hasRangeSet
	 * @return {boolean}
	 * @function
	 * @public
	 */
	device.media.hasRangeSet = function(sName){
		return sName && !!_querysets[sName];
	};
	
	/**
	 * Removes a previously initialized range set and detaches all registered handlers.
	 * 
	 * Initialized predefined range sets (@see sap.ui.Device.media#RANGESETS) cannot be removed.
	 * 
	 * @param {String} sName The name of the range set.
	 * @name sap.ui.Device.media#removeRangeSet
	 * @function
	 * @protected
	 */
	device.media.removeRangeSet = function(sName){
		if(!device.media.hasRangeSet(sName)){
			return;
		}

		for(var x in RANGESETS){
			if(sName === RANGESETS[x]){
				return; 
			}
		}
		
		var oConfig = _querysets[sName];
		if(device.support.matchmedialistener){ //FF, Safari, Chrome, IE10?
			var queries = oConfig.queries;
			for(var i=0; i<queries.length; i++){
				queries[i].media.removeListener(oConfig.listener);
			}
		}else{ //IE, Safari (<6?)	
			if (window.removeEventListener) {
				window.removeEventListener("resize", oConfig.listener, false);
				window.removeEventListener("orientationchange", oConfig.listener, false);
			}else{ //IE8
				window.detachEvent("onresize", oConfig.listener);
			}
		}
		
		refreshCSSClasses(sName, "", true);
		delete mEventRegistry["media_"+sName];
		delete _querysets[sName];
	};

	
//******** Orientation Detection ********
	
	/** 
	 * Orientation Change Event API.
	 * 
	 * @namespace
	 * @name sap.ui.Device.orientation
	 * @public
	 */

	device.orientation = {};
	
	/**
	 * Registers the given handler to the orientation change event.
	 * 
	 * The handler has one map parameter <code>mParams</code>:
	 * <ul>
	 * <li>mParams.landscape: whether the orientation is currently landscape</li>
	 * </ul>
	 * 
	 * @param {Function} fnFunction The function to call, when the orientation change event occurs.
	 * @param {Object} [oListener] The 'this' context of the handler function.
	 * @name sap.ui.Device.orientation#attachHandler
	 * @function
	 * @public
	 */
	device.orientation.attachHandler = function(fnFunction, oListener){
		attachEvent("orientation", fnFunction, oListener);
	};
	
	/**
	 * Deregisters a previously registered handler from the orientation change event.
	 * @param {Function} fnFunction The function to call, when the orientation change event occurs.
	 * @param {Object} [oListener] The 'this' context of the handler function.
	 * @name sap.ui.Device.orientation#detachHandler
	 * @function
	 * @public
	 */
	device.orientation.detachHandler = function(fnFunction, oListener){
		detachEvent("orientation", fnFunction, oListener);
	};

	function isLandscape(){
		if(device.support.matchmedia && device.support.orientation){
			return !!window.matchMedia("(orientation: landscape)").matches;
		}else{
			var size = windowSize();
			return size[0] > size[1];
		}
	};
	
	function setOrientationInfo(oInfo){
		oInfo.landscape = isLandscape();
		oInfo.portrait = !oInfo.landscape;
	};
	
	function handleOrientationChange(){
		setOrientationInfo(window.sap.ui.Device.orientation);
		fireEvent("orientation", {landscape: window.sap.ui.Device.orientation.landscape});
	};
	
	function handleOrientationResizeChange(){
		var wasL = window.sap.ui.Device.orientation.landscape;
		var isL = isLandscape();
		if(wasL != isL){
			handleOrientationChange();
		}
	};
	
	setOrientationInfo(device.orientation);

	if(!device.support.touch && "onorientationchange" in window){ 
		window.addEventListener("orientationchange", handleOrientationChange, false);
	}else{
		if (window.addEventListener) {
			window.addEventListener("resize", handleOrientationResizeChange, false);
		}else{ //IE8
			window.attachEvent("onresize", handleOrientationResizeChange);
		}
	};

	
//********************************************************
	
	//Add API to global namespace
	window.sap.ui.Device = device;
	
	//Always initialize the default media range set
	device.media.initRangeSet();

}());
}; // end of sap.ui.Device
if ( !jQuery.sap.isDeclared('sap.ui.thirdparty.URI') ) {
  jQuery.sap.declare('sap.ui.thirdparty.URI');
/*!
 * URI.js - Mutating URLs
 *
 * Version: 1.8.1
 *
 * Author: Rodney Rehm
 * Web: http://medialize.github.com/URI.js/
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *   GPL v3 http://opensource.org/licenses/GPL-3.0
 *
 */
(function (root, factory) {
    // https://github.com/umdjs/umd/blob/master/returnExports.js
    if (typeof exports === 'object') {
        // Node
        module.exports = factory(require('./punycode'), require('./IPv6'), require('./SecondLevelDomains'));
    } else if (typeof define === 'function' && define.amd) {
        // AMD. Register as an anonymous module.
        define(['./punycode', './IPv6', './SecondLevelDomains'], factory);
    } else {
        // Browser globals (root is window)
        root.URI = factory(root.punycode, root.IPv6, root.SecondLevelDomains);
    }
}(this, function (punycode, IPv6, SLD) {
"use strict";

function URI(url, base) {
    // Allow instantiation without the 'new' keyword
    if (!(this instanceof URI)) {
        return new URI(url, base);
    }

    if (url === undefined) {
        if (typeof location !== 'undefined') {
            url = location.href + "";
        } else {
            url = "";
        }
    }

    this.href(url);

    // resolve to base according to http://dvcs.w3.org/hg/url/raw-file/tip/Overview.html#constructor
    if (base !== undefined) {
        return this.absoluteTo(base);
    }

    return this;
};

var p = URI.prototype;
var hasOwn = Object.prototype.hasOwnProperty;

function escapeRegEx(string) {
    // https://github.com/medialize/URI.js/commit/85ac21783c11f8ccab06106dba9735a31a86924d#commitcomment-821963
    return string.replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
}

function isArray(obj) {
    return String(Object.prototype.toString.call(obj)) === "[object Array]";
}

function filterArrayValues(data, value) {
    var lookup = {};
    var i, length;

    if (isArray(value)) {
        for (i = 0, length = value.length; i < length; i++) {
            lookup[value[i]] = true;
        }
    } else {
        lookup[value] = true;
    }

    for (i = 0, length = data.length; i < length; i++) {
        if (lookup[data[i]] !== undefined) {
            data.splice(i, 1);
            length--;
            i--;
        }
    }

    return data;
}

// state: allow duplicate query parameters (a=1&a=1)
URI.duplicateQueryParameters = false;
// static properties
URI.protocol_expression = /^[a-z][a-z0-9-+-]*$/i;
URI.idn_expression = /[^a-z0-9\.-]/i;
URI.punycode_expression = /(xn--)/i;
// well, 333.444.555.666 matches, but it sure ain't no IPv4 - do we care?
URI.ip4_expression = /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/;
// credits to Rich Brown
// source: http://forums.intermapper.com/viewtopic.php?p=1096#1096
// specification: http://www.ietf.org/rfc/rfc4291.txt
URI.ip6_expression = /^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))(%.+)?\s*$/ ;
// gruber revised expression - http://rodneyrehm.de/t/url-regex.html
URI.find_uri_expression = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))/ig;
// http://www.iana.org/assignments/uri-schemes.html
// http://en.wikipedia.org/wiki/List_of_TCP_and_UDP_port_numbers#Well-known_ports
URI.defaultPorts = {
    http: "80",
    https: "443",
    ftp: "21",
    gopher: "70",
    ws: "80",
    wss: "443"
};
// allowed hostname characters according to RFC 3986
// ALPHA DIGIT "-" "." "_" "~" "!" "$" "&" "'" "(" ")" "*" "+" "," ";" "=" %encoded
// I've never seen a (non-IDN) hostname other than: ALPHA DIGIT . -
URI.invalid_hostname_characters = /[^a-zA-Z0-9\.-]/;
// encoding / decoding according to RFC3986
function strictEncodeURIComponent(string) {
    // see https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/encodeURIComponent
    return encodeURIComponent(string)
        .replace(/[!'()*]/g, escape)
        .replace(/\*/g, "%2A");
}
URI.encode = strictEncodeURIComponent;
URI.decode = decodeURIComponent;
URI.iso8859 = function() {
    URI.encode = escape;
    URI.decode = unescape;
};
URI.unicode = function() {
    URI.encode = strictEncodeURIComponent;
    URI.decode = decodeURIComponent;
};
URI.characters = {
    pathname: {
        encode: {
            // RFC3986 2.1: For consistency, URI producers and normalizers should
            // use uppercase hexadecimal digits for all percent-encodings.
            expression: /%(24|26|2B|2C|3B|3D|3A|40)/ig,
            map: {
                // -._~!'()*
                "%24": "$",
                "%26": "&",
                "%2B": "+",
                "%2C": ",",
                "%3B": ";",
                "%3D": "=",
                "%3A": ":",
                "%40": "@"
            }
        },
        decode: {
            expression: /[\/\?#]/g,
            map: {
                "/": "%2F",
                "?": "%3F",
                "#": "%23"
            }
        }
    },
    reserved: {
        encode: {
            // RFC3986 2.1: For consistency, URI producers and normalizers should
            // use uppercase hexadecimal digits for all percent-encodings.
            expression: /%(21|23|24|26|27|28|29|2A|2B|2C|2F|3A|3B|3D|3F|40|5B|5D)/ig,
            map: {
                // gen-delims
                "%3A": ":",
                "%2F": "/",
                "%3F": "?",
                "%23": "#",
                "%5B": "[",
                "%5D": "]",
                "%40": "@",
                // sub-delims
                "%21": "!",
                "%24": "$",
                "%26": "&",
                "%27": "'",
                "%28": "(",
                "%29": ")",
                "%2A": "*",
                "%2B": "+",
                "%2C": ",",
                "%3B": ";",
                "%3D": "="
            }
        }
    }
};
URI.encodeQuery = function(string) {
    return URI.encode(string + "").replace(/%20/g, '+');
};
URI.decodeQuery = function(string) {
    return URI.decode((string + "").replace(/\+/g, '%20'));
};
URI.recodePath = function(string) {
    var segments = (string + "").split('/');
    for (var i = 0, length = segments.length; i < length; i++) {
        segments[i] = URI.encodePathSegment(URI.decode(segments[i]));
    }

    return segments.join('/');
};
URI.decodePath = function(string) {
    var segments = (string + "").split('/');
    for (var i = 0, length = segments.length; i < length; i++) {
        segments[i] = URI.decodePathSegment(segments[i]);
    }

    return segments.join('/');
};
// generate encode/decode path functions
var _parts = {'encode':'encode', 'decode':'decode'};
var _part;
var generateAccessor = function(_group, _part) {
    return function(string) {
        return URI[_part](string + "").replace(URI.characters[_group][_part].expression, function(c) {
            return URI.characters[_group][_part].map[c];
        });
    };
};

for (_part in _parts) {
    URI[_part + "PathSegment"] = generateAccessor("pathname", _parts[_part]);
}

URI.encodeReserved = generateAccessor("reserved", "encode");

URI.parse = function(string, parts) {
    var pos, t;
    if (!parts) {
        parts = {};
    }
    // [protocol"://"[username[":"password]"@"]hostname[":"port]"/"?][path]["?"querystring]["#"fragment]

    // extract fragment
    pos = string.indexOf('#');
    if (pos > -1) {
        // escaping?
        parts.fragment = string.substring(pos + 1) || null;
        string = string.substring(0, pos);
    }

    // extract query
    pos = string.indexOf('?');
    if (pos > -1) {
        // escaping?
        parts.query = string.substring(pos + 1) || null;
        string = string.substring(0, pos);
    }

    // extract protocol
    if (string.substring(0, 2) === '//') {
        // relative-scheme
        parts.protocol = '';
        string = string.substring(2);
        // extract "user:pass@host:port"
        string = URI.parseAuthority(string, parts);
    } else {
        pos = string.indexOf(':');
        if (pos > -1) {
            parts.protocol = string.substring(0, pos);
            if (parts.protocol && !parts.protocol.match(URI.protocol_expression)) {
                // : may be within the path
                parts.protocol = undefined;
            } else if (parts.protocol === 'file') {
                // the file scheme: does not contain an authority
                string = string.substring(pos + 3);
            } else if (string.substring(pos + 1, pos + 3) === '//') {
                string = string.substring(pos + 3);

                // extract "user:pass@host:port"
                string = URI.parseAuthority(string, parts);
            } else {
                string = string.substring(pos + 1);
                parts.urn = true;
            }
        }
    }

    // what's left must be the path
    parts.path = string;

    // and we're done
    return parts;
};
URI.parseHost = function(string, parts) {
    // extract host:port
    var pos = string.indexOf('/');
    var bracketPos;
    var t;

    if (pos === -1) {
        pos = string.length;
    }

    if (string[0] === "[") {
        // IPv6 host - http://tools.ietf.org/html/draft-ietf-6man-text-addr-representation-04#section-6
        // I claim most client software breaks on IPv6 anyways. To simplify things, URI only accepts
        // IPv6+port in the format [2001:db8::1]:80 (for the time being)
        bracketPos = string.indexOf(']');
        parts.hostname = string.substring(1, bracketPos) || null;
        parts.port = string.substring(bracketPos+2, pos) || null;
    } else if (string.indexOf(':') !== string.lastIndexOf(':')) {
        // IPv6 host contains multiple colons - but no port
        // this notation is actually not allowed by RFC 3986, but we're a liberal parser
        parts.hostname = string.substring(0, pos) || null;
        parts.port = null;
    } else {
        t = string.substring(0, pos).split(':');
        parts.hostname = t[0] || null;
        parts.port = t[1] || null;
    }

    if (parts.hostname && string.substring(pos)[0] !== '/') {
        pos++;
        string = "/" + string;
    }

    return string.substring(pos) || '/';
};
URI.parseAuthority = function(string, parts) {
    string = URI.parseUserinfo(string, parts);
    return URI.parseHost(string, parts);
};
URI.parseUserinfo = function(string, parts) {
    // extract username:password
    var pos = string.indexOf('@');
    var firstSlash = string.indexOf('/');
    var t;

    // authority@ must come before /path
    if (pos > -1 && (firstSlash === -1 || pos < firstSlash)) {
        t = string.substring(0, pos).split(':');
        parts.username = t[0] ? URI.decode(t[0]) : null;
        t.shift();
        parts.password = t[0] ? URI.decode(t.join(':')) : null;
        string = string.substring(pos + 1);
    } else {
        parts.username = null;
        parts.password = null;
    }

    return string;
};
URI.parseQuery = function(string) {
    if (!string) {
        return {};
    }

    // throw out the funky business - "?"[name"="value"&"]+
    string = string.replace(/&+/g, '&').replace(/^\?*&*|&+$/g, '');

    if (!string) {
        return {};
    }

    var items = {};
    var splits = string.split('&');
    var length = splits.length;
    var v, name, value;

    for (var i = 0; i < length; i++) {
        v = splits[i].split('=');
        name = URI.decodeQuery(v.shift());
        // no "=" is null according to http://dvcs.w3.org/hg/url/raw-file/tip/Overview.html#collect-url-parameters
        value = v.length ? URI.decodeQuery(v.join('=')) : null;

        if (items[name]) {
            if (typeof items[name] === "string") {
                items[name] = [items[name]];
            }

            items[name].push(value);
        } else {
            items[name] = value;
        }
    }

    return items;
};

URI.build = function(parts) {
    var t = "";

    if (parts.protocol) {
        t += parts.protocol + ":";
    }

    if (!parts.urn && (t || parts.hostname)) {
        t += '//';
    }

    t += (URI.buildAuthority(parts) || '');

    if (typeof parts.path === "string") {
        if (parts.path[0] !== '/' && typeof parts.hostname === "string") {
            t += '/';
        }

        t += parts.path;
    }

    if (typeof parts.query === "string" && parts.query) {
        t += '?' + parts.query;
    }

    if (typeof parts.fragment === "string" && parts.fragment) {
        t += '#' + parts.fragment;
    }
    return t;
};
URI.buildHost = function(parts) {
    var t = "";

    if (!parts.hostname) {
        return "";
    } else if (URI.ip6_expression.test(parts.hostname)) {
        if (parts.port) {
            t += "[" + parts.hostname + "]:" + parts.port;
        } else {
            // don't know if we should always wrap IPv6 in []
            // the RFC explicitly says SHOULD, not MUST.
            t += parts.hostname;
        }
    } else {
        t += parts.hostname;
        if (parts.port) {
            t += ':' + parts.port;
        }
    }

    return t;
};
URI.buildAuthority = function(parts) {
    return URI.buildUserinfo(parts) + URI.buildHost(parts);
};
URI.buildUserinfo = function(parts) {
    var t = "";

    if (parts.username) {
        t += URI.encode(parts.username);

        if (parts.password) {
            t += ':' + URI.encode(parts.password);
        }

        t += "@";
    }

    return t;
};
URI.buildQuery = function(data, duplicates) {
    // according to http://tools.ietf.org/html/rfc3986 or http://labs.apache.org/webarch/uri/rfc/rfc3986.html
    // being »-._~!$&'()*+,;=:@/?« %HEX and alnum are allowed
    // the RFC explicitly states ?/foo being a valid use case, no mention of parameter syntax!
    // URI.js treats the query string as being application/x-www-form-urlencoded
    // see http://www.w3.org/TR/REC-html40/interact/forms.html#form-content-type

    var t = "";
    var unique, key, i, length;
    for (key in data) {
        if (hasOwn.call(data, key) && key) {
            if (isArray(data[key])) {
                unique = {};
                for (i = 0, length = data[key].length; i < length; i++) {
                    if (data[key][i] !== undefined && unique[data[key][i] + ""] === undefined) {
                        t += "&" + URI.buildQueryParameter(key, data[key][i]);
                        if (duplicates !== true) {
                            unique[data[key][i] + ""] = true;
                        }
                    }
                }
            } else if (data[key] !== undefined) {
                t += '&' + URI.buildQueryParameter(key, data[key]);
            }
        }
    }

    return t.substring(1);
};
URI.buildQueryParameter = function(name, value) {
    // http://www.w3.org/TR/REC-html40/interact/forms.html#form-content-type -- application/x-www-form-urlencoded
    // don't append "=" for null values, according to http://dvcs.w3.org/hg/url/raw-file/tip/Overview.html#url-parameter-serialization
    return URI.encodeQuery(name) + (value !== null ? "=" + URI.encodeQuery(value) : "");
};

URI.addQuery = function(data, name, value) {
    if (typeof name === "object") {
        for (var key in name) {
            if (hasOwn.call(name, key)) {
                URI.addQuery(data, key, name[key]);
            }
        }
    } else if (typeof name === "string") {
        if (data[name] === undefined) {
            data[name] = value;
            return;
        } else if (typeof data[name] === "string") {
            data[name] = [data[name]];
        }

        if (!isArray(value)) {
            value = [value];
        }

        data[name] = data[name].concat(value);
    } else {
        throw new TypeError("URI.addQuery() accepts an object, string as the name parameter");
    }
};
URI.removeQuery = function(data, name, value) {
    var i, length, key;
    
    if (isArray(name)) {
        for (i = 0, length = name.length; i < length; i++) {
            data[name[i]] = undefined;
        }
    } else if (typeof name === "object") {
        for (key in name) {
            if (hasOwn.call(name, key)) {
                URI.removeQuery(data, key, name[key]);
            }
        }
    } else if (typeof name === "string") {
        if (value !== undefined) {
            if (data[name] === value) {
                data[name] = undefined;
            } else if (isArray(data[name])) {
                data[name] = filterArrayValues(data[name], value);
            }
        } else {
            data[name] = undefined;
        }
    } else {
        throw new TypeError("URI.addQuery() accepts an object, string as the first parameter");
    }
};

URI.commonPath = function(one, two) {
    var length = Math.min(one.length, two.length);
    var pos;

    // find first non-matching character
    for (pos = 0; pos < length; pos++) {
        if (one[pos] !== two[pos]) {
            pos--;
            break;
        }
    }

    if (pos < 1) {
        return one[0] === two[0] && one[0] === '/' ? '/' : '';
    }

    // revert to last /
    if (one[pos] !== '/') {
        pos = one.substring(0, pos).lastIndexOf('/');
    }

    return one.substring(0, pos + 1);
};

URI.withinString = function(string, callback) {
    // expression used is "gruber revised" (@gruber v2) determined to be the best solution in
    // a regex sprint we did a couple of ages ago at
    // * http://mathiasbynens.be/demo/url-regex
    // * http://rodneyrehm.de/t/url-regex.html

    return string.replace(URI.find_uri_expression, callback);
};

URI.ensureValidHostname = function(v) {
    // Theoretically URIs allow percent-encoding in Hostnames (according to RFC 3986)
    // they are not part of DNS and therefore ignored by URI.js

    if (v.match(URI.invalid_hostname_characters)) {
        // test punycode
        if (!punycode) {
            throw new TypeError("Hostname '" + v + "' contains characters other than [A-Z0-9.-] and Punycode.js is not available");
        }

        if (punycode.toASCII(v).match(URI.invalid_hostname_characters)) {
            throw new TypeError("Hostname '" + v + "' contains characters other than [A-Z0-9.-]");
        }
    }
};

p.build = function(deferBuild) {
    if (deferBuild === true) {
        this._deferred_build = true;
    } else if (deferBuild === undefined || this._deferred_build) {
        this._string = URI.build(this._parts);
        this._deferred_build = false;
    }

    return this;
};

p.clone = function() {
    return new URI(this);
};

p.toString = function() {
    return this.build(false)._string;
};
p.valueOf = function() {
    return this.toString();
};

// generate simple accessors
_parts = {protocol: 'protocol', username: 'username', password: 'password', hostname: 'hostname',  port: 'port'};
generateAccessor = function(_part){
    return function(v, build) {
        if (v === undefined) {
            return this._parts[_part] || "";
        } else {
            this._parts[_part] = v;
            this.build(!build);
            return this;
        }
    };
};

for (_part in _parts) {
    p[_part] = generateAccessor(_parts[_part]);
}

// generate accessors with optionally prefixed input
_parts = {query: '?', fragment: '#'};
generateAccessor = function(_part, _key){
    return function(v, build) {
        if (v === undefined) {
            return this._parts[_part] || "";
        } else {
            if (v !== null) {
                v = v + "";
                if (v[0] === _key) {
                    v = v.substring(1);
                }
            }

            this._parts[_part] = v;
            this.build(!build);
            return this;
        }
    };
};

for (_part in _parts) {
    p[_part] = generateAccessor(_part, _parts[_part]);
}

// generate accessors with prefixed output
_parts = {search: ['?', 'query'], hash: ['#', 'fragment']};
generateAccessor = function(_part, _key){
    return function(v, build) {
        var t = this[_part](v, build);
        return typeof t === "string" && t.length ? (_key + t) : t;
    };
};

for (_part in _parts) {
    p[_part] = generateAccessor(_parts[_part][1], _parts[_part][0]);
}

p.pathname = function(v, build) {
    if (v === undefined || v === true) {
        var res = this._parts.path || (this._parts.urn ? '' : '/');
        return v ? URI.decodePath(res) : res;
    } else {
        this._parts.path = v ? URI.recodePath(v) : "/";
        this.build(!build);
        return this;
    }
};
p.path = p.pathname;
p.href = function(href, build) {
    if (href === undefined) {
        return this.toString();
    }

    this._string = "";
    this._parts = {
        protocol: null,
        username: null,
        password: null,
        hostname: null,
        urn: null,
        port: null,
        path: null,
        query: null,
        fragment: null,
        // state
        duplicateQueryParameters: URI.duplicateQueryParameters
    };

    var _URI = href instanceof URI;
    var _object = typeof href === "object" && (href.hostname || href.path);
    var key;
    
    // window.location is reported to be an object, but it's not the sort
    // of object we're looking for: 
    // * location.protocol ends with a colon
    // * location.query != object.search
    // * location.hash != object.fragment
    // simply serializing the unknown object should do the trick 
    // (for location, not for everything...)
    if (!_URI && _object && Object.prototype.toString.call(href) !== "[object Object]") {
        href = href.toString();
    }

    if (typeof href === "string") {
        this._parts = URI.parse(href, this._parts);
    } else if (_URI || _object) {
        var src = _URI ? href._parts : href;
        for (key in src) {
            if (hasOwn.call(this._parts, key)) {
                this._parts[key] = src[key];
            }
        }
    } else {
        throw new TypeError("invalid input");
    }

    this.build(!build);
    return this;
};

// identification accessors
p.is = function(what) {
    var ip = false;
    var ip4 = false;
    var ip6 = false;
    var name = false;
    var sld = false;
    var idn = false;
    var punycode = false;
    var relative = !this._parts.urn;

    if (this._parts.hostname) {
        relative = false;
        ip4 = URI.ip4_expression.test(this._parts.hostname);
        ip6 = URI.ip6_expression.test(this._parts.hostname);
        ip = ip4 || ip6;
        name = !ip;
        sld = name && SLD && SLD.has(this._parts.hostname);
        idn = name && URI.idn_expression.test(this._parts.hostname);
        punycode = name && URI.punycode_expression.test(this._parts.hostname);
    }

    switch (what.toLowerCase()) {
        case 'relative':
            return relative;

        case 'absolute':
            return !relative;

        // hostname identification
        case 'domain':
        case 'name':
            return name;

        case 'sld':
            return sld;

        case 'ip':
            return ip;

        case 'ip4':
        case 'ipv4':
        case 'inet4':
            return ip4;

        case 'ip6':
        case 'ipv6':
        case 'inet6':
            return ip6;

        case 'idn':
            return idn;

        case 'url':
            return !this._parts.urn;

        case 'urn':
            return !!this._parts.urn;

        case 'punycode':
            return punycode;
    }

    return null;
};

// component specific input validation
var _protocol = p.protocol;
var _port = p.port;
var _hostname = p.hostname;

p.protocol = function(v, build) {
    if (v !== undefined) {
        if (v) {
            // accept trailing ://
            v = v.replace(/:(\/\/)?$/, '');

            if (v.match(/[^a-zA-z0-9\.+-]/)) {
                throw new TypeError("Protocol '" + v + "' contains characters other than [A-Z0-9.+-]");
            }
        }
    }
    return _protocol.call(this, v, build);
};
p.scheme = p.protocol;
p.port = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (v !== undefined) {
        if (v === 0) {
            v = null;
        }

        if (v) {
            v += "";
            if (v[0] === ":") {
                v = v.substring(1);
            }

            if (v.match(/[^0-9]/)) {
                throw new TypeError("Port '" + v + "' contains characters other than [0-9]");
            }
        }
    }
    return _port.call(this, v, build);
};
p.hostname = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (v !== undefined) {
        var x = {};
        URI.parseHost(v, x);
        v = x.hostname;
    }
    return _hostname.call(this, v, build);
};

// compound accessors
p.host = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (v === undefined) {
        return this._parts.hostname ? URI.buildHost(this._parts) : "";
    } else {
        URI.parseHost(v, this._parts);
        this.build(!build);
        return this;
    }
};
p.authority = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (v === undefined) {
        return this._parts.hostname ? URI.buildAuthority(this._parts) : "";
    } else {
        URI.parseAuthority(v, this._parts);
        this.build(!build);
        return this;
    }
};
p.userinfo = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (v === undefined) {
        if (!this._parts.username) {
            return "";
        }

        var t = URI.buildUserinfo(this._parts);
        return t.substring(0, t.length -1);
    } else {
        if (v[v.length-1] !== '@') {
            v += '@';
        }

        URI.parseUserinfo(v, this._parts);
        this.build(!build);
        return this;
    }
};
p.resource = function(v, build) {
    var parts;
    
    if (v === undefined) {
        return this.path() + this.search() + this.hash();
    }
    
    parts = URI.parse(v);
    this._parts.path = parts.path;
    this._parts.query = parts.query;
    this._parts.fragment = parts.fragment;
    this.build(!build);
    return this;
};

// fraction accessors
p.subdomain = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    // convenience, return "www" from "www.example.org"
    if (v === undefined) {
        if (!this._parts.hostname || this.is('IP')) {
            return "";
        }

        // grab domain and add another segment
        var end = this._parts.hostname.length - this.domain().length - 1;
        return this._parts.hostname.substring(0, end) || "";
    } else {
        var e = this._parts.hostname.length - this.domain().length;
        var sub = this._parts.hostname.substring(0, e);
        var replace = new RegExp('^' + escapeRegEx(sub));

        if (v && v[v.length - 1] !== '.') {
            v += ".";
        }

        if (v) {
            URI.ensureValidHostname(v);
        }

        this._parts.hostname = this._parts.hostname.replace(replace, v);
        this.build(!build);
        return this;
    }
};
p.domain = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (typeof v === 'boolean') {
        build = v;
        v = undefined;
    }

    // convenience, return "example.org" from "www.example.org"
    if (v === undefined) {
        if (!this._parts.hostname || this.is('IP')) {
            return "";
        }

        // if hostname consists of 1 or 2 segments, it must be the domain
        var t = this._parts.hostname.match(/\./g);
        if (t && t.length < 2) {
            return this._parts.hostname;
        }

        // grab tld and add another segment
        var end = this._parts.hostname.length - this.tld(build).length - 1;
        end = this._parts.hostname.lastIndexOf('.', end -1) + 1;
        return this._parts.hostname.substring(end) || "";
    } else {
        if (!v) {
            throw new TypeError("cannot set domain empty");
        }

        URI.ensureValidHostname(v);

        if (!this._parts.hostname || this.is('IP')) {
            this._parts.hostname = v;
        } else {
            var replace = new RegExp(escapeRegEx(this.domain()) + "$");
            this._parts.hostname = this._parts.hostname.replace(replace, v);
        }

        this.build(!build);
        return this;
    }
};
p.tld = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (typeof v === 'boolean') {
        build = v;
        v = undefined;
    }

    // return "org" from "www.example.org"
    if (v === undefined) {
        if (!this._parts.hostname || this.is('IP')) {
            return "";
        }

        var pos = this._parts.hostname.lastIndexOf('.');
        var tld = this._parts.hostname.substring(pos + 1);

        if (build !== true && SLD && SLD.list[tld.toLowerCase()]) {
            return SLD.get(this._parts.hostname) || tld;
        }

        return tld;
    } else {
        var replace;
        
        if (!v) {
            throw new TypeError("cannot set TLD empty");
        } else if (v.match(/[^a-zA-Z0-9-]/)) {
            if (SLD && SLD.is(v)) {
                replace = new RegExp(escapeRegEx(this.tld()) + "$");
                this._parts.hostname = this._parts.hostname.replace(replace, v);
            } else {
                throw new TypeError("TLD '" + v + "' contains characters other than [A-Z0-9]");
            }
        } else if (!this._parts.hostname || this.is('IP')) {
            throw new ReferenceError("cannot set TLD on non-domain host");
        } else {
            replace = new RegExp(escapeRegEx(this.tld()) + "$");
            this._parts.hostname = this._parts.hostname.replace(replace, v);
        }

        this.build(!build);
        return this;
    }
};
p.directory = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (v === undefined || v === true) {
        if (!this._parts.path && !this._parts.hostname) {
            return '';
        }

        if (this._parts.path === '/') {
            return '/';
        }

        var end = this._parts.path.length - this.filename().length - 1;
        var res = this._parts.path.substring(0, end) || (this._parts.hostname ? "/" : "");

        return v ? URI.decodePath(res) : res;

    } else {
        var e = this._parts.path.length - this.filename().length;
        var directory = this._parts.path.substring(0, e);
        var replace = new RegExp('^' + escapeRegEx(directory));

        // fully qualifier directories begin with a slash
        if (!this.is('relative')) {
            if (!v) {
                v = '/';
            }

            if (v[0] !== '/') {
                v = "/" + v;
            }
        }

        // directories always end with a slash
        if (v && v[v.length - 1] !== '/') {
            v += '/';
        }

        v = URI.recodePath(v);
        this._parts.path = this._parts.path.replace(replace, v);
        this.build(!build);
        return this;
    }
};
p.filename = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (v === undefined || v === true) {
        if (!this._parts.path || this._parts.path === '/') {
            return "";
        }

        var pos = this._parts.path.lastIndexOf('/');
        var res = this._parts.path.substring(pos+1);

        return v ? URI.decodePathSegment(res) : res;
    } else {
        var mutatedDirectory = false;
        
        if (v[0] === '/') {
            v = v.substring(1);
        }

        if (v.match(/\.?\//)) {
            mutatedDirectory = true;
        }

        var replace = new RegExp(escapeRegEx(this.filename()) + "$");
        v = URI.recodePath(v);
        this._parts.path = this._parts.path.replace(replace, v);

        if (mutatedDirectory) {
            this.normalizePath(build);
        } else {
            this.build(!build);
        }

        return this;
    }
};
p.suffix = function(v, build) {
    if (this._parts.urn) {
        return v === undefined ? '' : this;
    }

    if (v === undefined || v === true) {
        if (!this._parts.path || this._parts.path === '/') {
            return "";
        }

        var filename = this.filename();
        var pos = filename.lastIndexOf('.');
        var s, res;

        if (pos === -1) {
            return "";
        }

        // suffix may only contain alnum characters (yup, I made this up.)
        s = filename.substring(pos+1);
        res = (/^[a-z0-9%]+$/i).test(s) ? s : "";
        return v ? URI.decodePathSegment(res) : res;
    } else {
        if (v[0] === '.') {
            v = v.substring(1);
        }

        var suffix = this.suffix();
        var replace;

        if (!suffix) {
            if (!v) {
                return this;
            }

            this._parts.path += '.' + URI.recodePath(v);
        } else if (!v) {
            replace = new RegExp(escapeRegEx("." + suffix) + "$");
        } else {
            replace = new RegExp(escapeRegEx(suffix) + "$");
        }

        if (replace) {
            v = URI.recodePath(v);
            this._parts.path = this._parts.path.replace(replace, v);
        }

        this.build(!build);
        return this;
    }
};
p.segment = function(segment, v, build) {
    var separator = this._parts.urn ? ':' : '/';
    var path = this.path();
    var absolute = path.substring(0, 1) === '/';
    var segments = path.split(separator);

    if (typeof segment !== 'number') {
        build = v;
        v = segment;
        segment = undefined;
    }

    if (segment !== undefined && typeof segment !== 'number') {
        throw new Error("Bad segment '" + segment + "', must be 0-based integer");
    }

    if (absolute) {
        segments.shift();
    }

    if (segment < 0) {
        // allow negative indexes to address from the end
        segment = Math.max(segments.length + segment, 0);
    }

    if (v === undefined) {
        return segment === undefined
            ? segments
            : segments[segment];
    } else if (segment === null || segments[segment] === undefined) {
        if (isArray(v)) {
            segments = v;
        } else if (v || (typeof v === "string" && v.length)) {
            if (segments[segments.length -1] === "") {
                // empty trailing elements have to be overwritten
                // to prefent results such as /foo//bar
                segments[segments.length -1] = v;
            } else {
                segments.push(v);
            }
        }
    } else {
        if (v || (typeof v === "string" && v.length)) {
            segments[segment] = v;
        } else {
            segments.splice(segment, 1);
        }
    }

    if (absolute) {
        segments.unshift("");
    }

    return this.path(segments.join(separator), build);
};

// mutating query string
var q = p.query;
p.query = function(v, build) {
    if (v === true) {
        return URI.parseQuery(this._parts.query);
    } else if (v !== undefined && typeof v !== "string") {
        this._parts.query = URI.buildQuery(v, this._parts.duplicateQueryParameters);
        this.build(!build);
        return this;
    } else {
        return q.call(this, v, build);
    }
};
p.addQuery = function(name, value, build) {
    var data = URI.parseQuery(this._parts.query);
    URI.addQuery(data, name, value === undefined ? null : value);
    this._parts.query = URI.buildQuery(data, this._parts.duplicateQueryParameters);
    if (typeof name !== "string") {
        build = value;
    }

    this.build(!build);
    return this;
};
p.removeQuery = function(name, value, build) {
    var data = URI.parseQuery(this._parts.query);
    URI.removeQuery(data, name, value);
    this._parts.query = URI.buildQuery(data, this._parts.duplicateQueryParameters);
    if (typeof name !== "string") {
        build = value;
    }

    this.build(!build);
    return this;
};
p.addSearch = p.addQuery;
p.removeSearch = p.removeQuery;

// sanitizing URLs
p.normalize = function() {
    if (this._parts.urn) {
        return this
            .normalizeProtocol(false)
            .normalizeQuery(false)
            .normalizeFragment(false)
            .build();
    }

    return this
        .normalizeProtocol(false)
        .normalizeHostname(false)
        .normalizePort(false)
        .normalizePath(false)
        .normalizeQuery(false)
        .normalizeFragment(false)
        .build();
};
p.normalizeProtocol = function(build) {
    if (typeof this._parts.protocol === "string") {
        this._parts.protocol = this._parts.protocol.toLowerCase();
        this.build(!build);
    }

    return this;
};
p.normalizeHostname = function(build) {
    if (this._parts.hostname) {
        if (this.is('IDN') && punycode) {
            this._parts.hostname = punycode.toASCII(this._parts.hostname);
        } else if (this.is('IPv6') && IPv6) {
            this._parts.hostname = IPv6.best(this._parts.hostname);
        }

        this._parts.hostname = this._parts.hostname.toLowerCase();
        this.build(!build);
    }

    return this;
};
p.normalizePort = function(build) {
    // remove port of it's the protocol's default
    if (typeof this._parts.protocol === "string" && this._parts.port === URI.defaultPorts[this._parts.protocol]) {
        this._parts.port = null;
        this.build(!build);
    }

    return this;
};
p.normalizePath = function(build) {
    if (this._parts.urn) {
        return this;
    }

    if (!this._parts.path || this._parts.path === '/') {
        return this;
    }

    var _was_relative;
    var _was_relative_prefix;
    var _path = this._parts.path;
    var _parent, _pos;

    // handle relative paths
    if (_path[0] !== '/') {
        if (_path[0] === '.') {
            _was_relative_prefix = _path.substring(0, _path.indexOf('/'));
        }
        _was_relative = true;
        _path = '/' + _path;
    }
    // resolve simples
    _path = _path.replace(/(\/(\.\/)+)|\/{2,}/g, '/');
    // resolve parents
    while (true) {
        _parent = _path.indexOf('/../');
        if (_parent === -1) {
            // no more ../ to resolve
            break;
        } else if (_parent === 0) {
            // top level cannot be relative...
            _path = _path.substring(3);
            break;
        }

        _pos = _path.substring(0, _parent).lastIndexOf('/');
        if (_pos === -1) {
            _pos = _parent;
        }
        _path = _path.substring(0, _pos) + _path.substring(_parent + 3);
    }
    // revert to relative
    if (_was_relative && this.is('relative')) {
        if (_was_relative_prefix){
            _path = _was_relative_prefix + _path;
        } else {
            _path = _path.substring(1);
        }
    }

    _path = URI.recodePath(_path);
    this._parts.path = _path;
    this.build(!build);
    return this;
};
p.normalizePathname = p.normalizePath;
p.normalizeQuery = function(build) {
    if (typeof this._parts.query === "string") {
        if (!this._parts.query.length) {
            this._parts.query = null;
        } else {
            this.query(URI.parseQuery(this._parts.query));
        }

        this.build(!build);
    }

    return this;
};
p.normalizeFragment = function(build) {
    if (!this._parts.fragment) {
        this._parts.fragment = null;
        this.build(!build);
    }

    return this;
};
p.normalizeSearch = p.normalizeQuery;
p.normalizeHash = p.normalizeFragment;

p.iso8859 = function() {
    // expect unicode input, iso8859 output
    var e = URI.encode;
    var d = URI.decode;

    URI.encode = escape;
    URI.decode = decodeURIComponent;
    this.normalize();
    URI.encode = e;
    URI.decode = d;
    return this;
};

p.unicode = function() {
    // expect iso8859 input, unicode output
    var e = URI.encode;
    var d = URI.decode;

    URI.encode = strictEncodeURIComponent;
    URI.decode = unescape;
    this.normalize();
    URI.encode = e;
    URI.decode = d;
    return this;
};

p.readable = function() {
    var uri = this.clone();
    // removing username, password, because they shouldn't be displayed according to RFC 3986
    uri.username("").password("").normalize();
    var t = '';
    if (uri._parts.protocol) {
        t += uri._parts.protocol + '://';
    }

    if (uri._parts.hostname) {
        if (uri.is('punycode') && punycode) {
            t += punycode.toUnicode(uri._parts.hostname);
            if (uri._parts.port) {
                t += ":" + uri._parts.port;
            }
        } else {
            t += uri.host();
        }
    }

    if (uri._parts.hostname && uri._parts.path && uri._parts.path[0] !== '/') {
        t += '/';
    }

    t += uri.path(true);
    if (uri._parts.query) {
        var q = '';
        for (var i = 0, qp = uri._parts.query.split('&'), l = qp.length; i < l; i++) {
            var kv = (qp[i] || "").split('=');
            q += '&' + URI.decodeQuery(kv[0])
                .replace(/&/g, '%26');

            if (kv[1] !== undefined) {
                q += "=" + URI.decodeQuery(kv[1])
                    .replace(/&/g, '%26');
            }
        }
        t += '?' + q.substring(1);
    }

    t += uri.hash();
    return t;
};

// resolving relative and absolute URLs
p.absoluteTo = function(base) {
    var resolved = this.clone();
    var properties = ['protocol', 'username', 'password', 'hostname', 'port'];
    var basedir, i, p;

    if (this._parts.urn) {
        throw new Error('URNs do not have any generally defined hierachical components');
    }

    if (this._parts.hostname) {
        return resolved;
    }

    if (!(base instanceof URI)) {
        base = new URI(base);
    }

    for (i = 0, p; p = properties[i]; i++) {
        resolved._parts[p] = base._parts[p];
    }
    
    properties = ['query', 'path'];
    for (i = 0, p; p = properties[i]; i++) {
        if (!resolved._parts[p] && base._parts[p]) {
            resolved._parts[p] = base._parts[p];
        }
    }

    if (resolved.path()[0] !== '/') {
        basedir = base.directory();
        resolved._parts.path = (basedir ? (basedir + '/') : '') + resolved._parts.path;
        resolved.normalizePath();
    }

    resolved.build();
    return resolved;
};
p.relativeTo = function(base) {
    var relative = this.clone();
    var properties = ['protocol', 'username', 'password', 'hostname', 'port'];
    var common, _base;

    if (this._parts.urn) {
        throw new Error('URNs do not have any generally defined hierachical components');
    }

    if (!(base instanceof URI)) {
        base = new URI(base);
    }

    if (this.path()[0] !== '/' || base.path()[0] !== '/') {
        throw new Error('Cannot calculate common path from non-relative URLs');
    }

    common = URI.commonPath(relative.path(), base.path());
    _base = base.directory();

    for (var i = 0, p; p = properties[i]; i++) {
        relative._parts[p] = null;
    }

    if (!common || common === '/') {
        return relative;
    }

    if (_base + '/' === common) {
        relative._parts.path = './' + relative.filename();
    } else {
        var parents = '../';
        var _common = new RegExp('^' + escapeRegEx(common));
        var _parents = _base.replace(_common, '/').match(/\//g).length -1;

        while (_parents--) {
            parents += '../';
        }

        relative._parts.path = relative._parts.path.replace(_common, parents);
    }

    relative.build();
    return relative;
};

// comparing URIs
p.equals = function(uri) {
    var one = this.clone();
    var two = new URI(uri);
    var one_map = {};
    var two_map = {};
    var checked = {};
    var one_query, two_query, key;

    one.normalize();
    two.normalize();

    // exact match
    if (one.toString() === two.toString()) {
        return true;
    }

    // extract query string
    one_query = one.query();
    two_query = two.query();
    one.query("");
    two.query("");

    // definitely not equal if not even non-query parts match
    if (one.toString() !== two.toString()) {
        return false;
    }

    // query parameters have the same length, even if they're permutated
    if (one_query.length !== two_query.length) {
        return false;
    }

    one_map = URI.parseQuery(one_query);
    two_map = URI.parseQuery(two_query);

    for (key in one_map) {
        if (hasOwn.call(one_map, key)) {
            if (!isArray(one_map[key])) {
                if (one_map[key] !== two_map[key]) {
                    return false;
                }
            } else {
                if (!isArray(two_map[key])) {
                    return false;
                }

                // arrays can't be equal if they have different amount of content
                if (one_map[key].length !== two_map[key].length) {
                    return false;
                }

                one_map[key].sort();
                two_map[key].sort();

                for (var i = 0, l = one_map[key].length; i < l; i++) {
                    if (one_map[key][i] !== two_map[key][i]) {
                        return false;
                    }
                }
            }

            checked[key] = true;
        }
    }

    for (key in two_map) {
        if (hasOwn.call(two_map, key)) {
            if (!checked[key]) {
                // two contains a parameter not present in one
                return false;
            }
        }
    }

    return true;
};

// state
p.duplicateQueryParameters = function(v) {
    this._parts.duplicateQueryParameters = !!v;
    return this;
};

return URI;
}));
}; // end of sap.ui.thirdparty.URI
if ( !jQuery.sap.isDeclared('jquery.sap.keycodes') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/*
 * Provides constants for key codes. Useful in the implementation of keypress/keydown event handlers.
 */
jQuery.sap.declare("jquery.sap.keycodes", false);

/**
 * Enumeration of key codes.
 *
 * @namespace
 * @public
 * @since 0.9.0
 */
jQuery.sap.KeyCodes = {
	/**
	 * @type number
	 * @public
	 */
	BACKSPACE : 8,
	/**
	 * @type number
	 * @public
	 */
	TAB : 9,
	/**
	 * @type number
	 * @public
	 */
	ENTER : 13,
	/**
	 * @type number
	 * @public
	 */
	SHIFT : 16,
	/**
	 * @type number
	 * @public
	 */
	CONTROL : 17,
	/**
	 * @type number
	 * @public
	 */
	ALT : 18,
	/**
	 * @type number
	 * @public
	 */
	BREAK : 19,
	/**
	 * @type number
	 * @public
	 */
	CAPS_LOCK : 20,
	/**
	 * @type number
	 * @public
	 */
	ESCAPE : 27,
	/**
	 * @type number
	 * @public
	 */
	SPACE : 32,
	/**
	 * @type number
	 * @public
	 */
	PAGE_UP : 33,
	/**
	 * @type number
	 * @public
	 */
	PAGE_DOWN : 34,
	/**
	 * @type number
	 * @public
	 */
	END : 35,
	/**
	 * @type number
	 * @public
	 */
	HOME : 36,
	/**
	 * @type number
	 * @public
	 */
	ARROW_LEFT : 37,
	/**
	 * @type number
	 * @public
	 */
	ARROW_UP : 38,
	/**
	 * @type number
	 * @public
	 */
	ARROW_RIGHT : 39,
	/**
	 * @type number
	 * @public
	 */
	ARROW_DOWN : 40,
	/**
	 * @type number
	 * @public
	 */
	PRINT : 44,
	/**
	 * @type number
	 * @public
	 */
	INSERT : 45,
	/**
	 * @type number
	 * @public
	 */
	DELETE : 46,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_0 : 48,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_1 : 49,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_2 : 50,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_3 : 51,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_4 : 52,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_5 : 53,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_6 : 54,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_7 : 55,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_8 : 56,
	/**
	 * @type number
	 * @public
	 */
	DIGIT_9 : 57,
	/**
	 * @type number
	 * @public
	 */
	A : 65,
	/**
	 * @type number
	 * @public
	 */
	B : 66,
	/**
	 * @type number
	 * @public
	 */
	C : 67,
	/**
	 * @type number
	 * @public
	 */
	D : 68,
	/**
	 * @type number
	 * @public
	 */
	E : 69,
	/**
	 * @type number
	 * @public
	 */
	F : 70,
	/**
	 * @type number
	 * @public
	 */
	G : 71,
	/**
	 * @type number
	 * @public
	 */
	H : 72,
	/**
	 * @type number
	 * @public
	 */
	I : 73,
	/**
	 * @type number
	 * @public
	 */
	J : 74,
	/**
	 * @type number
	 * @public
	 */
	K : 75,
	/**
	 * @type number
	 * @public
	 */
	L : 76,
	/**
	 * @type number
	 * @public
	 */
	M : 77,
	/**
	 * @type number
	 * @public
	 */
	N : 78,
	/**
	 * @type number
	 * @public
	 */
	O : 79,
	/**
	 * @type number
	 * @public
	 */
	P : 80,
	/**
	 * @type number
	 * @public
	 */
	Q : 81,
	/**
	 * @type number
	 * @public
	 */
	R : 82,
	/**
	 * @type number
	 * @public
	 */
	S : 83,
	/**
	 * @type number
	 * @public
	 */
	T : 84,
	/**
	 * @type number
	 * @public
	 */
	U : 85,
	/**
	 * @type number
	 * @public
	 */
	V : 86,
	/**
	 * @type number
	 * @public
	 */
	W : 87,
	/**
	 * @type number
	 * @public
	 */
	X : 88,
	/**
	 * @type number
	 * @public
	 */
	Y : 89,
	/**
	 * @type number
	 * @public
	 */
	Z : 90,
	/**
	 * @type number
	 * @public
	 */
	WINDOWS : 91,
	/**
	 * @type number
	 * @public
	 */
	CONTEXT_MENU : 93,
	/**
	 * @type number
	 * @public
	 */
	TURN_OFF : 94,
	/**
	 * @type number
	 * @public
	 */
	SLEEP : 95,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_0 : 96,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_1 : 97,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_2 : 98,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_3 : 99,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_4 : 100,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_5 : 101,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_6 : 102,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_7 : 103,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_8 : 104,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_9 : 105,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_ASTERISK : 106,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_PLUS : 107,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_MINUS : 109,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_COMMA : 110,
	/**
	 * @type number
	 * @public
	 */
	NUMPAD_SLASH : 111,
	/**
	 * @type number
	 * @public
	 */
	F1 : 112,
	/**
	 * @type number
	 * @public
	 */
	F2 : 113,
	/**
	 * @type number
	 * @public
	 */
	F3 : 114,
	/**
	 * @type number
	 * @public
	 */
	F4 : 115,
	/**
	 * @type number
	 * @public
	 */
	F5 : 116,
	/**
	 * @type number
	 * @public
	 */
	F6 : 117,
	/**
	 * @type number
	 * @public
	 */
	F7 : 118,
	/**
	 * @type number
	 * @public
	 */
	F8 : 119,
	/**
	 * @type number
	 * @public
	 */
	F9 : 120,
	/**
	 * @type number
	 * @public
	 */
	F10 : 121,
	/**
	 * @type number
	 * @public
	 */
	F11 : 122,
	/**
	 * @type number
	 * @public
	 */
	F12 : 123,
	/**
	 * @type number
	 * @public
	 */
	NUM_LOCK : 144,
	/**
	 * @type number
	 * @public
	 */
	SCROLL_LOCK : 145,
	/**
	 * @type number
	 * @public
	 */
	OPEN_BRACKET : 186,
	/**
	 * @type number
	 * @public
	 */
	PLUS : 187,
	/**
	 * @type number
	 * @public
	 */
	COMMA : 188,
	/**
	 * @type number
	 * @public
	 */
	SLASH : 189,
	/**
	 * @type number
	 * @public
	 */
	DOT : 190,
	/**
	 * @type number
	 * @public
	 */
	PIPE : 191,
	/**
	 * @type number
	 * @public
	 */
	SEMICOLON : 192,
	/**
	 * @type number
	 * @public
	 */
	MINUS : 219,
	/**
	 * @type number
	 * @public
	 */
	GREAT_ACCENT : 220,
	/**
	 * @type number
	 * @public
	 */
	EQUALS : 221,
	/**
	 * @type number
	 * @public
	 */
	SINGLE_QUOTE : 222,
	/**
	 * @type number
	 * @public
	 */
	BACKSLASH : 226
};
}; // end of jquery.sap.keycodes
if ( !jQuery.sap.isDeclared('jquery.sap.logger') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/*
 * Abandoned, empty module (since 1.1.2). Functionality has been integrated into module 'jquery.sap.global'.
 */
jQuery.sap.declare("jquery.sap.logger", false);

}; // end of jquery.sap.logger
if ( !jQuery.sap.isDeclared('jquery.sap.script') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides miscellaneous utility functions that might be useful for any script
jQuery.sap.declare("jquery.sap.script", false);

(function() {

	/**
	 * Some private variable used for creation of (pseudo-)unique ids.
	 * @type integer
	 * @private
	 */
	var iIdCounter = 0;

	/**
	 * Creates and returns a pseudo-unique id.
	 *
	 * No means for detection of overlap with already present or future UIDs.
	 *
	 * @return {string} A pseudo-unique id.
	 * @public
	 */
	jQuery.sap.uid = function uid() {
		return "id-" + new Date().valueOf() + "-" + iIdCounter++;
	};

	/**
	 * Calls a method after a given delay and returns an id for this timer
	 *
	 * @param {int} iDelay Delay time in milliseconds
	 * @param {object} oObject Object from which the method should be called
	 * @param {string|object} Method function pointer or name of the method
	 * @param {array} [aParameters] Method parameters
	 * @return {string} Id which can be used to cancel the timer with clearDelayedCall
	 * @public
	 */
	jQuery.sap.delayedCall = function delayedCall(iDelay, oObject, method, aParameters) {
		return setTimeout(function(){
			if (jQuery.type(method) == "string") {
				method = oObject[method];
			}
			method.apply(oObject, aParameters ||[]);
		}, iDelay);
	};

	/**
	 * Stops the delayed call.
	 *
	 * The function given when calling delayedCall is not called anymore.
	 *
	 * @param {string} sDelayedCallId The id returned, when calling delayedCall
	 * @public
	 */
	jQuery.sap.clearDelayedCall = function clearDelayedCall(sDelayedCallId) {
		clearTimeout(sDelayedCallId);
		return this;
	};

	/**
	 * Calls a method after a given interval and returns an id for this interval.
	 *
	 * @param {int} iInterval Interval time in milliseconds
	 * @param {object} oObject Object from which the method should be called
	 * @param {string|object} Method function pointer or name of the method
	 * @param {array} [aParameters] Method parameters
	 * @return {string} Id which can be used to cancel the interval with clearIntervalCall
	 * @public
	 */
	jQuery.sap.intervalCall = function intervalCall(iInterval, oObject, method, aParameters) {
		return setInterval(function(){
			if (jQuery.type(method) == "string") {
				method = oObject[method];
			}
			method.apply(oObject, aParameters ||[]);
		}, iInterval);
	};

	/**
	 * Stops the interval call.
	 *
	 * The function given when calling intervalCall is not called anymore.
	 *
	 * @param {string} sIntervalCallId The id returned, when calling intervalCall
	 * @public
	 */
	jQuery.sap.clearIntervalCall = function clearIntervalCall(sIntervalCallId) {
		clearInterval(sIntervalCallId);
		return this;
	};

	// Javadoc for private inner class "UriParams" - this list of comments is intentional!
	/**
	 * @interface	Encapsulates all URI parameters of the current windows location (URL).
	 *
	 * Use {@link jQuery.sap.getUriParameters} to create an instance of jQuery.sap.util.UriParameters.
	 *
	 * @author SAP AG
	 * @version 1.12.0
	 * @since 0.9.0
	 * @name jQuery.sap.util.UriParameters
	 * @public
	 */
	/**
	 * Returns the value(s) of the URI parameter with the given name sName.
	 *
	 * If the boolean parameter bAll is <code>true</code>, an array of string values of all
	 * occurrences of the URI parameter with the given name is returned. This array is empty
	 * if the URI parameter is not contained in the windows URL.
	 *
	 * If the boolean parameter bAll is <code>false</code> or is not specified, the value of the first
	 * occurrence of the URI parameter with the given name is returned. Might be <code>null</code>
	 * if the URI parameter is not contained in the windows URL.
	 *
	 * @param {string} sName The name of the URI parameter.
	 * @param {boolean} [bAll=false] Optional, specifies whether all or only the first parameter value should be returned.
	 * @return {string|array} The value(s) of the URI parameter with the given name
	 * @SecSource {return|XSS} Return value contains URL parameters
	 *
	 * @function
	 * @name jQuery.sap.util.UriParameters.prototype.get
	 */

	/*
	 * Implements jQuery.sap.util.UriParameters
	 */
	var UriParams = function(sUri) {
		this.mParams = {};
		var sQueryString = sUri || window.location.href;
		if ( sQueryString.indexOf('#') >= 0 ) {
			sQueryString = sQueryString.slice(0, sQueryString.indexOf('#'));
		}
		if(sQueryString.indexOf("?") >= 0){
			sQueryString = sQueryString.slice(sQueryString.indexOf("?") + 1);
			var aParameters = sQueryString.split("&"),
				mParameters = {},
				aParameter,
				sName,
				sValue;
			for(var i=0; i<aParameters.length; i++){
				aParameter = aParameters[i].split("=");
				sName = decodeURIComponent(aParameter[0]);
				sValue = aParameter.length > 1 ? decodeURIComponent(aParameter[1].replace(/\+/g,' ')) : "";
				if(sName){
					if(!Object.prototype.hasOwnProperty.call(mParameters, sName)){
						mParameters[sName] = [];
					}
					mParameters[sName].push(sValue);
				}
			}
			this.mParams = mParameters;
		}
	};

	UriParams.prototype = {};

	/*
	 * Implements jQuery.sap.util.UriParameters.prototype.get
	 */
	UriParams.prototype.get = function(sName, bAll) {
		var aValues = Object.prototype.hasOwnProperty.call(this.mParams, sName) ? this.mParams[sName] : [];
		return bAll === true ? aValues : (aValues[0] || null);
	};

	/**
	 * Creates and returns a new instance of {@link jQuery.sap.util.UriParameters}.
	 *
	 * Example for reading a single URI parameter (or the value of the first
	 * occurrence of the URI parameter):
	 * <pre>
	 *	var sValue = jQuery.sap.getUriParameters().get("myUriParam");
	 * </pre>
	 *
	 * Example for reading the values of the first of the URI parameter
	 * (with multiple occurrences):
	 * <pre>
	 *	var aValues = jQuery.sap.getUriParameters().get("myUriParam", true);
	 *	for(i in aValues){
	 *	var sValue = aValues[i];
	 *	}
	 * </pre>
	 *
	 * @public
	 * @return {jQuery.sap.util.UriParameters} A new URI parameters instance
	 */
	jQuery.sap.getUriParameters = function getUriParameters(sUri) {
		return new UriParams(sUri);
	};

	/**
	 * Sorts the given array in-place and removes any duplicates (identified by "===").
	 *
	 * Use <code>jQuery.unique()</code> for arrays of DOMElements.
	 *
	 * @param {Array} a An Array of any type
	 * @return {Array} Same array as given (for chaining)
	 * @public
	 */
	jQuery.sap.unique = function(a) {
		jQuery.sap.assert(a instanceof Array, "unique: a must be an array");
		var l=a.length;
		if ( l > 1 ) {
			a.sort();
			for(var i=1,j=0; i<l; i++) {
				// invariant: i is the entry to check, j is the last unique entry known so far
				if ( a[i] !== a[j] ) {
					a[++j] = a[i];
				}
			}
			// cut off the rest - if any
			if ( ++j < l ) {
				a.splice(j, l-j);
			}
		}
		return a;
	};

	/**
	 * Compares the two given values for equality, especially takes care not to compare
	 * arrays and objects by reference, but compares their content.
	 * Note: function does not work with comparing XML objects
	 *
	 * @param {any} a A value of any type
	 * @param {any} b A value of any type
	 * @param {int} [maxDepth=10] Maximum recursion depth
	 * 
	 * @return {boolean} Whether a and b are equal
	 * @public
	 */
	jQuery.sap.equal = function(a, b, maxDepth, depth) {
		if (!depth) depth = 0;
		if (!maxDepth) maxDepth = 10;
		if (depth > maxDepth) return false;
		if (a === b) return true;
		if (jQuery.isArray(a) && jQuery.isArray(b)) {
			if (a.length != b.length) { return false; }
			for (var i = 0; i < a.length; i++) {
				if (!jQuery.sap.equal(a[i], b[i], maxDepth, depth + 1)) { 
						return false;
				}
			}
			return true;
		}
		if (typeof a == "object" && typeof b == "object") {
			if (!a || !b) {
				return false;
			}
			if (a.constructor != b.constructor) {
				return false;
			}
			if (a.nodeName && b.nodeName && a.namespaceURI && b.namespaceURI) {
				return jQuery.sap.isEqualNode(a,b);
			}
			if (a instanceof Date) {
				return a.valueOf() == b.valueOf();
			}
			for (var i in a) {
				if (!jQuery.sap.equal(a[i], b[i], maxDepth, depth + 1)) { 
					return false;
				}
			}
			for (var i in b) {
				if (a[i] === undefined) { 
					return false;
				}
			}
			return true;
		}
		return false;
	};
	
	/**
	 * Iterates over elements of the given object or array. 
	 * 
	 * Works similar to <code>jQuery.each</code>, but a numeric index is only used for 
	 * instances of <code>Array</code>. For all other objects, including those with a numeric 
	 * <code>length</code> property, the properties are iterated by name. 
	 * 
	 * The contract for the <code>fnCallback</code> is the same as for <code>jQuery.each</code>,
	 * when it returns <code>false</code>, then the iteration stops (break).
	 * 
	 * @param {object|any[]} oObject object or array to enumerate the properties of
	 * @param {function} fnCallback function to call for each property name
	 * @return {object|any[]} the given <code>oObject</code> 
	 * @since 1.11
	 */
	jQuery.sap.each = function(oObject, fnCallback) {
		var isArray = jQuery.isArray(oObject),
			length, i;

		if ( isArray ) {
			for (i=0,length=oObject.length; i < length; i++) {
				if ( fnCallback.call(oObject[i], i, oObject[i]) === false ) {
					break;
				}
			}
		} else {
			for ( i in oObject ) {
				if ( fnCallback.call(oObject[i], i, oObject[i] ) === false ) {
					break;
				}
			}
		}

		return oObject;
	};
	
	/**
	 * Substitute for <code>for(n in o)</code> loops which fixes the 'Don'tEnum' bug of IE8.
	 * 
	 * Iterates over all enumerable properties of the given object and calls the
	 * given callback function for each of them. The assumed signature of the 
	 * callback function is 
	 * 
	 *	 fnCallback(name, value)
	 *	 
	 * where name is the name of the property and value is its value.
	 * 
	 * When an object in IE8 overrides a property of Object.prototype
	 * that has been marked as 'don't enum', then IE8 by mistake also 
	 * doesn't enumerate the overriding property. 
	 * 
	 * A 100% complete substitute is hard to achieve. The current implementation 
	 * enumerates an overridden property when it either is an 'own' property 
	 * (hasOwnProperty(name) is true) or when the property value is different 
	 * from the value in the Object.prototype object.
	 * 
	 * @param {object} oObject object to enumerate the properties of
	 * @param {function} fnCallback function to call for each property name
	 * @function
	 * @since 1.7.1
	 */
	jQuery.sap.forIn = {toString:null}.propertyIsEnumerable("toString") ?
		// for browsers without the bug we use the straight forward implementation of a for in loop
		function(oObject, fnCallback) {
			for(var n in oObject) {
				if ( fnCallback(n, oObject[n]) === false ) {
					return;
				}
			}
		} : 
		// use a special implementation for IE8 
		(function() {
			var DONT_ENUM_KEYS = ["toString","valueOf","toLocaleString", "hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],
					DONT_ENUM_KEYS_LENGTH = DONT_ENUM_KEYS.length,
					oObjectPrototype = Object.prototype,
					fnHasOwnProperty = oObjectPrototype.hasOwnProperty;
					
			return function(oObject, fnCallback) {
				var n,i;
				
				// standard for(in) loop
				for(n in oObject) {
					if ( fnCallback(n, oObject[n]) === false ) {
						return;
					}
				}
				// additionally check the known 'don't enum' names
				for(var i=0; i<DONT_ENUM_KEYS_LENGTH; i++) {
					n = DONT_ENUM_KEYS[i];
					// assume an enumerable property if it is either an own property
					// or if its value differes fro mthe value in the Object.prototype
					if ( fnHasOwnProperty.call(oObject,n) || oObject[n] !== oObjectPrototype[n] ) {
						if ( fnCallback(n, oObject[n]) === false ) {
							return;
						}
					}
				}
				// Note: this substitute implementation still fails in several regards
				// - it fails when oObject is identical to Object.prototype (iterates non-enumerable properties)
				// - it fails when one of the don't enum properties by intention has been overridden in the 
				//	 prototype chain with a value identical to the value in Object.prototype
				// - the don't enum properties are handled out of order. This is okay with the ECMAScript
				//	 spec but might be unexpected for some callers
			}
	 	}());
		

	/**
	 * Calculate delta of old list and new list
	 * This implements the algorithm described in "A Technique for Isolating Differences Between Files"
	 * (Commun. ACM, April 1978, Volume 21, Number 4, Pages 264-268)
	 * @public
	 * @param {Array} aOld Old Array
	 * @param {Array} aNew New Array
	 * @param {function} [fnCompare] Function to compare list entries
	 * @param {function} [fnKey] Function to generate a string from the list entry for optimized performance
	 * @return {Array} List of changes
	 */
	jQuery.sap.arrayDiff = function(aOld, aNew, fnCompare, fnKey){
		fnCompare = fnCompare || function(vValue1, vValue2) {
			return vValue1 == vValue2;
		}

		var aOldRefs = [];
		var aNewRefs = [];

		//This code has better performance but needs a key for the entries
		/*
		var oNewSymbols = {};
		var oOldSymbols = {};

		//Pass 1: collect symbols for new array
		for (var i = 0; i < aNew.length; i++) {
			var sKey = fnKey(aNew[i]);
			if (oNewSymbols[sKey] == null) {
				oNewSymbols[sKey] = { rows: [], o: null };
			}
			oNewSymbols[sKey].rows.push(i);
		}

		//Pass 2: collect symbols for old array
		for ( var i = 0; i < aOld.length; i++ ) {
			var sKey = fnKey(aOld[i]);
			if (oOldSymbols[sKey] == null) {
				oOldSymbols[sKey] = { rows: [], n: null };
			}
			oOldSymbols[sKey].rows.push(i);
		}

		//Pass 3: Find matches for unique lines
		for (var i in oNewSymbols) {
			if (oNewSymbols[i].rows.length == 1 && oOldSymbols[i] != undefined && oOldSymbols[i].rows.length == 1) {
				aNewRefs[oNewSymbols[i].rows[0]] = {
					data: aNew[oNewSymbols[i].rows[0]],
					row: oOldSymbols[i].rows[0]
				};
				aOldRefs[oOldSymbols[i].rows[0]] = {
					data: aOld[oOldSymbols[i].rows[0]],
					row: oNewSymbols[i].rows[0]
				};
			}
		}*/
		//Find references
		for (var i = 0; i < aNew.length; i++) {
			var oNewEntry = aNew[i];
			var iFound = 0;
			var iTempJ;
			for (var j = 0; j < aOld.length; j++) {
				if (fnCompare(oNewEntry,aOld[j])) {
					iFound++;
					iTempJ = j;
					if (iFound > 1) {
						break;
					}
				}
			}
			if (iFound == 1) {
				aNewRefs[i] = {
					data: aNew[i],
					row: iTempJ
				};
				aOldRefs[iTempJ] = {
					data: aOld[iTempJ],
					row: i
				};
			}
		}

		//Pass 4: Find adjacent matches in ascending order
		for (var i = 0; i < aNew.length - 1; i++) {
			if (aNewRefs[i] &&
				!aNewRefs[i+1] &&
				aNewRefs[i].row + 1 < aOld.length &&
				!aOldRefs[aNewRefs[i].row + 1] &&
				fnCompare(aNew[i+1], aOld[ aNewRefs[i].row + 1 ])) {

				aNewRefs[i+1] = {
					data: aNew[i+1],
					row: aNewRefs[i].row + 1
				};
				aOldRefs[aNewRefs[i].row+1] = {
					data: aOldRefs[aNew[i].row+1],
					row: i + 1
				};

			}
		}

		//Pass 5: Find adjacent matches in descending order
		for (var i = aNew.length - 1; i > 0; i--) {
			if (aNewRefs[i] &&
				!aNewRefs[i-1] &&
				aNewRefs[i].row > 0 &&
				!aOldRefs[aNewRefs[i].row - 1] &&
				fnCompare(aNew[i-1], aOld[aNewRefs[i].row - 1])) {

				aNewRefs[i-1] = {
					data: aNew[i-1],
					row: aNewRefs[i].row - 1
				};
				aOldRefs[aNew[i].row-1] = {
					data: aOldRefs[aNewRefs[i].row-1],
					row: i - 1
				};

			}
		}

		//Pass 6: Generate diff data
		var aDiff = [];

		if (aNew.length == 0) {
			//New list is empty, all items were deleted
			for (var i = 0; i < aOld.length; i++) {
				aDiff.push({
					index: 0,
					type: 'delete'
				});
			}
		} else {
			var iNewListIndex = 0;
			if (!aOldRefs[0]) {
				//Detect all deletions at the beginning of the old list
				for (var i = 0; i < aOld.length && !aOldRefs[i]; i++) {
					aDiff.push({
						index: 0,
						type: 'delete'
					});
					iNewListIndex = i + 1;
				}
			}

			for (var i = 0; i < aNew.length; i++) {
				if (!aNewRefs[i] || aNewRefs[i].row > iNewListIndex) {
					//Entry doesn't exist in old list = insert
					aDiff.push({
						index: i,
						type: 'insert'
					});
				} else {
					iNewListIndex = aNewRefs[i].row + 1;
					for (var j = aNewRefs[i].row + 1; j < aOld.length && (!aOldRefs[j] || aOldRefs[j].row < i); j++) {
						aDiff.push({
							index: i+1,
							type: 'delete'
						});
						iNewListIndex = j + 1;
					}
				}
			}
		}

		return aDiff;
	};

	/**
	 * Parse simple JS objects.
	 * 
	 * A parser for JS object literals. This is different from a JSON parser, as it does not have
	 * the JSON specification as a format description, but a subset of the JavaScript language.
	 * The main difference is, that keys in objects do not need to be quoted and strings can also
	 * be defined using apostrophes instead of quotation marks.
	 * 
	 * The parser does not support functions, but only boolean, number, string, object and array.
	 * 
	 * @param {string} The string containing the JS objects
	 * @throws an error, if the string does not contain a valid JS object
	 * @returns {object} the JS object
	 * 
	 * @since 1.11
	 */
	jQuery.sap.parseJS = (function() {

		var at, // The index of the current character
		ch, // The current character
		escapee = {
			'"': '"',
			'\'': '\'',
			'\\': '\\',
			'/': '/',
			b: '\b',
			f: '\f',
			n: '\n',
			r: '\r',
			t: '\t'
		},
			text,

			error = function(m) {

				// Call error when something is wrong.
				throw {
					name: 'SyntaxError',
					message: m,
					at: at,
					text: text
				};
			},

			next = function(c) {

				// If a c parameter is provided, verify that it matches the current character.
				if (c && c !== ch) {
					error("Expected '" + c + "' instead of '" + ch + "'");
				}

				// Get the next character. When there are no more characters,
				// return the empty string.
				ch = text.charAt(at);
				at += 1;
				return ch;
			},

			number = function() {

				// Parse a number value.
				var number, string = '';

				if (ch === '-') {
					string = '-';
					next('-');
				}
				while (ch >= '0' && ch <= '9') {
					string += ch;
					next();
				}
				if (ch === '.') {
					string += '.';
					while (next() && ch >= '0' && ch <= '9') {
						string += ch;
					}
				}
				if (ch === 'e' || ch === 'E') {
					string += ch;
					next();
					if (ch === '-' || ch === '+') {
						string += ch;
						next();
					}
					while (ch >= '0' && ch <= '9') {
						string += ch;
						next();
					}
				}
				number = +string;
				if (!isFinite(number)) {
					error("Bad number");
				} else {
					return number;
				}
			},

			string = function() {

				// Parse a string value.
				var hex, i, string = '', quote,
					uffff;

				// When parsing for string values, we must look for " and \ characters.
				if (ch === '"' || ch === '\'') {
					quote = ch;
					while (next()) {
						if (ch === quote) {
							next();
							return string;
						}
						if (ch === '\\') {
							next();
							if (ch === 'u') {
								uffff = 0;
								for (i = 0; i < 4; i += 1) {
									hex = parseInt(next(), 16);
									if (!isFinite(hex)) {
										break;
									}
									uffff = uffff * 16 + hex;
								}
								string += String.fromCharCode(uffff);
							} else if (typeof escapee[ch] === 'string') {
								string += escapee[ch];
							} else {
								break;
							}
						} else {
							string += ch;
						}
					}
				}
				error("Bad string");
			},

			name = function() {

				// Parse a name value.
				var name = '',
					charcode,
					allowed = function(ch) {
						return ch === "_" ||
							(ch >= "0" && ch <= "9") ||
							(ch >= "a" && ch <= "z") ||
							(ch >= "A" && ch <= "Z") 
					};

				if (allowed(ch)) {
					name += ch;
				} else {
					error("Bad name");
				}

				while (next()) {
					if (ch === ' ') {
						next();
						return name;
					}
					if (ch === ':') {
						return name;
					}
					if (allowed(ch)) {
						name += ch;
					} else {
						error("Bad name");
					}
				}
				error("Bad name");
			},

			white = function() {

				// Skip whitespace.
				while (ch && ch <= ' ') {
					next();
				}
			},

			word = function() {

				// true, false, or null.
				switch (ch) {
				case 't':
					next('t');
					next('r');
					next('u');
					next('e');
					return true;
				case 'f':
					next('f');
					next('a');
					next('l');
					next('s');
					next('e');
					return false;
				case 'n':
					next('n');
					next('u');
					next('l');
					next('l');
					return null;
				}
				error("Unexpected '" + ch + "'");
			},

			value, // Place holder for the value function.
			array = function() {

				// Parse an array value.
				var array = [];

				if (ch === '[') {
					next('[');
					white();
					if (ch === ']') {
						next(']');
						return array; // empty array
					}
					while (ch) {
						array.push(value());
						white();
						if (ch === ']') {
							next(']');
							return array;
						}
						next(',');
						white();
					}
				}
				error("Bad array");
			},

			object = function() {

				// Parse an object value.
				var key, object = {};

				if (ch === '{') {
					next('{');
					white();
					if (ch === '}') {
						next('}');
						return object; // empty object
					}
					while (ch) {
						if (ch >= "0" && ch <= "9") {
							key = number();
						} else if (ch === '"' || ch === '\''){
							key = string();
						} else {
							key = name();
						}
						white();
						next(':');
						if (Object.hasOwnProperty.call(object, key)) {
							error('Duplicate key "' + key + '"');
						}
						object[key] = value();
						white();
						if (ch === '}') {
							next('}');
							return object;
						}
						next(',');
						white();
					}
				}
				error("Bad object");
			};

		value = function() {

			// Parse a JS value. It could be an object, an array, a string, a number,
			// or a word.
			white();
			switch (ch) {
			case '{':
				return object();
			case '[':
				return array();
			case '"':
			case '\'':
				return string();
			case '-':
				return number();
			default:
				return ch >= '0' && ch <= '9' ? number() : word();
			}
		};

		// Return the parse function. It will have access to all of the above
		// functions and variables.
		return function(source, start) {
			var result;

			text = source;
			at = start || 0;
			ch = ' ';
			result = value();
			
			if ( isNaN(start) ) {
				white();
				if (ch) {
					error("Syntax error");
				}
				return result;
			} else {
				return { result : result, at : at-1 };
			}

		};
	}())
	
}());

}; // end of jquery.sap.script
if ( !jQuery.sap.isDeclared('jquery.sap.sjax') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/*
 * Provides convenience functions for synchronous communication, based on the jQuery.ajax() function.
 */
jQuery.sap.declare("jquery.sap.sjax", false);

(function() {

	jQuery.sap.sjaxSettings = {
		/**
		 * Whether to return an object consisting of data and status and error codes or only the simple data
		 */
		complexResult: true,

		/**
		 * fallback value when complexResult is set to false and an error occurred. Then fallback will be returned.
		 */
		fallback: undefined
	};

	/**
	 * Convenience wrapper around <code>jQuery.ajax()</code> that avoids the need for callback functions when
	 * synchronous calls are made. If the setting <code>complexResult</code> is true (default), then the return value
	 * is an object with the following properties
	 * <ul>
	 * <li><code>success</code> boolean whether the call succeeded or not
	 * <li><code>data</code> any the data returned by the call. For dataType 'text' this is a string,
	 *                       for JSON it is an object, for XML it is a document. When the call failed, then data is not defined
	 * <li><code>status</code> string a textual status ('success,', 'error', 'timeout',...)
	 * <li><code>statusCode</code> string the HTTP status code of the request
	 * <li><code>error</code> Error an error object (exception) in case an error occurred
	 * </ul>
	 *
	 * When <code>complexResult</code> is false, then in the case of success, only 'data' is returned, in case of an error the
	 * 'fallback' setting is returned (defaults to undefined).
	 *
	 * Note that async=false is always enforced by this method.
	 *
	 * @param {String} oOrigSettings the ajax() settings
	 * @return result, see above
	 *
	 * @public
	 * @since 0.9.0
	 * @SecSink {0|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.sjax = function sjax(oOrigSettings) {

		var s = jQuery.extend(true, {}, jQuery.sap.sjaxSettings, oOrigSettings,

			// the following settings are enforced as this is the rightmost object in the extend call
			{
				async: false,
				success : function(data, textStatus, xhr) {
//					oResult = { success : true, data : data, status : textStatus, statusCode : xhr.status };
					oResult = { success : true, data : data, status : textStatus, statusCode : xhr&&xhr.status };
				},
				error : function(xhr, textStatus, error) {
					oResult = { success : false, data : undefined, status : textStatus, error : error, statusCode : xhr.status };
				}
			});

		var oResult = undefined;

		jQuery.ajax(s);

		if (!s.complexResult) {
			return oResult.success ? oResult.data : s.fallback;
		}

		return oResult;
	};

	/**
	 * Convenience wrapper that checks whether a given web resource could be accessed.
	 * @SecSink {0|PATH} Parameter is used for future HTTP requests
	 * @SecSource {return} Returned value is under control of an external resource
	 */
	jQuery.sap.syncHead = function(sUrl) {
		return jQuery.sap.sjax({type:'HEAD', url: sUrl}).success;
	};

	/**
	 * Convenience wrapper for {@link jQuery.sap.sjax} that enforeces the Http method GET and defaults the
	 * data type of the result to 'text'.
	 *
	 * @param {String} sUrl the URL
	 * @param {String|object} data request parameters in the format accepted by jQuery.ajax()
	 * @param {String} [sDataType='text'] the type of data expected from the server, default is "text"
	 * @return result @see jQuery.sap.sjax
	 *
	 * @public
	 * @since 0.9.0
	 * @SecSink {0 1|PATH} Parameter is used for future HTTP requests
	 * @SecSource {return} Returned value is under control of an external resource
	 */
	jQuery.sap.syncGet = function syncGet(sUrl, data, sDataType) {
		return jQuery.sap.sjax({
			url: sUrl,
			data: data,
			type: 'GET',
			dataType: sDataType || 'text'
		});
	};

	/**
	 * Convenience wrapper for {@link jQuery.sap.sjax} that enforces the Http method POST and defaults the
	 * data type of the result to 'text'.
	 *
	 * @param {String} sUrl the URL
	 * @param {String|object} data request parameters in the format accepted by jQuery.ajax()
	 * @param {String} [sDataType='text'] the type of data expected from the server, default is "text"
	 * @return result @see jQuery.sap.sjax
	 *
	 * @public
	 * @since 0.9.0
	 * @SecSink {0 1|PATH} Parameter is used for future HTTP requests
	 * @SecSource {return} Returned value is under control of an external resource
	 */
	jQuery.sap.syncPost = function syncPost(sUrl, data, sDataType) {
		return jQuery.sap.sjax({
			url: sUrl,
			data: data,
			type: 'POST',
			dataType: sDataType || 'text'
		});
	};

	/**
	 * Convenience wrapper for {@link jQuery.sap.sjax} that enforces the Http method GET and the data type 'text'.
	 * If a fallback value is given, the function simply returns the response as a text or - if some error occurred -
	 * the fallback value. This is useful for applications that don't require detailed error diagnostics.
	 *
	 * If applications need to know about occurring errors, they can either call <code>sjax()</code> directly
	 * or they can omit the fallback value (providing only two parameters to syncGetText()).
	 * They then receive the same complex result object as for the sjax() call.
	 *
	 * @param {String} sUrl the URL
	 * @param {String|object} data request parameters in the format accepted by jQuery.ajax()
	 * @param {String} [fallback] if set, only data is returned (and this fallback instead in case of errors); if unset, a result structure is returned
	 * @return  result @see jQuery.sap.sjax
	 *
	 * @public
	 * @since 0.9.0
	 * @SecSink {0 1|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.syncGetText = function syncGetText(sUrl, data, fallback) {
		return jQuery.sap.sjax({
			url: sUrl,
			data: data,
			type: 'GET',
			dataType: 'text',
			fallback: fallback,
			complexResult : (arguments.length < 3)
		});
	};

	/**
	 * Convenience wrapper for {@link jQuery.sap.sjax} that enforces the Http method GET and the data type 'json'.
	 * If a fallback value is given, the function simply returns the response as an object or - if some error occurred -
	 * the fallback value. This is useful for applications that don't require detailed error diagnostics.
	 *
	 * If applications need to know about occurring errors, they can either call <code>sjax()</code> directly
	 * or they can omit the fallback value (providing only two parameters to syncGetJSON()).
	 * They then receive the same complex result object as for the sjax() call.
	 *
	 * Note that providing "undefined" or "null" as a fallback is different from omitting the fallback (complex result).
	 *
	 * @param {String} sUrl the URL
	 * @param {String|object} data request parameters in the format accepted by jQuery.ajax()
	 * @param {object} [fallback] if set, only data is returned (and this fallback instead in case of errors); if unset, a result structure is returned
	 * @return result @see jQuery.sap.sjax
	 *
	 * @public
	 * @since 0.9.0
	 * @SecSink {0 1|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.syncGetJSON = function syncGetJSON(sUrl, data, fallback) {
		return jQuery.sap.sjax({
			url: sUrl,
			data: data || null,
			type: 'GET',
			dataType: 'json',
			fallback: fallback,
			complexResult : (arguments.length < 3)
		});
	};

}());
}; // end of jquery.sap.sjax
if ( !jQuery.sap.isDeclared('jquery.sap.storage') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/*
 * Provides methods to store and retrieve data based on Web Storage API.
 */
jQuery.sap.declare("jquery.sap.storage", false);

(function() {

	/**
	 * Check whether the current environment supports JSON.parse and JSON stringify.
	 * @private
	 */
	var bSupportJSON = !!(window.JSON && JSON.parse && JSON.stringify);
	
	/**
	 * Prefix added to all storage keys (typically IDs) passed by the applications
	 * when they are calling state storage methods. The goal of such prefix is to
	 * leave space for saving data (with the same key) also scenarios other than
	 * state saving.
	 * @private
	 */
	var sStateStorageKeyPrefix = "state.key_";

	/**
	 * @interface A Storage API for JavaScript.
	 *
	 * Provides methods to store data on the client using Web Storage API support by the browser. The data
	 * received by this API must be already serialized, in string format. Similarly, the API returns the retrieved
	 * data in serialized string format, so it is the responsibility of the caller to de-serialize it, if applicable.
	 * 
	 * Attention: The Web Storage API stores the data on the client. Therefore do not use this API for confidential information. 
	 * 
	 * One can get access to the 'default' storage by using {@link jQuery.sap.storage} directly
	 * or alternatively via factory functionality available as <code>jQuery.sap.storage(jQuery.sap.storage.Type.session)</code>
	 * returning an object implementing this interface.
	 *
	 * A typical intended usage of this API is the storage of a string representing the state of a control.
	 * In such usage, the data is stored in the browser session, and
	 * the methods to be used are {@link #put} and {@link #get}.
	 * The method {@link #remove} can be used to delete the previously saved state.
	 *
	 * In sake of completeness, the method {@link #clear} is available.
	 * However, it should be called only in very particular situations,
	 * when a global erasing of data is required.
	 *
	 * @author SAP AG
	 * @version 1.12.0
	 * @since 0.11.0
	 * @public
	 * @name jQuery.sap.storage.Storage
	 */

	/** 
	 * 
	 * Constructor for an instance of jQuery.sap.storage.Storage
	 *
	 * @param {jQuery.sap.storage.Type || Storage} [pStorage=jQuery.sap.storage.Type.session] the type this storage should be of or an Object implementing the typical Storage API for direct usage.
	 * @param {string} [sStorageKeyPrefix='state.key_'] the prefix to use in this storage.
	 * 
	 * @private
	 */
	var fnStorage = /** @lends jQuery.sap.storage.Storage */ function(pStorage, sStorageKeyPrefix){
		var sType = "unknown";
		var sPrefix = sStorageKeyPrefix || sStateStorageKeyPrefix;
		var oStorage;

		if(!oStorage || typeof(pStorage) === "string") {
			sType = pStorage || "session";
			try{
				oStorage = window[sType + "Storage"];
			}catch(e){
				oStorage = null;
			}
		} else if(typeof(pStorage) === Object) {
			sType = pStorage.getType ? pStorage.getType() : "unknown";
			oStorage = pStorage;
		}
		var bStorageAvailable = !!oStorage;

		/**
		 * Stores the passed state string in the session, under the key
		 * sStateStorageKeyPrefix + sId
		 *
		 * @param {string} sId Id for the state to store
		 * @param {string} sStateToStore content to store
		 * @return {boolean} true if the data were successfully stored, false otherwise
		 * @public
		 */
		this.put = function(sId, sStateToStore) {
			//precondition: non-empty sId and available storage feature
			jQuery.sap.assert(typeof sId === "string" && sId, "sId must be a non-empty string");
			jQuery.sap.assert(typeof sStateToStore === "string" || bSupportJSON, "sStateToStore must be string or JSON must be supported");
			if (bStorageAvailable && sId) {
				try {
					oStorage.setItem(sPrefix+sId, bSupportJSON?JSON.stringify(sStateToStore):sStateToStore);
					return true;
				} catch(e) {
					return false;
				}
			} else {
				return false;
			}
		};

		/**
		 * Retrieves the state string stored in the session under the key
		 * sStateStorageKeyPrefix + sId
		 *
		 * @param {string} sId Id for the state to retrieve
		 * @return {string} the string from the storage, if the retrieval
		 * was successful, and null otherwise
		 * @public
		 */
		this.get = function(sId) {
			//precondition: non-empty sId and available storage feature
			jQuery.sap.assert(typeof sId === "string" && sId, "sId must be a non-empty string");
			if (bStorageAvailable && sId ) {
				try {
					var sItem=oStorage.getItem(sPrefix+sId);
					return bSupportJSON?JSON.parse(sItem):sItem;
				} catch(e) {
					return null;
				}
			} else {
				return null;
			}
		};

		/**
		 * Deletes the state string stored in the session under the key
		 * sStateStorageKeyPrefix + sId
		 *
		 * @param {string} sId Id for the state to delete
		 * @return {boolean} true if the deletion
		 * was successful or the data doesn't exist under the specified key,
		 * and false if the feature is unavailable or a problem occurred
		 * @public
		 */
		this.remove = function(sId) {
			//precondition: non-empty sId and available storage feature
			jQuery.sap.assert(typeof sId === "string" && sId, "sId must be a non-empty string");
			if (bStorageAvailable && sId) {
				try {
					oStorage.removeItem(sPrefix+sId);
					return true;
				} catch(e) {
					return false;
				}
			} else {
				return false;
			}
		};

		/**
		 * Deletes all the entries saved in the session.
		 * CAUTION: This method should be called only in very particular situations,
		 * when a global erasing of data is required. Given that the method deletes
		 * the data saved under any ID, it should not be called when managing data
		 * for specific controls.
		 *
		 * @return {boolean} true if execution of removal
		 * was successful or the data to remove doesn't exist,
		 * and false if the feature is unavailable or a problem occurred
		 * @public
		 */
		this.clear = function() {
			//precondition: available storage feature
			if (bStorageAvailable) {
				try {
					oStorage.clear();
					return true;
				} catch(e) {
					return false;
				}
			} else {
				return false;
			}
		};

		/**
		 * Returns the type of the storage.
		 * @returns {jQuery.sap.storage.Type || string} the type of the storage or "unknown"
		 * @public
		 */
		this.getType = function(){
			return sType;
		};
	};


	/**
	 * A map holding instances of different 'standard' storages.
	 * Used to limit number of created storage objects.
	 * @private
	 */
	var mStorages = {};

	/**
	 * Returns a {@link jQuery.sap.storage.Storage Storage} object for a given HTML5 storage (type) and,
	 * as a convenience, provides static functions to access the default (session) storage.
	 *  
	 * When called as a function, it returns an instance of {@link jQuery.sap.storage.Storage}, providing access 
	 * to the storage of the given {@link jQuery.sap.storage.Type} or to the given HTML5 Storage object.
	 * 
	 * The default session storage can be easily accessed with methods {@link jQuery.sap.storage.get}, 
	 * {@link jQuery.sap.storage.put}, {@link jQuery.sap.storage.remove}, {@link jQuery.sap.storage.clear} 
	 * and {@link jQuery.sap.storage.getType}.
	 *
	 * @param {jQuery.sap.storage.Type | Storage} 
	 *     oStorage the type specifying the storage to use or an object implementing the browser's Storage API.
	 * @param {string} [sIdPrefix] Prefix used for the Ids. If not set a default prefix is used.    
	 * @returns {jQuery.sap.storage.Storage}
	 * 
	 * @version 1.12.0
	 * @since 0.11.0
	 * @namespace
	 * @public
	 * 
	 * @borrows jQuery.sap.storage.Storage.get as get
	 * @borrows jQuery.sap.storage.Storage.put as put
	 * @borrows jQuery.sap.storage.Storage.remove as remove
	 * @borrows jQuery.sap.storage.Storage.clear as clear
	 * @borrows jQuery.sap.storage.Storage.getType as getType
	 */
	jQuery.sap.storage = function(oStorage, sIdPrefix){
		// if nothing or the default was passed in, simply return ourself
		if(!oStorage) {
			oStorage = jQuery.sap.storage.Type.session;
		}

		if(typeof(oStorage) === "string" && jQuery.sap.storage.Type[oStorage]) {
			var sKey = oStorage;
			if(sIdPrefix && sIdPrefix != sStateStorageKeyPrefix){
				sKey = oStorage+"_"+sIdPrefix;
			}
			
			return mStorages[sKey] || (mStorages[sKey] = new fnStorage(oStorage, sIdPrefix));
		}

		// OK, tough but probably good for issue identification. As something was passed in, let's at least ensure our used API is fulfilled.
		jQuery.sap.assert(oStorage instanceof Object && oStorage.clear && oStorage.setItem && oStorage.getItem && oStorage.removeItem, "storage: duck typing the storage");
		return new fnStorage(oStorage, sIdPrefix);
	};

	/**
	 * Enumeration of the storage types supported by {@link jQuery.sap.storage.Storage}
	 * @class
	 * @static
	 * @public
	 * @version 1.12.0
	 * @since 0.11.0
	 */
	jQuery.sap.storage.Type = {
			/**
			 * Indicates usage of the browser's localStorage feature
			 * @public
			 */
			local: "local",
			/**
			 * Indicates usage of the browser's sessionStorage feature
			 * @public
			 */
			session: "session",
			/**
			 * Indicates usage of the browser's globalStorage feature
			 * @public
			 */
			global: "global"
	};

	// ensure the storage constructor applied to our storage object
	fnStorage.apply(jQuery.sap.storage);
	mStorages[jQuery.sap.storage.Type.session] = jQuery.sap.storage;

// end of anonymous function creating the storage instance and its methods
}());
}; // end of jquery.sap.storage
if ( !jQuery.sap.isDeclared('jquery.sap.strings') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides useful string operations not available in pure JavaScript.
jQuery.sap.declare("jquery.sap.strings", false);

(function(){


	/**
	 * Checks whether a given sString ends with sEndString
	 * respecting the case of the strings.
	 *
	 * @param {string} sString The string to be checked
	 * @param {string} sEndString The end string to be searched
	 * @return True if sString ends with sEndString
	 * @type {boolean}
	 * @see jQuery.sap.endsWithIgnoreCase
	 * @public
	 */
	jQuery.sap.endsWith = function endsWith(sString, sEndString) {
		if (typeof(sEndString)!="string" || sEndString=="") {
			return false;
		}
		var iPos = sString.lastIndexOf(sEndString);
		return iPos >= 0 && iPos == sString.length - sEndString.length;
	};

	/**
	 * Checks whether a given sString ends with sEndString
	 * ignoring the case of the strings.
	 *
	 * @param {string} sString the string to be checked
	 * @param {string} sEndString the end string to be searched
	 * @return true if sString ends with sEndString
	 * @type {boolean}
	 * @see jQuery.sap.endsWith
	 * @public
	 */
	jQuery.sap.endsWithIgnoreCase = function endsWithIgnoreCase(sString, sEndString) {
		if (typeof(sEndString)!="string" || sEndString=="") {
			return false;
		}
		sString = sString.toUpperCase();
		sEndString = sEndString.toUpperCase();
		return jQuery.sap.endsWith(sString,sEndString);
	};

	/**
	 * Checks whether a given sString starts with sStartString
	 * respecting the case of the strings.
	 *
	 * @param {string} sString The string to be checked
	 * @param {string} sStartString The start string to be searched
	 * @return True if sString ends with sEndString
	 * @type {boolean}
	 * @see jQuery.sap.startsWithIgnoreCase
	 * @public
	 */
	jQuery.sap.startsWith = function startsWith(sString, sStartString) {
		if (typeof(sStartString)!="string" || sStartString=="") {
			return false;
		}
		if (sString == sStartString) {
			return true;
		}
		return sString.indexOf(sStartString) == 0;
	};

	/**
	 * Checks whether a given sString starts with sStartString
	 * ignoring the case of the strings.
	 *
	 * @param {string} sString The string to be checked
	 * @param {string} sStartString The start string to be searched
	 * @return True if sString ends with sEndString
	 * @type {boolean}
	 * @see jQuery.sap.startsWith
	 * @public
	 */
	jQuery.sap.startsWithIgnoreCase = function startsWithIgnoreCase(sString, sStartString) {
		if (typeof(sStartString)!="string" || sStartString=="") {
			return false;
		}
		sString = sString.toUpperCase();
		sStartString = sStartString.toUpperCase();
		return jQuery.sap.startsWith(sString,sStartString);
	};

	/**
	 * Converts a character of the string to upper case.<br/>
	 * If no pos is defined as second parameter or pos is negative or greater than sString the first character will be
	 * converted into upper case. the first char position is 0.
	 *
	 * @param {string} sString The string to be checked
	 * @param {integer} iPos the position of the character that will be uppercase
	 * @return The string with the firstletter in upper case
	 * @type {string}
	 * @public
	 * @SecPassthrough {0|return}
	 */
	jQuery.sap.charToUpperCase = function charToUpperCase(sString,iPos) {
		if (!sString) {
			return sString;
		}
		if (!iPos || isNaN(iPos) || iPos <= 0 || iPos >= sString.length) {
			iPos = 0;
		}
		var sChar = sString.charAt(iPos).toUpperCase();
		if (iPos>0) {
			return sString.substring(0,iPos) + sChar + sString.substring(iPos+1);
		}
		return sChar + sString.substring(iPos+1);
	};

	/**
	 * Pads a string on the left side until is has the given length.<br/>
	 *
	 * @param {string} sString The string to be padded
	 * @param {string} sPadChar The char to use for the padding
	 * @param {integer} iLength the target length of the string
	 * @return The padded string
	 * @type {string}
	 * @public
	 * @SecPassthrough {0 1|return}
	 */
	jQuery.sap.padLeft = function padLeft(sString, sPadChar, iLength) {
		if (!sString) {
			sString = "";
		}
		while (sString.length < iLength) {
			sString = sPadChar + sString;
		}
		return sString;
	};

	/**
	 * Pads a string on the right side until is has the given length.<br/>
	 *
	 * @param {string} sString The string to be padded
	 * @param {string} sPadChar The char to use for the padding
	 * @param {integer} iLength the target length of the string
	 * @return The padded string
	 * @type {string}
	 * @public
	 * @SecPassthrough {0 1|return}
	 */
	jQuery.sap.padRight = function padRight(sString, sPadChar, iLength) {
		if (!sString) {
			sString = "";
		}
		while (sString.length < iLength) {
			sString = sString + sPadChar;
		}
		return sString;
	};


	var rCamelCase = /-(.)/ig;

	/**
	 * Transforms a hyphen separated string to an camel case string. 
	 *
     * @param {string} sString Hyphen separated string
     * @return The transformed string
     * @type {string}
     * @since 1.7.0
     * @public
     * @SecPassthrough {0|return}
     */
	jQuery.sap.camelCase = function camelCase(sString) { 
		return sString.replace( rCamelCase, function( sMatch, sChar ) {
			return sChar.toUpperCase();
		});
	};
	
	var rEscapeRegExp = /[-[\]{}()*+?.,\\^$|#\s]/g;

	/**
	 * This function escapes the reserved letters in Regular Expression
   * @param {string} sString string to escape
   * @return The escaped string
   * @type {string}
   * @since 1.9.3
   * @public
   * @SecPassthrough {0|return}
	 */
	jQuery.sap.escapeRegExp = function escapeRegExp(sString) {
		return sString.replace(rEscapeRegExp, "\\$&");
	};
	
}());
}; // end of jquery.sap.strings
if ( !jQuery.sap.isDeclared('jquery.sap.xml') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides xml parsing and error checking functionality.
jQuery.sap.declare("jquery.sap.xml", false);

(function() {

	/**
	 * Parses the specified XML formatted string text using native parsing
	 * function of the browser and returns a valid XML document. If an error
	 * occurred during parsing a parse error object is returned as property (parseError) of the
	 * returned XML document object. The parse error object has the following error
	 * information parameters: errorCode, url, reason, srcText, line, linepos, filepos
	 *
	 * @param {string}
	 *            sXMLText the XML data as string
	 * @return {object} the parsed XML document with a parseError property as described in
	 *         getParseError. An error occurred if the errorCode property of the parseError is != 0.
	 * @public
	 */
	jQuery.sap.parseXML = function parseXML(sXMLText) {
		var oXMLDocument;
		if (window.DOMParser) {
			var oParser = new DOMParser();
			try {
				oXMLDocument = oParser.parseFromString(sXMLText, "text/xml");
			} catch (e) {
				var oParseError = jQuery.sap.getParseError(oXMLDocument);
				oXMLDocument = {};
				oParseError.reason = e.message;
				oXMLDocument.parseError = oParseError;
				return oXMLDocument;
			}
		} else {
			oXMLDocument = new ActiveXObject("Microsoft.XMLDOM");
			oXMLDocument.async = false;
			oXMLDocument.loadXML(sXMLText);
		}
		var oParseError = jQuery.sap.getParseError(oXMLDocument);
		if (oParseError){
			if (!oXMLDocument.parseError) {
				oXMLDocument.parseError = oParseError;
			}
		}
		return oXMLDocument;
	};

	/**
	 * Serializes the specified XML document into a string representation.
	 *
	 * @param {string}
	 *            oXMLDocument the XML document object to be serialized as string
	 * @return {object} the serialized XML string
	 * @public
	 */
	jQuery.sap.serializeXML = function serializeXML(oXMLDocument) {
        var sXMLString = "";
        if (window.ActiveXObject) {
			sXMLString = oXMLDocument.xml;
        }
        if (window.XMLSerializer) {
			var serializer = new XMLSerializer();
			sXMLString = serializer.serializeToString(oXMLDocument);
        }
        return sXMLString;
	};
	
	jQuery.sap.isEqualNode = function(oNode1, oNode2) {
		if (oNode1 === oNode2) return true;
		if (!oNode1 || !oNode2) return false;
		if (oNode1.isEqualNode) {
			return oNode1.isEqualNode(oNode2)
		}
		if (oNode1.nodeType != oNode2.nodeType) return false;
		if (oNode1.nodeValue != oNode2.nodeValue) return false;
		if (oNode1.baseName != oNode2.baseName) return false;
		if (oNode1.nodeName != oNode2.nodeName) return false;
		if (oNode1.nameSpaceURI != oNode2.nameSpaceURI) return false;
		if (oNode1.prefix != oNode2.prefix) return false;
		if (oNode1.nodeType != 1) return true; //ELEMENT_NODE
		if (oNode1.attributes.length != oNode2.attributes.length) return false;
		for (var i = 0; i < oNode1.attributes.length; i++) {
			if (!jQuery.sap.isEqualNode(oNode1.attributes[i], oNode2.attributes[i])) {
				return false;
			}
		}
		if (oNode1.childNodes.length != oNode2.childNodes.length) return false;
		for (var i = 0; i < oNode1.childNodes.length; i++) {
			if (!jQuery.sap.isEqualNode(oNode1.childNodes[i], oNode2.childNodes[i])) {
				return false;
			}
		}
		return true;
	}


	/**
	 * Extracts parse error information from the specified document (if any). If
	 * an error was found the returned object has the following error
	 * information parameters: errorCode, url, reason, srcText, line, linepos,
	 * filepos
	 *
	 * @return oParseError if errors were found, or an object with an errorCode of 0 only
	 * @private
	 */
	jQuery.sap.getParseError = function getParseError(oDocument) {
		var oParseError = {
			errorCode : -1,
			url : "",
			reason : "unknown error",
			srcText : "",
			line : -1,
			linepos : -1,
			filepos : -1
		};

		// IE
		if (jQuery.browser.msie && oDocument && oDocument.parseError
				&& oDocument.parseError.errorCode != 0) {
			return oDocument.parseError;
		}

		// Firefox
		if (jQuery.browser.mozilla && oDocument && oDocument.documentElement
				&& oDocument.documentElement.tagName == "parsererror") {

			var sErrorText = oDocument.documentElement.firstChild.nodeValue, rParserError = /XML Parsing Error: (.*)\nLocation: (.*)\nLine Number (\d+), Column (\d+):(.*)/;

			if (rParserError.test(sErrorText)) {
				oParseError.reason = RegExp.$1;
				oParseError.url = RegExp.$2;
				oParseError.line = parseInt(RegExp.$3, 10);
				oParseError.linepos = parseInt(RegExp.$4, 10);
				oParseError.srcText = RegExp.$5;

			}
			return oParseError;
		}

		// Safari
		if (jQuery.browser.webkit && oDocument && oDocument.documentElement
				&& oDocument.documentElement.tagName == "html"
				&& oDocument.getElementsByTagName("parsererror").length > 0) {

			var sErrorText = jQuery.sap.serializeXML(oDocument), rParserError = /error on line (\d+) at column (\d+): ([^<]*)/;

			if (rParserError.test(sErrorText)) {
				oParseError.reason = RegExp.$3;
				oParseError.url = "";
				oParseError.line = parseInt(RegExp.$1, 10);
				oParseError.linepos = parseInt(RegExp.$2, 10);
				oParseError.srcText = "";

			}
			return oParseError;
		}

		if (!oDocument || !oDocument.documentElement) {
			return oParseError;
		}

		return	{
				errorCode : 0
			};
	};

}());
}; // end of jquery.sap.xml
if ( !jQuery.sap.isDeclared('sap.ui.base.BindingParser') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides static class sap.ui.base.BindingParser
jQuery.sap.declare("sap.ui.base.BindingParser");


(function() {
	
	/**
	 * Regular expression to check for a (new) object literal
	 */
	var rObject = /^\{\s*[a-zA-Z_][a-zA-Z0-9_]*\s*:/;
	
	/**
	 * Regular expression to split the binding string into hard coded string fragments and embedded bindings.
	 * 
	 * Also handles escaping of '{' and '}'.
	 */
	var rFragments = /(\\[\\\{\}])|(\{)/g;

	/**
	 * Helper to create a formatter function. Only used to reduce the closure size of the formatter
	 */
	function makeFormatter(aFragments) {
		return function(aValues) {
			var aResult = [],
				l=aFragments.length,
				i;
			
			for(i=0; i<l; i++) {
				if ( typeof aFragments[i] === "number" ) {
					// a numerical fragment references the part with the same number 
					aResult.push(arguments[aFragments[i]])
				} else {
					// anything else is a string fragment 
					aResult.push(aFragments[i]);
				}
			}
			return aResult.join('');
		};
	}

	/**
	 * @static
	 * @class
	 */
	sap.ui.base.BindingParser = {};
	
	sap.ui.base.BindingParser.simpleParser = function(sString, oContext) {

		if ( jQuery.sap.startsWith(sString, "{") && jQuery.sap.endsWith(sString, "}") ) {
			return { path : sString.slice(1,-1) };
		}
	
	};
	
	sap.ui.base.BindingParser.complexParser = function(sString, oContext) {
		var parseObject=jQuery.sap.parseJS,
			oBindingInfo = {parts:[]},
			aFragments=[],
			oParseResult,
			p=0,
			m,end;

		function resolveRef(o,sProp) {
			if ( typeof o[sProp] === "string" ) {
				if ( jQuery.sap.startsWith(o[sProp], ".") ) {
					o[sProp] = jQuery.proxy(jQuery.sap.getObject(o[sProp].slice(1), undefined, oContext), oContext);
				} else {
					o[sProp] = jQuery.sap.getObject(o[sProp]);
				} 
			}
		}

		function resolveType(o,sProp) {
			var FNType;
			if ( typeof o[sProp] === "string" ) {
				if ( jQuery.sap.startsWith(o[sProp], ".") ) {
					FNType = jQuery.sap.getObject(o[sProp].slice(1), undefined, oContext);
				} else {
					FNType = jQuery.sap.getObject(o[sProp]);
				} 
				// TODO find another solution for the type parameters?
				o[sProp] = new FNType(o.formatOptions, o.constraints);
				delete o.formatOptions;
				delete o.constraints;
			}
		}

		while ( m=rFragments.exec(sString) ) {
			
			// check for a skipped literal string fragment  
			if ( p < m.index ) {
				aFragments.push(sString.slice(p, m.index));
			}
			
			// handle the different kinds of matches
			if ( m[1] ) {
				
				// an escaped opening bracket, closing bracket or backslash 
				aFragments.push(m[1].slice(1));
				
			} else { // embedded binding
				
				if ( rObject.test(sString.slice(m.index)) ) {
					
					oParseResult = parseObject(sString, m.index);
					resolveType(oParseResult.result,'type');
					resolveRef(oParseResult.result,'formatter');
					resolveRef(oParseResult.result,'factory'); // list binding
					aFragments.push(oBindingInfo.parts.length);
					oBindingInfo.parts.push(oParseResult.result);
					rFragments.lastIndex = oParseResult.at;
					
				} else {
					
					// TODO find closing brace via regex as well?
					end = sString.indexOf('}', m.index);
					if ( end < m.index ) {
						throw new SyntaxError("no closing braces found in '" + sString + "' after pos:" + m.index);
					}
					aFragments.push(oBindingInfo.parts.length);
					oBindingInfo.parts.push({path:sString.slice(m.index+1, end)});
					rFragments.lastIndex = end+1;
					
				}
			}
			
			// remember where we are
			p = rFragments.lastIndex;
		}
		
		// check for a trailing literal string fragment  
		if ( p < sString.length ) {
			aFragments.push(sString.slice(p));
		}

		if ( aFragments.length === 1 && typeof aFragments[0] === "number" ) {
			// special case: a single binding only
			return oBindingInfo.parts[0];
		} else if ( aFragments.length > 1 ) {
			// create the formatter function from the fragments
			oBindingInfo.formatter = makeFormatter(aFragments);
			return oBindingInfo;
		}
		
	};
	
}());

}; // end of sap.ui.base.BindingParser
if ( !jQuery.sap.isDeclared('sap.ui.base.DataType') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.base.DataType
jQuery.sap.declare("sap.ui.base.DataType");

/**
 * @class Describes the metadata of a data type and provides methods for validation.
 * @author Frank Weigel
 * @since 0.9.0
 */
sap.ui.base.DataType = function() {
	// Avoid construction of a DataType.
	// DataType is only a function to support the "instanceof" operator.
	throw new Error();
};

/**
 * The qualified name of the data type.
 * Note that this name usually equals the design time name of the type.
 * Only for primitive types it differs, namely it omits the package 'sap.ui.core'.
 * @return {string} name of the data type
 * @public
 */
sap.ui.base.DataType.prototype.getName = function() {
	return undefined;
};

/**
 * The base type of this type or undefined if this is a primitive type.
 * @return {sap.ui.base.DataType} base type or undefined
 * @public
 */
sap.ui.base.DataType.prototype.getBaseType = function() {
	return undefined;
};

/**
 * The component type of this type or undefined if this is not an array.
 * @return {sap.ui.base.DataType} component type or undefined
 * @public
 */
sap.ui.base.DataType.prototype.getComponentType = function() {
	return undefined;
};

/**
 * The default value for this type. Each type must define a default value.
 * @return {any} default value of the data type. The type of the returned value
 *    must match the JavaScript type of the data type (a string for string types etc.)
 * @public
 */
sap.ui.base.DataType.prototype.getDefaultValue = function() {
	return undefined;
};

/**
 * Whether this type is an array type.
 * @return {boolean} whether this type is an array type
 * @public
 */
sap.ui.base.DataType.prototype.isArrayType = function() {
	return undefined;
};

/**
 * Parses the given string value and converts it into the specific data type.
 * @param {string} sValue string representation for a value of this type
 * @return the value in the correct internal format
 * @public
 */
sap.ui.base.DataType.prototype.parseValue = function(sValue) {
	// currently this function considers to handle primitive values
	// - in future may be other values might be also relevant.
	var sType = this.getName();
	if (sType == "string") {
		return sValue;
	} else if (sType == "boolean") {
		return sValue == "true";
	} else if (sType == "int") {
		return parseInt(sValue, 10);
	} else if (sType == "float") {
		return parseFloat(sValue);
	} else {
		// support for other types like e.g.
		// sap.ui.core.CSSSize (just apply)
		return sValue;
	}
};

/**
 * A validation check. To be implemented by concrete types.
 * @param {any} vValue the value to be checked
 * @return {boolean} whether the given value is valid for this data type (without conversion)
 * @public
 */
sap.ui.base.DataType.prototype.isValid = undefined;

(function() {

	function createType(name, s, base) {

		jQuery.sap.assert(typeof name === "string" && !!name, "DataType.<createType>: type name must be a string");
		jQuery.sap.assert(!base || base instanceof sap.ui.base.DataType, "DataType.<createType>: base type must be empty or a DataType");
		s = s || {};
		base = base || sap.ui.base.DataType.prototype;

		// create a new type object with the base type as prototype
		var type = jQuery.sap.newObject(base);

		// getter for the name
		type.getName = function() { return name; };

		// if a default value is specified, create a getter for it
		if ( s.hasOwnProperty("defaultValue") ) {
			var vDefault = s.defaultValue;
			type.getDefaultValue = function() { return vDefault; };
		}

		// if a validator is specified either chain it with the base type validator
		// or set it if no base validator exists
		if ( s.hasOwnProperty("isValid") ) {
			var fnIsValid = s.isValid;
			type.isValid = base.isValid ? function(vValue) {
				if ( !base.isValid(vValue) ) {
					return false;
				}
				return fnIsValid(vValue);
			} : fnIsValid;
		};

		// not an array type
		type.isArrayType = function() { return false; };
		
		return type;
	}

	function createArrayType(componentType) {
		jQuery.sap.assert(componentType instanceof sap.ui.base.DataType, "DataType.<createArrayType>: compoinentType must be a DataType");

		// create a new type object with the base type as prototype
		var type = jQuery.sap.newObject(sap.ui.base.DataType.prototype);

		// getter for the name
		type.getName = function() { return componentType.getName() + "[]"; };

		// getter for component type
		type.getComponentType = function() { return componentType; };

		// array validator
		type.isValid = function(aValues) {
			if (aValues === null) {
				return true;
			}
			if (jQuery.isArray(aValues)) {
				for (var i = 0; i < aValues.length; i++) {
					if (!componentType.isValid(aValues[i])) {
						return false;
					}
				}
				return true;
			}
			return false;
		};

		// array parser
		type.parseValue = function(sValue) {
			var aValues = sValue.split(",");
			for (var i = 0; i < aValues.length; i++) {
				aValues[i] = componentType.parseValue(aValues[i]);
			}
			return aValues;
		};

		// is an array type
		type.isArrayType = function() { return true; };

		return type;
	}

	var PREDEFINED_TYPES = {

		"any" :
				createType("any", {
					defaultValue : null,
					isValid : function(vValue) {
						return true;
					}
				}),

		"boolean" :
			createType("boolean", {
				defaultValue : false,
				isValid : function(vValue) {
					return typeof vValue === "boolean";
				}
			}),

		"int" :
			createType("int", {
				defaultValue : 0,
				isValid : function(vValue) {
					return typeof vValue === "number" && Math.floor(vValue) == vValue;
				}
			}),

		"float" :
			createType("float", {
				defaultValue : 0.0,
				isValid : function(vValue) {
					return typeof vValue === "number";
				}
			}),

		"string" :
			createType("string", {
				defaultValue : "",
				isValid : function(vValue) {
					return typeof vValue === "string" || vValue instanceof String;
				}
			}),
		"object" :
			createType("object", {
				defaultValue : null,
				isValid : function(vValue) {
					return typeof vValue === "object" || typeof vValue === "function";
				}
			})
	};

	/**
	 * Returns the type object for the type with the given name.
	 * @return the type object or undefined when no such type object exists.
	 * @public
	 */
	sap.ui.base.DataType.getType = function(sTypeName) {
		if (sTypeName.indexOf("[]") > 0) {
			var sComponentTypeName = sTypeName.substr(0, sTypeName.length - 2),
				oComponentType = this.getType(sComponentTypeName);
			return oComponentType && createArrayType(oComponentType);
		} else {
			return PREDEFINED_TYPES[sTypeName] || jQuery.sap.getObject(sTypeName);
		}
	};

	/**
	 * Creates a new type as a subtype of a given type.
	 * @param {string} sName the unique name of the new type
	 * @param {object} [mSettings settings] for the new type
	 * @param {any} [mSettings.defaultValue] the default value for the new type
	 * @param {function} [mSettings.isValid] a validator function for values of the new type
	 * @param {sap.ui.base.DataType} [base] the base type for the new type
	 * @public
	 */
	sap.ui.base.DataType.createType = createType;

	// ---- minimal support for interface types ----
	
	var mInterfaces = {};
	
	/**
	 * Registers the given array of type names as known interface types.
	 * Only purpose is to enable the {@link #isInterfaceType} check.
	 * @param {string[]} aTypes interface types to be reigstered  
	 * @private
	 */
	sap.ui.base.DataType.registerInterfaceTypes = function(aTypes) {
		for(var i=0; i<aTypes.length; i++) {
			jQuery.sap.setObject(aTypes[i], mInterfaces[aTypes[i]] = new String(aTypes[i]));
		}
	};
	
	/**
	 * @param {string} sType name of type to check
	 * @return {boolean} whether the given type is known to be an interface type
	 * @private 
	 */
	sap.ui.base.DataType.isInterfaceType = function(sType) {
		return mInterfaces.hasOwnProperty(sType) && jQuery.sap.getObject(sType) === mInterfaces[sType];
	};

}());
}; // end of sap.ui.base.DataType
if ( !jQuery.sap.isDeclared('sap.ui.base.Exception') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a filter for list bindings
jQuery.sap.declare("sap.ui.base.Exception");

/**
 * Exception class
 *
 * This is the base exception class. In contrary to the Error an Exception
 * should be thrown in cases, where the exception can, and should, be handled
 * within the framework, instead of causing the application to exit.
 *
 * The try/catch statement in JavaScript can not catch specific exceptions, so
 * when catching internal exceptions you should make sure to rethrow other errors:
 *
 * try {
 *     ...
 * }
 * catch (oException) {
 *     if (oException instanceof sap.ui.base.Exception) {
 *         ... handle exception ...
 *     }
 *     else {
 *         throw oException;
 *     }
 * }
 *
 */
sap.ui.base.Exception = function(message) {
	this.name = "Exception";
	this.message = message;
};

}; // end of sap.ui.base.Exception
if ( !jQuery.sap.isDeclared('sap.ui.base.Interface') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.base.Interface
jQuery.sap.declare("sap.ui.base.Interface");

/**
 * Constructs an instance of sap.ui.base.Interface which restricts access to methods marked as public.
 *
 * @class A class that creates an Interface for an existing class. If a class returns the interface in its constructor,
 *        only the defined functions will be visible, no internals of the class can be accessed.
 *
 * @author Malte Wedel, Daniel Brinkmann
 * @version 1.12.0
 * @param {sap.ui.base.Object}
 *            oObject the instance that needs an interface created
 * @param {string[]}
 *            aMethods the names of the methods, that should be available on this interface
 * @constructor
 * @public
 */
sap.ui.base.Interface = function(oObject, aMethods) {

	// if object is null or undefined, return itself
	if (!oObject) {
		return oObject;
	}

	// this function is inline to not appear as a method on the interface

	function fCreateDelegator(oObject, sMethodName) {
		return function() {
//				return oObject[sMethodName].apply(oObject, arguments);
				var tmp = oObject[sMethodName].apply(oObject, arguments);
				return (!(tmp instanceof sap.ui.core.Element||tmp instanceof sap.ui.core.Component)&&(tmp instanceof sap.ui.base.Object))?tmp.getInterface():tmp;
			};
	}

	// if there are no methods return
	if (!aMethods) {
		return {};
	}

	var sMethodName;

	// create functions for all delegated methods
	// PERFOPT: 'cache' length of aMethods to reduce # of resolutions
	for (var i = 0, ml = aMethods.length; i < ml; i++) {
		sMethodName = aMethods[i];
		this[sMethodName] = fCreateDelegator(oObject, sMethodName);
	}

};
}; // end of sap.ui.base.Interface
if ( !jQuery.sap.isDeclared('sap.ui.base.Metadata') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.base.Metadata
jQuery.sap.declare("sap.ui.base.Metadata");


/**
 * Creates a new metadata object from the given static infos.
 *
 * @param {string} sClassName fully qualified name of the class that is described by this metadata object
 * @param {object} oClassInfo info to construct the class and its metadata from
 *
 * @class Metadata for a class.
 * @author Frank Weigel
 * @version 1.12.0
 * @since 0.8.6
 * @public
 */
sap.ui.base.Metadata = function(sClassName, oClassInfo) {

	jQuery.sap.assert(typeof sClassName === "string" && sClassName, "Metadata: sClassName must be a non-empty string");
	jQuery.sap.assert(typeof oClassInfo === "object", "Metadata: oClassInfo must be empty or an object");

	// support for old usage of Metadata
	if ( !oClassInfo || typeof oClassInfo.metadata !== "object" ) {
		oClassInfo = {
			metadata : oClassInfo || {},
			// retrieve class by its name. Using a lookup costs time but avoids the need for redundant arguments to this function
			constructor : jQuery.sap.getObject(sClassName)
		};
		oClassInfo.metadata.__version = 1.0;
	}
	oClassInfo.metadata.__version = oClassInfo.metadata.__version || 2.0;
	if ( typeof oClassInfo.constructor !== "function" ) {
		throw Error("constructor for class " + sClassName + " must have been declared before creating metadata for it");
	}

	// invariant: oClassInfo exists, oClassInfo.metadata exists, oClassInfo.constructor exists
	this._sClassName = sClassName;
	this._oClass = oClassInfo.constructor;
	this.extend(oClassInfo);
};

/**
 * @private
 * @final
 */
sap.ui.base.Metadata.prototype.extend = function(oClassInfo) {
	this.applySettings(oClassInfo);
	this.afterApplySettings();
};

/**
 * @private
 * @since 1.3.1
 */
sap.ui.base.Metadata.prototype.applySettings = function(oClassInfo) {

	var that = this,
	  oStaticInfo = oClassInfo.metadata,
		oPrototype, n;

	if ( oStaticInfo.baseType ) {
		// lookup base class by its name - same reasoning as above
		var oParentClass = jQuery.sap.getObject(oStaticInfo.baseType);
		if ( typeof oParentClass !== "function" ) {
			jQuery.sap.log.fatal("base class '" + oStaticInfo.baseType + "' does not exist");
		}
		// link metadata with base metadata
		if ( oParentClass.getMetadata ) {
			this._oParent = oParentClass.getMetadata();
			jQuery.sap.assert(oParentClass === oParentClass.getMetadata().getClass(), "Metadata: oParentClass must match the class in the parent metadata");
		} else {
			// fallback, if base class has no metadata
			this._oParent = new sap.ui.base.Metadata(oStaticInfo.baseType, {});
		}
	} else {
		this._oParent = undefined;
	}

	this._bAbstract = !!oStaticInfo["abstract"];
	this._bFinal = !!oStaticInfo["final"];
	this._sStereotype = oStaticInfo.stereotype || (this._oParent ? this._oParent._sStereotype : "object");
	
	// handle interfaces
	this._aInterfaces = jQuery.sap.unique(oStaticInfo.interfaces || []);

	// take over metadata from static info
	this._aPublicMethods = jQuery.sap.unique(oStaticInfo.publicMethods || []);

	// enrich prototype
	oPrototype = this._oClass.prototype;
	jQuery.sap.forIn(oClassInfo, function(n, v) {
		if ( n !== "metadata" && n !== "constructor" ) {
			oPrototype[n] = v;
			if ( !n.match(/^_|^on|^init$|^exit$/) ) {
				// TODO hard coded knowledge about event handlers ("on") and about init/exit hooks is not nice....
				that._aPublicMethods.push(n);
			}
		}
	});
	
};

/**
 * Called after new settings have been applied.
 *
 * Typically, this method is used to do some cleanup (e.g. uniqueness)
 * or to calculate an optimized version of some data.
 * @private
 * @since 1.3.1
 */
sap.ui.base.Metadata.prototype.afterApplySettings = function() {
	// create the flattened "all" view
	if ( this._oParent ) {
		//this._aAllInterfaces = jQuery.sap.unique(this._oParent._aAllInterfaces.concat(this._aInterfaces));
		this._aAllPublicMethods = jQuery.sap.unique(this._oParent._aAllPublicMethods.concat(this._aPublicMethods));
	} else {
		//this._aAllInterfaces = this._aInterfaces;
		this._aAllPublicMethods = this._aPublicMethods;
	}

};

/**
 * Stereotype of the described class. 
 * @experimental might be enhanced to a set of stereotypes
 */
sap.ui.base.Metadata.prototype.getStereotype = function() {
	return this._sStereotype;
};

/**
 * Returns the fully qualified name of the class that is described by this metadata object
 * @return {string} name of the described class
 * @public
 */
sap.ui.base.Metadata.prototype.getName = function() {
	return this._sClassName;
};

/**
 * Returns the (constructor of the) class described by this metadata object.
 * @return {function} class described by this metadata
 * @public
 */
sap.ui.base.Metadata.prototype.getClass = function() {
	return this._oClass;
};

/**
 * Returns the metadata object of the base class of the class described by this metadata object
 * or null if the class has no (documented) base class.
 *
 * @return {sap.ui.base.Metadata} metadata of the base class
 * @public
 */
sap.ui.base.Metadata.prototype.getParent = function() {
	return this._oParent;
};

/**
 * Returns an array with the names of the public methods declared by this class.
 *
 * @return {string[]} array with names of public methods declared by this class
 * @public
 */
sap.ui.base.Metadata.prototype.getPublicMethods = function() {
	return this._aPublicMethods;
};

/**
 * Returns an array with the names of all public methods declared by this class
 * and its ancestors.
 *
 * @return {string[]} array with names of all public methods provided by this class and its ancestors
 * @public
 */
sap.ui.base.Metadata.prototype.getAllPublicMethods = function() {
	return this._aAllPublicMethods;
};

/**
 * Returns the names of interfaces implemented by this class.
 * As the representation of interfaces is not clear yet, this method is still private.
 *
 * @return {string} array of names of implemented interfaces
 * @private
 */
sap.ui.base.Metadata.prototype.getInterfaces = function() {
	return this._aInterfaces;
};

/**
 * Checks whether the class described by this object or one of its ancestors
 * implements the given interface.
 *
 * @param {string} sInterface name of the interface to test for (in dot notation)
 * @return {boolean} whether this class implements the interface
 * @public
 */
sap.ui.base.Metadata.prototype.isInstanceOf = function(sInterface) {
	if ( this._oParent ) {
		if ( this._oParent.isInstanceOf(sInterface) ) {
			return true;
		}
	};

	var a=this._aInterfaces;
	for(var i=0,l=a.length; i<l; i++) {
		// FIXME doesn't handle interface inheritance (requires object representation for interfaces)
		if ( a[i] === sInterface ) {
			return true;
		}
	}

	return false;
};


sap.ui.base.Metadata.prototype.isAbstract = function() {
	return this._bAbstract;
};

sap.ui.base.Metadata.prototype.isFinal = function() {
	return this._bFinal;
};

/**
 * Adds one or more new methods to the list of API methods.
 *
 * Can be used by contributer classes (like the EnabledPropagator) to enrich the declared set of methods.
 * The method can either be called with multiple names (strings) or with one array of strings.
 *
 * <b>Note</b>: the newly added method(s) will only be visible in {@link sap.ui.base.Interface interface}
 * objects that are created <i>after</i> this method has been called.
 *
 * @param {string||string[]} sMethod name(s) of the new method(s)
 */
sap.ui.base.Metadata.prototype.addPublicMethods = function(sMethod /* ... */) {
	var aNames = (sMethod instanceof Array) ? sMethod : arguments;
	function upush(a,v) {
		Array.prototype.push.apply(a, v); // appends "inplace"
		jQuery.sap.unique(a);
	}
	upush(this._aPublicMethods, aNames);
	upush(this._aAllPublicMethods, aNames);
};

/**
 * @since 1.3.1
 * @private
 */
sap.ui.base.Metadata.createClass = function (fnBaseClass, sClassName, oClassInfo, FNMetaImpl) {

	if ( typeof fnBaseClass === "string" ) {
		FNMetaImpl = oClassInfo;
		oClassInfo = sClassName;
		sClassName = fnBaseClass;
		fnBaseClass = null;
	}

	jQuery.sap.assert(!fnBaseClass || typeof fnBaseClass === "function");
	jQuery.sap.assert(typeof sClassName === "string" && !!sClassName);
	jQuery.sap.assert(!oClassInfo || typeof oClassInfo === "object");
	jQuery.sap.assert(!FNMetaImpl || typeof FNMetaImpl === "function");

	// normalize oClassInfo
	oClassInfo = oClassInfo || {};
	oClassInfo.metadata = oClassInfo.metadata || {};
	if ( !oClassInfo.hasOwnProperty('constructor') ) {
		oClassInfo.constructor = undefined;
	}
	FNMetaImpl = FNMetaImpl || sap.ui.base.Metadata;

	var fnClass = oClassInfo.constructor;
	jQuery.sap.assert(!fnClass || typeof fnClass === "function");

	// ensure defaults
	if ( fnBaseClass ) {
		// default constructor just delegates to base class
		if ( !fnClass ) {
			if ( oClassInfo.metadata.deprecated ) {
			  // create default factory with deprecation warning
				fnClass = function() {
					jQuery.sap.log.warning("Usage of deprecated class: " + sClassName);
					fnBaseClass.apply(this, arguments); 
				};
			} else {
        // create default factory 
				fnClass = function() { 
					fnBaseClass.apply(this, arguments); 
				};
			}
		}
		// create prototype chain
		fnClass.prototype = jQuery.sap.newObject(fnBaseClass.prototype);
		fnClass.prototype.constructor = fnClass;
		// enforce correct baseType
		oClassInfo.metadata.baseType = fnBaseClass.getMetadata().getName();
	} else {
		// default constructor does nothing
		fnClass = fnClass || function() { };
		// enforce correct baseType
		delete oClassInfo.metadata.baseType;
	}
	oClassInfo.constructor = fnClass;

	// make the class visible as JS Object
	jQuery.sap.setObject(sClassName, fnClass);

	// add metadata
	var oMetadata = new FNMetaImpl(sClassName, oClassInfo);
	fnClass.getMetadata = fnClass.prototype.getMetadata = jQuery.sap.getter(oMetadata);

	// enrich function
	if ( !fnClass.getMetadata().isFinal() ) {
		fnClass.extend = function(sSCName, oSCClassInfo, fnSCMetaImpl) {
			return sap.ui.base.Metadata.createClass(fnClass, sSCName, oSCClassInfo, fnSCMetaImpl || FNMetaImpl);
		};
	}

	return fnClass;
};


}; // end of sap.ui.base.Metadata
if ( !jQuery.sap.isDeclared('sap.ui.base.Object') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * SAPUI5 base classes
 *
 * @namespace
 * @name sap.ui.base
 * @public
 */

// Provides class sap.ui.base.Object
jQuery.sap.declare("sap.ui.base.Object");



/**
 * Constructor for a sap.ui.base.Object.
 *
 * @class Base class for all SAPUI5 Objects
 * @abstract
 * @author Malte Wedel
 * @version 1.12.0
 * @public
 * @name sap.ui.base.Object
 */
sap.ui.base.Metadata.createClass("sap.ui.base.Object", {

	constructor : function() {
		// complain if 'this' is not an instance of a subclass
		if ( !(this instanceof sap.ui.base.Object) ) {
			throw Error("Cannot instantiate object: \"new\" is missing!");
		}
	}

});

/**
 * Destructor method for objects
 * @public
 */
sap.ui.base.Object.prototype.destroy = function() {
};

/**
 * Returns the public interface of the object.
 *
 * @return {sap.ui.base.Interface} the public interface of the object
 * @public
 */
sap.ui.base.Object.prototype.getInterface = function() {
	// New implementation that avoids the overhead of a dedicated member for the interface
	// initially, an Object instance has no associated Interface and the getInterface
	// method is defined only in the prototype. So the code here will be executed.
	// It creates an interface (basically the same code as in the old implementation)
	var oInterface = new sap.ui.base.Interface(this, this.getMetadata().getAllPublicMethods());
	// Now this Object instance gets a new, private implementation of getInterface
	// that returns the newly created oInterface. Future calls of getInterface on the
	// same Object therefore will return the already created interface
	this.getInterface = jQuery.sap.getter(oInterface);
	// as the first caller doesn't benefit from the new method implementation we have to
	// return the created interface as well.
	return oInterface;
};

/**
 * Returns the metadata for the class that this object belongs to.
 * This method is only defined when metadata has been declared by using {@link #defineClass}.
 *
 * @name sap.ui.base.Object.prototype#getMetadata
 * @function
 * @public
 */

/**
 * Creates a subclass of class sap.ui.base.Object with name <code>sClassName</code>
 * and enriches it with the information contained in <code>oClassInfo</code>.
 *
 * <code>oClassInfo</code> might contain three kinds of informations:
 * <ul>
 * <li><code>metadata:</code> an (optional) object literal with metadata about the class.
 * The information in the object literal will be wrapped by an instance of {@link sap.ui.base.Metadata Metadata}
 * and might contain the following information
 * <ul>
 * <li><code>interfaces:</code> {string[]} (optional) set of names of implemented interfaces (defaults to no interfaces)</li>
 * <li><code>publicMethods:</code> {string[]} (optional) list of methods that should be part of the public
 * facade of the class</li>
 * <li><code>abstract:</code> {boolean} (optional) flag that marks the class as abstract (purely informational, defaults to false)</li>
 * <li><code>final:</code> {boolean} (optional) flag that marks the class as final (defaults to false)</li>
 * </ul>
 * Subclasses of sap.ui.base.Object can enrich the set of supported metadata (e.g. see {@link sap.ui.core.Element.extend}).
 * </li>
 *
 * <li><code>constructor:</code> a function that serves as a constructor function for the new class.
 * If no constructor function is given, the framework creates a default implementation that delegates all
 * its arguments to the constructor function of the base class.
 * </li>
 *
 * <li><i>any-other-name:</i> any other property in the <code>oClassInfo</code> is copied into the prototype
 * object of the newly created class. Callers can thereby add methods or properties to all instances of the
 * class. But be aware that the given values are shared between all instances of the class. Usually, it doesn't
 * make sense to use primitive values here other than to declare public constants.
 * </li>
 *
 * </ul>
 *
 * The prototype object of the newly created class uses the same prototype as instances of the base class
 * (prototype chaining).
 *
 * A metadata object is always created, even if there is no <code>metadata</code> entry in the <code>oClassInfo</code>
 * object. A getter for the metadata is always attached to the prototype and to the class (constructor function)
 * itself.
 *
 * Last but not least, with the third argument <code>FNMetaImpl</code> the constructor of a metadata class
 * can be specified. Instances of that class will be used to represent metadata for the newly created class
 * and for any subclass created from it. Typically, only frameworks will use this parameter to enrich the
 * metadata for a new class hierarchy they introduce (e.g. {@link sap.ui.core.Element.extend Element}).
 *
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] structured object with informations about the class
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.base.Metadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.base.Object.extend
 * @function
 * @since 1.3.1
 */

/**
 * Creates metadata for a given class and attaches it to the constructor and prototype of that class.
 *
 * After creation, metadata can be retrieved with getMetadata().
 *
 * The static info can at least contain the following entries:
 * <ul>
 * <li>baseType: {string} fully qualified name of a base class or empty
 * <li>publicMethods: {string} an array of method names that will be visible in the interface proxy returned by {@link #getInterface}
 * </ul>
 *
 * @param {string} sClassName name of an (already declared) constructor function
 * @param {object} oStaticInfo static info used to create the metadata object
 * @param {string} oStaticInfo.baseType qualified name of a base class
 * @param {string[]} oStaticInfo.publicMethods array of names of public methods
 * @param {function} [xMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.base.Metadata.
 *
 * @return {sap.ui.base.Metadata} the created metadata object
 * @public
 * @static
 * @deprecated Since 1.3.1. Use the static <code>extend</code> method of the desired base class (e.g. {@link sap.ui.base.Object.extend})
 */
sap.ui.base.Object.defineClass = function(sClassName, oStaticInfo, FNMetaImpl) {
	// create Metadata object
	var oMetadata = new (FNMetaImpl || sap.ui.base.Metadata)(sClassName, oStaticInfo);
	var fnClass = oMetadata.getClass();
	fnClass.getMetadata = fnClass.prototype.getMetadata = jQuery.sap.getter(oMetadata);
	// enrich function
	if ( !oMetadata.isFinal() ) {
		fnClass.extend = function(sSCName, oSCClassInfo, fnSCMetaImpl) {
			return sap.ui.base.Metadata.createClass(fnClass, sSCName, oSCClassInfo, fnSCMetaImpl || FNMetaImpl);
		};
	}
	jQuery.sap.log.debug("defined class '" + sClassName + "'" + (oMetadata.getParent() ? " as subclass of " + oMetadata.getParent().getName() : "") );
	return oMetadata;
};

}; // end of sap.ui.base.Object
if ( !jQuery.sap.isDeclared('sap.ui.base.ObjectPool') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.base.ObjectPool
jQuery.sap.declare("sap.ui.base.ObjectPool");


/**
 * Creates an ObjectPool instance based on the given oObjectClass.&lt;br/&gt;
 * If there is a free pooled instance, returns that one, otherwise creates a new one.&lt;br/&gt;
 * In order to be maintained by the ObjectPool, oObjectClass must implement
 * methods described in the class description.
 *
 * @param {function} oObjectClass constructor for the class of objects that this pool should manage
 *
 * @class Manages a pool of objects all of the same type;
 * the type has to be specified at pool construction time.
 *
 * Maintains a list of free objects of the given type.
 * If {@link sap.ui.base.ObjectPool.prototype.borrowObject} is called, an existing free object
 * is taken from the pool and the <code>init</code> method is called on this
 * object.
 *
 * When no longer needed, any borrowed object should be returned to
 * the pool by calling {@link #returnObject}. At that point in time,
 * the reset method is called on the object and the object is added to the
 * list of free objects.
 *
 * See {@link sap.ui.base.Poolable} for a description of the contract for poolable objects.
 *
 * Example:
 * <pre>
 *   this.oEventPool = new sap.ui.base.ObjectPool(sap.ui.base.Event);
 *   var oEvent = this.oEventPool.borrowObject(iEventId, mParameters);
 * </pre>
 *
 * @extends sap.ui.base.Object
 * @author Malte Wedel
 * @version 1.12.0
 * @constructor
 * @public
 */
sap.ui.base.ObjectPool = function(oObjectClass) {

	sap.ui.base.Object.apply(this);

	this.oObjectClass = oObjectClass;

	this.aFreeObjects = [];
//	this.aUsedObjects = []; //PERFOPT: Holding those is currently senseless.

};

sap.ui.base.ObjectPool.prototype = jQuery.sap.newObject(sap.ui.base.Object.prototype);

/**
 * Borrows a free object from the pool. Any arguments to this method
 * are forwarded to the init method of the borrowed object.
 *
 * @param {any} [any] optional initialization parameters for the borrowed object
 * @return {object} the borrowed object of the same type that has been specified for this pool
 * @public
 */
sap.ui.base.ObjectPool.prototype.borrowObject = function() {

	// PERFOPT: Reduced callstack
	var oObject = this.aFreeObjects.length == 0 ?
			new this.oObjectClass() :
				this.aFreeObjects.pop();
	oObject.init.apply(oObject, arguments);
//	this.aUsedObjects.push(oObject); //PERFOPT: Holding those is currently senseless.

	return oObject;
};

/**
 * Returns an object to the pool. The object must have been borrowed from this
 * pool beforehand. The reset method is called on the object before it is added
 * to the set of free objects.
 *
 * @param {object} the object to return to the pool
 * @public
 */
sap.ui.base.ObjectPool.prototype.returnObject = function(oObject) {

	oObject.reset();
	// If the next line is ever activated again, ensure not simply the topmost object is poped but the one returned!!
//	this.aUsedObjects.pop(); //PERFOPT: Holding those is currently senseless.
	this.aFreeObjects.push(oObject);

};


/**
 * Poolable objects must provide a no-arg constructor which is used by the pool
 * to construct new, unused objects.
 *
 * To be more convenient to use, poolable objects should implement their constructor
 * in a way that it either can be called with no arguments (used by the pool) or
 * with the same signature as their {@link #init} method (to be used by applications).
 *
 * @name sap.ui.base.Poolable
 * @interface Contract for objects that can be pooled by ObjectPool
 * @constructor
 * @public
 */

/**
 * Called by the object pool when this instance will be actived for a caller.
 * The same method will be called after a new instance has been created by an otherwise
 * exhausted pool.
 *
 * If the caller provided any arguments to {@link sap.ui.base.ObjectPool#borrowObject}
 * all arguments will be propagated to this method.
 *
 * @name sap.ui.base.Poolable.prototype.init
 * @function
 * @public
 */

/**
 * Called by the object pool when an instance is returned to the pool.
 * While no specific implementation is required, poolable objects in general
 * should clean all caller specific state (set to null) in this method to
 * avoid memory leaks and to enforce garbage collection of the caller state.
 *
 * @name sap.ui.base.Poolable.prototype.reset
 * @function
 * @public
 */
}; // end of sap.ui.base.ObjectPool
if ( !jQuery.sap.isDeclared('sap.ui.core.ComponentContainerRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// A renderer for the ComponentContainer control
jQuery.sap.declare("sap.ui.core.ComponentContainerRenderer");

/**
 * @class ComponentContainer renderer.
 * @static
 */
sap.ui.core.ComponentContainerRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl Object representation of the control that should be rendered
 */
sap.ui.core.ComponentContainerRenderer.render = function(oRenderManager, oComponentContainer){

    // convenience variable
	var oRM = oRenderManager;
	var bRTL = sap.ui.getCore().getConfiguration().getRTL();
	var oComponent = oComponentContainer.getComponentInstance();


	oRM.addClass("sapUiComponentContainer");
	oRM.write("<div");
	oRM.writeControlData(oComponentContainer);
	oRM.write(">");
	oRM.write("<div id=\"" + oComponentContainer.getId() + "-uiarea\">");
	if (oComponent) {
		oComponent.render(oRM);
	}
	oRM.write("</div></div>");
};


}; // end of sap.ui.core.ComponentContainerRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.DeclarativeSupport') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.DeclarativeSupport
jQuery.sap.declare("sap.ui.core.DeclarativeSupport");





/**
 * @class Static class for enabling declarative UI support.  
 *
 * @author Peter Muessig, Tino Butz
 * @version 1.12.0
 * @since 1.7.0
 * @public
 */
sap.ui.core.DeclarativeSupport = {
};



/**
 * Defines the attributes of an element that should be handled differently.
 * Set key/value pairs. The key indicates the attribute. The value can be of type <code>Boolean</code> or <code>Function</code>.
 * When the value is of type <code>Function</code> it will receive three arguments: 
 * <code>sValue</code> the value of the attribute,
 * <code>mSettings</code> the settings of the control
 * <code>fnClass</code> the control class
 * @private
 */
sap.ui.core.DeclarativeSupport.attributes = {
	"data-sap-ui-type" : true,
	"data-sap-ui-aggregation" : true,
	"data-sap-ui-default-aggregation" : true,
	"data-tooltip" : function(sValue, mSettings) {
		// special handling for tooltip (which is an aggregation)
		// but can also be applied as property
		mSettings["tooltip"] = sValue;
	},
	"tooltip" : function(sValue, mSettings, fnClass) {
		// TODO: Remove this key / value when deprecation is removed
		mSettings["tooltip"] = sValue;
		jQuery.sap.log.warning('[Deprecated] Control "' + mSettings.id + '": The attribute "tooltip" is not prefixed with "data-*". Future version of declarative support will only suppport attributes with "data-*" prefix.');
	},
	"class":true,
	"style" : true,
	"id" : true
};


/**
 * Enhances the given element by parsing the Control and Elements and create
 * the SAPUI5 controls for them.
 * @param {DomElement} oElement the element to compile
 * @param {sap.ui.core.mvc.HTMLView} [oView] Optional. The view instance to use
 * @param {Boolean} [isRecursive] Optional. Whether the call of the function is recursive.
 * @public
 */
sap.ui.core.DeclarativeSupport.compile = function(oElement, oView, isRecursive) {
	// Find all defined classes
	var self = this;
	jQuery(oElement).find("[data-sap-ui-type]").filter(function() {
		return jQuery(this).parents("[data-sap-ui-type]").length === 0;
	}).each(function() {
		self._compile(this, oView, isRecursive);
	});
};



/**
 * Enhances the given element by parsing the attributes and child elements.
 * 
 * @param {DomElement} oElement the element to compile
 * @param {sap.ui.core.mvc.HTMLView} [oView] Optional. The view instance to use
 * @param {Boolean} [isRecursive] Optional. Whether the call of the function is recursive.
 * @private
 */
sap.ui.core.DeclarativeSupport._compile = function(oElement, oView, isRecursive) {
	var $element = jQuery(oElement);

	var sType = $element.attr("data-sap-ui-type");
	var aControls = [];
	var bIsUIArea = sType === "sap.ui.core.UIArea";

	if (bIsUIArea) {
		// use a UIArea / better performance when rendering multiple controls
		// parse and create the controls / children of element
		var self = this;
		$element.children().each(function() {
			var oControl = self._createControl(this, oView);
			if (oControl) {
				aControls.push(oControl);
			}
		}); 
	} else {
		var oControl = this._createControl(oElement, oView);
		if (oControl) {
			aControls.push(oControl);
		}
	}
	
	// remove the old content
	$element.empty();

	// in case of the root control is not a UIArea we remove all HTML attributes
	// for a UIArea we remove only the data HTML attributes and keep the others
	// also marks the control as parsed (by removing data-sap-ui-type) 
	var aAttr = [];
	jQuery.each(oElement.attributes, function(iIndex, oAttr) {
		var sName = oAttr.name;
		if (!bIsUIArea || bIsUIArea && /^data-/g.test(sName.toLowerCase())) {
			aAttr.push(sName);
		}
	});
	if (aAttr.length > 0) {
		$element.removeAttr(aAttr.join(" "));
	}

	// add the controls
	jQuery.each(aControls, function(vKey, oControl) {
		if (oControl instanceof sap.ui.core.Control) {
			if (oView && !isRecursive) {
				oView.addContent(oControl);
			} else {
				oControl.placeAt(oElement);
				if (oView) {
					// Remember the unassociated control so that it can be destroyed on exit of the view
					oView.connectControl(oControl);	
				}
			}
		}
	});
};



/**
 * Parses a given DOM ref and converts it into a Control.
 * @param {DomElement} oElement reference to a DOM element
 * @param {sap.ui.core.mvc.HTMLView} [oView] Optional. The view instance to use.
 * @return {sap.ui.core.Control} reference to a Control
 * @private
 */
sap.ui.core.DeclarativeSupport._createControl = function(oElement, oView) {
	var $element = jQuery(oElement);

	var oControl = null;

	var sType = $element.attr("data-sap-ui-type");
	if (sType) {
		jQuery.sap.require(sType); // make sure fnClass.getMatadata() is available
		var fnClass = jQuery.sap.getObject(sType);
		jQuery.sap.assert(typeof fnClass !== "undefined", "Class not found: " + sType);
		
			
		var mSettings = {};
		var sId = mSettings.id = this._getId($element, oView);
		this._addSettingsForAttributes(mSettings, fnClass, oElement, oView);
		this._addSettingsForAggregations(mSettings, fnClass, oElement, oView);

		var oControl = new fnClass(mSettings);

		if (oElement.className) {
			oControl.addStyleClass(oElement.className);	
		}

		// mark control as parsed
		$element.removeAttr("data-sap-ui-type");

	} else {
		oControl = this._createHtmlControl(oElement, oView);
	}

	return oControl;
};


/**
 * Parses a given DOM ref and converts it into a HTMLControl.
 * @param {DomElement} oElement reference to a DOM element
 * @param {sap.ui.core.mvc.HTMLView} [oView] Optional. The view instance to use.
 * @return {sap.ui.core.HTML} reference to a Control
 * @private
 */
sap.ui.core.DeclarativeSupport._createHtmlControl = function(oElement, oView) {
	//include HTML content
	var oHTML = new sap.ui.core.HTML();
	oHTML.setDOMContent(oElement);
	// check for declarative content
	this.compile(oElement, oView, true)
	return oHTML;	
};


/**
 * Adds all defined attributes to the settings object of a control.
 * 
 * @param {object} mSettings reference of the settings of the control
 * @param {function} fnClass reference to a Class
 * @param {DomElement} oElement reference to a DOM element
 * @param {sap.ui.core.mvc.HTMLView} [oView] Optional. The view instance to use.
 * @return {object} the settings of the control.
 * @throws {Error} if an attribute is not supported
 * @private
 */
sap.ui.core.DeclarativeSupport._addSettingsForAttributes = function(mSettings, fnClass, oElement, oView) {	
	var self = this;
	var oSpecialAttributes = sap.ui.core.DeclarativeSupport.attributes;
	var fnBindingParser = sap.ui.base.ManagedObject.bindingParser;

	jQuery.each(oElement.attributes, function(iIndex, oAttr) {
		var sName = oAttr.name;
		var sValue = oAttr.value;
		if (typeof oSpecialAttributes[sName] === "undefined") {
			sName = self.convertAttributeToSettingName(sName, mSettings.id);
			var oProperty = self._getProperty(fnClass, sName);
			if (oProperty) {
				var oBindingInfo = fnBindingParser(sValue, oView && oView.getController());
				if ( oBindingInfo ) {
					mSettings[sName] = oBindingInfo;
				} else {
					mSettings[sName] = self.convertValueToType(self.getPropertyDataType(oProperty), sValue);
				}
			} else if (self._getAssociation(fnClass, sName)) {
				var oAssociation = self._getAssociation(fnClass, sName);
				if (oAssociation.multiple) {
					// we support "," and " " to split between IDs
					sValue = sValue.replace(/\s*,\s*|\s+/g, ","); // normalize strings: "id1  ,    id2    id3" to "id1,id2,id3"
					var aId = sValue.split(","); // split array for all ","
					jQuery.each(aId, function(iIndex, sId) {
						aId[iIndex] = oView ? oView.createId(sId) : sId;
					});
					mSettings[sName] = aId;
				} else {
					mSettings[sName] = oView ? oView.createId(sValue) : sValue; // use the value as ID
				}
			} else if (self._getAggregation(fnClass, sName)) {
				var oAggregation = self._getAggregation(fnClass, sName);
				if (oAggregation.multiple) {
					var oBindingInfo = fnBindingParser(sValue, oView && oView.getController());
					if (oBindingInfo) {
						mSettings[sName] = oBindingInfo;
					} else {
						throw new Error("Aggregation " + sName + " with cardinality 0..n only allows binding paths as attribute value");
					}
				} else if (oAggregation.altTypes) {
					var oBindingInfo = fnBindingParser(sValue, oView && oView.getController());
					if ( oBindingInfo ) {
						mSettings[sName] = oBindingInfo;
					} else {
						mSettings[sName] = self.convertValueToType(oAggregation.altTypes[0], sValue);
					}
				} else {
					throw new Error("Aggregation " + sName + " not supported");
				}
			} else if (self._getEvent(fnClass, sName)) {
				var fnHandler = jQuery.sap.getObject(sValue);
				
				if (oView && typeof fnHandler === "undefined") {
					var oController = oView.getController();
					fnHandler = oController[sValue];
					if (typeof fnHandler === "function") {
						// TODO: Remember events and attach them without using jQuery proxy
						fnHandler = jQuery.proxy(fnHandler, oController);
						fnHandler.sHandlerName = sValue;
					}
				}

				if (typeof fnHandler === "function") {
					mSettings[sName] = fnHandler;
				} else {
					throw new Error('Control "' + mSettings.id + '": The function "' + sValue + '" for the event "' + sName + '" is not defined');
					
				}
			}
		} else if (typeof oSpecialAttributes[sName] === "function") {
			oSpecialAttributes[sName](sValue, mSettings, fnClass);
		}
	});
	return mSettings;
};


/**
 * Adds all defined aggregations to the settings object of a control.
 * 
 * @param {object} mSettings reference of the settings of the control
 * @param {function} fnClass reference to a Class
 * @param {DomElement} oElement reference to a DOM element
 * @param {sap.ui.core.mvc.HTMLView} [oView] Optional. The view instance to use.
 * @return {object} the settings of the control.
 * @private
 */
sap.ui.core.DeclarativeSupport._addSettingsForAggregations = function(mSettings, fnClass, oElement, oView) {
	var $element = jQuery(oElement);

	var sDefaultAggregation = this._getDefaultAggregation(fnClass, oElement);

	var self = this;
	var oAggregations = fnClass.getMetadata().getAllAggregations();

	$element.children().each(function() {
		// check for an aggregation tag of in case of a sepcifiying the
		// aggregration on the parent control this will be used in case
		// of no meta tag was found
		var $child = jQuery(this);
		var sAggregation = $child.attr("data-sap-ui-aggregation");
		var sType = $child.attr("data-sap-ui-type");

		var bUseDefault = false;
		if (!sAggregation) {
			bUseDefault = true;
			sAggregation = sDefaultAggregation;
		}

		// add the child to the aggregation
		if (sAggregation && oAggregations[sAggregation]) {
			var bMultiple = oAggregations[sAggregation].multiple;

			var addControl = function(oChildElement) {
				var oControl = self._createControl(oChildElement, oView);
				if (oControl) {
					if (bMultiple) {
						// 1..n AGGREGATION
						if (!mSettings[sAggregation]) {
							mSettings[sAggregation] = [];
						}
						if ( typeof mSettings[sAggregation].path === "string" ) {
							jQuery.sap.assert(!mSettings[sAggregation].template, "list bindings support only a single template object");
							mSettings[sAggregation].template = oControl;
						} else {
							mSettings[sAggregation].push(oControl);
						}

					} else {
						// 1..1 AGGREGATION
						mSettings[sAggregation] = oControl;
					}
				}
			};

			if (bUseDefault || (sType && !bUseDefault)) {
				addControl(this);
			} else {
				$child.children().each(function() {
					addControl(this);
				});
			}
		}

		$child.removeAttr("data-sap-ui-aggregation");
		$child.removeAttr("data-sap-ui-type");
	});
	return mSettings;
	
};


/**
 * Returns the id of the element.
 *
 * @param {DomElement} oElement reference to a DOM element
 * @param {sap.ui.core.mvc.HTMLView} [oView] Optional. The view instance to use.
 * @return {string} the id of the element
 * @private
 */
sap.ui.core.DeclarativeSupport._getId = function(oElement, oView) {
	var $element = jQuery(oElement);
	var sId = $element.attr("id");
	if (sId) {
		if (oView) {
			sId = oView.createId(sId);
			// Remember the id for the HTMLView rendering method. This is needed to replace the placeholder div with the actual
			// control HTML (Do not use ID as Firefox even finds detached IDs)
			$element.attr("data-sap-ui-id", sId);
		}
		// in case of having an ID retrieve it and clear it in the placeholder
		// DOM element to avoid double IDs
		$element.attr("id", "");	
	}
	return sId;
};


/**
 * Returns the property of a given class and property name.
 *
 * @param {function} fnClass reference to a Class
 * @param {string} sName the name of the property
 * @return {object} reference to the property object
 * @private
 */
sap.ui.core.DeclarativeSupport._getProperty = function(fnClass, sName) {
	return fnClass.getMetadata().getAllProperties()[sName];
};


/**
 * Converts a given value to the right property type.
 *
 * @param {object} oType the type of the value
 * @param {string} sValue the value to convert
 * @return {string} the converted value
 * @private
 */
sap.ui.core.DeclarativeSupport.convertValueToType = function(oType, sValue) {
	if (oType instanceof sap.ui.base.DataType) {
		sValue = oType.parseValue(sValue);
	}
	// else return original sValue (e.g. for enums)
	return sValue;
};


/**
 * Returns the data type object for a certain property.
 *
 * @param {object} oProperty reference to the property object
 * @return {object} the type of the property
 * @throws {Error} if no type for the property is found
 * @private
 */
sap.ui.core.DeclarativeSupport.getPropertyDataType = function(oProperty) {
	var oType = sap.ui.base.DataType.getType(oProperty.type);
	if (!oType) {
		throw new Error("Property " + oProperty.name + " has no known type");
	}
	return oType;
};



/**
 * Returns the settings name for a given html attribute (converts data-my-setting to mySetting)
 *
 * @param {string} sAttribute the name of the attribute
 * @param {string} sId the id of the control
 * @param {boolean} bDeprecationWarning whether to show a deprecation warning or not
 * @return {string} the settings name
 * @private
 */
sap.ui.core.DeclarativeSupport.convertAttributeToSettingName = function(sAttribute, sId, bDeprecationWarning) {
	if (sAttribute.indexOf("data-") === 0) {
		sAttribute = sAttribute.substr(5);
	} else if (bDeprecationWarning) {
		jQuery.sap.log.warning('[Deprecated] Control "' + sId + '": The attribute "' + sAttribute + '" is not prefixed with "data-*". Future version of declarative support will only suppport attributes with "data-*" prefix.');
	} else {
		throw new Error('Control "' + sId + '": The attribute "' + sAttribute + '" is not prefixed with "data-*".');
	}
	return jQuery.sap.camelCase(sAttribute);
};


/**
 * Returns the association of a given class and association name.
 *
 * @param {function} fnClass reference to a Class
 * @param {string} sName the name of the association
 * @return {object} reference to the association object
 * @private
 */
sap.ui.core.DeclarativeSupport._getAssociation = function(fnClass, sName) {
	return fnClass.getMetadata().getAllAssociations()[sName];
};

/**
 * Returns the aggregations of a given class and aggregation name.
 *
 * @param {function} fnClass reference to a Class
 * @param {string} sName the name of the association
 * @return {object} reference to the association object
 * @private
 */
sap.ui.core.DeclarativeSupport._getAggregation = function(fnClass, sName) {
	return fnClass.getMetadata().getAllAggregations()[sName];
};


/**
 * Returns the event of a given class and event name.
 *
 * @param {function} fnClass reference to a Class
 * @param {string} sName the name of the event
 * @return {object} reference to the event object
 * @private
 */
sap.ui.core.DeclarativeSupport._getEvent = function(fnClass, sName) {
	return fnClass.getMetadata().getAllEvents()[sName];
};


/**
 * Returns the default aggregation of the control.
 *
 * @param {function} fnClass reference to a Class
 * @param {DomElement} oElement reference to a DOM element
 * @return {string} the default aggregation
 * @private
 */
sap.ui.core.DeclarativeSupport._getDefaultAggregation = function(fnClass, oElement) {
	var $element = jQuery(oElement);
	var sDefaultAggregation = $element.attr("data-sap-ui-default-aggregation") || fnClass.getMetadata().getDefaultAggregationName();
	$element.removeAttr("data-sap-ui-default-aggregation");
	return sDefaultAggregation;
};
}; // end of sap.ui.core.DeclarativeSupport
if ( !jQuery.sap.isDeclared('sap.ui.core.HTMLRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// A renderer for the HTML control
jQuery.sap.declare("sap.ui.core.HTMLRenderer");

sap.ui.core.HTMLRenderer = {

	/**
	 * Renders either the configured content or a dummy div that will be replaced after rendering
	 */
	render : function(oRM, oControl) {
		var oUIArea = oControl.getUIArea();

		// render an invisible, but easily identifiable placeholder for the content
		oRM.write("<div id=\"sap-ui-dummy-" + oControl.getId() + "\" style=\"display:none\">");

		// Note: we do not render the content string here, but only in onAfterRendering
		// This has the advantage that syntax errors don't affect the whole control tree
		// but only this control...

		oRM.write("</div>");
	}

};
}; // end of sap.ui.core.HTMLRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.History') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides the history handler sap.ui.core.History
jQuery.sap.declare("sap.ui.core.History");



/**
 * Creates an instance of the History.
 * 
 * Attention: The Web Storage API which is used by this class stores the data on the client.
 * Therefore do not use this API for confidential information. 
 *
 * @class History handles the history of certain controls (e.g. sap.ui.commons.SearchField).
 *
 * @param {string} sId id for the history
 * @param {object} [mSettings] optional map/JSON-object with additional settings
 *
 * @extends sap.ui.base.Object
 * @author SAP AG
 * @version 1.12.0
 * @constructor
 * @name sap.ui.core.History
 * @private
 */
sap.ui.base.Object.extend("sap.ui.core.History", /** @lends sap.ui.core.History.prototype */ {

	constructor : function(sId, mSettings) {
		sap.ui.base.Object.apply(this);
		if(!mSettings){
			mSettings = {};
		}

		var sHistoryPrefix = mSettings.prefix ? mSettings.prefix : document.location.pathname;

		this._iMaxHistory = mSettings.max ? mSettings.max : 100;
		this._sHistoryId = sHistoryPrefix + sId;
		var that = this;

		jQuery.sap.require("jquery.sap.storage");
		this._oStorage = jQuery.sap.storage(jQuery.sap.storage.Type.local);

		this._fFilter = mSettings.filter ? mSettings.filter : function(sHistoryValue, sValue) {
			return sHistoryValue && (!sValue || (sValue && jQuery.sap.startsWithIgnoreCase(sHistoryValue, sValue)));
		};
		this._fCheckHistory = mSettings.checkHistory ? mSettings.checkHistory : function(aHistory) {
			return aHistory;
		};
	},

	/**
	 * Initializes the history if not already done.
	 *
	 * @private
	 */
	_initHistory : function() {
		if(!this._aHistory){
			var aHistory = this._oStorage.get(this._sHistoryId);
			if(typeof(aHistory) === "string") {
				// in case it is a string, convert it to an array
				aHistory = aHistory.split(",");
			} else if(!aHistory){
				// or create a new one in case of non existence
				aHistory = [];
			} // else assume that there is the means for serializing JSON used, returning an array directly
			//do a final check of the entries
			this._aHistory = this._fCheckHistory(aHistory);
		}
		return this._aHistory;
	},

	/**
	 * Returns the history values fitting to the given value (according to the specified filter.
	 *
	 * @private
	 */
	get : function(sValue) {
		var aHistory = this._initHistory();
		var aResult = [];
		for(var i=0; i<aHistory.length; i++){
			if(this._fFilter(aHistory[i], sValue)){
				aResult.push(aHistory[i]);
			}
		}
		return aResult;
	},

	/**
	 * Removes the given value from the history values.
	 *
	 * @private
	 */
	remove : function(sValue) {
		var aHistory = this._initHistory();
		var aResult = [];
		for(var i=0; i<aHistory.length; i++){
			if(aHistory[i] == sValue) {
				aHistory.splice(i, 1);
				break;
			}
		}
	},

	/**
	 * Adds the given value to the history.
	 *
	 * @private
	 */
	add : function(sValue) {
		var aHistory = this._initHistory();
		// ensure it is not contained twice -> remove
		for(var i=0; i<aHistory.length; i++){
			if(aHistory[i] === sValue){
				aHistory.splice(i,1);
				break;
			}
		}
		// and put it to the 'very top'
		aHistory.unshift(sValue);
		// but do not store more than specified
		if(aHistory.length > this._iMaxHistory) {
			aHistory.splice(this._iMaxHistory);
		}

		this._oStorage.put(this._sHistoryId, aHistory);
	},

	/**
	 * Clears the history.
	 *
	 * @private
	 */
	clear : function() {
		this._oStorage.remove(this._sHistoryId);
		this._aHistory = null;
	}

});

}; // end of sap.ui.core.History
if ( !jQuery.sap.isDeclared('sap.ui.core.IconPool') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
jQuery.sap.declare("sap.ui.core.IconPool");


(function(){
	if(sap.ui.core.IconPool){
		return;
	}
	var aIconNames = ["accidental-leave","account","wrench","windows-doors","washing-machine","visits","video","travel-expense","temperature","task","synchronize","survey","settings","search","sales-document","retail-store","refresh","product","present","ppt-attachment","pool","pie-chart","picture","photo-voltaic","phone","pending","pdf-attachment","past","outgoing-call","opportunity","opportunities","notes","money-bills","map","log","line-charts","lightbulb","leads","lead","laptop","kpi-managing-my-area","kpi-corporate-performance","incoming-call","inbox","horizontal-bar-chart","history","heating-cooling","gantt-bars","future","fridge","fallback","expense-report","excel-attachment","energy-saving-lightbulb","employee","email","edit","duplicate","download","doc-attachment","dishwasher","delete","decline","complete","competitor","collections-management","chalkboard","cart","card","camera","calendar","begin","basket","bar-chart","attachment","arrow-top","arrow-right","arrow-left","arrow-bottom","approvals","appointment","alphabetical-order","along-stacked-chart","alert","addresses","address-book","add-filter","add-favorite","add","activities","action","accept","hint","group","check-availability","weather-proofing","payment-approval","batch-payments","bed","arobase","family-care","favorite","navigation-right-arrow","navigation-left-arrow","e-care","less","lateness","lab","internet-browser","instance","inspection","image-viewer","home","grid","goalseek","general-leave-request","create-leave-request","flight","filter","favorite-list","factory","endoscopy","employee-pane","employee-approvals","email-read","electrocardiogram","documents","decision","database","customer-history","customer","credit-card","create-entry-time","contacts","compare","clinical-order","chain-link","pull-down","cargo-train","car-rental","business-card","bar-code","folder-blank","passenger-train","question-mark","world","iphone","ipad","warning","sort","course-book","course-program","add-coursebook","print","save","play","pause","record","response","pushpin-on","pushpin-off","unfavorite","learning-assistant","timesheet","time-entry-request","list","action-settings","share","feed","role","flag","post","inspect","inspect-down","appointment-2","target-group","marketing-campaign","notification","comment","shipping-status","collaborate","shortcut","lead-outdated","tools-opportunity","permission","supplier","table-view","table-chart","switch-views","e-learning","manager","switch-classes","simple-payment","signature","sales-order-item","sales-order","request","receipt","puzzle","process","private","popup-window","person-placeholder","per-diem","paper-plane","paid-leave","pdf-reader","overview-chart","overlay","org-chart","number-sign","notification-2","my-sales-order","meal","loan","order-status","customer-order-entry","performance","menu","employee-lookup","education","customer-briefing","customer-and-contacts","my-view","accelerated","to-be-reviewed","warning2","feeder-arrow","quality-issue","workflow-tasks","create","home-share","globe","tags","work-history","x-ray","wounds-doc","web-cam","waiver","vertical-bar-chart","upstacked-chart","trip-report","microphone","unpaid-leave","tree","toaster-up","toaster-top","toaster-down","time-account","theater","taxi","subway-train","study-leave","stethoscope","step","sonography","soccor","physical-activity","pharmacy","official-service","offsite-work","nutrition-activity","newspaper","monitor-payments","map-2","machine","mri-scan","end-user-experience-monitoring","unwired","customer-financial-fact-sheet","retail-store-manager","Netweaver-business-client","electronic-medical-record","eam-work-order","customer-view","crm-service-manager","crm-sales","widgets","commission-check","collections-insight","clinical-tast-tracker","citizen-connect","cart-approval","capital-projects","bo-strategy-management","business-objects-mobile","business-objects-explorer","business-objects-experience","bbyd-dashboard","bbyd-active-sales","business-by-design","business-one","sap-box","manager-insight","accounting-document-verification","hr-approval","idea-wall","Chart-Tree-Map","cart-5","cart-4","wallet","vehicle-repair","upload","unlocked","umbrella","travel-request","travel-expense-report","travel-itinerary","time-overtime","thing-type","technical-object","tag","syringe","syntax","suitcase","simulate","shield","share-2","sales-quote","repost","provision","projector","add-product","pipeline-analysis","add-photo","palette","nurse","sales-notification","mileage","meeting-room","media-forward","media-play","media-pause","media-reverse","media-rewind","measurement-document","measuring-point","measure","map-3","locked","letter","journey-arrive","journey-change","journey-depart","it-system","it-instance","it-host","iphone-2","ipad-2","inventory","insurance-house","insurance-life","insurance-car","initiative","incident","group-2","goal","functional-location","full-screen","form","fob-watch","blank-tag","family-protection","folder","fax-machine","example","eraser","employee-rejections","drop-down-list","draw-rectangle","document","doctor","discussion-2","discussion","dimension","customer-and-supplier","crop","add-contact","compare-2","color-fill","collision","curriculum","chart-axis","full-stacked-chart","full-stacked-column-chart","vertical-bar-chart-2","horizontal-bar-chart-2","horizontal-stacked-chart","vertical-stacked-chart","choropleth-chart","geographic-bubble-chart","multiple-radar-chart","radar-chart","crossed-line-chart","multiple-line-chart","multiple-bar-chart","line-chart","line-chart-dual-axis","bubble-chart","scatter-chart","multiple-pie-chart","column-chart-dual-axis","tag-cloud-chart","area-chart","cause","cart-3","cart-2","bus-public-transport","burglary","building","border","bookmark","badge","attachment-audio","attachment-video","attachment-html","attachment-photo","attachment-e-pub","attachment-zip-file","attachment-text-file","add-equipment","add-activity","activity-individual","activity-2","add-activity-2","activity-items","activity-assigned-to-goal","status-completed","status-error","status-inactive","status-in-process","blank-tag-2","cart-full","locate-me","paging","company-view","document-text","explorer","personnel-view","sorting-ranking","drill-down","drill-up","vds-file","sap-logo-shape","folder-full","system-exit","system-exit-2","close-command-field","open-command-field","sys-enter-2","sys-enter","sys-help-2","sys-help","sys-back","sys-back-2","sys-cancel","sys-cancel-2","open-folder","sys-find-next","sys-find","sys-monitor","sys-prev-page","sys-first-page","sys-next-page","sys-last-page","generate-shortcut","create-session","display-more","enter-more","zoom-in","zoom-out","header","detail-view","collapse","expand","positive","negative","display","menu2","redo","undo","navigation-up-arrow","navigation-down-arrow","down","up","shelf","background","resize","move","show","hide","nav-back","error"];
	var aIconCodes = ["e000","e001","e002","e003","e004","e005","e006","e007","e008","e009","e00a","e00b","e00c","e00d","e00e","e00f","e010","e011","e012","e013","e014","e015","e016","e017","e018","e019","e01a","e01b","e01c","e01d","e01e","e01f","e020","e021","e022","e023","e024","e025","e026","e027","e028","e029","e02a","e02b","e02c","e02d","e02e","e02f","e030","e031","e032","e033","e034","e035","e036","e037","e038","e039","e03a","e03b","e03c","e03d","e03e","e03f","e040","e041","e042","e043","e044","e045","e046","e047","e048","e049","e04a","e04b","e04c","e04d","e04e","e04f","e050","e051","e052","e053","e054","e055","e056","e057","e058","e059","e05a","e05b","e05c","e05d","e05e","e05f","e060","e061","e062","e063","e064","e065","e066","e067","e068","e069","e06a","e06b","e06c","e06d","e06e","e06f","e070","e071","e072","e073","e074","e075","e076","e077","e078","e079","e07a","e07b","e07c","e07d","e07e","e07f","e080","e081","e082","e083","e084","e085","e086","e087","e088","e089","e08a","e08b","e08c","e08d","e08e","e08f","e090","e091","e092","e093","e094","e095","e096","e097","e098","e099","e09a","e09b","e09c","e09d","e09e","e09f","e0a0","e0a1","e0a2","e0a3","e0a4","e0a5","e0a6","e0a7","e0a8","e0a9","e0aa","e0ab","e0ac","e0ad","e0ae","e0af","e0b0","e0b1","e0b2","e0b3","e0b4","e0b5","e0b6","e0b7","e0b8","e0b9","e0ba","e0bb","e0bc","e0bd","e0be","e0bf","e0c0","e0c1","e0c2","e0c3","e0c4","e0c5","e0c6","e0c7","e0c8","e0c9","e0ca","e0cb","e0cc","e0cd","e0ce","e0cf","e0d0","e0d1","e0d2","e0d3","e0d4","e0d5","e0d6","e0d7","e0d8","e0d9","e0da","e0db","e0dc","e0dd","e0de","e0df","e0e0","e0e1","e0e2","e0e3","e0e4","e0e5","e0e6","e0e7","e0e8","e0e9","e0ea","e0eb","e0ec","e0ed","e0ee","e0ef","e0f0","e0f1","e0f2","e0f3","e0f4","e0f5","e0f6","e0f7","e0f8","e0f9","e0fa","e0fb","e0fc","e0fd","e0fe","e0ff","e100","e101","e102","e103","e104","e105","e106","e107","e108","e109","e10a","e10b","e10c","e10d","e10e","e10f","e110","e111","e112","e113","e114","e115","e116","e117","e118","e119","e11a","e11b","e11c","e11d","e11e","e11f","e120","e121","e122","e123","e124","e125","e126","e127","e128","e129","e12a","e12b","e12c","e12d","e12e","e12f","e130","e131","e132","e133","e134","e135","e136","e137","e138","e139","e13a","e13b","e13c","e13d","e13e","e13f","e140","e141","e142","e143","e144","e145","e146","e147","e148","e149","e14a","e14b","e14c","e14d","e14e","e14f","e150","e151","e152","e153","e154","e155","e156","e157","e158","e159","e15a","e15b","e15c","e15d","e15e","e15f","e160","e161","e162","e163","e164","e165","e166","e167","e168","e169","e16a","e16b","e16c","e16d","e16e","e16f","e170","e171","e172","e173","e174","e175","e176","e177","e178","e179","e17a","e17b","e17c","e17d","e17e","e17f","e180","e181","e182","e183","e184","e185","e186","e187","e188","e189","e18a","e18b","e18c","e18d","e18e","e18f","e190","e191","e192","e193","e194","e195","e196","e197","e198","e199","e19a","e19b","e19c","e19d","e19e","e19f","e1a0","e1a1","e1a2","e1a3","e1a4","e1a5","e1a6","e1a7","e1a8","e1a9","e1aa","e1ab","e1ac","e1ad","e1ae","e1af","e1b0","e1b1","e1b2","e1b3","e1b4","e1b5","e1b6","e1b7","e1b8","e1b9","e1ba","e1bb","e1bc","e1bd","e1be","e1bf","e1c0","e1c1","e1c2","e1c3","e1c4","e1c5","e1c6","e1c7","e1c8","e1c9","e1ca","e1cb","e1cc","e1cd","e1ce","e1cf","e1d0","e1d1","e1d2","e1d3","e1d4","e1d5","e1d6","e1d7","e1d8","e1d9","e1da","e1db","e1dc","e1dd","e1de","e1df","e1e0","e1e1","e1e2","e1e3","e1e4","e1e5","e1e6","e1e7","e1e8","e1e9","e1ea","e1eb","e1ec"];
	var sapIconFamily = "SAP-icons";
	var sProtocolName = "sap-icon";
	
	var mRegistry = {};
	
	var bFontFaceInserted = false;
	
	/**
	 * Constructor for IconPool - must not be used: all of the methods that are under IconPool are static methods.
	 *
	 * @class
	 * The IconPool is a static class for retrieving or registering icons.
	 * It also provides helping methods for easier consumption of icons.
	 * There are already icons registered in IconPool, please follow this link and find the name of the icon:
	 * 1. If you use the icon inside existing control, please call sap.ui.core.IconPool.getIconURI and assign the URI to controls which support icon.
	 * 2. If you want to support icon and standard image in your own control, please call createControlByURI by giving the URI and a constructor when URI isn't a icon URI. Icon instance or instance created by calling the given constructor is returned.
	 * 
	 * @public
	 */
	sap.ui.core.IconPool = function(){
		// Do not use the constructor
		throw new Error();
	};
	
	/**
	 * Creates an instance of sap.ui.core.Icon if the given URI is an icon URI, otherwise the given constructor is called.
	 * The given URI is set to the src property of the control.
	 *
	 * @param {string|object} setting contains the properties which will be used to instantiate the returned control. It should contain at least a property named src. If it's given with a string type, it will be taken as the value of src property.
	 * @param {function} constructor the constructor function which is called when the given URI isn't an icon URI
	 * @return {sap.ui.core.Control} either an instance of sap.ui.core.Icon or instance created by calling the given constructor
	 * @static
	 * @public
	 */
	sap.ui.core.IconPool.createControlByURI = function(setting, constructor){
		if(typeof setting === "string"){
			setting = {src: setting};
		}
		
		if(setting && setting.src){
			var sSrc = setting.src,
				fnConstructor = constructor;
			if(sap.ui.core.IconPool.isIconURI(sSrc)){
				if(!sap.ui.core.Icon){
					jQuery.sap.require("sap.ui.core.Icon");
				}
				fnConstructor = sap.ui.core.Icon;
				//converting to press event in case tap is specified
				if(setting.tap){
					setting.press = setting.tap;
					delete setting.tap;
				}
			}
			if(typeof fnConstructor === "function"){
				return new fnConstructor(setting);
			}
		}
	};
	
	/**
	 * Register an additional icon to the sap.ui.core.IconPool.
	 *
	 * @param {string} iconName the name of the icon.
	 * @param {string} collectionName the name of icon collection. The built in icons are with empty collectionName, so if additional icons need to be registered in IconPool, the collectionName can't be empty.  
	 * @param {string} fontFamily is the name of the font when importing the font using @font-face in CSS
	 * @param {string} content is the special code without the prefix, for example "e000"
	 * @param {boolean} overWrite indicates if already registered icons should be overwritten when the same name and collection are given. The built in icons can never be overwritten.
	 * @return {object} the info object of the registered icon which has the uri, fontFamily and content properties.
	 * @static
	 * @public
	 */
	sap.ui.core.IconPool.addIcon = function(iconName, collectionName, fontFamily, content, overWrite){
		if(!mRegistry[collectionName]){
			mRegistry[collectionName] = {};
		}
		
		var collection = mRegistry[collectionName],
			icon, oldIcon = collection[iconName],
			parts;
		
		if(oldIcon && (collectionName === undefined || !overWrite)){
			jQuery.sap.log.warning("icon with the same iconName in the collection already exists, specify the last parameter to true in order to overwrite");
			return;
		}
		
		parts = {
			protocol: sProtocolName,
			hostname: collectionName || iconName,
			path: collectionName ? iconName : undefined
		};
		
		icon = {
			uri: window.URI.build(parts),
			fontFamily: fontFamily,
			content: String.fromCharCode(parseInt(content, 16))
		};
		
		collection[iconName] = icon;
		return icon;
	};
	
	/**
	 * Returns the URI of the icon which has the same given iconName and collectionName.
	 *
	 * @param {string} iconName the name of the icon.
	 * @param {string} collectionName the name of icon collection. The built in icons are with undefined collectionName, so if the built in icons need to be used, just ignore this parameter.
	 * @return {string} the URI of the icon. if the icon can't be found in IconPool, undefined is returned. 
	 * @static
	 * @public
	 */
	sap.ui.core.IconPool.getIconURI = function(iconName, collectionName){
		var collection = mRegistry[collectionName];
		
		if(collection && collection[iconName]){
			return collection[iconName].uri;
		}
	};
	
	/**
	 * Returns the info object of the icon which has the same given iconName and collectionName.
	 *
	 * @param {string} iconName the name of the icon.
	 * @param {string} collectionName the name of icon collection. The built in icons are with undefined collectionName, so if the built in icons need to be used, just ignore this parameter.
	 * @return {object} the info object of the registered icon which has the uri, fontFamily and content properties. 
	 * @static
	 * @public
	 */
	sap.ui.core.IconPool.getIconInfo = function(iconName, collectionName){
		sap.ui.core.IconPool.insertFontFaceStyle();
		
		var sParsedIconName = iconName,
			sParsedCollectionName = collectionName,
			parts,
			collection;
		
		if(this.isIconURI(iconName)){
			parts = window.URI.parse(iconName);
			
			if(parts.path.length === 1){
				sParsedIconName = parts.hostname;
				sParsedCollectionName = undefined;
			}else{
				sParsedCollectionName = parts.hostname;
				sParsedIconName = parts.path.substr(1, parts.path.length);
			}
		}
		
		collection = mRegistry[sParsedCollectionName];
		
		return collection && collection[sParsedIconName];
	};
	
	/**
	 * Returns If the given uri is an icon URI.
	 *
	 * @param {string} uri the icon uri which is in the format "sap-icon://collectionName/iconName"
	 * @return {boolean} if the uri follows the icon uri format. 
	 * @static
	 * @public
	 */
	sap.ui.core.IconPool.isIconURI = function(uri){
		if(!uri){
			return false;
		}
		var parts = window.URI.parse(uri);
		
		return (parts.protocol === sProtocolName) && parts.hostname;
	};
	
	/**
	 * Returns all names of registered collections in IconPool
	 *
	 * @return {array} An array contains all of the registered collections' names. 
	 * @static
	 * @public
	 */
	sap.ui.core.IconPool.getIconCollectionNames = function(){
		var aNames =[];
		jQuery.map(mRegistry, function(value, key){
			aNames.push(key);
		});
		return aNames;
	};
	
	/**
	 * Returns all name of icons that are registerd under the given collection.
	 * @param {string} collectionName the name of collection where icon names are retrieved.
	 * @return {array} An array contains all of the registered icon names under the given collection. 
	 * @static
	 * @public
	 */
	sap.ui.core.IconPool.getIconNames = function(collectionName){
		var collection = mRegistry[collectionName],
			aNames = [];
		jQuery.map(collection, function(value, key){
			aNames.push(key);
		});
		
		return aNames;
	};
	
	
	sap.ui.core.IconPool.insertFontFaceStyle = function(){
		if(bFontFaceInserted){
			return;
		}
		
		var sFontPath = jQuery.sap.getModulePath("sap.ui.core", '/') + "themes/base/fonts/";
		
		/* This is the font used in sap.ui.core.Icon */
		var sFontFace = "@font-face {" +
							"font-family: 'SAP-icons';" +
							"src: url('"+ sFontPath +"SAP-icons.eot');" +
							"src: url('"+ sFontPath +"SAP-icons.eot?#iefix') format('embedded-opentype')," +
							"url('"+ sFontPath +"SAP-icons.ttf') format('truetype');" +
							"font-weight: normal;" +
							"font-style: normal;" +
						"}";
		
		jQuery('head').append('<style type="text/css">' + sFontFace +'</style>');
		
		bFontFaceInserted = true;
	};
	
	//register the built in icons
	jQuery.each(aIconNames, function(index, name){
		sap.ui.core.IconPool.addIcon(name, undefined, sapIconFamily, aIconCodes[index]);
	});
}());
}; // end of sap.ui.core.IconPool
if ( !jQuery.sap.isDeclared('sap.ui.core.IconRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
jQuery.sap.declare("sap.ui.core.IconRenderer");

/**
 * @class FontIcon renderer. 
 * @static
 */
sap.ui.core.IconRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.core.IconRenderer.render = function(oRm, oControl){ 
	// write the HTML into the render manager
	var oIconInfo = sap.ui.core.IconPool.getIconInfo(oControl.getSrc()),
		sWidth = oControl.getWidth(),
		sHeight = oControl.getHeight(),
		sColor = oControl.getColor(),
		sBackgroundColor = oControl.getBackgroundColor(),
		sSize = oControl.getSize(),
		tooltip = oControl.getTooltip_AsString(),
		//in IE8 :before is not supported, text needs to be rendered in span
		bTextNeeded = (jQuery.browser.msie && jQuery.browser.fVersion < 9);
	oRm.write("<span");
	oRm.writeControlData(oControl);
	
	if (tooltip) {
		oRm.writeAttributeEscaped("title", tooltip);
	}
	if(oIconInfo){
		if(!bTextNeeded){
			oRm.writeAttribute("data-sap-ui-icon-content", oIconInfo.content);
		}
		oRm.addStyle("font-family", "'" + oIconInfo.fontFamily + "'");
	}
	if(sWidth){
		oRm.addStyle("width", sWidth);
	}
	if(sHeight){
		oRm.addStyle("height", sHeight);
		oRm.addStyle("line-height", sHeight);
	}
	if(sColor){
		oRm.addStyle("color", sColor);
	}
	if(sBackgroundColor){
		oRm.addStyle("background-color", sBackgroundColor);
	}
	if(sSize){
		oRm.addStyle("font-size", sSize);
	}
	oRm.writeStyles();
	
	oRm.addClass("sapUiIcon");
	
	if(oControl.hasListeners("press") || oControl.hasListeners("tap")){
		//show pointer cursor if icon is active i.e. press or tap is set
		oRm.addClass("sapMPointer");
	}
	
	oRm.writeClasses();
	
	oRm.write(">"); // span element
	if(oIconInfo && bTextNeeded){
		oRm.write(oIconInfo.content);
	}
	oRm.write("</span>");
};

}; // end of sap.ui.core.IconRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.LocalBusyIndicatorRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
jQuery.sap.declare("sap.ui.core.LocalBusyIndicatorRenderer");

/**
 * @class LocalBusyIndicator renderer.
 * @static
 */
sap.ui.core.LocalBusyIndicatorRenderer = {};

(function() {
	/**
	 * Renders the HTML for the given control, using the provided
	 * {@link sap.ui.core.RenderManager}.
	 * 
	 * @param {sap.ui.core.RenderManager}
	 *            oRm the RenderManager that can be used for writing to the
	 *            render output buffer
	 * @param {sap.ui.core.Control}
	 *            oControl an object representation of the control that should
	 *            be rendered
	 */
	sap.ui.core.LocalBusyIndicatorRenderer.render = function(oRm, oControl) {
		oRm.write("<div");
		oRm.writeControlData(oControl);

		oRm.addClass("sapUiLocalBusyIndicator");
		oRm.writeClasses();
		oRm.write(">");

		fnRenderFlickerDivs(oRm, oControl);

		oRm.write("</div>");
	};

	var fnRenderFlickerDivs = function(oRm, oControl) {
		var sId = oControl.getId();
		var sIdAnimation = sId + "-animation";
		var aBoxEnum = [ "-leftBox", "-middleBox", "-rightBox" ];

		oRm.write('<div');
		oRm.writeAttribute('id', sIdAnimation);
		oRm.addClass("sapUiLocalBusyIndicatorAnimation");
		oRm.writeClasses();
		oRm.write(">");

		for ( var i = 0; i < aBoxEnum.length; i++) {
			oRm.write('<div');
			oRm.addClass("sapUiLocalBusyIndicatorBox");
			oRm.writeClasses();
			oRm.writeAttribute("id", sId + aBoxEnum[i]);
			oRm.write(">");
			oRm.write("</div>");

		}

		oRm.write("</div>");
	};
}());
}; // end of sap.ui.core.LocalBusyIndicatorRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.Locale') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides the locale object sap.ui.core.Locale
jQuery.sap.declare("sap.ui.core.Locale");


(function() {

	/**
	 * A regular expression that describes language tags according to BCP-47.
	 * @see BCP47 "Tags for Identifying Languages" (http://www.ietf.org/rfc/bcp/bcp47.txt)
	 *
	 * The matching groups are
	 *  0=all
	 *  1=language (shortest ISO639 code + ext. language sub tags | 4digits (reserved) | registered language sub tags)
	 *  2=script (4 letters)
	 *  3=region (2letter language or 3 digits)
	 *  4=variants (separated by '-', Note: capturing group contains leading '-' to shorten the regex!)
	 *  5=extensions (including leading singleton, multiple extensions separated by '-')
	 *  6=private use section (including leading 'x', multiple sections separated by '-')
	 *  
	 *            [-------------------- language ----------------------][--- script ---][------- region --------][------------ variants --------------][--------- extensions --------------][------ private use -------]
	 */
	var rLocale=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?(-[0-9A-Z]{5,8}|(?:[0-9][0-9A-Z]{3}))*(?:-([0-9A-WYZ](?:-[0-9A-Z]{2,8})+))*(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;

	/**
	 * Creates an instance of the Locale.
	 *
	 * @class Locale represents a locale setting, consisting of a language, script, region, variants, extensions and private use section
	 *
	 * @param {string} sLocaleId the locale identifier, in format en-US or en_US.
	 *
	 * @extends sap.ui.base.Object
	 * @author SAP AG
	 * @version 1.12.0
	 * @constructor
	 * @public
	 * @name sap.ui.core.Locale
	 */
	sap.ui.base.Object.extend("sap.ui.core.Locale", /** @lends sap.ui.core.Locale.prototype */ {

		constructor : function(sLocaleId) {
			sap.ui.base.Object.apply(this);
			var aResult = rLocale.exec(sLocaleId.replace(/_/g, "-"));
			this.sLocaleId = sLocaleId;
			this.sLanguage = aResult[1] || null;
			this.sScript = aResult[2] || null;
			this.sRegion = aResult[3] || null;
			this.sVariant = (aResult[4] && aResult[4].slice(1)) || null; // remove leading dash from capturing group
			this.sExtension = aResult[5] || null;
			this.sPrivateUse = aResult[6] || null;

			// normalization according to BCP47:
			if ( this.sLanguage ) {
				this.sLanguage = this.sLanguage.toLowerCase();
			}
			if ( this.sScript ) {
				this.sScript = this.sScript.toLowerCase().replace(/^[a-z]/, function($) { return $.toUpperCase(); });
			} 
			if ( this.sRegion ) {
				this.sRegion = this.sRegion.toUpperCase();
			} 
		},

		/**
		 * Get the locale language.
		 *
		 * Note that the case might differ from the original script tag 
		 * (Lower case is enforced as recommended by BCP47/ISO639).
		 * 
		 * @return {string} the language code
		 * @public
		 */
		getLanguage : function() {
			return this.sLanguage;
		},

		/**
		 * Get the locale script or null if none was specified.
		 * 
		 * Note that the case might differ from the original language tag
		 * (Upper case first letter and lower case reminder enforced as 
		 * recommended by BCP47/ISO15924)  
		 * 
		 * @return {string} the script code or null
		 * @public
		 */
		getScript : function() {
			return this.sScript;
		},

		/**
		 * Get the locale region or null if none was specified.
		 *
		 * Note that the case might differ from the original script tag 
		 * (Upper case is enforced as recommended by BCP47/ISO3166-1).
		 * 
		 * @return {string} the ISO3166-1 region code (2-letter or 3-digits)
		 * @public
		 */
		getRegion : function() {
			return this.sRegion;
		},

		/**
		 * Get the locale variants as a single string or null.
		 * 
		 * Multiple variants are separated by a dash '-'.
		 * 
		 * @return {string} the variant or null
		 * @public
		 */
		getVariant : function() {
			return this.sVariant;
		},

		/**
		 * Get the locale variants as an array of individual variants.
		 * 
		 * The separating dashes are not part of the result.
		 * If there is no variant section in the locale tag, an empty array is returned.
		 * 
		 * @return {string[]} the individual variant sections 
		 * @public
		 */
		getVariantSubtags : function() {
			return this.sVariant ? this.sVariant.split('-') : [];
		},

		/**
		 * Get the locale extension as a single string or null.
		 * 
		 * The extension always consists of a singleton character (not 'x'), 
		 * a dash '-' and one or more extension token, each separated 
		 * again with a dash.
		 * 
		 * Use {@link #getExtensions} to get the individual extension tokens as an array.
		 * 
		 * @return {string} the extension
		 * @public
		 */
		getExtension : function() {
			return this.sExtension;
		},

		/**
		 * Get the locale extensions as an array of tokens.
		 * 
		 * The leading singleton and the separating dashes are not part of the result.
		 * If there is no extensions section in the locale tag, an empty array is returned.
		 * 
		 * @return {string[]} the individual extension sections
		 * @public
		 */
		getExtensionSubtags : function() {
			return this.sExtension ? this.sExtension.slice(2).split('-') : [];
		},

		/**
		 * Get the locale private use section or null.
		 *
		 * @return {string} the private use section
		 * @public
		 */
		getPrivateUse : function() {
			return this.sPrivateUse;
		},

		/**
		 * Get the locale private use section
		 *
		 * @return {string} the private use section
		 * @public
		 */
		getPrivateUseSubtags : function() {
			return this.sPrivateUse ? this.sPrivateUse.slice(2).split('-') : [];
		},

		hasPrivateUseSubtag : function(sSubtag) {
			jQuery.sap.assert(sSubtag && sSubtag.match(/^[0-9A-Z]{1,8}$/i), "subtag must be a valid BCP47 private use tag");
			return jQuery.inArray(sSubtag, this.getPrivateUseSubtags()) >= 0;
		},

		toString : function() {
			var r=[this.sLanguage];
			if ( this.sScript ) {
				r.push(this.sScript);
			}
			if ( this.sRegion ) {
				r.push(this.sRegion);
			}
			if ( this.sVariant ) {
				r.push(this.sVariant);
			}
			if ( this.sExtension ) {
				r.push(this.sExtension );
			}
			if ( this.sPrivateUse ) {
				r.push(this.sPrivateUse );
			}
			return r.join("-");
		}

	});

	var M_ISO639_OLD_TO_NEW = {
			"iw" : "he",
			"ji" : "yi",
			"in" : "id", 
			"sh" : "sr"
	};

	/**
	 * A list of locales for which the CLDR specifies "right-to-left"
	 * as the character orientation.
	 * 
	 * The string literal below is substituted during the build.
	 * The value is determined from the CLDR JSON files which are 
	 * bundled with the UI5 runtime.
	 */ 
	var A_RTL_LOCALES = "ar,fa,he".split(",");

	/**
	 * Checks whether the given language tag implies a character orientation 
	 * of 'right-to-left' ('RTL').
	 * 
	 * The implementation of this method and the configuration above assume 
	 * that when a language (e.g. 'ar') is marked as 'RTL', then all language/region
	 * combinations for that language (e.g. 'ar_SA') will be 'RTL' as well, 
	 * even if the combination is not mentioned in the above configuration.
	 * There is no mean to define RTL=false for a language/region, when RTL=true for 
	 * the language alone. 
	 *
	 * As of 3/2013 this is true for all supported locales/regions of UI5.
	 * 
	 * @private
	 */
	sap.ui.core.Locale._impliesRTL = function(sLanguage) {
		var oLocale = new sap.ui.core.Locale(sLanguage);
		sLanguage = oLocale.getLanguage() || "";
		sLanguage = (sLanguage && M_ISO639_OLD_TO_NEW[sLanguage]) || sLanguage;
		var sRegion = oLocale.getRegion() || "";
		
		if ( sRegion && jQuery.inArray(sLanguage + "_" + sRegion, A_RTL_LOCALES) >= 0 ) {
			return true;
		}
		return jQuery.inArray(sLanguage, A_RTL_LOCALES) >= 0;
	};
	
}());

}; // end of sap.ui.core.Locale
if ( !jQuery.sap.isDeclared('sap.ui.core.Renderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides (optional) base class for all renderers
jQuery.sap.declare("sap.ui.core.Renderer");

/**
 * @class Base Class for Renderer.
 *
 * @author Martin Schaus, Daniel Brinkmann
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.Renderer = {
};

/**
 * Provides some 'extends' functionality for Renderers.<br/> Creates a new
 * object (i.e. static class) that knows its parent (accessible from
 * <code>this._super</code>) and initially forwards method calls to the
 * parents methods.<br/> Methods can be overwritten afterwards as known from
 * JavaScript.
 *
 * @param {object}
 *            oParentClass the definition of the class that should be extended.
 * @return a new class definition that can be enriched.
 * @type object
 * @public
 */
sap.ui.core.Renderer.extend = function(oParentClass) {
	//var oChild = jQuery.extend(new jQuery.sap.newObject(oParentClass), {_super: oParentClass});
	//return oChild;
	var oChild = {_super: oParentClass};
	for(var f in oParentClass) {
		if(typeof(oParentClass[f]) == "function") {
			oChild[f] = (function(){
				var sMethod = f,
					that = oChild;
				return function() {
					return that._super[sMethod].apply(this, arguments);
				};
			}());
		}
	}
	return oChild;
};

/**
 * Returns the TextAlignment for the provided configuration.
 *
 * @param oTextAlign
 *            {sap.ui.core.TextAlign} the text alignment of the Control
 * @param oTextDirection
 *            {sap.ui.core.TextDirection} the text direction of the Control
 * @return the actual text alignment that must be set for this environment
 * @type {string}
 * @private
 */
sap.ui.core.Renderer.getTextAlign = function(oTextAlign, oTextDirection) {
	var sTextAlign = "";
	var oConfig = sap.ui.getCore().getConfiguration();

	switch (oTextAlign) {
	case sap.ui.core.TextAlign.End:
		switch (oTextDirection) {
		case "LTR":
			sTextAlign = "right";
			break;
		case "RTL":
			sTextAlign = "left";
			break;
		default:
			if (oConfig.getRTL()) { // this is really only influenced by the SAPUI5 configuration. The browser does not change alignment with text-direction
				sTextAlign = "left";
			} else {
				sTextAlign = "right";
			}
			break;
		}
		break;
	case sap.ui.core.TextAlign.Begin:
		switch (oTextDirection) {
		case "LTR":
			sTextAlign = "left";
			break;
		case "RTL":
			sTextAlign = "right";
			break;
		default:
			if (oConfig.getRTL()) {
				sTextAlign = "right";
			} else {
				sTextAlign = "left";
			}
			break;
		}
		break;
	case sap.ui.core.TextAlign.Right:
		if (oConfig.getRTL()) {
			if (oTextDirection == "LTR") {
				sTextAlign = "right";
			}
		} else {
			sTextAlign = "right";
		}
		break;
	case sap.ui.core.TextAlign.Center:
		sTextAlign = "center";
		break;
	case sap.ui.core.TextAlign.Left:
		if (oConfig.getRTL()) {
			sTextAlign = "left";
		} else {
			if (oTextDirection == "RTL") {
				sTextAlign = "left";
			}
		}
		break;
	}
	return sTextAlign;
};
}; // end of sap.ui.core.Renderer
if ( !jQuery.sap.isDeclared('sap.ui.core.ScrollBarRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// A renderer for the ScrollBar control
jQuery.sap.declare("sap.ui.core.ScrollBarRenderer");

/**
 * @class ScrollBar renderer.
 * @static
 */
sap.ui.core.ScrollBarRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl Object representation of the control that should be rendered
 */
sap.ui.core.ScrollBarRenderer.render = function(oRenderManager, oScrollBar){

    // convenience variable
	var rm = oRenderManager;
	var bRTL = sap.ui.getCore().getConfiguration().getRTL();


	rm.addClass("sapUiScrollBar");
	
	var sScrollBarTouchClass;
	if (jQuery.support.touch) {
		sScrollBarTouchClass = "sapUiScrollBarTouch"
		rm.addClass(sScrollBarTouchClass);
	}

	// Get Properties
	var bVertical = oScrollBar.getVertical();
	var sSize = oScrollBar.getSize();
	var sContentSize = oScrollBar.getContentSize();
    
	var oBSS = jQuery.sap.scrollbarSize(sScrollBarTouchClass);
	var sWidth = oBSS.width;
	var sHeight = oBSS.height;

	if (bVertical){
		// First div. <div style="overflow:hidden;width:16px;height:200px">
		rm.write("<div");
		rm.writeControlData(oScrollBar);
		rm.write(" style=\"overflow:hidden;width:" + sWidth + "px");
		if (sSize) {
			rm.write(";height:" + sSize);
		}
		rm.write("\"");
		rm.writeClasses();
		rm.write(">");

		// Middle div - ScrollBar itself.
		rm.write("<div ");
		rm.writeAttribute( "id", oScrollBar.getId() + "-sb");
		rm.write(" style=\"width:" + sWidth*2 + "px;height:100%;overflow-y:scroll;overflow-x:hidden");
		if (bRTL) {
			//right to left mode. Special handling for mozilla 3.6 and safari - do not render right margin
			if ((!(jQuery.browser.mozilla && jQuery.browser.fVersion == 3.6)) && (!jQuery.browser.safari)) {
				rm.write(";margin-right:-" + sWidth + "px");
			}
		} else {
			rm.write(";margin-left:-" + sWidth + "px;");
		}
		rm.write("\">");

		//Last div - The content div <div style="height:1000px;width:16px"></div>
		rm.write("<div");
		rm.writeAttribute( "id", oScrollBar.getId() + "-sbcnt");
		rm.write(" style=\"width:" + sWidth + "px");
		if (sContentSize) {
			rm.write(";height:" + sContentSize);
		}
		rm.write("\"");
		rm.write(">");
		rm.write("</div>");
		rm.write("</div>");

		rm.write("<div> <span id=" + oScrollBar.getId() + "-ffsize" +" style='position: absolute; top: -9000px; left: -9000px; visibility: hidden; line-height: normal;'> FF Size</span></div>");
		rm.write("</div>");

	} else {

		// Horizontal Scrollbar
		// First div.    <div style="width:200px;height:16px;overflow:hidden">
		rm.write("<div");
		rm.writeControlData(oScrollBar);
		rm.write(" style=\"overflow:hidden;height:" + sHeight + "px");
		if (sSize) {
			rm.write(";width:" + sSize);
		}
		rm.write("\"");
		rm.writeClasses();
		rm.write(">");

		// Middle div - ScrollBar itself.
		rm.write("<div ");
		rm.writeAttribute( "id", oScrollBar.getId() + "-sb");
        rm.write(" style=\"height:" + sHeight*2 + "px;margin-top:-" + sHeight + "px;overflow-x:scroll;overflow-y:hidden\">");

		//Last div - The content div   <div style="width:1000px;height:16px;"></div>
		rm.write("<div");
		rm.writeAttribute( "id", oScrollBar.getId() + "-sbcnt");
		rm.write(" style=\"height:" + sHeight + "px");
		if (sContentSize) {
			rm.write(";width:" + sContentSize);
		}
		rm.write("\"");
		rm.write(">");
		rm.write("</div>");
		rm.write("</div>");
		rm.write("</div>");
	}
};


/* PURE HTML EXAMPLE, FOR TESTING, FOR EXAMPLE IE9 SCROLLING PROBLEM:
<h1>vertical</h1>
<div style="width:16px;height:200px;overflow:hidden">
<div style="width:32px;height:100%;margin-left:-16px;overflow-y:scroll;overflow-x:hidden" onscroll="document.getElementById('v').innerHTML = this.scrollTop">
<div style="height:1000px;width:16px"></div>
</div>
</div>
<div id="v"></div>

<h1>horizontal</h1>
<div style="width:200px;height:16px;overflow:hidden">
<div style="width:100%;height:32px;margin-top:-16px;overflow-x:scroll;overflow-y:hidden" onscroll="document.getElementById('h').innerHTML = this.scrollLeft">
<div style="width:1000px;height:16px;"></div>
</div>
</div>
<div id="h"></div>

*/
}; // end of sap.ui.core.ScrollBarRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.ThemeCheck') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.ThemeCheck
jQuery.sap.declare("sap.ui.core.ThemeCheck");




(function() {
	
sap.ui._maxThemeCheckCycles = 100;

/**
 * Creates a new ThemeCheck object.
 *
 * @class Helper class used by the UI5 Core to check whether the themes are applied correctly.
 *
 * It could happen that e.g. in onAfterRendering not all themes are available. In these cases the
 * check waits until the CSS is applied and fires an onThemeChanged event.
 *
 * @extends sap.ui.base.Object
 * @since 1.10.0
 * @author SAP AG
 * @constructor
 * @protected
 * @name sap.ui.core.ThemeCheck
 */
sap.ui.base.Object.extend("sap.ui.core.ThemeCheck", /** @lends sap.ui.core.ThemeCheck.prototype */ {

	constructor : function(oCore) {
		this._oCore = oCore;
		this._iCount = 0; // Prevent endless loop
	},
	
	getInterface : function() {
		return this;
	},
	
	fireThemeChangedEvent : function(bOnlyOnInitFail, bForceCheck) {
		clear(this);
		
		var bUseThemeCheck = sap.ui._maxThemeCheckCycles > 0; //Possibility to switch off theme check (except of force mode (for Core.applyTheme))
		
		if(bUseThemeCheck || bForceCheck){
			delayedCheckTheme.apply(this, [true]);
		}
		
		if(!bOnlyOnInitFail && !this._sThemeCheckId){
			this._oCore.fireThemeChanged({theme: this._oCore.getConfiguration().getTheme()});
		}
	}

});

sap.ui.core.ThemeCheck.checkStyle = function(oStyle, bLog){
	if(typeof(oStyle) === "string"){
		oStyle = jQuery.sap.domById(oStyle);
	}
	var $Style = jQuery(oStyle);
	
	try {
		var res = !!oStyle && !!((oStyle.sheet && oStyle.sheet.cssRules.length > 0) || 
        		!!(oStyle.styleSheet && oStyle.styleSheet.cssText.length > 0) || 
        		!!(oStyle.innerHTML && oStyle.innerHTML.length > 0));
		var res2 = $Style.attr("sap-ui-ready");
		res2 = !!(res2 === "true" || res2 === "false");
		if(bLog){
			jQuery.sap.log.debug("ThemeCheck: Check styles '"+$Style.attr("id")+"': "+res+"/"+res2+"/"+!!oStyle);
		}
		return res || res2;
	}catch(e){}
	
	if(bLog){
		jQuery.sap.log.debug("ThemeCheck: Error during check styles '"+$Style.attr("id")+"': false/false/"+!!oStyle);
	}
	return false;
};

function clear(oThemeCheck){
	if(oThemeCheck._sThemeCheckId){
		jQuery.sap.clearDelayedCall(oThemeCheck._sThemeCheckId);
		oThemeCheck._sThemeCheckId = null;
		oThemeCheck._iCount = 0;
	}
};

function checkTheme(oThemeCheck) {
	var mLibs = oThemeCheck._oCore.getLoadedLibraries();
	var res = true;
	for(var lib in mLibs){
		res = res && sap.ui.core.ThemeCheck.checkStyle("sap-ui-theme-"+lib, true);
	}
	
	if(!res){
		jQuery.sap.log.warning("ThemeCheck: Theme not yet applied.");
	}
	return res;
};

function delayedCheckTheme(bFirst) {
	this._iCount++;
	
	var bEmergencyExit = this._iCount > sap.ui._maxThemeCheckCycles;
	
	if(!checkTheme(this) && !bEmergencyExit){
		this._sThemeCheckId = jQuery.sap.delayedCall(2, this, delayedCheckTheme);
	}else if(!bFirst){
		clear(this);
		this._oCore.fireThemeChanged({theme: this._oCore.getConfiguration().getTheme()});
		if(bEmergencyExit){
			jQuery.sap.log.warning("ThemeCheck: max. check cycles reached.");
		}
	}
};

})();
}; // end of sap.ui.core.ThemeCheck
if ( !jQuery.sap.isDeclared('sap.ui.core.ValueStateSupport') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides helper class ValueStateSupport
jQuery.sap.declare("sap.ui.core.ValueStateSupport");

(function() {
	sap.ui.core.ValueStateSupport = {};
	var mTexts = null;


	var ensureTexts = function() {
		if (!mTexts) { // initialize texts if required
			mTexts = {};
			var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.core");
			mTexts[sap.ui.core.ValueState.Error] = rb.getText("VALUE_STATE_ERROR");
			mTexts[sap.ui.core.ValueState.Warning] = rb.getText("VALUE_STATE_WARNING");
			mTexts[sap.ui.core.ValueState.Success] = rb.getText("VALUE_STATE_SUCCESS");
		}
	};


	/**
	 * Appends a generic success, warning or error message to the given tooltip text if the given Element
	 * has a property "valueState" with one of these three states.
	 *
	 * @param {sap.ui.core.Element} oElement the Element of which the tooltip needs to be modified
	 * @param {string} sTooltipText the original tooltip text (may be null)
	 * @returns the given text, with appended success/warning/error text, if appropriate
	 *
	 * @public
	 */
	sap.ui.core.ValueStateSupport.enrichTooltip = function(oElement, sTooltipText) {
		jQuery.sap.assert(oElement instanceof sap.ui.core.Element, "oElement must be an Element");

		if (!sTooltipText && oElement.getTooltip()) {
			return undefined; // this means there is no tooltip text configured, but a tooltip object like a RichTooltip
		}

		if (oElement.getValueState) {
			var state = oElement.getValueState();
			if (state && (state != sap.ui.core.ValueState.None)) { // only for one of the three interesting state, not for the default
				ensureTexts();
				return (sTooltipText ? sTooltipText + " - " : "") + mTexts[state]; // add a suffix to the Tooltip
			}
		}

		return sTooltipText; // when there is no value state
	};


	/**
	 * Returns a generic success, warning or error message if the given Element
	 * has a property "valueState" with one of these three states.
	 *
	 * @param {sap.ui.core.Element} oElement the Element of which the valueState needs to be checked
	 * @returns the success/warning/error text, if appropriate; otherwise null
	 *
	 * @public
	 */
	sap.ui.core.ValueStateSupport.getAdditionalText = function(oElement) {
		var result = null;
		if (oElement.getValueState) {
			var state = oElement.getValueState();
			if (state && (state != sap.ui.core.ValueState.None)) { // only for one of the three interesting state, not for the default
				ensureTexts();
				result = mTexts[state];
			}
		}
		return result;
	};

})();

}; // end of sap.ui.core.ValueStateSupport
if ( !jQuery.sap.isDeclared('sap.ui.core.delegate.ScrollEnablement') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * @namespace
 * @name sap.ui.core.delegate
 * @public
 */

// Provides class sap.ui.core.delegate.ScrollEnablement
jQuery.sap.declare("sap.ui.core.delegate.ScrollEnablement");



(function($) {

	sap.ui.base.Object.extend("sap.ui.core.delegate.ScrollEnablement", /* @lends sap.ui.core.delegate.ScrollEnablement */ {

		/**
		 * Creates a ScrollEnablement delegate that can be attached to Controls requiring
		 * capabilities for scrolling of a certain part of their DOM on mobile devices.
		 *
		 * @class Delegate for touch scrolling on mobile devices
		 *
		 * @author SAP AG
		 *
		 * This delegate uses CSS (-webkit-overflow-scrolling) only if supported. Otherwise the desired
		 * scrolling library is used. Please also consider the documentation
		 * of the library for a proper usage.
		 *
		 * Controls that implement ScrollEnablement should additionally provide the getScrollDelegate method that returns
		 * the current instance of this delegate object
		 *
		 * @extends sap.ui.base.Object
		 * @name sap.ui.core.delegate.ScrollEnablement
		 * @experimental Since 1.5.2. This class is experimental and provides only limited functionality. Also the API might be changed in future.
		 *
		 * @param {sap.ui.core.Control} oControl the Control of which this Scroller is the delegate
		 * @param {string} sScrollContentDom the Id of the element within the DOM of the Control which should be scrollable
		 * @param {object} oConfig the configuration of the scroll delegate
		 * @param {boolean} [oConfig.horizontal=false] Whether the element should be scrollable horizontally
		 * @param {boolean} [oConfig.vertical=false] Whether the element should be scrollable vertically
		 * @param {boolean} [oConfig.zynga=false] If set, then the Zynga scroller (http://zynga.github.com/scroller/) is used otherwise iScroll (http://cubiq.org/iscroll-4) is used.
		 * @param {boolean} [oConfig.preventDefault=false] If set, the default of touchmove is prevented
		 * @param {boolean} [oConfig.nonTouchScrolling=false] If true, the delegate will also be active to allow touch like scrolling with the mouse on non-touch platforms; if set to "scrollbar", there will be normal scrolling with scrollbars and no touch-like scrolling where the content is dragged
		 *
		 * @version 1.12.0
		 * @constructor
		 * @protected
		 */
		constructor : function(oControl, sScrollContentDom, oConfig) {

			sap.ui.base.Object.apply(this);

			this._oControl = oControl;
			this._oControl.addDelegate(this);
			this._sContentId = sScrollContentDom;
			this._bHorizontal = !!oConfig.horizontal;
			this._bVertical = !!oConfig.vertical;
			this._scrollX = 0;
			this._scrollY = 0;
			this._scroller = null;
			this._scrollbarClass = oConfig.scrollbarClass || false;

			initDelegateMembers(this, oConfig);

			if(this._init){
				this._init.apply(this, arguments);
			}
		},

		/**
		 * Enable or disable horizontal scrolling.
		 *
		 * @param {boolean} bHorizontal set true to enable horizontal scrolling, false - to disable
		 * @protected
		 */
		setHorizontal : function(bHorizontal) {
			this._bHorizontal = !!bHorizontal;
			if(this._scroller && this._zynga){
				// Zynga keeps scrolling options internally
				this._scroller.options.scrollingX = this._bHorizontal;
			}
		},

		/**
		 * Enable or disable vertical scrolling.
		 *
		 * @param {boolean} bVertical set true to enable vertical scrolling, false - to disable
		 * @protected
		 */
		setVertical : function(bVertical) {
			this._bVertical = !!bVertical;
			if(this._scroller && this._zynga){
				// Zynga options
				this._scroller.options.scrollingY = this._bVertical;
			}
		},

		/**
		 * Get current setting for horizontal scrolling.
		 *
		 * @return {boolean} true if horizontal scrolling is enabled
		 * @protected
		 * @since 1.9.1
		 */
		getHorizontal : function() {
			return this._bHorizontal;
		},

		/**
		 * Get current setting for vertical scrolling.
		 *
		 * @return {boolean} true if vertical scrolling is enabled
		 * @protected
		 * @since 1.9.1
		 */
		getVertical : function() {
			return this._bVertical;
		},

		/**
		 * Set overflow control on top of scroll container.
		 *
		 * @param {sap.ui.core.Control} top control that should be normally hidden over
		 * the top border of the scroll container (pull-down content).
		 * This function is supported in iScroll delegates only. In MouseScroll delegates the element is not hidden and should have an appropriate rendering for being always displayed and should have an alternative way for triggering (e.g. a Button).
		 * @protected
		 * @since 1.9.2
		 */
		setPullDown : function(oControl) {
			this._oPullDown = oControl;
			return this;
		},

		/**
		 * Sets GrowingList control to scroll container
		 *
		 * @param {sap.m.GrowingList} GrowingList instance
		 * This function is supported in iScroll and mouse delegates only.
		 * @protected
		 * @since 1.11.0
		 */
		setGrowingList : function(oGrowingList, fnScrollLoadCallback) {
			this._oGrowingList = oGrowingList;
			this._fnScrollLoadCallback = jQuery.proxy(fnScrollLoadCallback, oGrowingList);
			return this;
		},

		scrollTo : function(x, y, time) {
			this._scrollX = x; // remember for later rendering
			this._scrollY = y;
			if (this._scroller) {
				if(this._zynga){ // Zynga
					if (!isNaN(time)){
						this._scroller.options.animationDuration = time;
					}
					this._scroller.scrollTo(x, y, !!time);
					
				} else { // iScroll
					this._scroller.scrollTo(-x, -y, time, false);
				} 
			} else { // NativeMouseScroller
				this._scrollTo(x, y, time);
			}
			return this;
		},

		/**
		 * Destroys this Scrolling delegate.
		 *
		 * This function must be called by the control which uses this delegate in the <code>exit</code> function.
		 * @protected
		 */
		destroy : function() {
			if(this._exit){
				this._exit();
			}

			if(this._oControl){
				this._oControl.removeDelegate(this);
				this._oControl = undefined;
			}

			this._isDestroyed = true;
		},

		/**
		 * Refreshes this Scrolling delegate.
		 *
		 * @protected
		 */
		refresh : function() {
			if(this._refresh){
				this._refresh();
			}
		}

	});

	/*
	 * Delegate members for usage of iScroll library
	 */
	var oIScrollDelegate = {
		_refresh : function() {
			if (this._scroller && this._sContentId && $.sap.domById(this._sContentId)) {
				this._scroller.refresh();
			}
		},

		_cleanup : function() {
			if(this._sScrollerResizeListenerId){
				sap.ui.core.ResizeHandler.deregister(this._sScrollerResizeListenerId);
				this._sScrollerResizeListenerId = null;
			}

			if(this._sContentResizeListenerId){
				sap.ui.core.ResizeHandler.deregister(this._sContentResizeListenerId);
				this._sContentResizeListenerId = null;
			}

			if (this._scroller) {
				this._scroller.stop();
				this._scrollX = -this._scroller.x; // remember position for after rendering
				this._scrollY = -this._scroller.y;
				this._scroller.destroy();
				this._scroller = null;
			}
		},

		onBeforeRendering : function() {
			this._cleanup();
		},

		onAfterRendering : function() {
			var that = this,
				bBounce = false;

			// Platform-specific behavior, but enable bounce for pull down, if needed
			if($.os.ios || this._oPullDown) {
				bBounce = true;
			}

			var $Content = $.sap.byId(this._sContentId);
			this._sScrollerId = $Content.parent().attr("id");

			// Fix for displaced edit box overlay on scrolled pages in Android 4.0.x browser:
			// Also for Android 2.3.4 devices it is not possible to scroll inside textarea if transform is switched on
			var bDontUseTransform = $.os.android &&
			!$.browser.chrome &&
			($.os.fVersion == 4 || !$.os.version.indexOf("2.3.4")) &&
			$Content.find("input,textarea").length;

			this._iTopOffset = this._oPullDown && this._oPullDown.getDomRef && this._oPullDown.getDomRef().offsetHeight || 0;

			this._scroller = new window.iScroll(this._sScrollerId, {
				useTransition: true,
				useTransform: !bDontUseTransform,
				hideScrollbar: true,
				fadeScrollbar: true,
				bounce: bBounce,
				momentum: true,
				handleClick: false,	/* implicitly set to false otherwise we have double click event */
				hScroll: this._bHorizontal,
				vScroll: this._bVertical,
				topOffset: this._iTopOffset,
				scrollbarClass: this._scrollbarClass,
				onBeforeScrollStart: function(oEvent) {
					// A touch on a scrolling list means "stop scrolling" and not a tap.
					if(that._isScrolling){
						// Do not allow core to convert touchstart+touchend into a tap event during scrolling:
						oEvent.stopPropagation();
						// Disable native HTML behavior on <a> elements:
						oEvent.preventDefault();
					}
					// Workaround for problems with active input and textarea: close keyboard on scroll start
					var rIsTextField = /(INPUT|TEXTAREA)/i,
					oActiveEl = document.activeElement,
					oTarget = oEvent.target,
					$Target = $(oTarget);

					if (oActiveEl && rIsTextField.test(oActiveEl.tagName) &&
							!(rIsTextField.test(oTarget.tagName) || $Target.hasClass("sapMInputBasePlaceholder") || $Target.hasClass("sapMSFR")) ) {
						$.sap.log.debug("Close active input by scroll start");
						oActiveEl.blur();
					}
				},
				onScrollEnd: function() {
					if (that._scroll) { // that.scroll can be undefined when scrolled into the empty place
						that._scrollX = -that._scroll.x;
						that._scrollY = -that._scroll.y;
					}
					if (that._oPullDown) {
						that._oPullDown.doScrollEnd();
					}
					if (that._oGrowingList && that._fnScrollLoadCallback) {
						// start loading if 75% of the scroll container is scrolled
						var scrollThreshold = Math.floor(this.wrapperH / 4);
						var bInLoadingLimit = -this.maxScrollY + this.y < scrollThreshold;
						
						// user needs to scroll bottom and must be in loading range
						if (this.dirY > 0 && bInLoadingLimit) {
							that._fnScrollLoadCallback();
						}
						
					}
					that._isScrolling = false;
				},
				onRefresh: function(){
					if (that._oPullDown) {
						that._oPullDown.doRefresh();
					}
				},
				onScrollMove: function(){
					that._isScrolling = true;
					if (that._oPullDown) {
						that._oPullDown.doScrollMove();
					}
				}
			});

			// Traverse the parents and check if any has a ScrollDelegate with the same vertical or horizontal scroll.
			// Controls that implement ScrollEnablement should provide the getScrollDelegate method.
			for (var oParent = this._oControl; oParent = oParent.oParent;) {
				var oSD = oParent.getScrollDelegate ? oParent.getScrollDelegate() : null;
				if(oSD && (oSD.getVertical() && this.getVertical() || oSD.getHorizontal() && this.getHorizontal())){
					this._scroller._sapui_isNested = true;
					break;
				}
			}

			// SAP modification: disable nested scrolling.
			this._scroller._move = function(oEvent){

				if(oEvent._sapui_handledByControl){ return; }

				// Enable scrolling of outer container when the inner container is scrolled to the end
				// so that a user can "pull out" contents that have been accidentally moved outside of
				// the scrolling container by momentum scrolling.
				if(this._sapui_isNested){
					oEvent._sapui_handledByControl =
						!(this.dirY < 0 && this.y >= 0) &&
						!(this.dirY > 0 && this.y <= this.maxScrollY) &&
						!(this.dirX < 0 && this.x >= 0) &&
						!(this.dirX > 0 && this.x <= this.maxScrollX);
				}
				window.iScroll.prototype._move.call(this,oEvent);
			};

			// re-apply scrolling position after rendering
			if(this._scrollX != -this._scroller.x || this._scrollY != -this._scroller.y){
				this._scroller.scrollTo(-this._scrollX, -this._scrollY, 0);
			}

			//TODO Prevent a double refresh
			this._sScrollerResizeListenerId = sap.ui.core.ResizeHandler.register(
				$.sap.domById(this._sScrollerId),
				$.proxy(function(){
					if((!this._sContentId || !$.sap.domById(this._sContentId)) && this._sScrollerResizeListenerId){
						sap.ui.core.ResizeHandler.deregister(this._sScrollerResizeListenerId);
						this._sScrollerResizeListenerId = null;
					}else{
						this._refresh();
					}
				}, this)
			);

			this._sContentResizeListenerId = sap.ui.core.ResizeHandler.register(
				$.sap.domById(this._sContentId),
				$.proxy(function(){
					if((!this._sContentId || !$.sap.domById(this._sContentId)) && this._sContentResizeListenerId){
						sap.ui.core.ResizeHandler.deregister(this._sContentResizeListenerId);
						this._sContentResizeListenerId = null;
					}else{
						this._refresh();
					}
				}, this)
			);
		},

		ontouchmove : function(oEvent) {
			if(this._preventTouchMoveDefault) {
				//Prevent the default touch action e.g. scrolling the whole page
				oEvent.preventDefault();
			}
		}
	};

	/*
	 * Delegate members for usage of Zynga library
	 */
	var oZyngaDelegate = {
		_refresh : function() {
			if (this._scroller && this._sContentId && $.sap.domById(this._sContentId)) {
				var jContent = $.sap.byId(this._sContentId);
				var jContainer = jContent.parent();
				this._scroller.setDimensions(jContainer.width(), jContainer.height(), jContent.width(), jContent.height());
			}
		},

		_cleanup : function() {
			if(this._sScrollerResizeListenerId){
				sap.ui.core.ResizeHandler.deregister(this._sScrollerResizeListenerId);
				this._sScrollerResizeListenerId = null;
			}

			if(this._sContentResizeListenerId){
				sap.ui.core.ResizeHandler.deregister(this._sContentResizeListenerId);
				this._sContentResizeListenerId = null;
			}

			if (this._scroller) {
				var oVals = this._scroller.getValues();
				this._scrollX = oVals.left; // remember position for after rendering
				this._scrollY = oVals.top;
			}
		},

		onBeforeRendering : function() {
			this._cleanup();
		},

		onAfterRendering : function() {
			this._refresh();

			this._scroller.scrollTo(this._scrollX, this._scrollY, false);

			this._sContentResizeListenerId = sap.ui.core.ResizeHandler.register(
				$.sap.domById(this._sContentId),
				$.proxy(function(){
					if((!this._sContentId || !$.sap.domById(this._sContentId)) && this._sContentResizeListenerId){
						sap.ui.core.ResizeHandler.deregister(this._sContentResizeListenerId);
						this._sContentResizeListenerId = null;
					}else{
						this._refresh();
					}
				}, this)
			);
		},

		ontouchstart : function(oEvent) {
			// Don't react if initial down happens on a form element
			if (oEvent.target.tagName.match(/input|textarea|select/i)) {
				return;
			}

			this._scroller.doTouchStart(oEvent.touches, oEvent.timeStamp);
		},

		ontouchend : function(oEvent) {
			this._scroller.doTouchEnd(oEvent.timeStamp);
		},

		ontouchmove : function(oEvent) {
			this._scroller.doTouchMove(oEvent.touches, oEvent.timeStamp);
			if(this._preventTouchMoveDefault) {
				//Prevent the default touch action e.g. scrolling the whole page
				oEvent.preventDefault();
			} else {
				// Zynga relies on default browser behavior and
				// the app.control prevents default at window level in initMobile
				oEvent.stopPropagation();
			}
		}
	};



	var oNativeMouseScrollDelegate = {

		onBeforeRendering: function() {
			var $Container = $.sap.byId(this._sContentId).parent();
			if ($Container.length > 0) {
				this._scrollX = $Container.scrollLeft(); // remember position for after rendering
				this._scrollY = $Container.scrollTop();
				$Container.unbind("scroll", this._onScroll);
			}
		},
		
		_onScroll: function(event) {
			var $this = $(this);
			var iContainerHeight = $this.height();
			if(this.scrollHeight - $this.scrollTop() - iContainerHeight < 100) {
				// close to the bottom
				// TODO: if scrolling down
				event.data.callback();
			}
		},
		
		onAfterRendering: function() {
			var $Container = $.sap.byId(this._sContentId).parent();
			
			// make container scrollable into the configured directions
			$Container
				.css("overflow-x", this._bHorizontal ? "auto" : "hidden")
				.css("overflow-y", this._bVertical ? "auto" : "hidden");
			
			// apply the previous scroll state
			$Container.scrollLeft(this._scrollX).scrollTop(this._scrollY);
			
			// if a GrowingList wants to be informed, track the scrolling and call it once required
			if (this._oGrowingList && this._fnScrollLoadCallback) {
				$Container.scroll({callback: this._fnScrollLoadCallback}, this._onScroll);
			}
		},
		
		_scrollTo: function(x, y, time) { // time is ignored
			var $Container = $.sap.byId(this._sContentId).parent();
			if ($Container.length > 0) {
				if (time > 0) {
					$Container.animate({ scrollTop: y, scrollLeft: x }, time);
				} else {
					$Container.scrollTop(y); 
					$Container.scrollLeft(x);
				}
			}
		}
	};



	/*
	 * Init delegator prototype according to various conditions.
	 */
	function initDelegateMembers(oScrollerInstance, oConfig) {
		var oDelegateMembers;

		if (!$.support.touch && !$.sap.simulateMobileOnDesktop && !oConfig.nonTouchScrolling) {  //TODO: Maybe find some better criteria
			// nothing to do on desktop browsers when disabled
			oDelegateMembers = {};
			
		} else if(!$.support.touch && !$.sap.simulateMobileOnDesktop && oConfig.nonTouchScrolling === "scrollbar") {
			// non-touch platforms with scrolling type "mouse"
			oDelegateMembers = {
				_init : function(oControl, sScrollContentId, oConfig) {
					$.extend(this, oNativeMouseScrollDelegate);
				}
			};
			
		} else {
			$.sap.require("jquery.sap.mobile");

			oDelegateMembers = {
				_init : function(oControl, sScrollContentDom, oConfig) {

					function createZyngaScroller(contentId, horizontal, vertical){
						var oScroller = new window.Scroller(function(left, top, zoom){
								var jContainer = $.sap.byId(contentId).parent();
								jContainer.scrollLeft(left);
								jContainer.scrollTop(top);
							}, {
								scrollingX: horizontal,
								scrollingY: vertical,
								bouncing: false
						});
						return oScroller;
					}

					// What library to use?:
					var sLib = oConfig.zynga? "z":"i";
					// TODO: sLib = "n" for native scrolling?

					// Initialization
					this._preventTouchMoveDefault = !!oConfig.preventDefault;
					this._scroller = null;

					switch (sLib) {
						case "z": // Zynga library
							$.sap.require("sap.ui.thirdparty.zyngascroll");
							$.extend(this, oZyngaDelegate);
							this._zynga = true;
							this._scroller = createZyngaScroller(this._sContentId, this._bHorizontal, this._bVertical);
							break;
						default: // iScroll library
							$.sap.require("sap.ui.thirdparty.iscroll");
							$.extend(this, oIScrollDelegate);
							break;
					}
				},

				_exit : function() {
					if(this._cleanup){ this._cleanup(); }
					this._scroller = null;
				}
			};
		}

		// Copy over members to prototype
		$.extend(oScrollerInstance, oDelegateMembers);
	}

}(jQuery));
}; // end of sap.ui.core.delegate.ScrollEnablement
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.ViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for View
jQuery.sap.declare("sap.ui.core.mvc.ViewRenderer");

/**
 * @class View renderer.
 * @static
 */
sap.ui.core.mvc.ViewRenderer = {
};

sap.ui.core.mvc.ViewRenderer.addDisplayClass = function(rm, oControl) {
	if (oControl.getDisplayBlock() || (oControl.getWidth() === "100%" && oControl.getHeight() === "100%")) {
		rm.addClass("sapUiViewDisplayBlock");
	}
};
}; // end of sap.ui.core.mvc.ViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.XMLViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for XMLView
jQuery.sap.declare("sap.ui.core.mvc.XMLViewRenderer");


sap.ui.core.mvc.XMLViewRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.mvc.XMLView} oControl an object representation of the control that should be rendered
 */
sap.ui.core.mvc.XMLViewRenderer.render = function(rm, oControl) {

	// write the HTML into the render manager
	var $oldContent = oControl._$oldContent = sap.ui.core.RenderManager.findPreservedContent(oControl.getId());
	if ( $oldContent.length === 0 ) {
		// jQuery.sap.log.debug("rendering " + oControl + " anew");
		var bSubView = oControl.isSubView();
		if(!bSubView){
			rm.write("<div");
			rm.writeControlData(oControl);
			rm.addClass("sapUiView");
			rm.addClass("sapUiXMLView");
			sap.ui.core.mvc.ViewRenderer.addDisplayClass(rm, oControl);
			rm.writeAttribute("data-sap-ui-preserve", oControl.getId());

			if (oControl.getWidth()) {
				rm.addStyle("width", oControl.getWidth());
			}
			if (oControl.getHeight()) {
				rm.addStyle("height", oControl.getHeight());
			}
			rm.writeStyles();

			rm.writeClasses();

			rm.write(">");
		}
		for (var i = 0; i < oControl._aParsedContent.length; i++) {
			var fragment = oControl._aParsedContent[i];
			if(fragment && typeof(fragment) === "string") {
				rm.write(fragment);
			} else {
				rm.renderControl(fragment);
			}
		}
		if (!bSubView) {
			rm.write("</div>");
		}

	} else {

		// jQuery.sap.log.debug("rendering placeholder instead of " + oControl + " (preserved dom)");
		// preserve mode: render only root tag and child controls
		rm.write('<div id="sap-ui-dummy-' + oControl.getId() + '" class="sapUiHidden">');
		for (var i = 0; i < oControl._aParsedContent.length; i++) {
			var fragment = oControl._aParsedContent[i];
			if( typeof(fragment) !== "string") {
				// jQuery.sap.log.debug("replacing preserved DOM for child " + fragment + " with a placeholder");
				jQuery.sap.byId(fragment.getId(), $oldContent).replaceWith('<div id="sap-ui-dummy-' + fragment.getId() + '" class="sapUiHidden"/>');
				rm.renderControl(fragment);
			}
		}
		rm.write('</div>');

	}
};

}; // end of sap.ui.core.mvc.XMLViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.theming.Parameters') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * @namespace
 * @name sap.ui.core.theming
 * @public
 */

jQuery.sap.declare("sap.ui.core.theming.Parameters");


(function(){

	/**
	 * A helper used for (read-only) access to CSS parameters at runtime.
	 *
	 * @class A helper used for (read-only) access to CSS parameters at runtime
	 * @author SAP AG
	 * @static
	 *
	 * @public
	 */
	sap.ui.core.theming.Parameters = {};

	var mParameters = null;

	var resetParameters = function() {
		mParameters = null;
	};

	var getParameters = function() {
		if (!mParameters) {

			var aJsonUrls = [];
			jQuery("link[id^=sap-ui-theme-]").each(function() {
				aJsonUrls.push(this.href.replace(/\/library([^\/.]*)\.(?:css|less)($|[?#])/, function($0,$1,$2) {
					return "/library-parameters" + $1 + ".json" + ($2 ? $2 : "");
				}));
			});
			
			mParameters = {};

			for (var i = 0; i < aJsonUrls.length; i++) {
				var sUrl = aJsonUrls[i];

				var oResponse = jQuery.sap.sjax({url:sUrl,dataType:'json'});
				if (oResponse.success) {
					var oResult = (typeof oResponse.data == "string") ? jQuery.parseJSON(oResponse.data) : oResponse.data;
					if ( jQuery.isArray(oResult) ) {
						for(var j=0; j<oResult.length; j++) {
						  mParameters = jQuery.extend(mParameters, oResult[j]);
						}
					} else {
					  mParameters = jQuery.extend(mParameters, oResult);
					}
				} else {
					// ignore failure at least temporarily as long as there are libraries built using outdated tools which produce no json file
					jQuery.sap.log.warning("Could not load theme parameters from: " + sUrl); // could be an error as well, but let's avoid more CSN messages...
				}
			}
		}
		return mParameters;
	};


	/**
	 * Returns the current value for the given CSS parameter.
	 * If no parameter is given, a map containing all parameters is returned. This map is a copy, so changing values in the map does not have any effect.
	 * For any other input or an undefined parameter name, the result is undefined.
	 *
	 * @param {string} sName the CSS parameter name
	 * @returns the CSS parameter value
	 *
	 * @public
	 */
	sap.ui.core.theming.Parameters.get = function(sName) {

		if (arguments.length == 1) {
			return getParameters()[sName];

		} else if (arguments.length == 0) {
			var clone = {};
			return jQuery.extend(clone, getParameters());

		} else {
			return undefined;
		}
	};
	
	/**
	 * Resets the CSS parameters which finally will reload the parameters the
	 * next time they are queried via the method <code>get</code>.
	 * 
	 * @public
	 */
	sap.ui.core.theming.Parameters.reset = function() {
		resetParameters();
	};

}());

}; // end of sap.ui.core.theming.Parameters
if ( !jQuery.sap.isDeclared('sap.ui.debug.LogViewer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a log viewer for debug purposes
jQuery.sap.declare("sap.ui.debug.LogViewer");

/**
 * Constructs a LogViewer in the given window, embedded into the given DOM element.
 * If the DOM element doesn't exist, a DIV is created.
 *
 * @param {Window} oTargetWindow the window where the log will be displayed in
 * @param {sRootId} sRootId id of the top level element that will contain the log entries
 *
 * @class HTML LogViewer that displays all entries of a Logger, as long as they match a filter and a minimal log level
 */
sap.ui.debug.LogViewer = function(oWindow, sRootId) {
	this.oWindow = oWindow;
	this.oDomNode = oWindow.document.getElementById(sRootId);
	if (!this.oDomNode) {
		var oDiv = this.oWindow.document.createElement("DIV");
		oDiv.setAttribute("id", sRootId);
		oDiv.style.overflow="auto";
		oDiv.style.tabIndex="-1";
		oDiv.style.position="absolute";
		oDiv.style.bottom="0px";
		oDiv.style.left="0px";
		oDiv.style.right="202px";
		oDiv.style.height="200px";
		oDiv.style.border="1px solid gray";
		oDiv.style.fontFamily = "Arial monospaced for SAP,monospace";
		oDiv.style.fontSize   = "11px";
		this.oWindow.document.body.appendChild(oDiv);
		this.oDomNode = oDiv;
	}
	this.iLogLevel = 3; /* jQuery.sap.log.LogLevel.INFO */
	this.sLogEntryClassPrefix = undefined;
	this.clear();
	this.setFilter(sap.ui.debug.LogViewer.NO_FILTER);
};

sap.ui.debug.LogViewer.NO_FILTER = function(oLogMessage) { return true; };

sap.ui.debug.LogViewer.prototype.clear = function() {
	this.oDomNode.innerHTML = "";
};

/**
 * Returns an XML escaped version of a given string sText
 * @param {string} sText the string that is escaped.
 * @return {string} an XML escaped version of a given string sText
 * @private
 */
sap.ui.debug.LogViewer.xmlEscape = function(sText) {
	sText = sText.replace(/\&/g, "&amp;");
	sText = sText.replace(/\</g, "&lt;");
	sText = sText.replace(/\"/g, "&quot;");
	return sText;
};
/**
 * Renders a single log entry to the DOM. Could be overwritten in subclasses.
 * @protected
 */
sap.ui.debug.LogViewer.prototype.addEntry = function(oLogEntry) {

	var oDomEntry = this.oWindow.document.createElement("div");

	// style the entry
	if ( this.sLogEntryClassPrefix ) {
		// note: setting a class has only an effect when the main.css is loaded (testsuite)
		oDomEntry.className = this.sLogEntryClassPrefix + oLogEntry.level;
	} else {
		oDomEntry.style.overflow="hidden";
		oDomEntry.style.textOverflow="ellipsis";
		oDomEntry.style.height="1.3em";
		oDomEntry.style.width="100%";
		oDomEntry.style.whiteSpace="noWrap";
	}

	// create text as text node
	var sText = sap.ui.debug.LogViewer.xmlEscape(oLogEntry.time + "  " + oLogEntry.message),
		oTextNode = this.oWindow.document.createTextNode(sText);
	oDomEntry.appendChild(oTextNode);
	oDomEntry.title = oLogEntry.message;

	// filter
	oDomEntry.style.display = this.oFilter(sText) ? "" : "none";

	this.oDomNode.appendChild(oDomEntry);

	return oDomEntry;
};

sap.ui.debug.LogViewer.prototype.fillFromLogger = function(iFirstEntry) {
	this.clear();
	this.iFirstEntry = iFirstEntry;
	if ( !this.oLogger ) {
		return;
	}

	// when attached to a log, clear the dom node and add all entries from the log
	var aLog = this.oLogger.getLog();
	for (var i=this.iFirstEntry,l=aLog.length;i<l;i++) {
		if ( aLog[i].level <= this.iLogLevel ) {
			this.addEntry(aLog[i]);
		}
	}

	this.scrollToBottom();
};

sap.ui.debug.LogViewer.prototype.scrollToBottom = function() {
	this.oDomNode.scrollTop = this.oDomNode.scrollHeight;
};

sap.ui.debug.LogViewer.prototype.truncate = function() {
	this.clear();
	this.fillFromLogger(this.oLogger.getLog().length);
};

sap.ui.debug.LogViewer.prototype.setFilter = function(oFilter) {
	this.oFilter = oFilter = oFilter || sap.ui.debug.LogViewer.NO_FILTER;
	var childNodes = this.oDomNode.childNodes;
	for (var i=0,l=childNodes.length; i<l; i++) {
		var sText = childNodes[i].innerText;
		if (!sText) {
			sText = childNodes[i].innerHTML;
		}
		childNodes[i].style.display = oFilter(sText) ? "" : "none";
	}
	this.scrollToBottom();
};

sap.ui.debug.LogViewer.prototype.setLogLevel = function(iLogLevel) {
	this.iLogLevel = iLogLevel;
	if ( this.oLogger ) {
		this.oLogger.setLevel(iLogLevel);
	}
	// fill and filter again
	this.fillFromLogger(this.iFirstEntry);
};

sap.ui.debug.LogViewer.prototype.lock = function() {
	this.bLocked = true;
	//this.oDomNode.style.backgroundColor = 'gray'; // marker for 'locked' state
};

sap.ui.debug.LogViewer.prototype.unlock = function() {
	this.bLocked = false;
	//this.oDomNode.style.backgroundColor = ''; // clear 'locked' marker
	this.fillFromLogger(0);
	// this.addEntry({ time : '---------', message: '---------------', level : 3});
};

sap.ui.debug.LogViewer.prototype.onAttachToLog = function(oLogger) {
	this.oLogger = oLogger;
	this.oLogger.setLevel(this.iLogLevel);
	if ( !this.bLocked ) {
		this.fillFromLogger(0);
	}
};

sap.ui.debug.LogViewer.prototype.onDetachFromLog = function(oLogger) {
	this.oLogger = undefined;
	this.fillFromLogger(0); // clears the viewer
};

sap.ui.debug.LogViewer.prototype.onLogEntry = function(oLogEntry) {
	if ( !this.bLocked ) {
		var oDomRef = this.addEntry(oLogEntry);
		if ( oDomRef && oDomRef.style.display !== 'none' ) {
			this.scrollToBottom();
		}
	}
};
}; // end of sap.ui.debug.LogViewer
if ( !jQuery.sap.isDeclared('sap.ui.model.BindingMode') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides enumeration sap.ui.model.FilterOperator
jQuery.sap.declare("sap.ui.model.BindingMode");

/**
* @class
* Binding type definitions.
*
* @static
* @public
*/
sap.ui.model.BindingMode = {

		/**
		 * BindingMode default means that the binding mode of the model is used
		 * @public
		 */
		Default: "Default",

		/**
		 * BindingMode one time means value is only read from the model once
		 * @public
		 */
		OneTime: "OneTime",

		/**
		 * BindingMode one way means from model to view
		 * @public
		 */
		OneWay: "OneWay",

		/**
		 * BindingMode two way means from model to view and vice versa
		 * @public
		 */
		TwoWay: "TwoWay"

};
}; // end of sap.ui.model.BindingMode
if ( !jQuery.sap.isDeclared('sap.ui.model.ChangeReason') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides enumeration for changes in model
jQuery.sap.declare("sap.ui.model.ChangeReason");

/**
* @class
* Change Reason for ListBindings.
*
* @static
* @public
*/
sap.ui.model.ChangeReason = {

		/**
		 * The list was sorted
		 * @public
		 */
		Sort: "sort",

		/**
		 * The List was filtered
		 * @public
		 */
		Filter: "filter",

		/**
		 * The list has changed
		 * @public
		 */
		Change: "change",

		/**
		 * The list context has changed
		 * @public
		 */
		Context: "context"

};
}; // end of sap.ui.model.ChangeReason
if ( !jQuery.sap.isDeclared('sap.ui.model.FilterOperator') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides enumeration sap.ui.model.FilterOperator
jQuery.sap.declare("sap.ui.model.FilterOperator");

/**
* @class
* Operators for the Filter.
*
* @static
* @public
*/
sap.ui.model.FilterOperator = {
		/**
		 * FilterOperator equals
		 * @public
		 */
		EQ: "EQ",

		/**
		 * FilterOperator not equals
		 * @public
		 */
		NE: "NE",

		/**
		 * FilterOperator less than
		 * @public
		 */
		LT: "LT",

		/**
		 * FilterOperator less or equals
		 * @public
		 */
		LE: "LE",

		/**
		 * FilterOperator greater than
		 * @public
		 */
		GT: "GT",

		/**
		 * FilterOperator greater or equals
		 * @public
		 */
		GE: "GE",

		/**
		 * FilterOperator between
		 * @public
		 */
		BT: "BT",

		/**
		 * FilterOperator contains
		 * @public
		 */
		Contains: "Contains",

		/**
		 * FilterOperator starts with
		 * @public
		 */
		StartsWith: "StartsWith",

		/**
		 * FilterOperator ends with
		 * @public
		 */
		EndsWith: "EndsWith"
};
}; // end of sap.ui.model.FilterOperator
if ( !jQuery.sap.isDeclared('sap.ui.model.FormatException') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a filter for list bindings
jQuery.sap.declare("sap.ui.model.FormatException");


/**
 * FormatException class
 *
 * This exception is thrown, when an error occurs while trying to convert a value of the model to
 * a specific property value in the UI.
 *
 */
sap.ui.model.FormatException = function(message) {
	this.name = "FormatException";
	this.message = message;
};
sap.ui.model.FormatException.prototype = jQuery.sap.newObject(sap.ui.base.Exception.prototype);
}; // end of sap.ui.model.FormatException
if ( !jQuery.sap.isDeclared('sap.ui.model.ParseException') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a filter for list bindings
jQuery.sap.declare("sap.ui.model.ParseException");


/**
 * ParseException class
 *
 * This exception is thrown, when a parse error occurs while converting a
 * string value to a specific property type in the model.
 */
sap.ui.model.ParseException = function(message) {
	this.name = "ParseException";
	this.message = message;
};
sap.ui.model.ParseException.prototype = jQuery.sap.newObject(sap.ui.base.Exception.prototype);
}; // end of sap.ui.model.ParseException
if ( !jQuery.sap.isDeclared('sap.ui.model.Sorter') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the concept of a sorter for list bindings
jQuery.sap.declare("sap.ui.model.Sorter");

/**
 *
 * Constructor for Sorter
 *
 * @class
 * Sorter for the list binding
 * This object defines the sort order for the list binding.
 *
 *
 * @param {String} sPath the binding path used for sorting
 * @param {boolean} [bDescending=false] whether the sort order should be descending
 * @param {boolean|function} vGroup configure grouping of the content, can either be true to enable grouping
 *        based on the raw model property value, or a function which calculates the group value out of the 
 *        context (e.g. oContext.getProperty("date").getYear() for year grouping). The control needs to
 *        implement the grouping behaviour for the aggregation which you want to group.
 * @public
 * @name sap.ui.model.Sorter
 */
sap.ui.base.Object.extend("sap.ui.model.Sorter", /** @lends sap.ui.model.Sorter */ {
	
	constructor : function(sPath, bDescending, vGroup){
		this.sPath = sPath;
		this.bDescending = bDescending;
		this.vGroup = vGroup;
		if (typeof vGroup == "boolean" && vGroup) {
			this.fnGroup = function(oContext) {
				jQuery.sap.log.warning(this.sPath);
				return oContext.getProperty(this.sPath);
			}
		}
		if (typeof vGroup == "function") {
			this.fnGroup = vGroup;
		}
	}

});

/**
 * Creates a new subclass of class sap.ui.model.Sorter with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.Sorter.extend
 * @function
 */

}; // end of sap.ui.model.Sorter
if ( !jQuery.sap.isDeclared('sap.ui.model.Type') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.Type");


/**
 * Constructor for a new Type.
 *
 * @class
 * This is an abstract base class for type objects.
 * @abstract
 *
 * @extends sap.ui.base.Object
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @name sap.ui.model.Type
 */
sap.ui.base.Object.extend("sap.ui.model.Type", /** @lends sap.ui.model.Type */ {
	
	constructor : function () {
		sap.ui.base.Object.apply(this, arguments);
		this.sName = "Type";
	},

	metadata : {
		"abstract" : true,
		publicMethods : [
	    // methods
	    "getName"
	  ]
	}
	
});

/**
 * Creates a new subclass of class sap.ui.model.Type with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.Type.extend
 * @function
 */


/**
 * Returns the name of this type.
 *
 * @return {String} the name of this type
 * @public
 */
sap.ui.model.Type.prototype.getName = function() {
	return this.sName;
};
}; // end of sap.ui.model.Type
if ( !jQuery.sap.isDeclared('sap.ui.model.ValidateException') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a filter for list bindings
jQuery.sap.declare("sap.ui.model.ValidateException");


/**
 * ValidateException class
 *
 * This exception is thrown, when a validation error occurs while checking the
 * defined constraints for a type.
 */
sap.ui.model.ValidateException = function(message, violatedConstraints) {
	this.name = "ValidateException";
	this.message = message;
	this.violatedConstraints = violatedConstraints;
};
sap.ui.model.ValidateException.prototype = jQuery.sap.newObject(sap.ui.base.Exception.prototype);

}; // end of sap.ui.model.ValidateException
if ( !jQuery.sap.isDeclared('sap.ui.model.odata.Filter') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a filter for list bindings
jQuery.sap.declare("sap.ui.model.odata.Filter");


/**
 * Constructor for Filter
 *
 * @class
 * Filter for the list binding
 *
 * @param {string} sPath the binding path for this filter
 * @param {object[]} aValues Array of FilterOperators and their values: [{operator:"GE",value1:"val1"},{operator:"LE",value1:"val1"},{operator:"BT",value1:"val1",value2:"val2"}]
 * @param {boolean} [bAND=true] If true the values from aValues will be ANDed; otherwise ORed
 * @public
 * @name sap.ui.model.odata.Filter
 */
sap.ui.base.Object.extend("sap.ui.model.odata.Filter", /** @lends sap.ui.model.odata.Filter */ {
	
	constructor : function(sPath, aValues, bAND){
		this.sPath = sPath;
		this.aValues = aValues;
		this.bAND = bAND == undefined ? true : bAND;
	}

});

}; // end of sap.ui.model.odata.Filter
if ( !jQuery.sap.isDeclared('sap.ui.model.odata.ODataMetadata') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */



// Provides class sap.ui.model.odata.ODataMetadata
jQuery.sap.declare("sap.ui.model.odata.ODataMetadata");

/**
 * Constructor for a new ODataMetadata.
 *
 * @param {object} oMetadata the parsed metadata object provided by datajs
 *
 * @class
 * Implementation to access oData metadata
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @name sap.ui.model.odata.ODataMetadata
 * @extends sap.ui.base.Object
 */
sap.ui.base.Object.extend("sap.ui.model.odata.ODataMetadata", /** @lends sap.ui.model.odata.ODataMetadata */ {
	
	constructor : function(oMetadata) {
	
		this.oMetadata = oMetadata;
	},
	
	metadata : {
		publicMethods : ["getServiceMetadata"]
	}
	
});

/**
 * Creates a new subclass of class sap.ui.model.odata.ODataMetadata with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.odata.ODataMetadata.extend
 * @function
 */

/**
 * Return the metadata object
 *
 * @return {Object} metdata object
 * @public
 */
sap.ui.model.odata.ODataMetadata.prototype.getServiceMetadata = function() {
	return this.oMetadata;
};


/**
 * Extract the entity type name of a given sPath. Also navigation properties in the path will be followed to get the right entity type for that property.
 * eg. 
 * /Categories(1)/Products(1)/Category --> will get the Categories entity type
 * /Products --> will get the Products entity type
 * @return {object} the entity type or null if not found
 */
sap.ui.model.odata.ODataMetadata.prototype._getEntityTypeByPath = function(sPath) {
	if (!sPath) {
		jQuery.sap.assert(undefined, "sPath not defined!");
		return null;
	}
	if (!this.oMetadata || jQuery.isEmptyObject(this.oMetadata)) {
		jQuery.sap.assert(undefined, "No metadata loaded!");
		return null;
	}
	// remove starting and trailing / 
	var sCandidate = sPath.replace(/^\/|\/$/g, ""),
		aParts = sCandidate.split("/"),
		iLength = aParts.length,
		aAssociationName,
		oAssociation,
		oParentEntityType,
		oEnd,		
		aEntityTypeName,
		oEntityType,
		that = this;
	
	// remove key from first path segment if any (e.g. Products(555) --> Products)
	if (aParts[0].indexOf("(") != -1){
		aParts[0] = aParts[0].substring(0,aParts[0].indexOf("("));
	}
	
	if (iLength > 1 ) {
		// check if navigation property is used
		// e.g. Categories(1)/Products(1)/Category --> Category is a navigation property so we need the collection Categories
		
		oParentEntityType = that._getEntityTypeByPath(aParts[0]);
		
		for (var i = 1; i < aParts.length; i++ ){
			if (oParentEntityType) {
				// remove key from current part if any
				if (aParts[i].indexOf("(") != -1){
					aParts[i] = aParts[i].substring(0,aParts[i].indexOf("("));					
				}
				// check for navigation properties
				// if no navigation property found we assume that the current part is a normal property so we return the current oParentEntityType
				// which is the parent entity type of that property
				if (oParentEntityType.navigationProperty) {
					jQuery.each(oParentEntityType.navigationProperty, function(j, oNavigationProperty) {   
						if (oNavigationProperty.name === aParts[i]) {
							// get association for navigation property and then the collection name
							aAssociationName = that._splitName(oNavigationProperty.relationship); 
							oAssociation = that._getObjectMetadata("association", aAssociationName[0], aAssociationName[1]);
							if (oAssociation) {
								oEnd = oAssociation.end[0];
								if (oEnd.role !== oNavigationProperty.toRole) {
									oEnd = oAssociation.end[1];
								}
								aEntityTypeName = that._splitName(oEnd.type);
								oParentEntityType = that._getObjectMetadata("entityType", aEntityTypeName[0], aEntityTypeName[1]);
							}
							return false;
						}
					});
				}				
				oEntityType = oParentEntityType;
			}
		};
	} else {
		// if only one part exists it should be the name of the collection and we can get the entity type for it
		aEntityTypeName = this._splitName(this._getEntityTypeName(aParts[0]));		
		oEntityType = this._getObjectMetadata("entityType", aEntityTypeName[0], aEntityTypeName[1]);
	}
	jQuery.sap.assert(oEntityType, "EntityType for path " + sPath + " could not be found!");  
	return oEntityType;
};


/**
 * splits a name e.g. Namespace.Name into [Name, Namespace]
 */
sap.ui.model.odata.ODataMetadata.prototype._splitName = function(sFullName) {
	var aParts = [];
	if (sFullName) {
		var iSepIdx = sFullName.lastIndexOf(".");
		aParts[0] = sFullName.substr(iSepIdx + 1);
		aParts[1] = sFullName.substr(0, iSepIdx);		
	}
	return aParts;
};


/**  
*  search metadata for specified collection name (= entity set name)
*/  
sap.ui.model.odata.ODataMetadata.prototype._getEntityTypeName = function(sCollection) {
	var sEntityTypeName;
	if (sCollection) {
		jQuery.each(this.oMetadata.dataServices.schema, function(i, oSchema) {
			if (oSchema.entityContainer) {
				jQuery.each(oSchema.entityContainer, function(k, oEntityContainer) {   
					jQuery.each(oEntityContainer.entitySet, function(j, oEntitySet) {  
						if (oEntitySet.name === sCollection) {  
							sEntityTypeName = oEntitySet.entityType;
							return false;
						}
					});
				});
			}
		});		
	}
	jQuery.sap.assert(sEntityTypeName, "EntityType name of EntitySet "+ sCollection + " not found!");
	return sEntityTypeName;  
};

/**
 * get the object of a specified type name and namespace
 */
sap.ui.model.odata.ODataMetadata.prototype._getObjectMetadata = function(sObjectType, sObjectName, sNamespace) {
	var oObject;
	if (sObjectName && sNamespace) {
		// search in all schemas for the sObjectName
		jQuery.each(this.oMetadata.dataServices.schema, function(i, oSchema) {
			// check if we found the right schema which will contain the sObjectName
			if (oSchema[sObjectType] && oSchema.namespace === sNamespace) {
				jQuery.each(oSchema[sObjectType], function(j, oCurrentObject) {
					if (oCurrentObject.name === sObjectName) {  
						oObject = oCurrentObject;
						return false;
					}
				});
				return !oObject;
			}
		});		
	}	
	jQuery.sap.assert(oObject, "ObjectType " + sObjectType + " for name " + sObjectName + " not found!");  
	return oObject;  
};


/**  
*  extract the property metadata of a specified property of a entity type out of the metadata document 
*/  
sap.ui.model.odata.ODataMetadata.prototype._getPropertyMetadata = function(oEntityType, sProperty) {
	var oPropertyMetadata;
	
	var aParts = sProperty.split("/"); // path could point to a complex type
	
	jQuery.each(oEntityType.property, function(k, oProperty) {
		if (oProperty.name === aParts[0]){
			oPropertyMetadata = oProperty;
			return false;
		}
	});
	
	// check if complex type
	if (oPropertyMetadata && aParts.length > 1 && !jQuery.sap.startsWith(oPropertyMetadata.type.toLowerCase(), "edm.")) {		
		var aName = this._splitName(oPropertyMetadata.type);
		oPropertyMetadata = this._getPropertyMetadata(this._getObjectMetadata("complexType", aName[0], aName[1]), aParts[1]);
	}
	
	jQuery.sap.assert(oPropertyMetadata, "PropertyType for property "+ aParts[0]+ " of EntityType " + oEntityType.name + " not found!");  
	return oPropertyMetadata;  
};

}; // end of sap.ui.model.odata.ODataMetadata
if ( !jQuery.sap.isDeclared('sap.ui.qunit.QUnitUtils') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/*global QUnit, equal, strictEqual, notStrictEqual, deepEqual, ok, start, stop, qutils:true */// declare unusual global vars for JSLint/SAPUI5 validation

/**
 * SAPUI5 test utilities
 *
 * @namespace
 * @name sap.ui.test
 * @public
 */

/**
 * The <code>sap.ui.test.qunit</code> namespace contains helper functionality for
 * QUnit tests.
 *
 * @version 1.12.0
 * @namespace
 * @name sap.ui.test.qunit
 * @public
 */

jQuery.sap.declare("sap.ui.qunit.QUnitUtils");

jQuery.sap.getObject("sap.ui.test.qunit", 0);


(function() {
	if (typeof QUnit !== "undefined") {
		// TODO: Remove deprecated code once all projects adapted
		QUnit.equals = QUnit.assert.equal;
		window.equals = QUnit.assert.equal;

		// Set global timeout for all tests
		QUnit.config.testTimeout = 10000;
		
		// Do not reorder tests, as most of the tests depend on each other
		QUnit.config.reorder = false;
	}
}());

//TODO: Get rid of the old namespace and adapt the existing tests accordingly
qutils = sap.ui.test.qunit;

/**
 * Delays the start of the test for the specified milliseconds.
 * This function must be called before the first test function.
 *
 * @param {int} [iDelay=1000] Delay in milliseconds
 * @public
 */
sap.ui.test.qunit.delayTestStart = function(iDelay){
	if(!iDelay) {
		iDelay = 1000;
	}
	QUnit.config.autostart = false;
	setTimeout(function() {
		QUnit.start();
	}, iDelay);
};


/**
 * Programmtically triggers an event specified by its name on a specified target with some optional parameters.
 * @see http://api.jquery.com/trigger/
 *
 * @param {string} sEventName The name of the browser event (like "click")
 * @param {string | DOMElement} oTarget The ID of a DOM element or a DOM element which serves as target of the event
 * @param {object} [oParams] The parameters which should be attached to the event in JSON notation (depending on the event type).
 * @public
 */
sap.ui.test.qunit.triggerEvent = function(sEventName, oTarget, oParams) {
	var tmpEvent = jQuery.Event(sEventName);
	if(oParams){
		for(var x in oParams){
			tmpEvent[x] = oParams[x];
		}
	}

	if (typeof(oTarget) == "string") {
		oTarget = jQuery.sap.domById(oTarget);
	}
	jQuery(oTarget).trigger(tmpEvent);
};


/**
 * Programmtically triggers a touch event specified by its name.
 * The onEVENTNAME functions are called directly on the "nearest" control / element of the given target.
 *
 * @param {string} sEventName The name of the touch event (touchstart, touchmove, touchend)
 * @param {string | DOMElement} oTarget The ID of a DOM element or a DOM element which serves as target of the event
 * @param {object} [oParams] The parameters which should be attached to the event in JSON notation (depending on the event type).
 * @public
 */
sap.ui.test.qunit.triggerTouchEvent = function(sEventName, oTarget, oParams) {
	if (typeof(oTarget) == "string") {
		oTarget = jQuery.sap.domById(oTarget);
	}
	var $Target = jQuery(oTarget);

	var oEvent = jQuery.Event(sEventName);
	oEvent.originalEvent = {};
	oEvent.target = oTarget;
	if(oParams){
		for(var x in oParams){
			oEvent[x] = oParams[x];
			oEvent.originalEvent[x] = oParams[x];
		}
	}

	var oElement = $Target.control(0);
	if(oElement && oElement["on"+sEventName]){
		oElement["on"+sEventName].apply(oElement, [oEvent]);
	}
};


/**
 * Programmtically triggers a keyboard event specified by its name on a specified target.
 * @see sap.ui.test.qunit.triggerEvent
 *
 * @param {string} sEventType The name of the browser keyboard event (like "keydown")
 * @param {string | DOMElement} oTarget The ID of a DOM element or a DOM element which serves as target of the event
 * @param {string | int} sKey The keys name as defined in <code>jQuery.sap.KeyCodes</code> or its key code
 * @param {boolean} bShiftKey Indicates whether the shift key is down in addition
 * @param {boolean} bAltKey Indicates whether the alt key is down in addition
 * @param {boolean} bCtrlKey Indicates whether the ctrl key is down in addition
 * @public
 */
sap.ui.test.qunit.triggerKeyEvent = function(sEventType, oTarget, sKey, bShiftKey, bAltKey, bCtrlKey) {
	var oParams = {};
	oParams.keyCode = isNaN(sKey) ? jQuery.sap.KeyCodes[sKey] : sKey;
	oParams.which = oParams.keyCode;
	oParams.shiftKey = bShiftKey;
	oParams.altKey = bAltKey;
	oParams.metaKey = bCtrlKey;
	oParams.ctrlKey = bCtrlKey;
	sap.ui.test.qunit.triggerEvent(sEventType, oTarget, oParams);
};


/**
 * Programmtically triggers a keydown event on a specified target.
 * @see sap.ui.test.qunit.triggerKeyEvent
 *
 * @param {string | DOMElement} oTarget The ID of a DOM element or a DOM element which serves as target of the event
 * @param {string | int} sKey The keys name as defined in <code>jQuery.sap.KeyCodes</code> or its key code
 * @param {boolean} bShiftKey Indicates whether the shift key is down in addition
 * @param {boolean} bAltKey Indicates whether the alt key is down in addition
 * @param {boolean} bCtrlKey Indicates whether the ctrl key is down in addition
 * @public
 */
sap.ui.test.qunit.triggerKeydown = function(oTarget, sKey, bShiftKey, bAltKey, bCtrlKey) {
	sap.ui.test.qunit.triggerKeyEvent("keydown", oTarget, sKey, bShiftKey, bAltKey, bCtrlKey);
};


/**
 * Programmtically triggers a keydup event on a specified target.
 * @see sap.ui.test.qunit.triggerKeyEvent
 *
 * @param {string | DOMElement} oTarget The ID of a DOM element or a DOM element which serves as target of the event
 * @param {string | int} sKey The keys name as defined in <code>jQuery.sap.KeyCodes</code> or its key code
 * @param {boolean} bShiftKey Indicates whether the shift key is down in addition
 * @param {boolean} bAltKey Indicates whether the alt key is down in addition
 * @param {boolean} bCtrlKey Indicates whether the ctrl key is down in addition
 * @public
 */
sap.ui.test.qunit.triggerKeyup = function(oTarget, sKey, bShiftKey, bAltKey, bCtrlKey) {
	sap.ui.test.qunit.triggerKeyEvent("keyup", oTarget, sKey, bShiftKey, bAltKey, bCtrlKey);
};


/**
 * @deprecated Use <code>sap.ui.test.qunit.triggerKeydown</code> instead.
 * @see sap.ui.test.qunit.triggerKeydown
 * @public
 */
sap.ui.test.qunit.triggerKeyboardEvent = function(oTarget, sKey, bShiftKey, bAltKey, bCtrlKey) {
	sap.ui.test.qunit.triggerKeydown(oTarget, sKey, bShiftKey, bAltKey, bCtrlKey);
};


/**
 * Programmtically triggers a keypress event on a specified target.
 * @see sap.ui.test.qunit.triggerEvent
 *
 * @param {string | DOMElement} oTarget The ID of a DOM element or a DOM element which serves as target of the event
 * @param {string} sChar Only the first char of the string will be passed via keypress event
 * @param {boolean} bShiftKey Indicates whether the shift key is down in addition
 * @param {boolean} bAltKey Indicates whether the alt key is down in addition
 * @param {boolean} bCtrlKey Indicates whether the ctrl key is down in addition
 * @public
 */
sap.ui.test.qunit.triggerKeypress = function(oTarget, sChar, bShiftKey, bAltKey, bCtrlKey) {
	var _sChar = sChar && sChar.toUpperCase();
	if(jQuery.sap.KeyCodes[_sChar] === null) {
		ok(false, "Invalid character for triggerKeypress: '" + sChar + "'");
	}
	var _iCharCode = sChar.charCodeAt(0);

	var oParams = {};
	oParams.charCode = _iCharCode;
	oParams.which = _iCharCode;
	oParams.shiftKey = !!bShiftKey;
	oParams.altKey = !!bAltKey;
	oParams.metaKey = !!bCtrlKey;
	oParams.ctrlKey = !!bCtrlKey;
	sap.ui.test.qunit.triggerEvent("keypress", oTarget, oParams);
};


/**
 * Programmtically triggers a keypress event on a specified input field target and appends the character to the value
 * of this input field.
 * @see sap.ui.test.qunit.triggerKeypress
 *
 * @param {string | DOMElement} oInput The ID of a DOM input field or a DOM input field which serves as target
 * @param {string} sChar Only the first char of the string will be passed via keypress event
 * @public
 */
sap.ui.test.qunit.triggerCharacterInput = function(oInput, sChar) {
	sap.ui.test.qunit.triggerKeypress(oInput, sChar);

	if (typeof(oInput) == "string") {
		oInput = jQuery.sap.domById(oInput);
	}
	var $Input = jQuery(oInput);
	$Input.val($Input.val() + sChar);
};


/**
 * Programmatically triggers a mouse event specified by its name on a specified target.
 * @see sap.ui.test.qunit.triggerEvent
 *
 * @param {string | DOMElement} oTarget The ID of a DOM element or a DOM element which serves as target of the event
 * @param {string} sEventType The name of the browser mouse event (like "click")
 * @param {int} iOffsetX The offset X position of the mouse pointer during the event
 * @param {int} iOffsetY The offset Y position of the mouse pointer during the event
 * @param {int} iPageX The page X position of the mouse pointer during the event
 * @param {int} iPageY The page Y position of the mouse pointer during the event
 * @public
 */
sap.ui.test.qunit.triggerMouseEvent = function(oTarget, sEventType, iOffsetX, iOffsetY, iPageX, iPageY) {
	var oParams = {};
	oParams.offsetX = iOffsetX;
	oParams.offsetY = iOffsetY;
	oParams.pageX = iPageX;
	oParams.pageY = iPageY;
	sap.ui.test.qunit.triggerEvent(sEventType, oTarget, oParams);
};


//************************************
//TODO: Check JS Doc starting here -> describe and check visibility for stuff in namespace sap.ui.test.qunit


(function() {

	/*
	 * wrapper around window.console
	 */
	function info(msg) {
		if ( window.console ) {
			console.info(msg);
		}
	}

	var M_DEFAULT_TEST_VALUES = {
		"boolean" : [false, true],
		"int" : [0, 1, 5, 10, 100],
		"float" : [NaN, 0.0, 0.01, 3.14, 97.7],
		"string" : ["", "some", "very long otherwise not normal and so on whatever", "<" + "script>alert('XSS attack!');</" + "script>"]
	};

	var mDefaultTestValues = jQuery.sap.newObject(M_DEFAULT_TEST_VALUES);

	function ensureArray(o) {
		return o && !(o instanceof Array) ? [o] : o;
	}

	/**
	 * @TODO DESCRIBE AND CHECK VISIBILITY!
	 * @private
	 */
	sap.ui.test.qunit.resetDefaultTestValues = function(sType) {
		if ( typeof sType === "string" ) {
			delete mDefaultTestValues[sType];
		} else {
			mDefaultTestValues = jQuery.sap.newObject(M_DEFAULT_TEST_VALUES);
		}
	};

	/**
	 * @TODO DESCRIBE AND CHECK VISIBILITY!
	 * @private
	 */
	sap.ui.test.qunit.setDefaultTestValues = function(sType, aValues) {
		if ( typeof sType === "string" ) {
			mDefaultTestValues[sType] = ensureArray(aValues);
		} else if ( typeof sType === "object" ) {
			jQuery.extend(mDefaultTestValues, sType);
		}
	};

	/**
	 * @TODO DESCRIBE AND CHECK VISIBILITY!
	 * @private
	 */
	sap.ui.test.qunit.createSettingsDomain = function(oClass, oPredefinedValues) {

		function createValues(sType) {
			if ( mDefaultTestValues[sType] ) {
				return mDefaultTestValues[sType];
			}

			try {
				jQuery.sap.require(sType);
			} catch(e) {
			}
			var oType = jQuery.sap.getObject(sType);
			if ( oType instanceof sap.ui.base.DataType ) {
				; // ???
			} else {
				var r=[];
				for(var n in oType) {
					r.push(oType[n]);
				}
				mDefaultTestValues[sType] = r;
				return r;
			}
			return [];

		}

		var oClass = new oClass().getMetadata().getClass(); // resolves proxy
		var oPredefinedValues = oPredefinedValues || {};
		var result = {};
		var oProps = oClass.getMetadata().getAllProperties();
		for (var name in oProps) {
			result[name] = ensureArray(oPredefinedValues[name]) || createValues(oProps[name].type);
		}
		/*
		var oAggr = oClass.getMetadata().getAllAggregations();
		for (var name in oAggr) {
			if ( oAggr[name].altTypes && oAggr[name].altTypes[0] === 'string' ) {
				result[name] = ensureArray(oPredefinedValues[name]) || createValues(oAggr[name].altTypes[0].type);
			}
		}
		*/
		return result;
	};

	/**
	 * @TODO DESCRIBE AND CHECK VISIBILITY!
	 * @private
	 */
	sap.ui.test.qunit.genericTest = function(oClass, sUIArea, oTestConfig) {

		if ( oTestConfig && oTestConfig.skip === true ) {
			return;
		}

		var oClass = new oClass().getMetadata().getClass(); // resolves proxy
		var oTestConfig = oTestConfig || {};
		var iTestCount  = oTestConfig.testCount || 100;
		var oTestValues = sap.ui.test.qunit.createSettingsDomain(oClass, oTestConfig.allPairTestValues || {});

		info("domain");
		for (var name in oTestValues) {
			var l=oTestValues[name].length;
			var s=[];
			s.push("  ", name, ":", "[");
			for(var i=0; i<l; i++) {
				s.push(oTestValues[name][i], ",");
			}
			s.push("]");
			info(s.join(""));
		}

		function method(sPrefix, sName) {
			return sPrefix + sName.substring(0,1).toUpperCase() + sName.substring(1);
		}

		function getActualSettings(oControl, oSettings) {
			var oActualSettings = {};
			for (var name in oSettings) {
				if ( oControl[method("get", name)] ) {
				  oActualSettings[name] = oControl[method("get", name)]();
				}
			}
			return oActualSettings;
		}

		var oControl;
		var oSettings;

		// generate "AllPairs" test cases
		var apg = new sap.ui.test.qunit.AllPairsGenerator(oTestValues);
		var aTestCases=[];
		while( apg.hasNext() ) {
			aTestCases.push(apg.next());
		}

		var index=0;
		function testNextCombination() {
			info("testNextCombination(" + index + ")");
			if ( index >= aTestCases.length ) {
				// continue with other tests
				info("last combination -> done");
				start();
				return;
			}

			var oSettings = aTestCases[index];

			// constructor test
			oControl = new oClass(oSettings);
			var oActualSettings = getActualSettings(oControl, oSettings);
			deepEqual(oActualSettings, oSettings, "settings");

			/*
			// individual setters
			oControl = new oClass();
			for(var name in oSettings) {
				var r = oControl[method("set", name)](oSettings[name]);
				equal(oControl[method("get", name)](), oSettings[name], "setter for property '" + name + "'");
				ok(r == oControl, "setter for property '" + name + "' supports chaining");
			}
			*/

			// rendering test
			oControl.placeAt(sUIArea);
			info("before explicit rerender");
			oControl.getUIArea().rerender();
			info("after explicit rerender");

			info("info");
			setTimeout(continueAfterRendering, 0);

		}

		stop(15000);
		testNextCombination();

		function continueAfterRendering() {
			info("continueAfterRendering(" + index + ")");
			var oSettings = aTestCases[aTestCases.length-index-1];
			for(var name in oSettings) {
				var r = oControl[method("set", name)](oSettings[name]);
				equal(oControl[method("get", name)](), oSettings[name], "setter for property '" + name + "'");
				ok(r == oControl, "setter for property '" + name + "' supports chaining (after rendering)");
			}
			index = index+1;
			setTimeout(testNextCombination, 0);
		}

	};

	var lastErrorHandler = undefined;

	/**
	 * @TODO DESCRIBE AND CHECK VISIBILITY!
	 * @private
	 */
	sap.ui.test.qunit.suppressErrors = function(bSuppress) {
		if ( bSuppress !== false ) {
			info("suppress global errors");
			lastErrorHandler = window.onerror;
//			window.onerror = function(msg) {
//				info("global error handler: " + msg);
//				return true;
//			};
		} else {
			info("reenable global errors");
//			window.onerror = lastErrorHandler;
			lastErrorHandler = undefined;
		}
	};

	/**
	 * @TODO DESCRIBE AND CHECK VISIBILITY!
	 * @private
	 */
	sap.ui.test.qunit.RandomPairsGenerator = function(oDomain) {

		var iCombinations = 0;
		for (var name in oDomain) {
			if ( oDomain[name] && !(oDomain[name] instanceof Array) ) {
				oDomain[name] = [ oDomain[name] ];
			}
			if ( oDomain[name] && oDomain[name].length > 0 ) {
				if ( iCombinations == 0 ) {
					iCombinations = oDomain[name].length;
				} else {
					iCombinations = iCombinations * oDomain[name].length;
				}
			}
		}

		function createSettings(iCombination) {
			var oSettings = {};
			for (var name in oDomain) {
				var l=oDomain[name] && oDomain[name].length;
				if ( l == 1 ) {
					oSettings[name] = oDomain[name][0];
					//info("  " + name + ":" + "0");
				} else if ( l > 1 ) {
					var c = iCombination % l;
					oSettings[name] = oDomain[name][c];
					iCombination = (iCombination - c) / l;
				}
			}
			return oSettings;
		}

		this.hasNext = function() {
			return true;
		};

		this.next = function() {
			return createSettings(Math.floor(100 * iCombinations * Math.random()));
		};

	};

	/**
	 * @TODO DESCRIBE AND CHECK VISIBILITY!
	 * @private
	 */
	sap.ui.test.qunit.AllPairsGenerator = function (oDomain) {

		// more suitable access to the params
		var params=[];
		for(var name in oDomain) {
			params.push({
				name : name,
				n : oDomain[name].length,
				values : oDomain[name]
			});
		}
		var N = params.length;

		/**
		 * Number of occurrences for each possible property value pair.
		 * A value of 0 indicates that there is no test case yet, so the pair must
		 * be incorporated in another test case. A value of 1 is the optimum,
		 * values greater than 1 indicate that the pair has been used (too) often.
		 *
		 * The algorithm of this generator guarantees to create values > 0 for all
		 * pairs but still tries to minimize the values.  It does not guarantee
		 * to find the most optimal solution.
		 *
		 * Let a and b be two different properties from oDomain (e.g. a='text' and b='visible'),
		 * with (WOLG) params.indexOf(a) < params.indexOf(b). Let further a have
		 * n values (== oDomain[a].length) and b have m values (== oDomain[b].length).
		 *
		 * Then the occurrences counters for the n*m possible value combinations
		 * (pairs) of a and b are stored in a contiguous segment of the occurs[] array.
		 *
		 * The segments for all combinations of a and b themselves are ordered
		 * first by a, then by b (same params.indexOf() ordering applies).
		 *
		 * The position of the segment for a given combination (a,b) could be calculated
		 * as the sum of the size of all preceding segments, but this would be too
		 * expensive (access to the occurs[] is used very often and therefore must be efficient).
		 * Therefore, during initialization, the offset for each segment is stored in
		 * an additional array abOffset[]. To further simplify access, that array uses N*N
		 * space, but only the entries params.indexOf(a) * N + params.indexOf(b) (with
		 * params.indexOf(a) < params.indexOf(b)) are filled.
		 */
		var occurs=[];

		/**
		 * Offset for a given combination of properties (a,b) into the occurs[]
		 * array. For a details description see the occurs[] array.
		 */
		var abOffset=[];

		/**
		 * Number of pairs for which occurs[(a,b)] == 0.
		 *
		 * Note: during initialization, this variable also represents the number
		 * of created entries in the occurs[] array. As all entries are created with
		 * a value of 0, the definiton above still holds.
		 */
		var nPairs=0;

		/*
		 * Initialization. Loops over all a,b combinations with (a<b)
		 * and creates the initial occurs[] and abOccurs[] values.
		 */
		for(var a=0; a<N-1; a++) {
			var pa = params[a];
			for(var b=a+1; b<N; b++) {
				var pb = params[b];
				// remember offset into occurs array
				abOffset[a * N + b] = nPairs;
				// set occurrences for all n*m values to 0
				for(var i=pa.n*pb.n; i>0; i--) {
					occurs[nPairs++] = 0;
				}
			}
		}

		/**
		 * Helper that calculates the offset into the occurs array
		 * for a given combination of a,b and the values of a and b.
		 */
		function offset(a,b,va,vb) {
			return abOffset[a*N+b]+va*params[b].n+vb;
		}

		function findTestCase() {

			var value_index = [];

			/**
			 * Calculates a cost function for the case where for
			 * property 'a' the value 'va' is taken.
			 *
			 * The calculated cost consists of two informations:
			 * - pairs : number of newly addressed unique pairs
			 * - redundant : number of redundantly added pairs
			 *
			 * @param a
			 * @param va
			 * @return
			 */
			function calcCost(a, va) {
				var score={ va: va, pairs:0, redundant:0 };
				for(var b=0; b<N; b++) {
					var count;
					if ( b < a ) {
						count = occurs[offset(b,a,value_index[b],va)];
					} else if ( b > a ) {
						var i=offset(a,b,va,0),
							end=i+params[b].n;
						for (count = occurs[i]; count > 0 && i<end; i++ ) {
							if ( occurs[i] < count ) {
								count = occurs[i];
							}
						}
					}
					score.redundant = score.redundant + count;
					if ( count == 0 ) {
						score.pairs++;
					}
				}
				return score;
			}

			// loop over all properties and find the "best" value
			for(var a=0; a<N; a++) {
				var pa=params[a];
				// measure the quality of the first possible value
				var bestCost = calcCost(a, 0);
				for(var va=1; va<pa.n; va++) {
					// measure the quality of the new combination
					var cost = calcCost(a, va);
					// a new combination is preferred if it either incorporates more unique pairs or if
					// it incorporates the same number of pairs but with less redundant combinations
					if ( cost.pairs > bestCost.pairs || (cost.pairs == bestCost.pairs && cost.redundant < bestCost.redundant) ) {
						bestCost = cost;
					}
				}

				value_index[a] = bestCost.va;
			}

			return value_index;
		}

		/**
		 * Iff there are still unused pairs, then there will be another test case.
		 * @return whether another test cases is needed.
		 * @private
		 */
		this.hasNext = function() {
			return nPairs>0;
		};

		var lastTest = undefined;
		var lastPairs = -1;

		/**
		 *
		 * @return
		 * @private
		 */
		this.next = function() {
			lastTest = findTestCase();
			lastPairs=0;

			var test={};
			for(var a=0; a<N; a++) {
				for(var b=a+1; b<N; b++) {
					var i=offset(a,b,lastTest[a],lastTest[b]);
					if ( occurs[i] == 0 ) {
						nPairs--;
						lastPairs++;
					}
					occurs[i]++;
				}
				test[params[a].name] = params[a].values[lastTest[a]];
			}

			return test;
		};

		this.lastPairs = function() { return lastPairs; };
	};
	
}());
}; // end of sap.ui.qunit.QUnitUtils
if ( !jQuery.sap.isDeclared('sap.ui.thirdparty.caja-html-sanitizer') ) {
// This file has been generated by the SAPUI5 CreateModule Ant-Task
/* Copyright Google Inc.
 * Licensed under the Apache Licence Version 2.0
 * Autogenerated at Tue May 22 10:18:21 PDT 2012
 * \@overrides window
 * \@provides cssSchema, CSS_PROP_BIT_QUANTITY, CSS_PROP_BIT_HASH_VALUE, CSS_PROP_BIT_NEGATIVE_QUANTITY, CSS_PROP_BIT_QSTRING_CONTENT, CSS_PROP_BIT_QSTRING_URL, CSS_PROP_BIT_HISTORY_INSENSITIVE, CSS_PROP_BIT_Z_INDEX, CSS_PROP_BIT_ALLOWED_IN_LINK */
/**
 * @const
 * @type {number}
 */
var CSS_PROP_BIT_QUANTITY = 1;
/**
 * @const
 * @type {number}
 */
var CSS_PROP_BIT_HASH_VALUE = 2;
/**
 * @const
 * @type {number}
 */
var CSS_PROP_BIT_NEGATIVE_QUANTITY = 4;
/**
 * @const
 * @type {number}
 */
var CSS_PROP_BIT_QSTRING_CONTENT = 8;
/**
 * @const
 * @type {number}
 */
var CSS_PROP_BIT_QSTRING_URL = 16;
/**
 * @const
 * @type {number}
 */
var CSS_PROP_BIT_HISTORY_INSENSITIVE = 32;
/**
 * @const
 * @type {number}
 */
var CSS_PROP_BIT_Z_INDEX = 64;
/**
 * @const
 * @type {number}
 */
var CSS_PROP_BIT_ALLOWED_IN_LINK = 128;
var cssSchema = (function () {
    var s = [
      'rgb(?:\\(\\s*(?:\\d+|0|\\d+(?:\\.\\d+)?%)\\s*,\\s*(?:\\d+|0|\\d+(?:\\.\\d+)?%)\\s*,\\s*(?:\\d+|0|\\d+(?:\\.\\d+)?%)|a\\(\\s*(?:\\d+|0|\\d+(?:\\.\\d+)?%)\\s*,\\s*(?:\\d+|0|\\d+(?:\\.\\d+)?%)\\s*,\\s*(?:\\d+|0|\\d+(?:\\.\\d+)?%)\\s*,\\s*(?:\\d+|0(?:\\.\\d+)?|\\.\\d+|1(?:\\.0+)?|0|\\d+(?:\\.\\d+)?%)) *\\)'
    ], c = [ /^ *$/i, RegExp('^ *(?:\\s*' + s[ 0 ] + '|(?:\\s*' + s[ 0 ] +
        ')?)+ *$', 'i'), RegExp('^ *\\s*' + s[ 0 ] + ' *$', 'i'),
      RegExp('^ *\\s*' + s[ 0 ] + '\\s*' + s[ 0 ] + ' *$', 'i') ], L = [ [
        'aliceblue', 'antiquewhite', 'aqua', 'aquamarine', 'azure', 'beige',
        'bisque', 'black', 'blanchedalmond', 'blue', 'blueviolet', 'brown',
        'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral',
        'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue',
        'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkkhaki',
        'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred',
        'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategray',
        'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray',
        'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'fuchsia',
        'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'gray', 'green',
        'greenyellow', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory',
        'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon',
        'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow',
        'lightgreen', 'lightgrey', 'lightpink', 'lightsalmon', 'lightseagreen',
        'lightskyblue', 'lightslategray', 'lightsteelblue', 'lightyellow',
        'lime', 'limegreen', 'linen', 'magenta', 'maroon', 'mediumaquamarine',
        'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen',
        'mediumslateblue', 'mediumspringgreen', 'mediumturquoise',
        'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose',
        'moccasin', 'navajowhite', 'navy', 'oldlace', 'olive', 'olivedrab',
        'orange', 'orangered', 'orchid', 'palegoldenrod', 'palegreen',
        'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru',
        'pink', 'plum', 'powderblue', 'purple', 'red', 'rosybrown',
        'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen',
        'seashell', 'sienna', 'silver', 'skyblue', 'slateblue', 'slategray',
        'snow', 'springgreen', 'steelblue', 'tan', 'teal', 'thistle', 'tomato',
        'turquoise', 'violet', 'wheat', 'white', 'whitesmoke', 'yellow',
        'yellowgreen' ], [ 'all-scroll', 'col-resize', 'crosshair', 'default',
        'e-resize', 'hand', 'help', 'move', 'n-resize', 'ne-resize', 'no-drop',
        'not-allowed', 'nw-resize', 'pointer', 'progress', 'row-resize',
        's-resize', 'se-resize', 'sw-resize', 'text', 'vertical-text',
        'w-resize', 'wait' ], [ '-moz-inline-box', '-moz-inline-stack',
        'block', 'inline', 'inline-block', 'inline-table', 'list-item',
        'run-in', 'table', 'table-caption', 'table-cell', 'table-column',
        'table-column-group', 'table-footer-group', 'table-header-group',
        'table-row', 'table-row-group' ], [ 'armenian', 'circle', 'decimal',
        'decimal-leading-zero', 'disc', 'georgian', 'lower-alpha',
        'lower-greek', 'lower-latin', 'lower-roman', 'square', 'upper-alpha',
        'upper-latin', 'upper-roman' ], [ '100', '200', '300', '400', '500',
        '600', '700', '800', '900', 'bold', 'bolder', 'lighter' ], [
        'condensed', 'expanded', 'extra-condensed', 'extra-expanded',
        'narrower', 'semi-condensed', 'semi-expanded', 'ultra-condensed',
        'ultra-expanded', 'wider' ], [ 'behind', 'center-left', 'center-right',
        'far-left', 'far-right', 'left-side', 'leftwards', 'right-side',
        'rightwards' ], [ 'large', 'larger', 'small', 'smaller', 'x-large',
        'x-small', 'xx-large', 'xx-small' ], [ '-moz-pre-wrap', '-o-pre-wrap',
        '-pre-wrap', 'nowrap', 'pre', 'pre-line', 'pre-wrap' ], [ 'dashed',
        'dotted', 'double', 'groove', 'outset', 'ridge', 'solid' ], [
        'baseline', 'middle', 'sub', 'super', 'text-bottom', 'text-top' ], [
        'caption', 'icon', 'menu', 'message-box', 'small-caption', 'status-bar'
      ], [ 'fast', 'faster', 'slow', 'slower', 'x-fast', 'x-slow' ], [ 'above',
        'below', 'higher', 'level', 'lower' ], [ 'border-box', 'contain',
        'content-box', 'cover', 'padding-box' ], [ 'cursive', 'fantasy',
        'monospace', 'sans-serif', 'serif' ], [ 'loud', 'silent', 'soft',
        'x-loud', 'x-soft' ], [ 'no-repeat', 'repeat-x', 'repeat-y', 'round',
        'space' ], [ 'blink', 'line-through', 'overline', 'underline' ], [
        'high', 'low', 'x-high', 'x-low' ], [ 'absolute', 'relative', 'static'
      ], [ 'capitalize', 'lowercase', 'uppercase' ], [ 'child', 'female',
        'male' ], [ 'bidi-override', 'embed' ], [ 'bottom', 'top' ], [ 'clip',
        'ellipsis' ], [ 'continuous', 'digits' ], [ 'hide', 'show' ], [
        'inside', 'outside' ], [ 'italic', 'oblique' ], [ 'left', 'right' ], [
        'ltr', 'rtl' ], [ 'no-content', 'no-display' ], [ 'suppress',
        'unrestricted' ], [ 'thick', 'thin' ], [ ',' ], [ '/' ], [ 'always' ],
      [ 'auto' ], [ 'avoid' ], [ 'both' ], [ 'break-word' ], [ 'center' ], [
        'code' ], [ 'collapse' ], [ 'fixed' ], [ 'hidden' ], [ 'inherit' ], [
        'inset' ], [ 'invert' ], [ 'justify' ], [ 'local' ], [ 'medium' ], [
        'mix' ], [ 'none' ], [ 'normal' ], [ 'once' ], [ 'repeat' ], [ 'scroll'
      ], [ 'separate' ], [ 'small-caps' ], [ 'spell-out' ], [ 'transparent' ],
      [ 'visible' ] ];
    return {
      '-moz-border-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 36 ] ]
      },
      '-moz-border-radius-bottomleft': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-moz-border-radius-bottomright': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-moz-border-radius-topleft': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-moz-border-radius-topright': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-moz-box-shadow': {
        'cssExtra': c[ 1 ],
        'cssAlternates': [ 'boxShadow' ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 35 ], L[ 48 ], L[ 54 ] ]
      },
      '-moz-opacity': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 47 ] ]
      },
      '-moz-outline': {
        'cssExtra': c[ 3 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 9 ], L[ 34 ], L[ 46 ], L[ 47 ], L[ 48 ], L[
            49 ], L[ 52 ], L[ 54 ] ]
      },
      '-moz-outline-color': {
        'cssExtra': c[ 2 ],
        'cssPropBits': 2,
        'cssLitGroup': [ L[ 0 ], L[ 47 ], L[ 49 ] ]
      },
      '-moz-outline-style': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 9 ], L[ 46 ], L[ 47 ], L[ 48 ], L[ 54 ] ]
      },
      '-moz-outline-width': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 34 ], L[ 47 ], L[ 52 ] ]
      },
      '-o-text-overflow': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 25 ] ]
      },
      '-webkit-border-bottom-left-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-webkit-border-bottom-right-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-webkit-border-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 36 ] ]
      },
      '-webkit-border-radius-bottom-left': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-webkit-border-radius-bottom-right': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-webkit-border-radius-top-left': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-webkit-border-radius-top-right': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-webkit-border-top-left-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-webkit-border-top-right-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      '-webkit-box-shadow': {
        'cssExtra': c[ 1 ],
        'cssAlternates': [ 'boxShadow' ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 35 ], L[ 48 ], L[ 54 ] ]
      },
      'azimuth': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 6 ], L[ 30 ], L[ 42 ], L[ 47 ] ]
      },
      'background': {
        'cssExtra': RegExp('^ *(?:\\s*' + s[ 0 ] + '){0,2} *$', 'i'),
        'cssPropBits': 23,
        'cssLitGroup': [ L[ 0 ], L[ 14 ], L[ 17 ], L[ 24 ], L[ 30 ], L[ 35 ],
          L[ 36 ], L[ 38 ], L[ 42 ], L[ 45 ], L[ 47 ], L[ 51 ], L[ 54 ], L[ 57
          ], L[ 58 ], L[ 62 ] ]
      },
      'background-attachment': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 35 ], L[ 45 ], L[ 51 ], L[ 58 ] ]
      },
      'background-color': {
        'cssExtra': c[ 2 ],
        'cssPropBits': 130,
        'cssLitGroup': [ L[ 0 ], L[ 47 ], L[ 62 ] ]
      },
      'background-image': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 16,
        'cssLitGroup': [ L[ 35 ], L[ 54 ] ]
      },
      'background-position': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 24 ], L[ 30 ], L[ 35 ], L[ 42 ] ]
      },
      'background-repeat': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 17 ], L[ 35 ], L[ 57 ] ]
      },
      'border': {
        'cssExtra': c[ 3 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 9 ], L[ 34 ], L[ 46 ], L[ 47 ], L[ 48 ], L[
            52 ], L[ 54 ], L[ 62 ] ]
      },
      'border-bottom': {
        'cssExtra': c[ 3 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 9 ], L[ 34 ], L[ 46 ], L[ 47 ], L[ 48 ], L[
            52 ], L[ 54 ], L[ 62 ] ]
      },
      'border-bottom-color': {
        'cssExtra': c[ 2 ],
        'cssPropBits': 2,
        'cssLitGroup': [ L[ 0 ], L[ 47 ], L[ 62 ] ]
      },
      'border-bottom-left-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      'border-bottom-right-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      'border-bottom-style': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 9 ], L[ 46 ], L[ 47 ], L[ 48 ], L[ 54 ] ]
      },
      'border-bottom-width': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 34 ], L[ 47 ], L[ 52 ] ]
      },
      'border-collapse': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 44 ], L[ 47 ], L[ 59 ] ]
      },
      'border-color': {
        'cssExtra': RegExp('^ *(?:\\s*' + s[ 0 ] + '){1,4} *$', 'i'),
        'cssPropBits': 2,
        'cssLitGroup': [ L[ 0 ], L[ 47 ], L[ 62 ] ]
      },
      'border-left': {
        'cssExtra': c[ 3 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 9 ], L[ 34 ], L[ 46 ], L[ 47 ], L[ 48 ], L[
            52 ], L[ 54 ], L[ 62 ] ]
      },
      'border-left-color': {
        'cssExtra': c[ 2 ],
        'cssPropBits': 2,
        'cssLitGroup': [ L[ 0 ], L[ 47 ], L[ 62 ] ]
      },
      'border-left-style': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 9 ], L[ 46 ], L[ 47 ], L[ 48 ], L[ 54 ] ]
      },
      'border-left-width': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 34 ], L[ 47 ], L[ 52 ] ]
      },
      'border-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 36 ] ]
      },
      'border-right': {
        'cssExtra': c[ 3 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 9 ], L[ 34 ], L[ 46 ], L[ 47 ], L[ 48 ], L[
            52 ], L[ 54 ], L[ 62 ] ]
      },
      'border-right-color': {
        'cssExtra': c[ 2 ],
        'cssPropBits': 2,
        'cssLitGroup': [ L[ 0 ], L[ 47 ], L[ 62 ] ]
      },
      'border-right-style': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 9 ], L[ 46 ], L[ 47 ], L[ 48 ], L[ 54 ] ]
      },
      'border-right-width': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 34 ], L[ 47 ], L[ 52 ] ]
      },
      'border-spacing': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'border-style': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 9 ], L[ 46 ], L[ 47 ], L[ 48 ], L[ 54 ] ]
      },
      'border-top': {
        'cssExtra': c[ 3 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 9 ], L[ 34 ], L[ 46 ], L[ 47 ], L[ 48 ], L[
            52 ], L[ 54 ], L[ 62 ] ]
      },
      'border-top-color': {
        'cssExtra': c[ 2 ],
        'cssPropBits': 2,
        'cssLitGroup': [ L[ 0 ], L[ 47 ], L[ 62 ] ]
      },
      'border-top-left-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      'border-top-right-radius': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5
      },
      'border-top-style': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 9 ], L[ 46 ], L[ 47 ], L[ 48 ], L[ 54 ] ]
      },
      'border-top-width': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 34 ], L[ 47 ], L[ 52 ] ]
      },
      'border-width': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 34 ], L[ 47 ], L[ 52 ] ]
      },
      'bottom': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'box-shadow': {
        'cssExtra': c[ 1 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 35 ], L[ 48 ], L[ 54 ] ]
      },
      'caption-side': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 24 ], L[ 47 ] ]
      },
      'clear': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 30 ], L[ 40 ], L[ 47 ], L[ 54 ] ]
      },
      'clip': {
        'cssExtra':
        /^ *\s*rect\(\s*(?:0|[+\-]?\d+(?:\.\d+)?(?:[cem]m|ex|in|p[ctx])|auto)\s*,\s*(?:0|[+\-]?\d+(?:\.\d+)?(?:[cem]m|ex|in|p[ctx])|auto)\s*,\s*(?:0|[+\-]?\d+(?:\.\d+)?(?:[cem]m|ex|in|p[ctx])|auto)\s*,\s*(?:0|[+\-]?\d+(?:\.\d+)?(?:[cem]m|ex|in|p[ctx])|auto) *\) *$/i,
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'color': {
        'cssExtra': c[ 2 ],
        'cssPropBits': 130,
        'cssLitGroup': [ L[ 0 ], L[ 47 ] ]
      },
      'content': { 'cssPropBits': 0 },
      'counter-increment': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ], L[ 54 ] ]
      },
      'counter-reset': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ], L[ 54 ] ]
      },
      'cue': {
        'cssPropBits': 16,
        'cssLitGroup': [ L[ 47 ], L[ 54 ] ]
      },
      'cue-after': {
        'cssPropBits': 16,
        'cssLitGroup': [ L[ 47 ], L[ 54 ] ]
      },
      'cue-before': {
        'cssPropBits': 16,
        'cssLitGroup': [ L[ 47 ], L[ 54 ] ]
      },
      'cursor': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 144,
        'cssLitGroup': [ L[ 1 ], L[ 35 ], L[ 38 ], L[ 47 ] ]
      },
      'direction': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 31 ], L[ 47 ] ]
      },
      'display': {
        'cssPropBits': 32,
        'cssLitGroup': [ L[ 2 ], L[ 47 ], L[ 54 ] ]
      },
      'elevation': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 13 ], L[ 47 ] ]
      },
      'empty-cells': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 27 ], L[ 47 ] ]
      },
      'filter': {
        'cssExtra':
        /^ *(?:\s*alpha\(\s*opacity\s*=\s*(?:0|\d+(?:\.\d+)?%|[+\-]?\d+(?:\.\d+)?) *\))+ *$/i,
        'cssPropBits': 32
      },
      'float': {
        'cssAlternates': [ 'cssFloat', 'styleFloat' ],
        'cssPropBits': 32,
        'cssLitGroup': [ L[ 30 ], L[ 47 ], L[ 54 ] ]
      },
      'font': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 9,
        'cssLitGroup': [ L[ 4 ], L[ 7 ], L[ 11 ], L[ 15 ], L[ 29 ], L[ 35 ], L[
            36 ], L[ 47 ], L[ 52 ], L[ 55 ], L[ 60 ] ]
      },
      'font-family': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 8,
        'cssLitGroup': [ L[ 15 ], L[ 35 ], L[ 47 ] ]
      },
      'font-size': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 7 ], L[ 47 ], L[ 52 ] ]
      },
      'font-stretch': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 5 ], L[ 55 ] ]
      },
      'font-style': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 29 ], L[ 47 ], L[ 55 ] ]
      },
      'font-variant': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 47 ], L[ 55 ], L[ 60 ] ]
      },
      'font-weight': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 4 ], L[ 47 ], L[ 55 ] ]
      },
      'height': {
        'cssPropBits': 37,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'left': {
        'cssPropBits': 37,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'letter-spacing': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ], L[ 55 ] ]
      },
      'line-height': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 47 ], L[ 55 ] ]
      },
      'list-style': {
        'cssPropBits': 16,
        'cssLitGroup': [ L[ 3 ], L[ 28 ], L[ 47 ], L[ 54 ] ]
      },
      'list-style-image': {
        'cssPropBits': 16,
        'cssLitGroup': [ L[ 47 ], L[ 54 ] ]
      },
      'list-style-position': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 28 ], L[ 47 ] ]
      },
      'list-style-type': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 3 ], L[ 47 ], L[ 54 ] ]
      },
      'margin': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'margin-bottom': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'margin-left': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'margin-right': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'margin-top': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'max-height': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 38 ], L[ 47 ], L[ 54 ] ]
      },
      'max-width': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 38 ], L[ 47 ], L[ 54 ] ]
      },
      'min-height': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'min-width': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'opacity': {
        'cssPropBits': 33,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'outline': {
        'cssExtra': c[ 3 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 9 ], L[ 34 ], L[ 46 ], L[ 47 ], L[ 48 ], L[
            49 ], L[ 52 ], L[ 54 ] ]
      },
      'outline-color': {
        'cssExtra': c[ 2 ],
        'cssPropBits': 2,
        'cssLitGroup': [ L[ 0 ], L[ 47 ], L[ 49 ] ]
      },
      'outline-style': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 9 ], L[ 46 ], L[ 47 ], L[ 48 ], L[ 54 ] ]
      },
      'outline-width': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 34 ], L[ 47 ], L[ 52 ] ]
      },
      'overflow': {
        'cssPropBits': 32,
        'cssLitGroup': [ L[ 38 ], L[ 46 ], L[ 47 ], L[ 58 ], L[ 63 ] ]
      },
      'overflow-x': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 32 ], L[ 38 ], L[ 46 ], L[ 58 ], L[ 63 ] ]
      },
      'overflow-y': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 32 ], L[ 38 ], L[ 46 ], L[ 58 ], L[ 63 ] ]
      },
      'padding': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'padding-bottom': {
        'cssPropBits': 33,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'padding-left': {
        'cssPropBits': 33,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'padding-right': {
        'cssPropBits': 33,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'padding-top': {
        'cssPropBits': 33,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'page-break-after': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 30 ], L[ 37 ], L[ 38 ], L[ 39 ], L[ 47 ] ]
      },
      'page-break-before': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 30 ], L[ 37 ], L[ 38 ], L[ 39 ], L[ 47 ] ]
      },
      'page-break-inside': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 38 ], L[ 39 ], L[ 47 ] ]
      },
      'pause': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'pause-after': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'pause-before': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'pitch': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 19 ], L[ 47 ], L[ 52 ] ]
      },
      'pitch-range': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'play-during': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 16,
        'cssLitGroup': [ L[ 38 ], L[ 47 ], L[ 53 ], L[ 54 ], L[ 57 ] ]
      },
      'position': {
        'cssPropBits': 32,
        'cssLitGroup': [ L[ 20 ], L[ 47 ] ]
      },
      'quotes': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 47 ], L[ 54 ] ]
      },
      'richness': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'right': {
        'cssPropBits': 37,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'speak': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 47 ], L[ 54 ], L[ 55 ], L[ 61 ] ]
      },
      'speak-header': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 37 ], L[ 47 ], L[ 56 ] ]
      },
      'speak-numeral': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 26 ], L[ 47 ] ]
      },
      'speak-punctuation': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 43 ], L[ 47 ], L[ 54 ] ]
      },
      'speech-rate': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 12 ], L[ 47 ], L[ 52 ] ]
      },
      'stress': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'table-layout': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 38 ], L[ 45 ], L[ 47 ] ]
      },
      'text-align': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 30 ], L[ 42 ], L[ 47 ], L[ 50 ] ]
      },
      'text-decoration': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 18 ], L[ 47 ], L[ 54 ] ]
      },
      'text-indent': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ] ]
      },
      'text-overflow': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 25 ] ]
      },
      'text-shadow': {
        'cssExtra': c[ 1 ],
        'cssPropBits': 7,
        'cssLitGroup': [ L[ 0 ], L[ 35 ], L[ 48 ], L[ 54 ] ]
      },
      'text-transform': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 21 ], L[ 47 ], L[ 54 ] ]
      },
      'text-wrap': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 33 ], L[ 54 ], L[ 55 ] ]
      },
      'top': {
        'cssPropBits': 37,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'unicode-bidi': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 23 ], L[ 47 ], L[ 55 ] ]
      },
      'vertical-align': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 10 ], L[ 24 ], L[ 47 ] ]
      },
      'visibility': {
        'cssPropBits': 32,
        'cssLitGroup': [ L[ 44 ], L[ 46 ], L[ 47 ], L[ 63 ] ]
      },
      'voice-family': {
        'cssExtra': c[ 0 ],
        'cssPropBits': 8,
        'cssLitGroup': [ L[ 22 ], L[ 35 ], L[ 47 ] ]
      },
      'volume': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 16 ], L[ 47 ], L[ 52 ] ]
      },
      'white-space': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 8 ], L[ 47 ], L[ 55 ] ]
      },
      'width': {
        'cssPropBits': 33,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'word-spacing': {
        'cssPropBits': 5,
        'cssLitGroup': [ L[ 47 ], L[ 55 ] ]
      },
      'word-wrap': {
        'cssPropBits': 0,
        'cssLitGroup': [ L[ 41 ], L[ 55 ] ]
      },
      'z-index': {
        'cssPropBits': 69,
        'cssLitGroup': [ L[ 38 ], L[ 47 ] ]
      },
      'zoom': {
        'cssPropBits': 1,
        'cssLitGroup': [ L[ 55 ] ]
      }
    };
  })();
if (typeof window !== 'undefined') {
  window['cssSchema'] = cssSchema;
}

// Copyright (C) 2011 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

/**
 * A lexical scannar for CSS3 as defined at http://www.w3.org/TR/css3-syntax .
 * 
 * @author Mike Samuel <mikesamuel@gmail.com>
 * \@provides lexCss, decodeCss
 * \@overrides window
 */

var lexCss;
var decodeCss;

(function () {

  /**
   * Decodes an escape sequence as specified in CSS3 section 4.1.
   * http://www.w3.org/TR/css3-syntax/#characters
   * @private
   */
  function decodeCssEscape(s) {
    var i = parseInt(s.substring(1), 16);
    // If parseInt didn't find a hex diigt, it returns NaN so return the
    // escaped character.
    // Otherwise, parseInt will stop at the first non-hex digit so there's no
    // need to worry about trailing whitespace.
    if (i > 0xffff) {
      // A supplemental codepoint.
      return i -= 0x10000,
        String.fromCharCode(
            0xd800 + (i >> 10),
            0xdc00 + (i & 0x3FF));
    } else if (i == i) {
      return String.fromCharCode(i);
    } else if (s[1] < ' ') {
      // "a backslash followed by a newline is ignored".
      return '';
    } else {
      return s[1];
    }
  }
   
  /**
   * Returns an equivalent CSS string literal given plain text: foo -> "foo".
   * @private
   */
  function escapeCssString(s, replacer) {
    return '"' + s.replace(/[\u0000-\u001f\\\"<>]/g, replacer) + '"';
  }

  /**
   * Maps chars to CSS escaped equivalents: "\n" -> "\\a ".
   * @private
   */
  function escapeCssStrChar(ch) {
    return cssStrChars[ch]
        || (cssStrChars[ch] = '\\' + ch.charCodeAt(0).toString(16) + ' ');
  }

  /**
   * Maps chars to URI escaped equivalents: "\n" -> "%0a".
   * @private
   */
  function escapeCssUrlChar(ch) {
    return cssUrlChars[ch]
        || (cssUrlChars[ch] = (ch < '\x10' ? '%0' : '%')
            + ch.charCodeAt(0).toString(16));
  }

  /**
   * Mapping of CSS special characters to escaped equivalents.
   * @private
   */
  var cssStrChars = {
    '\\': '\\\\'
  };

  /**
   * Mapping of CSS special characters to URL-escaped equivalents.
   * @private
   */
  var cssUrlChars = {
    '\\': '%5c'
  };

  // The comments below are copied from the CSS3 module syntax at
  // http://www.w3.org/TR/css3-syntax .
  // These string constants minify out when this is run-through closure
  // compiler.
  // Rules that have been adapted have comments prefixed with "Diff:", and
  // where rules have been combined to avoid back-tracking in the regex engine
  // or to work around limitations, there is a comment prefixed with
  // "NewRule:".

  // In the below, we assume CRLF and CR have been normalize to CR.

  // wc  ::=  #x9 | #xA | #xC | #xD | #x20
  var WC = '[\\t\\n\\f ]';
  // w  ::=  wc*
  var W = WC + '*';
  // nl  ::=  #xA | #xD #xA | #xD | #xC
  var NL = '[\\n\\f]';
  // nonascii  ::=  [#x80-#xD7FF#xE000-#xFFFD#x10000-#x10FFFF]
  // NewRule: Supplemental codepoints are represented as surrogate pairs in JS.
  var SURROGATE_PAIR = '[\\ud800-\\udbff][\\udc00-\\udfff]';
  var NONASCII = '[\\u0080-\\ud7ff\\ue000-\\ufffd]|' + SURROGATE_PAIR;
  // unicode  ::=  '\' [0-9a-fA-F]{1,6} wc?
  // NewRule: No point in having ESCAPE do (\\x|\\y)
  var UNICODE_TAIL = '[0-9a-fA-F]{1,6}' + WC + '?';
  var UNICODE = '\\\\' + UNICODE_TAIL;
  // escape  ::=  unicode
  //           | '\' [#x20-#x7E#x80-#xD7FF#xE000-#xFFFD#x10000-#x10FFFF]
  // NewRule: Below we use escape tail to efficiently match an escape or a
  // line continuation so we can decode string content.
  var ESCAPE_TAIL = '(?:' + UNICODE_TAIL
      + '|[\\u0020-\\u007e\\u0080-\\ud7ff\\ue000\\ufffd]|'
      + SURROGATE_PAIR + ')';
  var ESCAPE = '\\\\' + ESCAPE_TAIL;
  // urlchar  ::=  [#x9#x21#x23-#x26#x28-#x7E] | nonascii | escape
  var URLCHAR = '(?:[\\t\\x21\\x23-\\x26\\x28-\\x5b\\x5d-\\x7e]|'
      + NONASCII + '|' + ESCAPE + ')';
  // stringchar  ::= urlchar | #x20 | '\' nl
  // We ignore mismatched surrogate pairs inside strings, so stringchar
  // simplifies to a non-(quote|newline|backslash) or backslash any.
  // Since we normalize CRLF to a single code-unit, there is no special
  // handling needed for '\\' + CRLF.
  var STRINGCHAR = '[^\'"\\n\\f\\\\]|\\\\[\\s\\S]';
  // string  ::=  '"' (stringchar | "'")* '"' | "'" (stringchar | '"')* "'"
  var STRING = '"(?:\'|' + STRINGCHAR + ')*"'
      + '|\'(?:\"|' + STRINGCHAR + ')*\'';
  // num  ::=  [0-9]+ | [0-9]* '.' [0-9]+
  // Diff: We attach signs to num tokens.
  var NUM = '[-+]?(?:[0-9]+(?:[.][0-9]+)?|[.][0-9]+)';
  // nmstart  ::=  [a-zA-Z] | '_' | nonascii | escape
  var NMSTART = '(?:[a-zA-Z_]|' + NONASCII + '|' + ESCAPE + ')';
  // nmchar  ::=  [a-zA-Z0-9] | '-' | '_' | nonascii | escape
  var NMCHAR = '(?:[a-zA-Z0-9_-]|' + NONASCII + '|' + ESCAPE + ')';
  // name  ::=  nmchar+
  var NAME = NMCHAR + '+';
  // ident  ::=  '-'? nmstart nmchar*
  var IDENT = '-?' + NMSTART + NMCHAR + '*';

  // ATKEYWORD  ::=  '@' ident
  var ATKEYWORD = '@' + IDENT;
  // HASH  ::=  '#' name
  var HASH = '#' + NAME;
  // NUMBER  ::=  num
  var NUMBER = NUM;

  // NewRule: union of IDENT, ATKEYWORD, HASH, but excluding #[0-9].
  var WORD_TERM = '(?:@?-?' + NMSTART + '|#)' + NMCHAR + '*';

  // PERCENTAGE  ::=  num '%'
  var PERCENTAGE = NUM + '%';
  // DIMENSION  ::=  num ident
  var DIMENSION = NUM + IDENT;
  var NUMERIC_VALUE = NUM + '(?:%|' + IDENT + ')?';
  // URI  ::=  "url(" w (string | urlchar* ) w ")"
  var URI = 'url[(]' + W + '(?:' + STRING + '|' + URLCHAR + '*)' + W + '[)]';
  // UNICODE-RANGE  ::=  "U+" [0-9A-F?]{1,6} ('-' [0-9A-F]{1,6})?
  var UNICODE_RANGE = 'U[+][0-9A-F?]{1,6}(?:-[0-9A-F]{1,6})?';
  // CDO  ::=  "<\!--"
  var CDO = '<\!--';
  // CDC  ::=  "-->"
  var CDC = '-->';
  // S  ::=  wc+
  var S = WC + '+';
  // COMMENT  ::=  "/*" [^*]* '*'+ ([^/] [^*]* '*'+)* "/"
  // Diff: recognizes // comments.
  var COMMENT = '/(?:[*][^*]*[*]+(?:[^/][^*]*[*]+)*/|/[^\\n\\f]*)';
  // FUNCTION  ::=  ident '('
  // Diff: We exclude url explicitly.
  // TODO: should we be tolerant of "fn ("?
  var FUNCTION = '(?!url[(])' + IDENT + '[(]';
  // INCLUDES  ::=  "~="
  var INCLUDES = '~=';
  // DASHMATCH  ::=  "|="
  var DASHMATCH = '[|]=';
  // PREFIXMATCH  ::=  "^="
  var PREFIXMATCH = '[^]=';
  // SUFFIXMATCH  ::=  "$="
  var SUFFIXMATCH = '[$]=';
  // SUBSTRINGMATCH  ::=  "*="
  var SUBSTRINGMATCH = '[*]=';
  // NewRule: one rule for all the comparison operators.
  var CMP_OPS = '[~|^$*]=';
  // CHAR  ::=  any character not matched by the above rules, except for " or '
  // Diff: We exclude / and \ since they are handled above to prevent
  // /* without a following */ from combining when comments are concatenated.
  var CHAR = '[^"\'\\\\/]|/(?![/*])';
  // BOM  ::=  #xFEFF
  var BOM = '\\uFEFF';

  var CSS_TOKEN = new RegExp([
      BOM, UNICODE_RANGE, URI, FUNCTION, WORD_TERM, STRING, NUMERIC_VALUE,
      CDO, CDC, S, COMMENT, CMP_OPS, CHAR].join("|"), 'gi');

  /**
   * Decodes CSS escape sequences in a CSS string body.
   */
   decodeCss = function (css) {
     return css.replace(
         new RegExp('\\\\(?:' + ESCAPE_TAIL + '|' + NL + ')', 'g'),
         decodeCssEscape);
   };

  /**
   * Given CSS Text, returns an array of normalized tokens.
   * @param {string} cssText
   * @return {Array.<string>} tokens where all ignorable token sequences have
   *    been reduced to a single {@code " "} and all strings and
   *    {@code url(...)} tokens have been normalized to use double quotes as
   *    delimiters and to not otherwise contain double quotes.
   */
  lexCss = function (cssText) {
    cssText = '' + cssText;
    var tokens = cssText.replace(/\r\n?/g, '\n')  // Normalize CRLF & CR to LF.
        .match(CSS_TOKEN) || [];
    var j = 0;
    var last = ' ';
    for (var i = 0, n = tokens.length; i < n; ++i) {
      // Normalize all escape sequences.  We will have to re-escape some
      // codepoints in string and url(...) bodies but we already know the
      // boundaries.
      // We might mistakenly treat a malformed identifier like \22\20\22 as a
      // string, but that will not break any valid stylesheets since we requote
      // and re-escape in string below.
      var tok = decodeCss(tokens[i]);
      var len = tok.length;
      var cc = tok.charCodeAt(0);
      tok =
          // All strings should be double quoted, and the body should never
          // contain a double quote.
          (cc == '"'.charCodeAt(0) || cc == '\''.charCodeAt(0))
          ? escapeCssString(tok.substring(1, len - 1), escapeCssStrChar)
          // A breaking ignorable token should is replaced with a single space.
          : (cc == '/'.charCodeAt(0) && len > 1  // Comment.
             || tok == '\\' || tok == CDC || tok == CDO || tok == '\ufeff'
             // Characters in W.
             || cc <= ' '.charCodeAt(0))
          ? ' '
          // Make sure that all url(...)s are double quoted.
          : /url\(/i.test(tok)
          ? 'url(' + escapeCssString(
            tok.replace(
                new RegExp('^url\\(' + W + '["\']?|["\']?' + W + '\\)$', 'gi'),
                ''),
            escapeCssUrlChar)
            + ')'
          // Escapes in identifier like tokens will have been normalized above.
          : tok;
      // Merge adjacent space tokens.
      if (last != tok || tok != ' ') {
        tokens[j++] = last = tok;
      }
    }
    tokens.length = j;
    return tokens;
  };
})();

// Exports for closure compiler.
if (typeof window !== 'undefined') {
  window['lexCss'] = lexCss;
  window['decodeCss'] = decodeCss;
}

// Copyright (C) 2011 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

/**
 * @fileoverview
 * JavaScript support for client-side CSS sanitization.
 * The CSS property schema API is defined in CssPropertyPatterns.java which
 * is used to generate css-defs.js.
 *
 * @author mikesamuel@gmail.com
 * \@requires CSS_PROP_BIT_ALLOWED_IN_LINK
 * \@requires CSS_PROP_BIT_HASH_VALUE
 * \@requires CSS_PROP_BIT_NEGATIVE_QUANTITY
 * \@requires CSS_PROP_BIT_QSTRING_CONTENT
 * \@requires CSS_PROP_BIT_QSTRING_URL
 * \@requires CSS_PROP_BIT_QUANTITY
 * \@requires CSS_PROP_BIT_Z_INDEX
 * \@requires cssSchema
 * \@requires decodeCss
 * \@requires html4
 * \@overrides window
 * \@requires parseCssStylesheet
 * \@provides sanitizeCssProperty
 * \@provides sanitizeCssSelectors
 * \@provides sanitizeStylesheet
 */

/**
 * Given a series of normalized CSS tokens, applies a property schema, as
 * defined in CssPropertyPatterns.java, and sanitizes the tokens in place.
 * @param property a property name.
 * @param propertySchema a property of cssSchema as defined by
 *    CssPropertyPatterns.java
 * @param tokens as parsed by lexCss.  Modified in place.
 * @param opt_naiveUriRewriter a URI rewriter; an object with a "rewrite"
 *     function that takes a URL and returns a safe URL.
 */
var sanitizeCssProperty = (function () {
  var NOEFFECT_URL = 'url("about:blank")';
  /**
   * The set of characters that need to be normalized inside url("...").
   * We normalize newlines because they are not allowed inside quoted strings,
   * normalize quote characters, angle-brackets, and asterisks because they
   * could be used to break out of the URL or introduce targets for CSS
   * error recovery.  We normalize parentheses since they delimit unquoted
   * URLs and calls and could be a target for error recovery.
   */
  var NORM_URL_REGEXP = /[\n\f\r\"\'()*<>]/g;
  /** The replacements for NORM_URL_REGEXP. */
  var NORM_URL_REPLACEMENTS = {
    '\n': '%0a',
    '\f': '%0c',
    '\r': '%0d',
    '"':  '%22',
    '\'': '%27',
    '(':  '%28',
    ')':  '%29',
    '*':  '%2a',
    '<':  '%3c',
    '>':  '%3e'
  };


  function normalizeUrl(s) {
    if ('string' === typeof s) {
      return 'url("' + s.replace(NORM_URL_REGEXP, normalizeUrlChar) + '")';
    } else {
      return NOEFFECT_URL;
    }
  }
  function normalizeUrlChar(ch) {
    return NORM_URL_REPLACEMENTS[ch];
  }

  // From RFC3986
  var URI_SCHEME_RE = new RegExp(
      '^' +
      '(?:' +
        '([^:\/?# ]+)' +         // scheme
      ':)?'
  );

  var ALLOWED_URI_SCHEMES = /^(?:https?|mailto)$/i;

  function safeUri(uri, prop, naiveUriRewriter) {
    if (!naiveUriRewriter) { return null; }
    var parsed = ('' + uri).match(URI_SCHEME_RE);
    if (parsed && (!parsed[1] || ALLOWED_URI_SCHEMES.test(parsed[1]))) {
      return naiveUriRewriter(uri, prop);
    } else {
      return null;
    }
  }

  function unionArrays(arrs) {
    var map = {};
    for (var i = arrs.length; --i >= 0;) {
      var arr = arrs[i];
      for (var j = arr.length; --j >= 0;) {
        map[arr[j]] = ALLOWED_LITERAL;
      }
    }
    return map;
  }

  /**
   * Normalize tokens within a function call they can match against
   * cssSchema[propName].cssExtra.
   * @return the exclusive end in tokens of the function call.
   */
  function normalizeFunctionCall(tokens, start) {
    var parenDepth = 1, end = start + 1, n = tokens.length;
    while (end < n && parenDepth) {
      // TODO: Can URLs appear in functions?
      var token = tokens[end++];
      parenDepth += (token === '(' ? 1 : token === ')' ? -1 : 0);
    }
    return end;
  }

  // Used as map value to avoid hasOwnProperty checks.
  var ALLOWED_LITERAL = {};

  return function (property, propertySchema, tokens, opt_naiveUriRewriter) {
    var propBits = propertySchema.cssPropBits;
    // Used to determine whether to treat quoted strings as URLs or
    // plain text content, and whether unrecognized keywords can be quoted
    // to treate ['Arial', 'Black'] equivalently to ['"Arial Black"'].
    var qstringBits = propBits & (
        CSS_PROP_BIT_QSTRING_CONTENT | CSS_PROP_BIT_QSTRING_URL);
    // TODO(mikesamuel): Figure out what to do with props like
    // content that admit both URLs and strings.

    // Used to join unquoted keywords into a single quoted string.
    var lastQuoted = NaN;
    var i = 0, k = 0;
    for (;i < tokens.length; ++i) {
      // Has the effect of normalizing hex digits, keywords,
      // and function names.
      var token = tokens[i].toLowerCase();
      var cc = token.charCodeAt(0), cc1, cc2, isnum1, isnum2, end;
      var litGroup, litMap;
      token = (
        // Strip out spaces.  Normally cssparser.js dumps these, but we
        // strip them out in case the content doesn't come via cssparser.js.
        (cc === ' '.charCodeAt(0)) ? ''
        : (cc === '"'.charCodeAt(0)) ? (  // Quoted string.
          (qstringBits === CSS_PROP_BIT_QSTRING_URL && opt_naiveUriRewriter)
          // Sanitize and convert to url("...") syntax.
          // Treat url content as case-sensitive.
          ? (normalizeUrl(safeUri(
                decodeCss(tokens[i].substring(1, token.length - 1)),
                property,
                opt_naiveUriRewriter)))
          // Drop if plain text content strings not allowed.
          : (qstringBits === CSS_PROP_BIT_QSTRING_CONTENT) ? token : '')
        // Preserve hash color literals if allowed.
        : (cc === '#'.charCodeAt(0) && /^#(?:[0-9a-f]{3}){1,2}$/.test(token))
        ? (propBits & CSS_PROP_BIT_HASH_VALUE ? token : '')
        : ('0'.charCodeAt(0) <= cc && cc <= '9'.charCodeAt(0))
        // A number starting with a digit.
        ? ((propBits & CSS_PROP_BIT_QUANTITY)
          ? ((propBits & CSS_PROP_BIT_Z_INDEX)
            ? (token.match(/^\d{1,7}$/) ? token : '')
            : token) 
          : '')
        // Normalize quantities so they don't start with a '.' or '+' sign and
        // make sure they all have an integer component so can't be confused
        // with a dotted identifier.
        // This can't be done in the lexer since ".4" is a valid rule part.
        : (cc1 = token.charCodeAt(1),
           cc2 = token.charCodeAt(2),
           isnum1 = '0'.charCodeAt(0) <= cc1 && cc1 <= '9'.charCodeAt(0),
           isnum2 = '0'.charCodeAt(0) <= cc2 && cc2 <= '9'.charCodeAt(0),
           // +.5 -> 0.5 if allowed.
           (cc === '+'.charCodeAt(0)
            && (isnum1 || (cc1 === '.'.charCodeAt(0) && isnum2))))
          ? ((propBits & CSS_PROP_BIT_QUANTITY)
            ? ((propBits & CSS_PROP_BIT_Z_INDEX)
              ? (token.match(/^\+\d{1,7}$/) ? token : '')
              : ((isnum1 ? '' : '0') + token.substring(1)))
            : '')
        // -.5 -> -0.5 if allowed otherwise -> 0 if quantities allowed.
        : (cc === '-'.charCodeAt(0)
           && (isnum1 || (cc1 === '.'.charCodeAt(0) && isnum2)))
          ? ((propBits & CSS_PROP_BIT_NEGATIVE_QUANTITY)
             ? ((propBits & CSS_PROP_BIT_Z_INDEX)
               ? (token.match(/^\-\d{1,7}$/) ? token : '')
               : ((isnum1 ? '-' : '-0') + token.substring(1)))
             : ((propBits & CSS_PROP_BIT_QUANTITY) ? '0' : ''))
        // .5 -> 0.5 if allowed.
        : (cc === '.'.charCodeAt(0) && isnum1)
        ? ((propBits & CSS_PROP_BIT_QUANTITY) ? '0' + token : '')
        // Handle url("...") by rewriting the body.
        : ('url(' === token.substring(0, 4))
        ? ((opt_naiveUriRewriter && (qstringBits & CSS_PROP_BIT_QSTRING_URL))
           ? normalizeUrl(safeUri(
                tokens[i].substring(5, token.length - 2),
                property,
                opt_naiveUriRewriter))
           : '')
        // Handle func(...) and literal tokens
        // such as keywords and punctuation.
        : (
          // Step 1. Combine func(...) into something that can be compared
          // against propertySchema.cssExtra.
          (token.charAt(token.length-1) === '(')
          && (end = normalizeFunctionCall(tokens, i),
              // When tokens is
              //   ['x', ' ', 'rgb(', '255', ',', '0', ',', '0', ')', ' ', 'y']
              // and i is the index of 'rgb(' and end is the index of ')'
              // splices tokens to where i now is the index of the whole call:
              //   ['x', ' ', 'rgb( 255 , 0 , 0 )', ' ', 'y']
              tokens.splice(i, end - i,
                            token = tokens.slice(i, end).join(' '))),
          litGroup = propertySchema.cssLitGroup,
          litMap = (litGroup
                    ? (propertySchema.cssLitMap
                       // Lazily compute the union from litGroup.
                       || (propertySchema.cssLitMap = unionArrays(litGroup)))
                    : ALLOWED_LITERAL),  // A convenient empty object.
          (litMap[token] === ALLOWED_LITERAL
           || propertySchema.cssExtra && propertySchema.cssExtra.test(token)))
          // Token is in the literal map or matches extra.
          ? token
          : (/^\w+$/.test(token)
             && (qstringBits === CSS_PROP_BIT_QSTRING_CONTENT))
          // Quote unrecognized keywords so font names like
          //    Arial Bold
          // ->
          //    "Arial Bold"
          ? (lastQuoted+1 === k
             // If the last token was also a keyword that was quoted, then
             // combine this token into that.
             ? (tokens[lastQuoted] = tokens[lastQuoted]
                .substring(0, tokens[lastQuoted].length-1) + ' ' + token + '"',
                token = '')
             : (lastQuoted = k, '"' + token + '"'))
          // Disallowed.
          : '');
      if (token) {
        tokens[k++] = token;
      }
    }
    // For single URL properties, if the URL failed to pass the sanitizer,
    // then just drop it.
    if (k === 1 && tokens[0] === NOEFFECT_URL) { k = 0; }
    tokens.length = k;
  };
})();

/**
 * Given a series of tokens, returns two lists of sanitized selectors.
 * @param {Array.<string>} selectors In the form produces by csslexer.js.
 * @param {string} suffix a suffix that is added to all IDs and which is
 *    used as a CLASS names so that the returned selectors will only match
 *    nodes under one with suffix as a class name.
 *    If suffix is {@code "sfx"}, the selector
 *    {@code ["a", "#foo", " ", "b", ".bar"]} will be namespaced to
 *    {@code [".sfx", " ", "a", "#foo-sfx", " ", "b", ".bar"]}.
 * @return {Array.<Array.<string>>} an array of length 2 where the zeroeth
 *    element contains history-insensitive selectors and the first element
 *    contains history-sensitive selectors.
 */
function sanitizeCssSelectors(selectors, suffix) {
  // Produce two distinct lists of selectors to sequester selectors that are
  // history sensitive (:visited), so that we can disallow properties in the
  // property groups for the history sensitive ones.
  var historySensitiveSelectors = [];
  var historyInsensitiveSelectors = [];

  // Remove any spaces that are not operators.
  var k = 0, i;
  for (i = 0; i < selectors.length; ++i) {
    if (!(selectors[i] == ' '
          && (selectors[i-1] == '>' || selectors[i+1] == '>'))) {
      selectors[k++] = selectors[i];
    }
  }
  selectors.length = k;

  // Split around commas.  If there is an error in one of the comma separated
  // bits, we throw the whole away, but the failure of one selector does not
  // affect others.
  var n = selectors.length, start = 0;
  for (i = 0; i < n; ++i) {
    if (selectors[i] == ',') {
      processSelector(start, i);
      start = i+1;
    }
  }
  processSelector(start, n);


  function processSelector(start, end) {
    var historySensitive = false;

    // Space around commas is not an operator.
    if (selectors[start] === ' ') { ++start; }
    if (end-1 !== start && selectors[end] === ' ') { --end; }

    // Split the selector into element selectors, content around
    // space (ancestor operator) and '>' (descendant operator).
    var out = [];
    var lastOperator = start;
    var elSelector = '';
    for (var i = start; i < end; ++i) {
      var tok = selectors[i];
      var isChild = (tok === '>');
      if (isChild || tok === ' ') {
        // We've found the end of a single link in the selector chain.
        // We disallow absolute positions relative to html.
        elSelector = processElementSelector(lastOperator, i, false);
        if (!elSelector || (isChild && /^html/i.test(elSelector))) {
          return;
        }
        lastOperator = i+1;
        out.push(elSelector, isChild ? ' > ' : ' ');
      }
    }
    elSelector = processElementSelector(lastOperator, end, true);
    if (!elSelector) { return; }
    out.push(elSelector);

    function processElementSelector(start, end, last) {
      var debugStart = start, debugEnd = end;

      // Split the element selector into three parts.
      // DIV.foo#bar:hover
      //    ^       ^
      // el classes pseudo
      var element, classId, pseudoSelector, tok, elType;
      element = '';
      if (start < end) {
        tok = selectors[start].toLowerCase();
        if (tok === '*'
            || (tok === 'body' && start+1 !== end && !last)
            || ('number' === typeof (elType = html4.ELEMENTS[tok])
                && !(elType & html4.eflags.UNSAFE))) {
          ++start;
          element = tok;
        }
      }
      classId = '';
      while (start < end) {
        tok = selectors[start];
        if (tok.charAt(0) === '#') {
          if (/^#_|__$|[^#0-9A-Za-z:_\-]/.test(tok)) { return null; }
          // Rewrite ID elements to include the suffix.
          classId += tok + '-' + suffix;
        } else if (tok === '.') {
          if (++start < end
              && /^[0-9A-Za-z:_\-]+$/.test(tok = selectors[start])
              && !/^_|__$/.test(tok)) {
            classId += '.' + tok;
          } else {
            return null;
          }
        } else {
          break;
        }
        ++start;
      }
      pseudoSelector = '';
      if (start < end && selectors[start] === ':') {
        tok = selectors[++start];
        if (tok === 'visited' || tok === 'link') {
          if (!/^[a*]?$/.test(element)) {
            return null;
          }
          historySensitive = true;
          pseudoSelector = ':' + tok;
          element = 'a';
          ++start;
        }
      }
      if (start === end) {
        return element + classId + pseudoSelector;
      }
      return null;
    }


    var safeSelector = out.join('');
    if (/^body\b/.test(safeSelector)) {
      // Substitute the class that is attached to pseudo body elements for
      // the body element.
      safeSelector = '.vdoc-body___.' + suffix + safeSelector.substring(4);
    } else {
      // Namespace the selector so that it only matches under
      // a node with suffix in its CLASS attribute.
      safeSelector = '.' + suffix + ' ' + safeSelector;
    }

    (historySensitive
     ? historySensitiveSelectors
     : historyInsensitiveSelectors).push(safeSelector);
  }

  return [historyInsensitiveSelectors, historySensitiveSelectors];
}

var sanitizeStylesheet = (function () {
  var allowed = {};
  var cssMediaTypeWhitelist = {
    'braille': allowed,
    'embossed': allowed,
    'handheld': allowed,
    'print': allowed,
    'projection': allowed,
    'screen': allowed,
    'speech': allowed,
    'tty': allowed,
    'tv': allowed
  };

  /**
   * Given a series of sanitized tokens, removes any properties that would
   * leak user history if allowed to style links differently depending on
   * whether the linked URL is in the user's browser history.
   * @param {Array.<string>} blockOfProperties
   */
  function sanitizeHistorySensitive(blockOfProperties) {
    var elide = false;
    for (var i = 0, n = blockOfProperties.length; i < n-1; ++i) {
      var token = blockOfProperties[i];
      if (':' === blockOfProperties[i+1]) {
        elide = !(cssSchema[token].cssPropBits & CSS_PROP_BIT_ALLOWED_IN_LINK);
      }
      if (elide) { blockOfProperties[i] = ''; }
      if (';' === token) { elide = false; }
    }
    return blockOfProperties.join('');
  }

  /**
   * @param {string} cssText a string containing a CSS stylesheet.
   * @param {string} suffix a suffix that is added to all IDs and which is
   *    used as a CLASS names so that the returned selectors will only match
   *    nodes under one with suffix as a class name.
   *    If suffix is {@code "sfx"}, the selector
   *    {@code ["a", "#foo", " ", "b", ".bar"]} will be namespaced to
   *    {@code [".sfx", " ", "a", "#foo-sfx", " ", "b", ".bar"]}.
   * @param {function(string, string)} opt_naiveUriRewriter maps URLs of media
   *    (images, sounds) that appear as CSS property values to sanitized
   *    URLs or null if the URL should not be allowed as an external media
   *    file in sanitized CSS.
   */
  return function /*sanitizeStylesheet*/(
       cssText, suffix, opt_naiveUriRewriter) {
    var safeCss = void 0;
    // A stack describing the { ... } regions.
    // Null elements indicate blocks that should not be emitted.
    var blockStack = [];
    // True when the content of the current block should be left off safeCss.
    var elide = false;
    parseCssStylesheet(
        cssText,
        {
          startStylesheet: function () {
            safeCss = [];
          },
          endStylesheet: function () {
          },
          startAtrule: function (atIdent, headerArray) {
            if (elide) {
              atIdent = null;
            } else if (atIdent === '@media') {
              headerArray = headerArray.filter(
                function (mediaType) {
                  return cssMediaTypeWhitelist[mediaType] == allowed;
                });
              if (headerArray.length) {
                safeCss.push(atIdent, headerArray.join(','), '{');
              } else {
                atIdent = null;
              }
            } else {
              if (atIdent === '@import') {
                // TODO: Use a logger instead.
                if (window.console) {
                  window.console.log(
                      '@import ' + headerArray.join(' ') + ' elided');
                }
              }
              atIdent = null;  // Elide the block.
            }
            elide = !atIdent;
            blockStack.push(atIdent);              
          },
          endAtrule: function () {
            var atIdent = blockStack.pop();
            if (!elide) {
              safeCss.push(';');
            }
            checkElide();
          },
          startBlock: function () {
            // There are no bare blocks in CSS, so we do not change the
            // block stack here, but instead in the events that bracket
            // blocks.
            if (!elide) {
              safeCss.push('{');
            }
          },
          endBlock: function () {
            if (!elide) {
              safeCss.push('}');
              elide = true;  // skip any semicolon from endAtRule.
            }
          },
          startRuleset: function (selectorArray) {
            var historySensitiveSelectors = void 0;
            var removeHistoryInsensitiveSelectors = false;
            if (!elide) {
              var selectors = sanitizeCssSelectors(selectorArray, suffix);
              var historyInsensitiveSelectors = selectors[0];
              historySensitiveSelectors = selectors[1];
              if (!historyInsensitiveSelectors.length
                  && !historySensitiveSelectors.length) {
                elide = true;
              } else {
                var selector = historyInsensitiveSelectors.join(', ');
                if (!selector) {
                  // If we have only history sensitive selectors,
                  // use an impossible rule so that we can capture the content
                  // for later processing by 
                  // history insenstive content for use below.
                  selector = 'head > html';
                  removeHistoryInsensitiveSelectors = true;
                }
                safeCss.push(selector, '{');
              }
            }
            blockStack.push(
                elide
                ? null
                // Sometimes a single list of selectors is split in two,
                //   div, a:visited
                // because we want to allow some properties for DIV that
                // we don't want to allow for A:VISITED to avoid leaking
                // user history.
                // Store the history sensitive selectors and the position
                // where the block starts so we can later create a copy
                // of the permissive tokens, and filter it to handle the
                // history sensitive case.
                : {
                    historySensitiveSelectors: historySensitiveSelectors,
                    endOfSelectors: safeCss.length - 1,  // 1 is open curly
                    removeHistoryInsensitiveSelectors:
                       removeHistoryInsensitiveSelectors
                  });
          },
          endRuleset: function () {
            var rules = blockStack.pop();
            var propertiesEnd = safeCss.length;
            if (!elide) {
              safeCss.push('}');
              if (rules) {
                var extraSelectors = rules.historySensitiveSelectors;
                if (extraSelectors.length) {
                  var propertyGroupTokens = safeCss.slice(rules.endOfSelectors);
                  safeCss.push(extraSelectors.join(', '),
                               sanitizeHistorySensitive(propertyGroupTokens));
                }
              }
            }
            if (rules && rules.removeHistoryInsensitiveSelectors) {
              safeCss.splice(
                // -1 and +1 account for curly braces.
                rules.endOfSelectors - 1, propertiesEnd + 1);
            }
            checkElide();
          },
          declaration: function (property, valueArray) {
            if (!elide) {
              var schema = cssSchema[property];
              if (schema) {
                sanitizeCssProperty(property, schema, valueArray, opt_naiveUriRewriter);
                if (valueArray.length) {
                  safeCss.push(property, ':', valueArray.join(' '), ';');
                }
              }
            }
          }
        });
    function checkElide() {
      elide = blockStack.length !== 0 
          && blockStack[blockStack.length-1] !== null;
    }
    return safeCss.join('');
  };
})();

// Exports for closure compiler.
if (typeof window !== 'undefined') {
  window['sanitizeCssProperty'] = sanitizeCssProperty;
  window['sanitizeCssSelectors'] = sanitizeCssSelectors;
  window['sanitizeStylesheet'] = sanitizeStylesheet;
}

// Copyright (C) 2010 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

/**
 * @fileoverview
 * Utilities for dealing with CSS source code.
 *
 * @author mikesamuel@gmail.com
 * \@requires lexCss
 * \@overrides window
 * \@provides parseCssStylesheet, parseCssDeclarations
 */

/**
 * parseCssStylesheet takes a chunk of CSS text and a handler object with
 * methods that it calls as below:
 * <pre>
 * // At the beginning of a stylesheet.
 * handler.startStylesheet();
 *
 * // For an @foo rule ended by a semicolon: @import "foo.css";
 * handler.startAtrule('@import', ['"foo.css"']);
 * handler.endAtrule();
 *
 * // For an @foo rule ended with a block. @media print { ... }
 * handler.startAtrule('@media', ['print']);
 * handler.startBlock();
 * // Calls to contents elided.  Probably selectors and declarations as below.
 * handler.endBlock();
 * handler.endAtrule();
 * 
 * // For a ruleset: p.clazz q, s { color: blue; }
 * handler.startRuleset(['p', '.', 'clazz', ' ', 'q', ',', ' ', 's']);
 * handler.declaration('color', ['blue']);
 * handler.endRuleset();
 *
 * // At the end of a stylesheet.
 * handler.endStylesheet();
 * </pre>
 * When errors are encountered, the parser drops the useless tokens and
 * attempts to resume parsing.
 *
 * @param {string} cssText CSS3 content to parse as a stylesheet.
 * @param {Object} handler An object like <pre>{
 *   startStylesheet: function () { ... },
 *   endStylesheet: function () { ... },
 *   startAtrule: function (atIdent, headerArray) { ... },
 *   endAtrule: function () { ... },
 *   startBlock: function () { ... },
 *   endBlock: function () { ... },
 *   startRuleset: function (selectorArray) { ... },
 *   endRuleset: function () { ... },
 *   declaration: function (property, valueArray) { ... },
 * }</pre>
 */
var parseCssStylesheet;

/**
 * parseCssDeclarations parses a run of declaration productions as seen in the
 * body of the HTML5 {@code style} attribute.
 * 
 * @param {string} cssText CSS3 content to parse as a run of declarations.
 * @param {Object} handler An object like <pre>{
 *   declaration: function (property, valueArray) { ... },
 * }</pre>
 */
var parseCssDeclarations;

(function () {
  // stylesheet  : [ CDO | CDC | S | statement ]*;
  parseCssStylesheet = function(cssText, handler) {
    var toks = lexCss(cssText);
    if (handler.startStylesheet) { handler.startStylesheet(); }
    for (var i = 0, n = toks.length; i < n;) {
      // CDO and CDC ("<!--" and "-->") are converted to space by the lexer.
      i = toks[i] === ' ' ? i+1 : statement(toks, i, n, handler);
    }
    if (handler.endStylesheet) { handler.endStylesheet(); }
  };

  // statement   : ruleset | at-rule;
  function statement(toks, i, n, handler) {
    if (i < n) {
      var tok = toks[i];
      if (tok.charAt(0) === '@') {
        return atrule(toks, i, n, handler, true);  
      } else {
        return ruleset(toks, i, n, handler);
      }
    } else {
      return i;
    }
  }

  // at-rule     : ATKEYWORD S* any* [ block | ';' S* ];
  function atrule(toks, i, n, handler, blockok) {
    var start = i++;
    while (i < n && toks[i] !== '{' && toks[i] !== ';') {
      ++i;
    }
    if (i < n && (blockok || toks[i] === ';')) {
      var s = start+1, e = i;
      if (s < n && toks[s] === ' ') { ++s; }
      if (e > s && toks[e-1] === ' ') { --e; }
      if (handler.startAtrule) {
        handler.startAtrule(toks[start].toLowerCase(), toks.slice(s, e));
      }
      i = (toks[i] === '{')
          ? block(toks, i, n, handler)
          : i+1;  // Skip over ';'
      if (handler.endAtrule) {
        handler.endAtrule();
      }
    }
    // Else we reached end of input or are missing a semicolon. 
    // Drop the rule on the floor.
    return i;
  }

  // block       : '{' S* [ any | block | ATKEYWORD S* | ';' S* ]* '}' S*;
   // Assumes the leading '{' has been verified by callers.
  function block(toks, i, n, handler) {
    ++i; //  skip over '{'
    if (handler.startBlock) { handler.startBlock(); }
    while (i < n) {
      var ch = toks[i].charAt(0);
      if (ch == '}') {
        ++i;
        break;
      }
      if (ch === ' ' || ch === ';') {
        i = i+1;
      } else if (ch === '@') {
        i = atrule(toks, i, n, handler, false);
      } else if (ch === '{') {
        i = block(toks, i, n, handler);
      } else {
        // Instead of using (any* block) to subsume ruleset we allow either
        // blocks or rulesets with a non-blank selector.
        // This is more restrictive but does not require atrule specific
        // parse tree fixup to realize that the contents of the block in
        //    @media print { ... }
        // is a ruleset.  We just don't care about any block carrying at-rules
        // whose body content is not ruleset content.
        i = ruleset(toks, i, n, handler);
      }
    }
    if (handler.endBlock) { handler.endBlock(); }
    return i;
  }

  // ruleset    : selector? '{' S* declaration? [ ';' S* declaration? ]* '}' S*;
  function ruleset(toks, i, n, handler) {
    // toks[s:e] are the selector tokens including internal whitespace.
    var s = i, e = selector(toks, i, n, true);
    if (e < 0) {
      // Skip malformed content per selector calling convention.
      e = ~e;
      // Make sure we skip at least one token.
      return i === e ? e+1 : e;
    }
    i = e;
    // Don't include any trailing space in the selector slice.
    if (e > s && toks[e-1] === ' ') { --e; }
    var tok = toks[i];
    ++i;  // Skip over '{'
    if (tok !== '{') {
      // Skips past the '{' when there is a malformed input.
      return i;
    }
    if (handler.startRuleset) {
      handler.startRuleset(toks.slice(s, e));
    }
    while (i < n) {
      tok = toks[i];
      if (tok === '}') {
        ++i;
        break;
      }
      if (tok === ' ') {
        i = i+1;
      } else {
        i = declaration(toks, i, n, handler);
      }
    }
    if (handler.endRuleset) {
      handler.endRuleset();
    }
    return i < n ? i+1 : i;
  }

  // selector    : any+;
  // any         : [ IDENT | NUMBER | PERCENTAGE | DIMENSION | STRING
  //               | DELIM | URI | HASH | UNICODE-RANGE | INCLUDES
  //               | FUNCTION S* any* ')' | DASHMATCH | '(' S* any* ')'
  //               | '[' S* any* ']' ] S*;
  // A negative return value, rv, indicates the selector was malformed and
  // the index at which we stopped is ~rv.
  function selector(toks, i, n, allowSemi) {
    var s = i;
    // The definition of any above can be summed up as
    //   "any run of token except ('[', ']', '(', ')', ':', ';', '{', '}')
    //    or nested runs of parenthesized tokens or square bracketed tokens".
    // Spaces are significant in the selector.
    // Selector is used as (selector?) so the below looks for (any*) for
    // simplicity.
    var tok;
    // Keeping a stack pointer actually causes this to minify better since
    // ".length" and ".push" are a lo of chars.
    var brackets = [], stackLast = -1;
    for (;i < n; ++i) {
      tok = toks[i].charAt(0);
      if (tok === '[' || tok === '(') {
        brackets[++stackLast] = tok;
      } else if ((tok === ']' && brackets[stackLast] === '[') ||
                 (tok === ')' && brackets[stackLast] === '(')) {
        --stackLast;
      } else if (tok === '{' || tok === '}' || tok === ';' || tok === '@'
                 || (tok === ':' && !allowSemi)) {
        break;
      }
    }
    if (stackLast >= 0) {
      // Returns the bitwise inverse of i+1 to indicate an error in the
      // token stream so that clients can ignore it.
      i = ~(i+1);
    }
    return i;
  }

  var ident = /^-?[a-z]/i;

  // declaration : property ':' S* value;
  // property    : IDENT S*;
  // value       : [ any | block | ATKEYWORD S* ]+;
  function declaration(toks, i, n, handler) {
    var property = toks[i++];
    if (!ident.test(property)) { 
      return i+1;  // skip one token.
    }
    var tok;
    if (i < n && toks[i] === ' ') { ++i; }
    if (i == n || toks[i] !== ':') {
      // skip tokens to next semi or close bracket.
      while (i < n && (tok = toks[i]) !== ';' && tok !== '}') { ++i; }
      return i;
    }
    ++i;
    if (i < n && toks[i] === ' ') { ++i; }

    // None of the rules we care about want atrules or blocks in value, so
    // we look for any+ but that is the same as selector but not zero-length.
    // This gets us the benefit of not emitting any value with mismatched
    // brackets.
    var s = i, e = selector(toks, i, n, false);
    if (e < 0) {
      // Skip malformed content per selector calling convention.
      e = ~e;
    } else {
      var value = [], valuelen = 0;
      for (var j = s; j < e; ++j) {
        tok = toks[j];
        if (tok !== ' ') {
          value[valuelen++] = tok;
        }
      }
      // One of the following is now true:
      // (1) e is flush with the end of the tokens as in <... style="x:y">.
      // (2) tok[e] points to a ';' in which case we need to consume the semi.
      // (3) tok[e] points to a '}' in which case we don't consume it.
      // (4) else there is bogus unparsed value content at toks[e:].
      // Allow declaration flush with end for style attr body.
      if (e < n) {  // 2, 3, or 4
        do {
          tok = toks[e];
          if (tok === ';' || tok === '}') { break; }
          // Don't emit the property if there is questionable trailing content.
          valuelen = 0;
        } while (++e < n);
        if (tok === ';') {
          ++e;
        }
      }
      if (valuelen && handler.declaration) {
        // TODO: coerce non-keyword ident tokens to quoted strings.
        handler.declaration(property.toLowerCase(), value);
      }
    }
    return e;
  }

  parseCssDeclarations = function(cssText, handler) {
    var toks = lexCss(cssText);
    for (var i = 0, n = toks.length; i < n;) {
      i = toks[i] !== ' ' ? declaration(toks, i, n, handler) : i+1;
    }
  };
})();

// Exports for closure compiler.
if (typeof window !== 'undefined') {
  window['parseCssStylesheet'] = parseCssStylesheet;
  window['parseCssDeclarations'] = parseCssDeclarations;
}

/*!
 * @copyright@
 */
// Based on coding from the HTML4 Sanitizer by Google Inc.
// The HTML Attributes and ELements were reorganized according to the actual HTML5 specification
// from the W3C. All types and flags were reviewed again as accurately as possible with HTML4 only
// elements removed, you can still see them as comments. All rules which are new or changed from the
// old HTML4 file are also marked "new" within the comment. The comments also state which attributes
// and elements are assigned to respective types and flags. All rules which were not 100% clear were
// analyzed in a way of similarity, so for example "audio" and "video" content behaves like images etc.
// URIEFFECTS state if a URL is loaded inplace within a tag where the actual document is in control
// of what type of content is loaded like "image" or if a new document is loaded like with "a href".
// LOADERTYPES state if content is loaded as sandboxed which means it is loaded within a specific
// surroundig player like with video content for example or if it is loaded freely without restrictions.
// @overrides window
// @provides html4

var html4 = {};
html4.atype = {
  NONE: 0,
  URI: 1, //action, cite, data, href, icon, manifest, poster, src
  URI_FRAGMENT: 11, //usemap
  SCRIPT: 2, //all event handlers
  STYLE: 3, //style
  ID: 4, //id
  IDREF: 5, //for
  IDREFS: 6, //headers
  GLOBAL_NAME: 7, //name of form, iframe, img, map, meta
  LOCAL_NAME: 8, //name of button, fieldset, input, keygen, object, output, param, select, textarea
  CLASSES: 9, //class
  FRAME_TARGET: 10 //formtarget, srcdoc, target
};

html4.ATTRIBS = {
	'*::accesskey': 0, //NONE
	'*::class': 9, //CLASSES
	'*::contenteditable': 0, //NONE new
	'*::contextmenu': 0, //NONE new
	'*::dir': 0, //NONE
	'*::draggable': 0, //NONE new
	'*::dropzone': 0, //NONE new
	'*::hidden': 0, //NONE new
	'*::id': 4, //ID
	'*::lang': 0, //NONE
	'*::onabort': 2, //SCRIPT new
	'*::onblur': 2, //SCRIPT new
	'*::oncanplay': 2, //SCRIPT new
	'*::oncanplaythrough': 2, //SCRIPT new
	'*::onchange': 2, //SCRIPT new
	'*::onclick': 2, //SCRIPT
	'*::oncontextmenu': 2, //SCRIPT new
	'*::oncuechange': 2, //SCRIPT new
	'*::ondblclick': 2, //SCRIPT
	'*::ondrag': 2, //SCRIPT new
	'*::ondragend': 2, //SCRIPT new
	'*::ondragenter': 2, //SCRIPT new
	'*::ondragleave': 2, //SCRIPT new
	'*::ondragover': 2, //SCRIPT new
	'*::ondragstart': 2, //SCRIPT new
	'*::ondrop': 2, //SCRIPT new
	'*::ondurationchange': 2, //SCRIPT new
	'*::onemptied': 2, //SCRIPT new
	'*::onended': 2, //SCRIPT new
	'*::onerror': 2, //SCRIPT new
	'*::onfocus': 2, //SCRIPT new
	'*::oninput': 2, //SCRIPT new
	'*::oninvalid':	 2, //SCRIPT new
	'*::onkeydown': 2, //SCRIPT
	'*::onkeypress': 2, //SCRIPT
	'*::onkeyup': 2, //SCRIPT
	'*::onload': 2, //SCRIPT
	'*::onloadeddata': 2, //SCRIPT new
	'*::onloadedmetadata': 2, //SCRIPT new
	'*::onloadstart': 2, //SCRIPT new
	'*::onmousedown': 2, //SCRIPT
	'*::onmousemove': 2, //SCRIPT
	'*::onmouseout': 2, //SCRIPT
	'*::onmouseover': 2, //SCRIPT
	'*::onmouseup': 2, //SCRIPT
	'*::onmousewheel': 2, //SCRIPT new
	'*::onpause': 2, //SCRIPT new
	'*::onplay': 2, //SCRIPT new
	'*::onplaying': 2, //SCRIPT new
	'*::onprogress': 2, //SCRIPT new
	'*::onratechange': 2, //SCRIPT new
	'*::onreadystatechange': 2, //SCRIPT new
	'*::onreset': 2, //SCRIPT new
	'*::onscroll': 2, //SCRIPT new
	'*::onseeked': 2, //SCRIPT new
	'*::onseeking': 2, //SCRIPT new
	'*::onselect': 2, //SCRIPT new
	'*::onshow': 2, //SCRIPT new
	'*::onstalled': 2, //SCRIPT new
	'*::onsubmit': 2, //SCRIPT new
	'*::onsuspend': 2, //SCRIPT new
	'*::ontimeupdate': 2, //SCRIPT new
	'*::onvolumechange': 2, //SCRIPT new
	'*::onwaiting': 2, //SCRIPT new
	'*::spellcheck': 0, //NONE new
	'*::style': 3, //STYLE
	'*::tabindex': 0, //NONE
	'*::title': 0, //NONE
//---------------------  'a::accesskey': 0, moved to global
//---------------------  'a::coords': 0,
	'a::href': 1, //URI
	'a::hreflang': 0, //NONE
	'a::media': 0, //NONE new
//---------------------  'a::name': 7,
//---------------------	 'a::onblur': 2, moved to global
//---------------------	 'a::onfocus': 2, moved to global
	'a::rel': 0, //NONE
//---------------------  'a::rev': 0,
//---------------------  'a::shape': 0,
//---------------------  'a::tabindex': 0, moved to global
	'a::target': 10, //FRAME_TARGET
	'a::type': 0, //NONE
//---------------------  'area::accesskey': 0, moved to global
	'area::alt': 0, //NONE
	'area::coords': 0, //NONE
	'area::href': 1, //URI
	'area::hreflang': 0, //NONE new
	'area::media': 0, //NONE new
//---------------------  'area::nohref': 0,
//---------------------	 'area::onblur': 2, moved to global
//---------------------	 'area::onfocus': 2, moved to global
	'area::rel': 0, //NONE new
	'area::shape': 0, //NONE
//---------------------  'area::tabindex': 0, moved to global
	'area::target': 10, //FRAME_TARGET
	'area::type': 0, //NONE
	'audio::autoplay': 0, //NONE new
	'audio::controls': 0, //NONE new
	'audio::loop': 0, //NONE new
	'audio::mediagroup': 0, //NONE new
	'audio::preload': 0, //NONE new
	'audio::src': 1, //URI
	'base::href': 1, //URI
	'base::target': 10, //FRAME_TARGET
//---------------------  'bdo::dir': 0,
	'blockquote::cite': 1, //URI
	'body::onafterprint': 2, //SCRIPT new
	'body::onbeforeprint': 2, //SCRIPT new
	'body::onbeforeunload': 2, //SCRIPT new
	'body::onblur': 2, //SCRIPT new
	'body::onerror': 2, //SCRIPT new
	'body::onfocus': 2, //SCRIPT new
	'body::onhashchange': 2, //SCRIPT new
	'body::onload': 2, //SCRIPT new
	'body::onmessage': 2, //SCRIPT new
	'body::onoffline': 2, //SCRIPT new
	'body::ononline': 2, //SCRIPT new
	'body::onpagehide': 2, //SCRIPT new
	'body::onpageshow': 2, //SCRIPT new
	'body::onpopstate': 2, //SCRIPT new
	'body::onredo': 2, //SCRIPT new
	'body::onresize': 2, //SCRIPT new
	'body::onscroll': 2, //SCRIPT new
	'body::onstorage': 2, //SCRIPT new
	'body::onundo': 2, //SCRIPT new
	'body::onunload': 2, //SCRIPT new
//---------------------  'br::clear': 0,
//---------------------  'button::accesskey': 0, moved to global
	'button::autofocus': 0, //NONE new
	'button::disabled': 0, //NONE
	'button::form': 0, //NONE new
	'button::formaction': 1, //URI new
	'button::formenctype': 0, //NONE new
	'button::formmethod': 0, //NONE new
	'button::formnovalidate': 0, //NONE new
	'button::formtarget': 10, //FRAME_TARGET new
	'button::name': 8, //LOCAL_NAME
//---------------------	 'button::onblur': 2,
//---------------------	 'button::onfocus': 2,
//---------------------  'button::tabindex': 0, moved to global
	'button::type': 0, //NONE
	'button::value': 0, //NONE
	'canvas::height': 0, //NONE
	'canvas::width': 0, //NONE
//---------------------	 'caption::align': 0,
//---------------------  'col::align': 0,
//---------------------	 'col::char': 0,
//---------------------	 'col::charoff': 0,
	'col::span': 0, //NONE
//---------------------	 'col::valign': 0,
//---------------------	 'col::width': 0,
//---------------------	 'colgroup::align': 0,
//---------------------	 'colgroup::char': 0,
//---------------------	 'colgroup::charoff': 0,
	'colgroup::span': 0, //NONE
//---------------------	 'colgroup::valign': 0,
//---------------------	 'colgroup::width': 0,
	'command::checked': 0, //NONE new
	'command::disabled': 0, //NONE new
	'command::icon': 1, //URI new
	'command::label': 0, //NONE new
	'command::radiogroup': 0, //NONE new		
	'command::type': 0, //NONE new
	'del::cite': 1, //URI
	'del::datetime': 0, //NONE
	'details::open': 0, //NONE new
//---------------------	 'dir::compact': 0,
//---------------------	 'div::align': 0,
//---------------------	 'dl::compact': 0,
	'embed::height': 0, //NONE new
	'embed::src': 1, //URI new
	'embed::type': 0, //NONE new
	'embed::width': 0, //NONE new
	'fieldset::disabled': 0, //NONE new
	'fieldset::form': 0, //NONE new
	'fieldset::name': 8, //LOCAL_NAME new
//---------------------	 'font::color': 0,
//---------------------	 'font::face': 0,
//---------------------	 'font::size': 0,
//---------------------	 'form::accept': 0,
	'form::accept-charset': 0, //NONE
	'form::action': 1, //URI
	'form::autocomplete': 0, //NONE
	'form::enctype': 0, //NONE
	'form::method': 0, //NONE
	'form::name': 7, //GLOBAL_NAME
	'form::novalidate': 0, //NONE new
//---------------------	 'form::onreset': 2,
//---------------------	 'form::onsubmit': 2,
	'form::target': 10, //FRAME_TARGET
//---------------------	 'h1::align': 0,
//---------------------	 'h2::align': 0,
//---------------------	 'h3::align': 0,
//---------------------	 'h4::align': 0,
//---------------------	 'h5::align': 0,
//---------------------	 'h6::align': 0,
//---------------------	 'hr::align': 0,
//---------------------	 'hr::noshade': 0,
//---------------------	 'hr::size': 0,
//---------------------	 'hr::width': 0,
	'html:: manifest': 1, //URI new
//---------------------	 'iframe::align': 0,
//---------------------	'iframe::frameborder': 0,
	'iframe::height': 0, //NONE
//---------------------	 'iframe::marginheight': 0,
//---------------------	 'iframe::marginwidth': 0,
	'iframe::name': 7, //GLOBAL_NAME new
	'iframe::sandbox': 0, //NONE new
	'iframe::seamless': 0, //NONE new
	'iframe::src': 1, //URI new
	'iframe::srcdoc': 10, //FRAME_TARGET new
	'iframe::width': 0, //NONE
//---------------------	 'img::align': 0,
	'img::alt': 0, //NONE
//---------------------	 'img::border': 0,
	'img::height': 0, //NONE
//---------------------	 'img::hspace': 0,
	'img::ismap': 0, //NONE
	'img::name': 7, //GLOBAL_NAME
	'img::src': 1, //URI
	'img::usemap': 11, //URI_FRAGMENT
//---------------------	'img::vspace': 0,
	'img::width': 0, //NONE
	'input::accept': 0, //NONE
//---------------------	 'input::accesskey': 0, moved to global
//---------------------	 'input::align': 0,
	'input::alt': 0, //NONE
	'input::autocomplete': 0, //NONE
	'input::autofocus': 0, //NONE new
	'input::checked': 0, //NONE
	'input::dirname': 0, //NONE new
	'input::disabled': 0, //NONE
	'input::form': 0, //NONE new
	'input::formaction': 1, //URI new
	'input::formenctype': 0, //NONE new
	'input::formmethod': 0, //NONE new
	'input::formnovalidate': 0, //NONE new
	'input::formtarget': 10, //FRAME_TARGET new
	'input::height': 0, //NONE new
//---------------------	 'input::ismap': 0,
	'input::list': 0, //NONE new
	'input::max': 0, //NONE new
	'input::maxlength': 0, //NONE
	'input::min': 0, //NONE new
	'input::multiple': 0, //NONE new
	'input::name': 8, //LOCAL_NAME
//---------------------	 'input::onblur': 2,
//---------------------	 'input::onchange': 2,
//---------------------	 'input::onfocus': 2,
//---------------------	 'input::onselect': 2,
	'input::pattern': 0, //NONE new
	'input::placeholder': 0, //NONE new
	'input::readonly': 0, //NONE
	'input::required': 0, //NONE new
	'input::step': 0, //NONE new
	'input::size': 0, //NONE
	'input::src': 1, //URI
//---------------------  'input::tabindex': 0, moved to global
	'input::type': 0, //NONE
//---------------------	 'input::usemap': 11,
	'input::value': 0, //NONE
	'input::width': 0, //NONE new
	'ins::cite': 1, //URI
	'ins::datetime': 0, //NONE
//---------------------  'label::accesskey': 0, moved to global
	'keygen::autofocus': 0, //NONE new
	'keygen::challenge': 0, //NONE new
	'keygen::disabled': 0, //NONE new
	'keygen::form': 0, //NONE new
	'keygen::keytype': 0, //NONE new
	'keygen::name': 8, //LOCAL_NAME new
	'label::for': 5, //IDREF
	'label::form': 0, //NONE new
//---------------------	 'label::onblur': 2,
//---------------------	 'label::onfocus': 2,
//---------------------  'legend::accesskey': 0, moved to global
//---------------------  'legend::align': 0,
//---------------------  'li::type': 0,
	'link::href': 1, //URI new
	'link::hreflang': 0, //NONE new
	'link::media': 0, //NONE new
	'link::rel': 0, //NONE new
	'link::sizes': 0, //NONE new
	'link::type': 0, //NONE new
	'li::value': 0, //NONE new
	'map::name': 7, //GLOBAL_NAME
//---------------------  'menu::compact': 0,
	'menu::label': 0, //NONE new
	'menu::type': 0, //NONE new
	'meta::charset': 0, //NONE new
	'meta::content': 0, //NONE new
	'meta::http-equiv': 0, //NONE new
	'meta::name': 7, //GLOBAL_NAME new
	'meter::form': 0, //NONE new
	'meter::high': 0, //NONE new
	'meter::low': 0, //NONE new
	'meter::max': 0, //NONE new
	'meter::min': 0, //NONE new
	'meter::optimum': 0, //NONE new
	'meter::value': 0, //NONE new
	'object::data': 1, //URI new
	'object::form': 0, //NONE new
	'object::height': 0, //NONE new
	'object::name': 8, //LOCAL_NAME new
	'object::type': 0, //NONE new
	'object::usemap': 11, //URI_FRAGMENT new
	'object::width': 0, //NONE new
//---------------------  'ol::compact': 0,
	'ol::reversed': 0, //NONE new
	'ol::start': 0, //NONE
//---------------------  'ol::type': 0,
	'optgroup::disabled': 0, //NONE
	'optgroup::label': 0, //NONE
	'option::disabled': 0, //NONE
	'option::label': 0, //NONE
	'option::selected': 0, //NONE
	'option::value': 0, //NONE
	'output::for': 5, //IDREF new
	'output::form': 0, //NONE new
	'output::name': 8, //LOCAL_NAME new
//---------------------  'p::align': 0,
	'param::name': 8, //LOCAL_NAME new
	'param::value': 0, //NONE new
	'progress::form': 0, //NONE new
	'progress::max': 0, //NONE new
	'progress::value': 0, //NONE new
//---------------------  'pre::width': 0,
	'q::cite': 1, //URI
	'script::async': 0, //NONE new
	'script::charset': 0, //NONE new
	'script::defer': 0, //NONE new
	'script::src': 1, //URI new
	'script::type': 0, //NONE new
	'select::autofocus': 0, //NONE new
	'select::disabled': 0, //NONE
	'select::form': 0, //NONE new
	'select::multiple': 0, //NONE
	'select::name': 8, //LOCAL_NAME
//---------------------	 'select::onblur': 2,
//---------------------	 'select::onchange': 2,
//---------------------	 'select::onfocus': 2,
	'select::required': 0, //NONE new
	'select::size': 0, //NONE
//---------------------  'select::tabindex': 0, moved to global
	'source::media': 0, //NONE new
	'source::src': 1, //URI new
	'source::type': 0, //NONE new
	'style::media': 0, //NONE new
	'style::scoped': 0, //NONE new
	'style::type': 0, //NONE new
//---------------------	 'table::align': 0,
//---------------------	 'table::bgcolor': 0,
	'table::border': 0, //NONE
//---------------------	 'table::cellpadding': 0,
//---------------------	 'table::cellspacing': 0,
//---------------------	 'table::frame': 0,
//---------------------	 'table::rules': 0,
//---------------------	 'table::summary': 0,
//---------------------	 'table::width': 0,
//---------------------	 'tbody::align': 0,
//---------------------	 'tbody::char': 0,
//---------------------	 'tbody::charoff': 0,
//---------------------	 'tbody::valign': 0,
//---------------------	 'td::abbr': 0,
//---------------------	 'td::align': 0,
//---------------------	 'td::axis': 0,
//---------------------	 'td::bgcolor': 0,
//---------------------	 'td::char': 0,
//---------------------	 'td::charoff': 0,
	'td::colspan': 0, //NONE
	'td::headers': 6, //IDREFS
//---------------------	 'td::height': 0,
//---------------------	 'td::nowrap': 0,
	'td::rowspan': 0, //NONE
//---------------------	 'td::scope': 0,
//---------------------  'td::valign': 0,
//---------------------	 'td::width': 0,
//---------------------  'textarea::accesskey': 0, moved to global
	'textarea::autofocus': 0, //NONE new
	'textarea::cols': 0, //NONE
	'textarea::disabled': 0, //NONE
	'textarea::form': 0, //NONE new
	'textarea::maxlength': 0, //NONE new
	'textarea::name': 8, //LOCAL_NAME
//---------------------	 'textarea::onblur': 2,
//---------------------	 'textarea::onchange': 2,
//---------------------	 'textarea::onfocus': 2,
//---------------------	 'textarea::onselect': 2,
	'textarea::placeholder': 0, //NONE new
	'textarea::readonly': 0, //NONE
	'textarea::required': 0, //NONE new
	'textarea::rows': 0, //NONE
	'textarea::wrap': 0, //NONE new
//---------------------  'textarea::tabindex': 0, moved to global
//---------------------	 'tfoot::align': 0,
//---------------------	 'tfoot::char': 0,
//---------------------	 'tfoot::charoff': 0,
//---------------------	 'tfoot::valign': 0,
//---------------------	 'th::abbr': 0,
//---------------------	 'th::align': 0,
//---------------------	 'th::axis': 0,
//---------------------	 'th::bgcolor': 0,
//---------------------	 'th::char': 0,
//---------------------	 'th::charoff': 0,
	'th::colspan': 0, //NONE
	'th::headers': 6, //IDREFS
//---------------------	 'th::height': 0,
//---------------------	 'th::nowrap': 0,
	'th::rowspan': 0, //NONE
	'th::scope': 0, //NONE
//---------------------	 'th::valign': 0,
//---------------------	 'th::width': 0,
//---------------------	 'thead::align': 0,
//---------------------	 'thead::char': 0,
//---------------------	 'thead::charoff': 0,
//---------------------	 'thead::valign': 0,
	'time::datetime': 0, //NONE new
	'time::pubdate': 0, //NONE new
//---------------------	 'tr::align': 0,
//---------------------	 'tr::bgcolor': 0,
//---------------------	 'tr::char': 0,
//---------------------	 'tr::charoff': 0,
//---------------------	 'tr::valign': 0,
	'track::default': 0, //NONE new
	'track::kind': 0, //NONE new
	'track::label': 0, //NONE new
	'track::src': 1, //URI new
	'track::srclang': 0, //NONE new
//---------------------	 'ul::compact': 0,
//---------------------	 'ul::type': 0
	'video::autoplay': 0, //NONE new
	'video::controls': 0, //NONE new
	'video::height': 0, //NONE new
	'video::loop': 0, //NONE new
	'video::mediagroup': 0, //NONE new
	'video::poster': 1, //URI new
	'video::preload': 0, //NONE new
	'video::src': 1, //URI new
	'video::width': 0 //NONE new
};
html4.eflags = {
	OPTIONAL_ENDTAG: 1,
	EMPTY: 2,
	CDATA: 4,
	RCDATA: 8,
	UNSAFE: 16,
	FOLDABLE: 32,
	SCRIPT: 64,
	STYLE: 128
};
html4.ELEMENTS = {
	'a': 0,
	'abbr': 0,
//---------------------	 'acronym': 0,
	'address': 0,
//---------------------	 'applet': 16,
	'area': 2, //EMPTY
	'article': 0, //new
	'aside': 0, //new
	'audio': 0, //new
	'b': 0,
	'base': 18, //EMPTY, UNSAFE
//---------------------	 'basefont': 18,
	'bdi': 0, //new
	'bdo': 0,
//---------------------	 'big': 0,
	'blockquote': 0,
	'body': 49, //OPTIONAL_ENDTAG, UNSAFE, FOLDABLE
	'br': 2, //EMPTY
	'button': 0,
	'canvas': 0,
	'caption': 0,
//---------------------	 'center': 0,
	'cite': 0,
	'code': 0,
	'col': 2, //EMPTY
	'colgroup': 1, //OPTIONAL_ENDTAG
	'command': 2, //EMPTY new
	'datalist': 0, //new
	'dd': 1, //OPTIONAL_ENDTAG
	'del': 0,
	'details': 0, //new
	'dfn': 0,
//---------------------	 'dir': 0,
	'div': 0,
	'dl': 0,
	'dt': 1, //OPTIONAL_ENDTAG
	'em': 0,
	'embed': 18, //EMPTY, UNSAFE new
	'fieldset': 0,
	'figcaption': 0, //new
	'figure': 0, //new
//---------------------	 'font': 0,
	'footer': 0, //new
	'form': 0,
//---------------------	 'frame': 18,
//---------------------	 'frameset': 16,
	'h1': 0,
	'h2': 0,
	'h3': 0,
	'h4': 0,
	'h5': 0,
	'h6': 0,
	'head': 49, //OPTIONAL_ENDTAG, UNSAFE, FOLDABLE
	'header': 0, //new
	'hgroup': 0, //new
	'hr': 2, //EMPTY
	'html': 49, //OPTIONAL_ENDTAG, UNSAFE, FOLDABLE
	'i': 0,
	'iframe': 4, //CDATA
	'img': 2,//EMPTY
	'input': 2, //EMPTY
	'ins': 0,
//---------------------	 'isindex': 18,
	'kbd': 0,
	'keygen': 2, //EMPTY new
	'label': 0,
	'legend': 0,
	'li': 1, //OPTIONAL_ENDTAG
	'link': 18, //EMPTY, UNSAFE
	'map': 0,
	'mark': 0, //new
	'menu': 0,
	'meta': 18, //EMPTY, UNSAFE
	'meter': 0, //new
	'nav': 0,
//---------------------	 'nobr': 0,
//---------------------	 'noembed': 4,
//---------------------	 'noframes': 20,
	'noscript': 20, //CDATA, UNSAFE
	'object': 16, //UNSAFE
	'ol': 0,
	'optgroup': 1, //OPTIONAL_ENDTAG new !!!!vorher 0
	'option': 1, //OPTIONAL_ENDTAG
	'output': 0, //new
	'p': 1, //OPTIONAL_ENDTAG
	'param': 18, //EMPTY, UNSAFE
	'pre': 0,
	'progress': 0, //new
	'q': 0,
	'rp': 1, //OPTIONAL_ENDTAG new
	'rt': 1, //OPTIONAL_ENDTAG new
	'ruby': 0, //new
	's': 0,
	'samp': 0,
	'script': 84, //CDATA, UNSAFE, SCRIPT
	'section': 0, //new
	'select': 0,
	'small': 0,
	'source': 2, //EMPTY new
	'span': 0,
//---------------------	 'strike': 0,
	'strong': 0,
	'style': 148, //CDATA, UNSAFE, STYLE
	'sub': 0,
	'summary': 0, //new
	'sup': 0,
	'table': 0,
	'tbody': 1, //OPTIONAL_ENDTAG
	'td': 1, //OPTIONAL_ENDTAG
	'textarea': 8, //RCDATA
	'tfoot': 1, //OPTIONAL_ENDTAG
	'th': 1, //OPTIONAL_ENDTAG
	'thead': 1, //OPTIONAL_ENDTAG
	'time': 0, //new
	'title': 24, //RCDATA, UNSAFE
	'tr': 1, //OPTIONAL_ENDTAG
	'track': 2, //EMPTY new
//---------------------	 'tt': 0,
	'u': 0,
	'ul': 0,
	'var': 0,
	'video': 0, //new
	'wbr': 2 //EMPTY new
};
html4.ueffects = {
	NOT_LOADED: 0,
	SAME_DOCUMENT: 1,
	NEW_DOCUMENT: 2
};
html4.URIEFFECTS = {
	'a::href': 2, //NEW_DOCUMENT
	'area::href': 2, //NEW_DOCUMENT
	'audio::src': 1, //SAME_DOCUMENT new
	'base::href':2, //NEW_DOCUMENT new
	'blockquote::cite': 0, //NOT_LOADED
//---------------------	 'body::background': 1,
	'button::formaction': 2, //NEW_DOCUMENT new
	'command::icon': 1, //SAME_DOCUMENT new
	'del::cite': 0, //NOT_LOADED	
	'embed::src': 1, //SAME_DOCUMENT new
	'form::action': 2, //NEW_DOCUMENT
	'html:: manifest': 1, //SAME_DOCUMENT new
	'iframe::src': 1, //SAME_DOCUMENT new
	'img::src': 1, //SAME_DOCUMENT
	'input::formaction': 2, //NEW_DOCUMENT new
	'input::src': 1, //SAME_DOCUMENT
	'ins::cite': 0, //NOT_LOADED
	'link::href': 2, //NEW_DOCUMENT new
	'object::data': 1, //SAME_DOCUMENT new
	'q::cite': 0, //NOT_LOADED	
	'script::src': 1, //SAME_DOCUMENT new
	'source::src': 1, //SAME_DOCUMENT new
	'track::src': 1, //SAME_DOCUMENT new
	'video::poster': 1, //SAME_DOCUMENT new
	'video::src': 1 //SAME_DOCUMENT new
};
html4.ltypes = {
	UNSANDBOXED: 2,
	SANDBOXED: 1,
	DATA: 0
};
html4.LOADERTYPES = {
	'a::href': 2, //UNSANDBOXED
	'area::href': 2, //UNSANDBOXED
	'audio::src': 1, //SANDBOXED new
	'base::href': 2, //UNSANDBOXED new
	'blockquote::cite': 2, //UNSANDBOXED
//---------------------	 'body::background': 1,
	'button::formaction': 2, //UNSANDBOXED new
	'command::icon': 1, //SANDBOXED new
	'del::cite': 2, //UNSANDBOXED
	'embed::src': 1, //SANDBOXED new
	'form::action': 2, //UNSANDBOXED
	'html:: manifest': 1, //SANDBOXED new
	'iframe::src': 1, //SANDBOXED new
	'img::src': 1, //SANDBOXED
	'input::formaction': 2, //UNSANDBOXED new
	'input::src': 1, //SANDBOXED
	'ins::cite': 2, //UNSANDBOXED
	'link::href': 2, //UNSANDBOXED new
	'object::data': 0, //DATA new
	'q::cite': 2, //UNSANDBOXED
	'script::src': 1, //SANDBOXED new
	'source::src': 1, //SANDBOXED new
	'track::src': 1, //SANDBOXED new
	'video::poster': 1, //SANDBOXED new
	'video::src': 1 //SANDBOXED new
};if (typeof window !== 'undefined') {
	window['html4'] = html4;
}
// Copyright (C) 2006 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

/**
 * @fileoverview
 * An HTML sanitizer that can satisfy a variety of security policies.
 *
 * <p>
 * The HTML sanitizer is built around a SAX parser and HTML element and
 * attributes schemas.
 * 
 * If the cssparser is loaded, inline styles are sanitized using the
 * css property and value schemas.  Else they are remove during
 * sanitization.
 *
 * If it exists, uses parseCssDeclarations, sanitizeCssProperty,  cssSchema
 *
 * @author mikesamuel@gmail.com
 * @author jasvir@gmail.com
 * \@requires html4
 * \@overrides window
 * \@provides html, html_sanitize
 */

/**
 * \@namespace
 */
var html = (function(html4) {

  // For closure compiler
  var parseCssDeclarations, sanitizeCssProperty, cssSchema;
  if ('undefined' !== typeof window) {
    parseCssDeclarations = window['parseCssDeclarations'];
    sanitizeCssProperty = window['sanitizeCssProperty'];
    cssSchema = window['cssSchema'];
  }

  var lcase;
  // The below may not be true on browsers in the Turkish locale.
  if ('script' === 'SCRIPT'.toLowerCase()) {
    lcase = function(s) { return s.toLowerCase(); };
  } else {
    /**
     * {\@updoc
     * $ lcase('SCRIPT')
     * # 'script'
     * $ lcase('script')
     * # 'script'
     * }
     */
    lcase = function(s) {
      return s.replace(
          /[A-Z]/g,
          function(ch) {
            return String.fromCharCode(ch.charCodeAt(0) | 32);
          });
    };
  }

  // The keys of this object must be 'quoted' or JSCompiler will mangle them!
  var ENTITIES = {
    'lt': '<',
    'gt': '>',
    'amp': '&',
    'nbsp': '\240',
    'quot': '"',
    'apos': '\''
  };

  var decimalEscapeRe = /^#(\d+)$/;
  var hexEscapeRe = /^#x([0-9A-Fa-f]+)$/;
  /**
   * Decodes an HTML entity.
   *
   * {\@updoc
   * $ lookupEntity('lt')
   * # '<'
   * $ lookupEntity('GT')
   * # '>'
   * $ lookupEntity('amp')
   * # '&'
   * $ lookupEntity('nbsp')
   * # '\xA0'
   * $ lookupEntity('apos')
   * # "'"
   * $ lookupEntity('quot')
   * # '"'
   * $ lookupEntity('#xa')
   * # '\n'
   * $ lookupEntity('#10')
   * # '\n'
   * $ lookupEntity('#x0a')
   * # '\n'
   * $ lookupEntity('#010')
   * # '\n'
   * $ lookupEntity('#x00A')
   * # '\n'
   * $ lookupEntity('Pi')      // Known failure
   * # '\u03A0'
   * $ lookupEntity('pi')      // Known failure
   * # '\u03C0'
   * }
   *
   * @param {string} name the content between the '&' and the ';'.
   * @return {string} a single unicode code-point as a string.
   */
  function lookupEntity(name) {
    name = lcase(name);  // TODO: &pi; is different from &Pi;
    if (ENTITIES.hasOwnProperty(name)) { return ENTITIES[name]; }
    var m = name.match(decimalEscapeRe);
    if (m) {
      return String.fromCharCode(parseInt(m[1], 10));
    } else if (!!(m = name.match(hexEscapeRe))) {
      return String.fromCharCode(parseInt(m[1], 16));
    }
    return '';
  }

  function decodeOneEntity(_, name) {
    return lookupEntity(name);
  }

  var nulRe = /\0/g;
  function stripNULs(s) {
    return s.replace(nulRe, '');
  }

  var entityRe = /&(#\d+|#x[0-9A-Fa-f]+|\w+);/g;
  /**
   * The plain text of a chunk of HTML CDATA which possibly containing.
   *
   * {\@updoc
   * $ unescapeEntities('')
   * # ''
   * $ unescapeEntities('hello World!')
   * # 'hello World!'
   * $ unescapeEntities('1 &lt; 2 &amp;&AMP; 4 &gt; 3&#10;')
   * # '1 < 2 && 4 > 3\n'
   * $ unescapeEntities('&lt;&lt <- unfinished entity&gt;')
   * # '<&lt <- unfinished entity>'
   * $ unescapeEntities('/foo?bar=baz&copy=true')  // & often unescaped in URLS
   * # '/foo?bar=baz&copy=true'
   * $ unescapeEntities('pi=&pi;&#x3c0;, Pi=&Pi;\u03A0') // FIXME: known failure
   * # 'pi=\u03C0\u03c0, Pi=\u03A0\u03A0'
   * }
   *
   * @param {string} s a chunk of HTML CDATA.  It must not start or end inside
   *     an HTML entity.
   */
  function unescapeEntities(s) {
    return s.replace(entityRe, decodeOneEntity);
  }

  var ampRe = /&/g;
  var looseAmpRe = /&([^a-z#]|#(?:[^0-9x]|x(?:[^0-9a-f]|$)|$)|$)/gi;
  var ltRe = /[<]/g;
  var gtRe = />/g;
  var quotRe = /\"/g;

  /**
   * Escapes HTML special characters in attribute values.
   *
   * {\@updoc
   * $ escapeAttrib('')
   * # ''
   * $ escapeAttrib('"<<&==&>>"')  // Do not just escape the first occurrence.
   * # '&#34;&lt;&lt;&amp;&#61;&#61;&amp;&gt;&gt;&#34;'
   * $ escapeAttrib('Hello <World>!')
   * # 'Hello &lt;World&gt;!'
   * }
   */
  function escapeAttrib(s) {
    return ('' + s).replace(ampRe, '&amp;').replace(ltRe, '&lt;')
        .replace(gtRe, '&gt;').replace(quotRe, '&#34;');
  }

  /**
   * Escape entities in RCDATA that can be escaped without changing the meaning.
   * {\@updoc
   * $ normalizeRCData('1 < 2 &&amp; 3 > 4 &amp;& 5 &lt; 7&8')
   * # '1 &lt; 2 &amp;&amp; 3 &gt; 4 &amp;&amp; 5 &lt; 7&amp;8'
   * }
   */
  function normalizeRCData(rcdata) {
    return rcdata
        .replace(looseAmpRe, '&amp;$1')
        .replace(ltRe, '&lt;')
        .replace(gtRe, '&gt;');
  }

  // TODO(mikesamuel): validate sanitizer regexs against the HTML5 grammar at
  // http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html
  // http://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html
  // http://www.whatwg.org/specs/web-apps/current-work/multipage/tokenization.html
  // http://www.whatwg.org/specs/web-apps/current-work/multipage/tree-construction.html

  // We initially split input so that potentially meaningful characters
  // like '<' and '>' are separate tokens, using a fast dumb process that
  // ignores quoting.  Then we walk that token stream, and when we see a
  // '<' that's the start of a tag, we use ATTR_RE to extract tag
  // attributes from the next token.  That token will never have a '>'
  // character.  However, it might have an unbalanced quote character, and
  // when we see that, we combine additional tokens to balance the quote.

  var ATTR_RE = new RegExp(
    '^\\s*' +
    '([a-z][a-z-]*)' +          // 1 = Attribute name
    '(?:' + (
      '\\s*(=)\\s*' +           // 2 = Is there a value?
      '(' + (                   // 3 = Attribute value
        // TODO(felix8a): maybe use backref to match quotes
        '(\")[^\"]*(\"|$)' +    // 4, 5 = Double-quoted string
        '|' +
        '(\')[^\']*(\'|$)' +    // 6, 7 = Single-quoted string
        '|' +
        // Positive lookahead to prevent interpretation of
        // <foo a= b=c> as <foo a='b=c'>
        // TODO(felix8a): might be able to drop this case
        '(?=[a-z][a-z-]*\\s*=)' +
        '|' +
        // Unquoted value that isn't an attribute name
        // (since we didn't match the positive lookahead above)
        '[^\"\'\\s]*' ) +
      ')' ) +
    ')?',
    'i');

  var ENTITY_RE = /^(#[0-9]+|#x[0-9a-f]+|\w+);/i;

  // false on IE<=8, true on most other browsers
  var splitWillCapture = ('a,b'.split(/(,)/).length === 3);

  // bitmask for tags with special parsing, like <script> and <textarea>
  var EFLAGS_TEXT = html4.eflags.CDATA | html4.eflags.RCDATA;

  /**
   * Given a SAX-like event handler, produce a function that feeds those
   * events and a parameter to the event handler.
   *
   * The event handler has the form:{@code
   * {
   *   // Name is an upper-case HTML tag name.  Attribs is an array of
   *   // alternating upper-case attribute names, and attribute values.  The
   *   // attribs array is reused by the parser.  Param is the value passed to
   *   // the saxParser.
   *   startTag: function (name, attribs, param) { ... },
   *   endTag:   function (name, param) { ... },
   *   pcdata:   function (text, param) { ... },
   *   rcdata:   function (text, param) { ... },
   *   cdata:    function (text, param) { ... },
   *   startDoc: function (param) { ... },
   *   endDoc:   function (param) { ... }
   * }}
   *
   * @param {Object} handler a record containing event handlers.
   * @return {function(string, Object)} A function that takes a chunk of HTML
   *     and a parameter.  The parameter is passed on to the handler methods.
   */
  function makeSaxParser(handler) {
    return function(htmlText, param) {
      return parse(htmlText, handler, param);
    };
  }

  // Parsing strategy is to split input into parts that might be lexically
  // meaningful (every ">" becomes a separate part), and then recombine
  // parts if we discover they're in a different context.

  // Note, html-sanitizer filters unknown tags here, even though they also
  // get filtered out by the sanitizer's handler.  This is back-compat
  // behavior; makeSaxParser is public.

  // TODO(felix8a): Significant performance regressions from -legacy,
  // tested on
  //    Chrome 18.0
  //    Firefox 11.0
  //    IE 6, 7, 8, 9
  //    Opera 11.61
  //    Safari 5.1.3
  // Many of these are unusual patterns that are linearly slower and still
  // pretty fast (eg 1ms to 5ms), so not necessarily worth fixing.

  // TODO(felix8a): "<script> && && && ... <\/script>" is slower on all
  // browsers.  The hotspot is htmlSplit.

  // TODO(felix8a): "<p title='>>>>...'><\/p>" is slower on all browsers.
  // This is partly htmlSplit, but the hotspot is parseTagAndAttrs.

  // TODO(felix8a): "<a><\/a><a><\/a>..." is slower on IE9.
  // "<a>1<\/a><a>1<\/a>..." is faster, "<a><\/a>2<a><\/a>2..." is faster.

  // TODO(felix8a): "<p<p<p..." is slower on IE[6-8]

  var continuationMarker = {};
  function parse(htmlText, handler, param) {
    var h = handler;
    var m, p, tagName;
    var parts = htmlSplit(htmlText);
    var state = {
      noMoreGT: false,
      noMoreEndComments: false
    };
    parseCPS(handler, parts, 0, state, param);
  }

  function continuationMaker(h, parts, initial, state, param) {
    return function () {
      parseCPS(h, parts, initial, state, param);
    };
  }

  function parseCPS(h, parts, initial, state, param) {
    try {
      if (h.startDoc && initial == 0) { h.startDoc(param); }
      var m, p, tagName;
      for (var pos = initial, end = parts.length; pos < end;) {
        var current = parts[pos++];
        var next = parts[pos];
        switch (current) {
        case '&':
          if (ENTITY_RE.test(next)) {
            if (h.pcdata) { 
              h.pcdata('&' + next, param, continuationMarker,
                continuationMaker(h, parts, pos, state, param));
            }
            pos++;
          } else {
            if (h.pcdata) { h.pcdata("&amp;", param, continuationMarker,
                continuationMaker(h, parts, pos, state, param));
            }
          }
          break;
        case '<\/':
          if (m = /^(\w+)[^\'\"]*/.exec(next)) {
            if (m[0].length === next.length && parts[pos + 1] === '>') {
              // fast case, no attribute parsing needed
              pos += 2;
              tagName = lcase(m[1]);
              if (html4.ELEMENTS.hasOwnProperty(tagName)) {
                if (h.endTag) {
                  h.endTag(tagName, param, continuationMarker,
                    continuationMaker(h, parts, pos, state, param));
                }
              }
            } else {
              // slow case, need to parse attributes
              // TODO(felix8a): do we really care about misparsing this?
              pos = parseEndTag(
                parts, pos, h, param, continuationMarker, state);
            }
          } else {
            if (h.pcdata) {
              h.pcdata('&lt;/', param, continuationMarker,
                continuationMaker(h, parts, pos, state, param));
            }
          }
          break;
        case '<':
          if (m = /^(\w+)\s*\/?/.exec(next)) {
            if (m[0].length === next.length && parts[pos + 1] === '>') {
              // fast case, no attribute parsing needed
              pos += 2;
              tagName = lcase(m[1]);
              if (html4.ELEMENTS.hasOwnProperty(tagName)) {
                if (h.startTag) {
                  h.startTag(tagName, [], param, continuationMarker,
                    continuationMaker(h, parts, pos, state, param));
                }
                // tags like <script> and <textarea> have special parsing
                var eflags = html4.ELEMENTS[tagName];
                if (eflags & EFLAGS_TEXT) {
                  var tag = { name: tagName, next: pos, eflags: eflags };
                  pos = parseText(
                    parts, tag, h, param, continuationMarker, state);
                }
              }
            } else {
              // slow case, need to parse attributes
              pos = parseStartTag(
                parts, pos, h, param, continuationMarker, state);
            }
          } else {
            if (h.pcdata) {
              h.pcdata('&lt;', param, continuationMarker,
                continuationMaker(h, parts, pos, state, param));
            }
          }
          break;
        case '<\!--':
          // The pathological case is n copies of '<\!--' without '-->', and
          // repeated failure to find '-->' is quadratic.  We avoid that by
          // remembering when search for '-->' fails.
          if (!state.noMoreEndComments) {
            // A comment <\!--x--> is split into three tokens:
            //   '<\!--', 'x--', '>'
            // We want to find the next '>' token that has a preceding '--'.
            // pos is at the 'x--'.
            for (p = pos + 1; p < end; p++) {
              if (parts[p] === '>' && /--$/.test(parts[p - 1])) { break; }
            }
            if (p < end) {
              pos = p + 1;
            } else {
              state.noMoreEndComments = true;
            }
          }
          if (state.noMoreEndComments) {
            if (h.pcdata) {
              h.pcdata('&lt;!--', param, continuationMarker,
                continuationMaker(h, parts, pos, state, param));
            }
          }
          break;
        case '<\!':
          if (!/^\w/.test(next)) {
            if (h.pcdata) {
              h.pcdata('&lt;!', param, continuationMarker,
                continuationMaker(h, parts, pos, state, param));
            }
          } else {
            // similar to noMoreEndComment logic
            if (!state.noMoreGT) {
              for (p = pos + 1; p < end; p++) {
                if (parts[p] === '>') { break; }
              }
              if (p < end) {
                pos = p + 1;
              } else {
                state.noMoreGT = true;
              }
            }
            if (state.noMoreGT) {
              if (h.pcdata) {
                h.pcdata('&lt;!', param, continuationMarker,
                  continuationMaker(h, parts, pos, state, param));
              }
            }
          }
          break;
        case '<?':
          // similar to noMoreEndComment logic
          if (!state.noMoreGT) {
            for (p = pos + 1; p < end; p++) {
              if (parts[p] === '>') { break; }
            }
            if (p < end) {
              pos = p + 1;
            } else {
              state.noMoreGT = true;
            }
          }
          if (state.noMoreGT) {
            if (h.pcdata) {
              h.pcdata('&lt;?', param, continuationMarker,
                continuationMaker(h, parts, pos, state, param)); 
            }
          }
          break;
        case '>':
          if (h.pcdata) {
            h.pcdata("&gt;", param, continuationMarker,
              continuationMaker(h, parts, pos, state, param)); 
          }
          break;
        case '':
          break;
        default:
          if (h.pcdata) {
            h.pcdata(current, param, continuationMarker, 
              continuationMaker(h, parts, pos, state, param)); 
          }
          break;
        }
      }
      if (h.endDoc) { h.endDoc(param); }
    } catch (e) {
      if (e !== continuationMarker) { throw e; }
    }
  }

  // Split str into parts for the html parser.
  function htmlSplit(str) {
    // can't hoist this out of the function because of the re.exec loop.
    var re = /(<\/|<\!--|<[!?]|[&<>])/g;
    str += '';
    if (splitWillCapture) {
      return str.split(re);
    } else {
      var parts = [];
      var lastPos = 0;
      var m;
      while ((m = re.exec(str)) !== null) {
        parts.push(str.substring(lastPos, m.index));
        parts.push(m[0]);
        lastPos = m.index + m[0].length;
      }
      parts.push(str.substring(lastPos));
      return parts;
    }
  }

  function parseEndTag(parts, pos, h, param, continuationMarker, state) {
    var tag = parseTagAndAttrs(parts, pos);
    // drop unclosed tags
    if (!tag) { return parts.length; }
    if (tag.eflags !== void 0) {
      if (h.endTag) {
        h.endTag(tag.name, param, continuationMarker,
          continuationMaker(h, parts, pos, state, param)); 
      }
    }
    return tag.next;
  }

  function parseStartTag(parts, pos, h, param, continuationMarker, state) {
    var tag = parseTagAndAttrs(parts, pos);
    // drop unclosed tags
    if (!tag) { return parts.length; }
    if (tag.eflags !== void 0) {
      if (h.startTag) { 
        h.startTag(tag.name, tag.attrs, param, continuationMarker,
          continuationMaker(h, parts, tag.next, state, param)); 
      }
      // tags like <script> and <textarea> have special parsing
      if (tag.eflags & EFLAGS_TEXT) {
        return parseText(parts, tag, h, param, continuationMarker, state);
      }
    }
    return tag.next;
  }

  var endTagRe = {};

  // Tags like <script> and <textarea> are flagged as CDATA or RCDATA,
  // which means everything is text until we see the correct closing tag.
  function parseText(parts, tag, h, param, continuationMarker, state) {
    var end = parts.length;
    if (!endTagRe.hasOwnProperty(tag.name)) {
      endTagRe[tag.name] = new RegExp('^' + tag.name + '(?:[\\s\\/]|$)', 'i');
    }
    var re = endTagRe[tag.name];
    var first = tag.next;
    var p = tag.next + 1;
    for (; p < end; p++) {
      if (parts[p - 1] === '<\/' && re.test(parts[p])) { break; }
    }
    if (p < end) { p -= 1; }
    var buf = parts.slice(first, p).join('');
    if (tag.eflags & html4.eflags.CDATA) {
      if (h.cdata) { 
        h.cdata(buf, param, continuationMarker,
          continuationMaker(h, parts, p, state, param)); 
      }
    } else if (tag.eflags & html4.eflags.RCDATA) {
      if (h.rcdata) {
        h.rcdata(normalizeRCData(buf), param, continuationMarker, 
          continuationMaker(h, parts, p, state, param)); 
      }
    } else {
      throw new Error('bug');
    }
    return p;
  }

  // at this point, parts[pos-1] is either "<" or "<\/".
  function parseTagAndAttrs(parts, pos) {
    var m = /^(\w+)/.exec(parts[pos]);
    var tag = { name: lcase(m[1]) };
    if (html4.ELEMENTS.hasOwnProperty(tag.name)) {
      tag.eflags = html4.ELEMENTS[tag.name];
    } else {
      tag.eflags = void 0;
    }
    var buf = parts[pos].substr(m[0].length);
    // Find the next '>'.  We optimistically assume this '>' is not in a
    // quoted context, and further down we fix things up if it turns out to
    // be quoted.
    var p = pos + 1;
    var end = parts.length;
    for (; p < end; p++) {
      if (parts[p] === '>') { break; }
      buf += parts[p];
    }
    if (end <= p) { return void 0; }
    var attrs = [];
    while (buf !== '') {
      m = ATTR_RE.exec(buf);
      if (!m) {
        // No attribute found: skip garbage
        buf = buf.replace(/^[\s\S][^a-z\s]*/, '');

      } else if ((m[4] && !m[5]) || (m[6] && !m[7])) {
        // Unterminated quote: slurp to the next unquoted '>'
        var quote = m[4] || m[6];
        var sawQuote = false;
        var abuf = [buf, parts[p++]];
        for (; p < end; p++) {
          if (sawQuote) {
            if (parts[p] === '>') { break; }
          } else if (0 <= parts[p].indexOf(quote)) {
            sawQuote = true;
          }
          abuf.push(parts[p]);
        }
        // Slurp failed: lose the garbage
        if (end <= p) { break; }
        // Otherwise retry attribute parsing
        buf = abuf.join('');
        continue;

      } else {
        // We have an attribute
        var aName = lcase(m[1]);
        var aValue = m[2] ? decodeValue(m[3]) : aName;
        attrs.push(aName, aValue);
        buf = buf.substr(m[0].length);
      }
    }
    tag.attrs = attrs;
    tag.next = p + 1;
    return tag;
  }

  function decodeValue(v) {
    var q = v.charCodeAt(0);
    if (q === 0x22 || q === 0x27) { // " or '
      v = v.substr(1, v.length - 2);
    }
    return unescapeEntities(stripNULs(v));
  }

  /**
   * Returns a function that strips unsafe tags and attributes from html.
   * @param {function(string, Array.<string>): ?Array.<string>} tagPolicy
   *     A function that takes (tagName, attribs[]), where tagName is a key in
   *     html4.ELEMENTS and attribs is an array of alternating attribute names
   *     and values.  It should return a sanitized attribute array, or null to
   *     delete the tag.  It's okay for tagPolicy to modify the attribs array,
   *     but the same array is reused, so it should not be held between calls.
   * @return {function(string, Array)} A function that sanitizes a string of
   *     HTML and appends result strings to the second argument, an array.
   */
  function makeHtmlSanitizer(tagPolicy) {
    var stack;
    var ignoring;
    var emit = function (text, out) {
      if (!ignoring) { out.push(text); }
    };
    return makeSaxParser({
      startDoc: function(_) {
        stack = [];
        ignoring = false;
      },
      startTag: function(tagName, attribs, out) {
        if (ignoring) { return; }
        if (!html4.ELEMENTS.hasOwnProperty(tagName)) { return; }
        var eflags = html4.ELEMENTS[tagName];
        if (eflags & html4.eflags.FOLDABLE) {
          return;
        }
        attribs = tagPolicy(tagName, attribs);
        if (!attribs) {
          ignoring = !(eflags & html4.eflags.EMPTY);
          return;
        }
        // TODO(mikesamuel): relying on tagPolicy not to insert unsafe
        // attribute names.
        if (!(eflags & html4.eflags.EMPTY)) {
          stack.push(tagName);
        }

        out.push('<', tagName);
        for (var i = 0, n = attribs.length; i < n; i += 2) {
          var attribName = attribs[i],
              value = attribs[i + 1];
          if (value !== null && value !== void 0) {
            out.push(' ', attribName, '="', escapeAttrib(value), '"');
          }
        }
        out.push('>');
      },
      endTag: function(tagName, out) {
        if (ignoring) {
          ignoring = false;
          return;
        }
        if (!html4.ELEMENTS.hasOwnProperty(tagName)) { return; }
        var eflags = html4.ELEMENTS[tagName];
        if (!(eflags & (html4.eflags.EMPTY | html4.eflags.FOLDABLE))) {
          var index;
          if (eflags & html4.eflags.OPTIONAL_ENDTAG) {
            for (index = stack.length; --index >= 0;) {
              var stackEl = stack[index];
              if (stackEl === tagName) { break; }
              if (!(html4.ELEMENTS[stackEl] &
                    html4.eflags.OPTIONAL_ENDTAG)) {
                // Don't pop non optional end tags looking for a match.
                return;
              }
            }
          } else {
            for (index = stack.length; --index >= 0;) {
              if (stack[index] === tagName) { break; }
            }
          }
          if (index < 0) { return; }  // Not opened.
          for (var i = stack.length; --i > index;) {
            var stackEl = stack[i];
            if (!(html4.ELEMENTS[stackEl] &
                  html4.eflags.OPTIONAL_ENDTAG)) {
              out.push('<\/', stackEl, '>');
            }
          }
          stack.length = index;
          out.push('<\/', tagName, '>');
        }
      },
      pcdata: emit,
      rcdata: emit,
      cdata: emit,
      endDoc: function(out) {
        for (; stack.length; stack.length--) {
          out.push('<\/', stack[stack.length - 1], '>');
        }
      }
    });
  }

  // From RFC3986
  var URI_SCHEME_RE = new RegExp(
      '^' +
      '(?:' +
        '([^:\/?# ]+)' +         // scheme
      ':)?'
  );

  var ALLOWED_URI_SCHEMES = /^(?:https?|mailto)$/i;

  function safeUri(uri, naiveUriRewriter) {
    if (!naiveUriRewriter) { return null; }
    var parsed = ('' + uri).match(URI_SCHEME_RE);
    if (parsed && (!parsed[1] || ALLOWED_URI_SCHEMES.test(parsed[1]))) {
      return naiveUriRewriter(uri);
    } else {
      return null;
    }
  }

  /**
   * Sanitizes attributes on an HTML tag.
   * @param {string} tagName An HTML tag name in lowercase.
   * @param {Array.<?string>} attribs An array of alternating names and values.
   * @param {?function(?string): ?string} opt_naiveUriRewriter A transform to
   *     apply to URI attributes; it can return a new string value, or null to
   *     delete the attribute.  If unspecified, URI attributes are deleted.
   * @param {function(?string): ?string} opt_nmTokenPolicy A transform to apply
   *     to attributes containing HTML names, element IDs, and space-separated
   *     lists of classes; it can return a new string value, or null to delete
   *     the attribute.  If unspecified, these attributes are kept unchanged.
   * @return {Array.<?string>} The sanitized attributes as a list of alternating
   *     names and values, where a null value means to omit the attribute.
   */
  function sanitizeAttribs(
      tagName, attribs, opt_naiveUriRewriter, opt_nmTokenPolicy) {
    for (var i = 0; i < attribs.length; i += 2) {
      var attribName = attribs[i];
      var value = attribs[i + 1];
      var atype = null, attribKey;
      if ((attribKey = tagName + '::' + attribName,
           html4.ATTRIBS.hasOwnProperty(attribKey)) ||
          (attribKey = '*::' + attribName,
           html4.ATTRIBS.hasOwnProperty(attribKey))) {
        atype = html4.ATTRIBS[attribKey];
      }
      if (atype !== null) {
        switch (atype) {
          case html4.atype.NONE: break;
          case html4.atype.SCRIPT:
            value = null;
            break;
          case html4.atype.STYLE:
            if ('undefined' === typeof parseCssDeclarations) {
              value = null;
              break;
            }
            var sanitizedDeclarations = [];
            parseCssDeclarations(
                value,
                {
                  declaration: function (property, tokens) {
                    var normProp = property.toLowerCase();
                    var schema = cssSchema[normProp];
                    if (!schema) {
                      return;
                    }
                    sanitizeCssProperty(
                        normProp, schema, tokens,
                        opt_naiveUriRewriter);
                    sanitizedDeclarations.push(property + ': ' + tokens.join(' '));
                  }
                });
            value = sanitizedDeclarations.length > 0 ? sanitizedDeclarations.join(' ; ') : null;
            break;
          case html4.atype.ID:
          case html4.atype.IDREF:
          case html4.atype.IDREFS:
          case html4.atype.GLOBAL_NAME:
          case html4.atype.LOCAL_NAME:
          case html4.atype.CLASSES:
            value = opt_nmTokenPolicy ? opt_nmTokenPolicy(value) : value;
            break;
          case html4.atype.URI:
            value = safeUri(value, opt_naiveUriRewriter);
            break;
          case html4.atype.URI_FRAGMENT:
            if (value && '#' === value.charAt(0)) {
              value = value.substring(1);  // remove the leading '#'
              value = opt_nmTokenPolicy ? opt_nmTokenPolicy(value) : value;
              if (value !== null && value !== void 0) {
                value = '#' + value;  // restore the leading '#'
              }
            } else {
              value = null;
            }
            break;
          default:
            value = null;
            break;
        }
      } else {
        value = null;
      }
      attribs[i + 1] = value;
    }
    return attribs;
  }

  /**
   * Creates a tag policy that omits all tags marked UNSAFE in html4-defs.js
   * and applies the default attribute sanitizer with the supplied policy for
   * URI attributes and NMTOKEN attributes.
   * @param {?function(?string): ?string} opt_naiveUriRewriter A transform to
   *     apply to URI attributes.  If not given, URI attributes are deleted.
   * @param {function(?string): ?string} opt_nmTokenPolicy A transform to apply
   *     to attributes containing HTML names, element IDs, and space-separated
   *     lists of classes.  If not given, such attributes are left unchanged.
   * @return {function(string, Array.<?string>)} A tagPolicy suitable for
   *     passing to html.sanitize.
   */
  function makeTagPolicy(opt_naiveUriRewriter, opt_nmTokenPolicy) {
    return function(tagName, attribs) {
      if (!(html4.ELEMENTS[tagName] & html4.eflags.UNSAFE)) {
        return sanitizeAttribs(
            tagName, attribs, opt_naiveUriRewriter, opt_nmTokenPolicy);
      }
    };
  }

  /**
   * Sanitizes HTML tags and attributes according to a given policy.
   * @param {string} inputHtml The HTML to sanitize.
   * @param {function(string, Array.<?string>)} tagPolicy A function that
   *     decides which tags to accept and sanitizes their attributes (see
   *     makeHtmlSanitizer above for details).
   * @return {string} The sanitized HTML.
   */
  function sanitizeWithPolicy(inputHtml, tagPolicy) {
    var outputArray = [];
    makeHtmlSanitizer(tagPolicy)(inputHtml, outputArray);
    return outputArray.join('');
  }

  /**
   * Strips unsafe tags and attributes from HTML.
   * @param {string} inputHtml The HTML to sanitize.
   * @param {?function(?string): ?string} opt_naiveUriRewriter A transform to
   *     apply to URI attributes.  If not given, URI attributes are deleted.
   * @param {function(?string): ?string} opt_nmTokenPolicy A transform to apply
   *     to attributes containing HTML names, element IDs, and space-separated
   *     lists of classes.  If not given, such attributes are left unchanged.
   */
  function sanitize(inputHtml, opt_naiveUriRewriter, opt_nmTokenPolicy) {
    var tagPolicy = makeTagPolicy(opt_naiveUriRewriter, opt_nmTokenPolicy);
    return sanitizeWithPolicy(inputHtml, tagPolicy);
  }

  return {
    escapeAttrib: escapeAttrib,
    makeHtmlSanitizer: makeHtmlSanitizer,
    makeSaxParser: makeSaxParser,
    makeTagPolicy: makeTagPolicy,
    normalizeRCData: normalizeRCData,
    sanitize: sanitize,
    sanitizeAttribs: sanitizeAttribs,
    sanitizeWithPolicy: sanitizeWithPolicy,
    unescapeEntities: unescapeEntities
  };
})(html4);

var html_sanitize = html.sanitize;

// Exports for closure compiler.  Note this file is also cajoled
// for domado and run in an environment without 'window'
if (typeof window !== 'undefined') {
  window['html'] = html;
  window['html_sanitize'] = html_sanitize;
}

jQuery.sap.declare('sap.ui.thirdparty.caja-html-sanitizer');

}; // end of sap.ui.thirdparty.caja-html-sanitizer
if ( !jQuery.sap.isDeclared('sap.ui.thirdparty.jquery-mobile-custom') ) {
  jQuery.sap.declare('sap.ui.thirdparty.jquery-mobile-custom');
/*
* jQuery Mobile Framework 1.0
* http://jquerymobile.com
*
* Copyright 2011 (c) jQuery Project
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
*/

jQuery.mobile = {};

//SAP MODIFICATION
// To enable using the native orientation change event instead of faking the event by jQuery mobile
jQuery.mobile.orientationChangeEnabled = true;

/*
* jquery.mobile.media.js
*/

/*
* a workaround for window.matchMedia
*/

(function( $, undefined ) {

var $window = $( window ),
	$html = $( "html" );

/* $.mobile.media method: pass a CSS media type or query and get a bool return
	note: this feature relies on actual media query support for media queries, though types will work most anywhere
	examples:
		$.mobile.media('screen') //>> tests for screen media type
		$.mobile.media('screen and (min-width: 480px)') //>> tests for screen media type with window width > 480px
		$.mobile.media('@media screen and (-webkit-min-device-pixel-ratio: 2)') //>> tests for webkit 2x pixel ratio (iPhone 4)
*/
$.mobile.media = (function() {
	// TODO: use window.matchMedia once at least one UA implements it
	var cache = {},
		testDiv = $( "<div id='jquery-mediatest'>" ),
		fakeBody = $( "<body>" ).append( testDiv );

	return function( query ) {
		if ( !( query in cache ) ) {
			var styleBlock = document.createElement( "style" ),
				cssrule = "@media " + query + " { #jquery-mediatest { position:absolute; } }";

			//must set type for IE!
			styleBlock.type = "text/css";

			if ( styleBlock.styleSheet  ){
				styleBlock.styleSheet.cssText = cssrule;
			} else {
				styleBlock.appendChild( document.createTextNode(cssrule) );
			}

			$html.prepend( fakeBody ).prepend( styleBlock );
			cache[ query ] = testDiv.css( "position" ) === "absolute";
			fakeBody.add( styleBlock ).remove();
		}
		return cache[ query ];
	};
})();

})(jQuery);


/*
* jquery.mobile.support.js
*/

/*
* support tests
*/

(function( $, undefined ) {

var fakeBody = $( "<body>" ).prependTo( "html" ),
	fbCSS = fakeBody[ 0 ].style,
	vendors = [ "Webkit", "Moz", "O" ],
	webos = "palmGetResource" in window, //only used to rule out scrollTop
	operamini = window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]",
	bb = window.blackberry; //only used to rule out box shadow, as it's filled opaque on BB

// thx Modernizr
function propExists( prop ) {
	var uc_prop = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ),
		props = ( prop + " " + vendors.join( uc_prop + " " ) + uc_prop ).split( " " );

	for ( var v in props ){
		if ( fbCSS[ props[ v ] ] !== undefined ) {
			return true;
		}
	}
}

// Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting )
function baseTagTest() {
	var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/",
		base = $( "head base" ),
		fauxEle = null,
		href = "",
		link, rebase;

	if ( !base.length ) {
		base = fauxEle = $( "<base>", { "href": fauxBase }).appendTo( "head" );
	} else {
		href = base.attr( "href" );
	}

	link = $( "<a href='testurl' />" ).prependTo( fakeBody );
	rebase = link[ 0 ].href;
	base[ 0 ].href = href || location.pathname;

	if ( fauxEle ) {
		fauxEle.remove();
	}
	return rebase.indexOf( fauxBase ) === 0;
}


// non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
// allows for inclusion of IE 6+, including Windows Mobile 7
$.mobile.browser = {};
$.mobile.browser.ie = (function() {
	var v = 3,
	div = document.createElement( "div" ),
	a = div.all || [];

	while ( div.innerHTML = "<!--[if gt IE " + ( ++v ) + "]><br><![endif]-->", a[ 0 ] );

	return v > 4 ? v : !v;
})();


$.extend( $.support, {
	orientation: "orientation" in window && "onorientationchange" in window,
	touch: "ontouchend" in document,
	cssTransitions: "WebKitTransitionEvent" in window,
	pushState: "pushState" in history && "replaceState" in history,
	mediaquery: $.mobile.media( "only all" ),
	cssPseudoElement: !!propExists( "content" ),
	touchOverflow: !!propExists( "overflowScrolling" ),
	boxShadow: !!propExists( "boxShadow" ) && !bb,
	scrollTop: ( "pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[ 0 ] ) && !webos && !operamini,
	dynamicBaseTag: baseTagTest()
});

fakeBody.remove();


// $.mobile.ajaxBlacklist is used to override ajaxEnabled on platforms that have known conflicts with hash history updates (BB5, Symbian)
// or that generally work better browsing in regular http for full page refreshes (Opera Mini)
// Note: This detection below is used as a last resort.
// We recommend only using these detection methods when all other more reliable/forward-looking approaches are not possible
var nokiaLTE7_3 = (function(){

	var ua = window.navigator.userAgent;

	//The following is an attempt to match Nokia browsers that are running Symbian/s60, with webkit, version 7.3 or older
	return ua.indexOf( "Nokia" ) > -1 &&
			( ua.indexOf( "Symbian/3" ) > -1 || ua.indexOf( "Series60/5" ) > -1 ) &&
			ua.indexOf( "AppleWebKit" ) > -1 &&
			ua.match( /(BrowserNG|NokiaBrowser)\/7\.[0-3]/ );
})();

$.mobile.ajaxBlacklist =
			// BlackBerry browsers, pre-webkit
			window.blackberry && !window.WebKitPoint ||
			// Opera Mini
			operamini ||
			// Symbian webkits pre 7.3
			nokiaLTE7_3;

// Lastly, this workaround is the only way we've found so far to get pre 7.3 Symbian webkit devices
// to render the stylesheets when they're referenced before this script, as we'd recommend doing.
// This simply reappends the CSS in place, which for some reason makes it apply
if ( nokiaLTE7_3 ) {
	$(function() {
		$( "head link[rel='stylesheet']" ).attr( "rel", "alternate stylesheet" ).attr( "rel", "stylesheet" );
	});
}

// For ruling out shadows via css
if ( !$.support.boxShadow ) {
	$( "html" ).addClass( "ui-mobile-nosupport-boxshadow" );
}

})( jQuery );


/*
* jquery.mobile.vmouse.js
*/

/*
* "mouse" plugin
*/

// This plugin is an experiment for abstracting away the touch and mouse
// events so that developers don't have to worry about which method of input
// the device their document is loaded on supports.
//
// The idea here is to allow the developer to register listeners for the
// basic mouse events, such as mousedown, mousemove, mouseup, and click,
// and the plugin will take care of registering the correct listeners
// behind the scenes to invoke the listener at the fastest possible time
// for that device, while still retaining the order of event firing in
// the traditional mouse environment, should multiple handlers be registered
// on the same element for different events.
//
// The current version exposes the following virtual events to jQuery bind methods:
// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"

(function( $, window, document, undefined ) {

var dataPropertyName = "virtualMouseBindings",
	touchTargetPropertyName = "virtualTouchID",
	virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ),
	touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ),
	activeDocHandlers = {},
	resetTimerID = 0,
	startX = 0,
	startY = 0,
	didScroll = false,
	clickBlockList = [],
	blockMouseTriggers = false,
	blockTouchTriggers = false,
	eventCaptureSupported = "addEventListener" in document,
	$document = $( document ),
	nextTouchID = 1,
	lastTouchID = 0;

$.vmouse = {
	moveDistanceThreshold: 10,
	clickDistanceThreshold: 10,
	resetTimerDuration: 1500
};

function getNativeEvent( event ) {

	while ( event && typeof event.originalEvent !== "undefined" ) {
		event = event.originalEvent;
	}
	return event;
}

function createVirtualEvent( event, eventType ) {

	var t = event.type,
		oe, props, ne, prop, ct, touch, i, j;

	event = $.Event(event);
	event.type = eventType;

	oe = event.originalEvent;
	props = $.event.props;

	// copy original event properties over to the new event
	// this would happen if we could call $.event.fix instead of $.Event
	// but we don't have a way to force an event to be fixed multiple times
	if ( oe ) {
		for ( i = props.length, prop; i; ) {
			prop = props[ --i ];
			event[ prop ] = oe[ prop ];
		}
	}

	// make sure that if the mouse and click virtual events are generated
	// without a .which one is defined
	if ( t.search(/mouse(down|up)|click/) > -1 && !event.which ){
		event.which = 1;
	}

	if ( t.search(/^touch/) !== -1 ) {
		ne = getNativeEvent( oe );
		t = ne.touches;
		ct = ne.changedTouches;
		touch = ( t && t.length ) ? t[0] : ( (ct && ct.length) ? ct[ 0 ] : undefined );

		if ( touch ) {
			for ( j = 0, len = touchEventProps.length; j < len; j++){
				prop = touchEventProps[ j ];
				event[ prop ] = touch[ prop ];
			}
		}
	}

	return event;
}

function getVirtualBindingFlags( element ) {

	var flags = {},
		b, k;

	while ( element ) {

		b = $.data( element, dataPropertyName );

		for (  k in b ) {
			if ( b[ k ] ) {
				flags[ k ] = flags.hasVirtualBinding = true;
			}
		}
		element = element.parentNode;
	}
	return flags;
}

function getClosestElementWithVirtualBinding( element, eventType ) {
	var b;
	while ( element ) {

		b = $.data( element, dataPropertyName );

		if ( b && ( !eventType || b[ eventType ] ) ) {
			return element;
		}
		element = element.parentNode;
	}
	return null;
}

function enableTouchBindings() {
	blockTouchTriggers = false;
}

function disableTouchBindings() {
	blockTouchTriggers = true;
}

function enableMouseBindings() {
	lastTouchID = 0;
	clickBlockList.length = 0;
	blockMouseTriggers = false;

	// When mouse bindings are enabled, our
	// touch bindings are disabled.
	disableTouchBindings();
}

function disableMouseBindings() {
	// When mouse bindings are disabled, our
	// touch bindings are enabled.
	enableTouchBindings();
}

function startResetTimer() {
	clearResetTimer();
	resetTimerID = setTimeout(function(){
		resetTimerID = 0;
		enableMouseBindings();
	}, $.vmouse.resetTimerDuration );
}

function clearResetTimer() {
	if ( resetTimerID ){
		clearTimeout( resetTimerID );
		resetTimerID = 0;
	}
}

function triggerVirtualEvent( eventType, event, flags ) {
	var ve;

	if ( ( flags && flags[ eventType ] ) ||
				( !flags && getClosestElementWithVirtualBinding( event.target, eventType ) ) ) {

		ve = createVirtualEvent( event, eventType );

		$( event.target).trigger( ve );
	}

	return ve;
}

function mouseEventCallback( event ) {
	var touchID = $.data(event.target, touchTargetPropertyName);

	//SAP MODIFICATION
	//!$.support.touch is added to avoid firing the virtual events for the second time in mobile browsers.
	//Those virtual events are fired already by listening to those touch events.
	//This fixes the problem that virtual events being caught by the underneath html element when the original target
	// is moved out of the visible area. (for example, the back button in the page header which is moved out when navigating
	// back to the previous page, and this also triggers the previous page's back button as well)
	if ( !blockMouseTriggers && ( !lastTouchID || lastTouchID !== touchID ) && !$.support.touch){
		var ve = triggerVirtualEvent( "v" + event.type, event );
		if ( ve ) {
			if ( ve.isDefaultPrevented() ) {
				event.preventDefault();
			}
			if ( ve.isPropagationStopped() ) {
				event.stopPropagation();
			}
			if ( ve.isImmediatePropagationStopped() ) {
				event.stopImmediatePropagation();
			}
		}
	}
}

function handleTouchStart( event ) {

	var touches = getNativeEvent( event ).touches,
		target, flags;

	if ( touches && touches.length === 1 ) {

		target = event.target;
		flags = getVirtualBindingFlags( target );

		if ( flags.hasVirtualBinding ) {

			lastTouchID = nextTouchID++;
			$.data( target, touchTargetPropertyName, lastTouchID );

			clearResetTimer();

			disableMouseBindings();
			didScroll = false;

			var t = getNativeEvent( event ).touches[ 0 ];
			startX = t.pageX;
			startY = t.pageY;

			triggerVirtualEvent( "vmouseover", event, flags );
			triggerVirtualEvent( "vmousedown", event, flags );
		}
	}
}

function handleScroll( event ) {
	if ( blockTouchTriggers ) {
		return;
	}

	if ( !didScroll ) {
		triggerVirtualEvent( "vmousecancel", event, getVirtualBindingFlags( event.target ) );
	}

	didScroll = true;
	startResetTimer();
}

function handleTouchMove( event ) {
	if ( blockTouchTriggers ) {
		return;
	}

	var t = getNativeEvent( event ).touches[ 0 ],
		didCancel = didScroll,
		moveThreshold = $.vmouse.moveDistanceThreshold;
		didScroll = didScroll ||
			( Math.abs(t.pageX - startX) > moveThreshold ||
				Math.abs(t.pageY - startY) > moveThreshold ),
		flags = getVirtualBindingFlags( event.target );

	if ( didScroll && !didCancel ) {
		triggerVirtualEvent( "vmousecancel", event, flags );
	}

	triggerVirtualEvent( "vmousemove", event, flags );
	startResetTimer();
}

function handleTouchEnd( event ) {
	if ( blockTouchTriggers ) {
		return;
	}

	disableTouchBindings();

	var flags = getVirtualBindingFlags( event.target ),
		t;
	triggerVirtualEvent( "vmouseup", event, flags );

	if ( !didScroll ) {
		var ve = triggerVirtualEvent( "vclick", event, flags );
		if ( ve && ve.isDefaultPrevented() ) {
			// The target of the mouse events that follow the touchend
			// event don't necessarily match the target used during the
			// touch. This means we need to rely on coordinates for blocking
			// any click that is generated.
			t = getNativeEvent( event ).changedTouches[ 0 ];
			clickBlockList.push({
				touchID: lastTouchID,
				x: t.clientX,
				y: t.clientY
			});

			// Prevent any mouse events that follow from triggering
			// virtual event notifications.
			blockMouseTriggers = true;
		}
	}
	triggerVirtualEvent( "vmouseout", event, flags);
	didScroll = false;

	startResetTimer();
}

function hasVirtualBindings( ele ) {
	var bindings = $.data( ele, dataPropertyName ),
		k;

	if ( bindings ) {
		for ( k in bindings ) {
			if ( bindings[ k ] ) {
				return true;
			}
		}
	}
	return false;
}

function dummyMouseHandler(){}

function getSpecialEventObject( eventType ) {
	var realType = eventType.substr( 1 );

	return {
		setup: function( data, namespace ) {
			// If this is the first virtual mouse binding for this element,
			// add a bindings object to its data.

			if ( !hasVirtualBindings( this ) ) {
				$.data( this, dataPropertyName, {});
			}

			// If setup is called, we know it is the first binding for this
			// eventType, so initialize the count for the eventType to zero.
			var bindings = $.data( this, dataPropertyName );
			bindings[ eventType ] = true;

			// If this is the first virtual mouse event for this type,
			// register a global handler on the document.

			activeDocHandlers[ eventType ] = ( activeDocHandlers[ eventType ] || 0 ) + 1;

			if ( activeDocHandlers[ eventType ] === 1 ) {
				$document.bind( realType, mouseEventCallback );
			}

			// Some browsers, like Opera Mini, won't dispatch mouse/click events
			// for elements unless they actually have handlers registered on them.
			// To get around this, we register dummy handlers on the elements.

			$( this ).bind( realType, dummyMouseHandler );

			// For now, if event capture is not supported, we rely on mouse handlers.
			if ( eventCaptureSupported ) {
				// If this is the first virtual mouse binding for the document,
				// register our touchstart handler on the document.

				activeDocHandlers[ "touchstart" ] = ( activeDocHandlers[ "touchstart" ] || 0) + 1;

				if (activeDocHandlers[ "touchstart" ] === 1) {
					$document.bind( "touchstart", handleTouchStart )
						.bind( "touchend", handleTouchEnd )

						// On touch platforms, touching the screen and then dragging your finger
						// causes the window content to scroll after some distance threshold is
						// exceeded. On these platforms, a scroll prevents a click event from being
						// dispatched, and on some platforms, even the touchend is suppressed. To
						// mimic the suppression of the click event, we need to watch for a scroll
						// event. Unfortunately, some platforms like iOS don't dispatch scroll
						// events until *AFTER* the user lifts their finger (touchend). This means
						// we need to watch both scroll and touchmove events to figure out whether
						// or not a scroll happenens before the touchend event is fired.

						.bind( "touchmove", handleTouchMove )
						.bind( "scroll", handleScroll );
				}
			}
		},

		teardown: function( data, namespace ) {
			// If this is the last virtual binding for this eventType,
			// remove its global handler from the document.

			--activeDocHandlers[ eventType ];

			if ( !activeDocHandlers[ eventType ] ) {
				$document.unbind( realType, mouseEventCallback );
			}

			if ( eventCaptureSupported ) {
				// If this is the last virtual mouse binding in existence,
				// remove our document touchstart listener.

				--activeDocHandlers[ "touchstart" ];

				if ( !activeDocHandlers[ "touchstart" ] ) {
					$document.unbind( "touchstart", handleTouchStart )
						.unbind( "touchmove", handleTouchMove )
						.unbind( "touchend", handleTouchEnd )
						.unbind( "scroll", handleScroll );
				}
			}

			var $this = $( this ),
				bindings = $.data( this, dataPropertyName );

			// teardown may be called when an element was
			// removed from the DOM. If this is the case,
			// jQuery core may have already stripped the element
			// of any data bindings so we need to check it before
			// using it.
			if ( bindings ) {
				bindings[ eventType ] = false;
			}

			// Unregister the dummy event handler.

			$this.unbind( realType, dummyMouseHandler );

			// If this is the last virtual mouse binding on the
			// element, remove the binding data from the element.

			if ( !hasVirtualBindings( this ) ) {
				$this.removeData( dataPropertyName );
			}
		}
	};
}

// Expose our custom events to the jQuery bind/unbind mechanism.

for ( var i = 0; i < virtualEventNames.length; i++ ){
	$.event.special[ virtualEventNames[ i ] ] = getSpecialEventObject( virtualEventNames[ i ] );
}

// Add a capture click handler to block clicks.
// Note that we require event capture support for this so if the device
// doesn't support it, we punt for now and rely solely on mouse events.
if ( eventCaptureSupported ) {
	document.addEventListener( "click", function( e ){
		var cnt = clickBlockList.length,
			target = e.target,
			x, y, ele, i, o, touchID;

		if ( cnt ) {
			x = e.clientX;
			y = e.clientY;
			threshold = $.vmouse.clickDistanceThreshold;

			// The idea here is to run through the clickBlockList to see if
			// the current click event is in the proximity of one of our
			// vclick events that had preventDefault() called on it. If we find
			// one, then we block the click.
			//
			// Why do we have to rely on proximity?
			//
			// Because the target of the touch event that triggered the vclick
			// can be different from the target of the click event synthesized
			// by the browser. The target of a mouse/click event that is syntehsized
			// from a touch event seems to be implementation specific. For example,
			// some browsers will fire mouse/click events for a link that is near
			// a touch event, even though the target of the touchstart/touchend event
			// says the user touched outside the link. Also, it seems that with most
			// browsers, the target of the mouse/click event is not calculated until the
			// time it is dispatched, so if you replace an element that you touched
			// with another element, the target of the mouse/click will be the new
			// element underneath that point.
			//
			// Aside from proximity, we also check to see if the target and any
			// of its ancestors were the ones that blocked a click. This is necessary
			// because of the strange mouse/click target calculation done in the
			// Android 2.1 browser, where if you click on an element, and there is a
			// mouse/click handler on one of its ancestors, the target will be the
			// innermost child of the touched element, even if that child is no where
			// near the point of touch.

			ele = target;

			while ( ele ) {
				for ( i = 0; i < cnt; i++ ) {
					o = clickBlockList[ i ];
					touchID = 0;

					if ( ( ele === target && Math.abs( o.x - x ) < threshold && Math.abs( o.y - y ) < threshold ) ||
								$.data( ele, touchTargetPropertyName ) === o.touchID ) {
						// XXX: We may want to consider removing matches from the block list
						//      instead of waiting for the reset timer to fire.
						e.preventDefault();
						e.stopPropagation();
						return;
					}
				}
				ele = ele.parentNode;
			}
		}
	}, true);
}
})( jQuery, window, document );


/*
* jquery.mobile.event.js
*/

/* 
* "events" plugin - Handles events
*/

(function( $, window, undefined ) {

// add new event shortcuts
$.each( ( "touchstart touchmove touchend orientationchange throttledresize " +
					"tap taphold swipe swipeleft swiperight scrollstart scrollstop" ).split( " " ), function( i, name ) {

	$.fn[ name ] = function( fn ) {
		return fn ? this.bind( name, fn ) : this.trigger( name );
	};

	$.attrFn[ name ] = true;
});

var supportTouch = $.support.touch,
	scrollEvent = "touchmove scroll",
	touchStartEvent = supportTouch ? "touchstart" : "mousedown",
	touchStopEvent = supportTouch ? "touchend" : "mouseup",
	touchMoveEvent = supportTouch ? "touchmove" : "mousemove";

function triggerCustomEvent( obj, eventType, event ) {
	var originalType = event.type;
	event.type = eventType;
	$.event.handle.call( obj, event );
	event.type = originalType;
}

// also handles scrollstop
$.event.special.scrollstart = {

	enabled: true,

	setup: function() {

		var thisObject = this,
			$this = $( thisObject ),
			scrolling,
			timer;

		function trigger( event, state ) {
			scrolling = state;
			triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event );
		}

		// iPhone triggers scroll after a small delay; use touchmove instead
		$this.bind( scrollEvent, function( event ) {

			if ( !$.event.special.scrollstart.enabled ) {
				return;
			}

			if ( !scrolling ) {
				trigger( event, true );
			}

			clearTimeout( timer );
			timer = setTimeout(function() {
				trigger( event, false );
			}, 50 );
		});
	}
};

// also handles taphold
$.event.special.tap = {
	setup: function() {
		var thisObject = this,
			$this = $( thisObject );

		$this.bind( "vmousedown", function( event ) {

			if ( event.which && event.which !== 1 ) {
				return false;
			}

			var origTarget = event.target,
				origEvent = event.originalEvent,
				timer;

			function clearTapTimer() {
				clearTimeout( timer );
			}

			function clearTapHandlers() {
				clearTapTimer();

				$this.unbind( "vclick", clickHandler )
					.unbind( "vmouseup", clearTapTimer )
					.unbind( "vmousecancel", clearTapHandlers );
			}

			function clickHandler(event) {
				clearTapHandlers();

				// ONLY trigger a 'tap' event if the start target is
				// the same as the stop target.
				if ( origTarget == event.target ) {
					triggerCustomEvent( thisObject, "tap", event );
				}
			}

			$this.bind( "vmousecancel", clearTapHandlers )
				.bind( "vmouseup", clearTapTimer )
				.bind( "vclick", clickHandler );

			timer = setTimeout(function() {
					triggerCustomEvent( thisObject, "taphold", $.Event( "taphold" ) );
			}, 750 );
		});
	}
};

// also handles swipeleft, swiperight
$.event.special.swipe = {
	scrollSupressionThreshold: 10, // More than this horizontal displacement, and we will suppress scrolling.

	durationThreshold: 1000, // More time than this, and it isn't a swipe.

	horizontalDistanceThreshold: 30,  // Swipe horizontal displacement must be more than this.

	verticalDistanceThreshold: 75,  // Swipe vertical displacement must be less than this.

	setup: function() {
		var thisObject = this,
			$this = $( thisObject );

		$this.bind( touchStartEvent, function( event ) {
			
			// SAP MODIFICATION: mark touch events, so only the lowest UIArea within the hierarchy will create a swipe event
			if (event.originalEvent._sapui_swipestartHandled) {
				return;
			}
			event.originalEvent._sapui_swipestartHandled = true;
			
			var data = event.originalEvent.touches ?
								event.originalEvent.touches[ 0 ] : event,
				start = {
					time: ( new Date() ).getTime(),
					coords: [ data.pageX, data.pageY ],
					origin: $( event.target )
				},
				stop;

			function moveHandler( event ) {

				if ( !start ) {
					return;
				}

				var data = event.originalEvent.touches ?
						event.originalEvent.touches[ 0 ] : event;

				stop = {
					time: ( new Date() ).getTime(),
					coords: [ data.pageX, data.pageY ]
				};

				// prevent scrolling
				if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
					event.preventDefault();
				}
			}

			$this.bind( touchMoveEvent, moveHandler )
				.one( touchStopEvent, function( event ) {
					$this.unbind( touchMoveEvent, moveHandler );

					if ( start && stop ) {
						if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
								Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
								Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {

							start.origin.trigger( "swipe" )
								.trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" );
						}
					}
					start = stop = undefined;
				});
		});
	}
};

(function( $, window ) {
	// "Cowboy" Ben Alman

	var win = $( window ),
		special_event,
		get_orientation,
		last_orientation;

	$.event.special.orientationchange = special_event = {
		setup: function() {
			// If the event is supported natively, return false so that jQuery
			// will bind to the event using DOM methods.
			if ( $.support.orientation && $.mobile.orientationChangeEnabled ) {
				return false;
			}

			// Get the current orientation to avoid initial double-triggering.
			last_orientation = get_orientation();

			// Because the orientationchange event doesn't exist, simulate the
			// event by testing window dimensions on resize.
			win.bind( "throttledresize", handler );
		},
		teardown: function(){
			// If the event is not supported natively, return false so that
			// jQuery will unbind the event using DOM methods.
			if ( $.support.orientation && $.mobile.orientationChangeEnabled ) {
				return false;
			}

			// Because the orientationchange event doesn't exist, unbind the
			// resize event handler.
			win.unbind( "throttledresize", handler );
		},
		add: function( handleObj ) {
			// Save a reference to the bound event handler.
			var old_handler = handleObj.handler;


			handleObj.handler = function( event ) {
				// Modify event object, adding the .orientation property.
				event.orientation = get_orientation();

				// Call the originally-bound event handler and return its result.
				return old_handler.apply( this, arguments );
			};
		}
	};

	// If the event is not supported natively, this handler will be bound to
	// the window resize event to simulate the orientationchange event.
	function handler() {
		// Get the current orientation.
		var orientation = get_orientation();

		if ( orientation !== last_orientation ) {
			// The orientation has changed, so trigger the orientationchange event.
			last_orientation = orientation;
			win.trigger( "orientationchange" );
		}
	}

	// Get the current page orientation. This method is exposed publicly, should it
	// be needed, as jQuery.event.special.orientationchange.orientation()
	$.event.special.orientationchange.orientation = get_orientation = function() {
		var isPortrait = true, elem = document.documentElement;

		// prefer window orientation to the calculation based on screensize as
		// the actual screen resize takes place before or after the orientation change event
		// has been fired depending on implementation (eg android 2.3 is before, iphone after).
		// More testing is required to determine if a more reliable method of determining the new screensize
		// is possible when orientationchange is fired. (eg, use media queries + element + opacity)
		if ( $.support.orientation ) {
			// if the window orientation registers as 0 or 180 degrees report
			// portrait, otherwise landscape
			isPortrait = window.orientation % 180 == 0;
		} else {
			isPortrait = elem && elem.clientWidth / elem.clientHeight < 1.1;
		}

		return isPortrait ? "portrait" : "landscape";
	};

})( jQuery, window );


// throttled resize event
(function() {

	$.event.special.throttledresize = {
		setup: function() {
			$( this ).bind( "resize", handler );
		},
		teardown: function(){
			$( this ).unbind( "resize", handler );
		}
	};

	var throttle = 250,
		handler = function() {
			curr = ( new Date() ).getTime();
			diff = curr - lastCall;

			if ( diff >= throttle ) {

				lastCall = curr;
				$( this ).trigger( "throttledresize" );

			} else {

				if ( heldCall ) {
					clearTimeout( heldCall );
				}

				// Promise a held call will still execute
				heldCall = setTimeout( handler, throttle - diff );
			}
		},
		lastCall = 0,
		heldCall,
		curr,
		diff;
})();


$.each({
	scrollstop: "scrollstart",
	taphold: "tap",
	swipeleft: "swipe",
	swiperight: "swipe"
}, function( event, sourceEvent ) {

	$.event.special[ event ] = {
		setup: function() {
			$( this ).bind( sourceEvent, $.noop );
		}
	};
});

})( jQuery, this );
}; // end of sap.ui.thirdparty.jquery-mobile-custom
if ( !jQuery.sap.isDeclared('testsuite.js.testfwk') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides helper functions for the testsuite
jQuery.sap.declare("testsuite.js.testfwk", false);

function setCookie(name,value,days) {
	var expires = "";
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		expires = "; expires="+date.toGMTString();
	}
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') {
			c = c.substring(1,c.length);
		}
		if (c.indexOf(nameEQ) == 0) {
			return c.substring(nameEQ.length,c.length);
		}
	}
	return null;
}

function eraseCookie(name) {
	setCookie(name,"",-1);
}

if ( !window.sap ) {
	sap = {};
}
if ( !sap.ui ) {
	sap.ui = {};
}
if ( !sap.ui.testfwk ) {
	sap.ui.testfwk = {};
}

sap.ui.testfwk.TestFWK = {
	sLanguage : navigator.language || navigator.userLanguage,
	sTheme : "sap_goldreflection",
	bRTL : false,
	bAccessibilityMode: true,
	bSimulateTouch: false,
	sJQueryVersion: "1.7.1"
};

sap.ui.testfwk.TestFWK.LANGUAGES = {
	"en_US" : "English (US)",
	"de" : "Deutsch"
};

sap.ui.testfwk.TestFWK.THEMES = {
	"base" : "Base",
	"sap_platinum" : "Platinum",
	"sap_goldreflection" : "Gold Reflection",
	"sap_hcb" : "High Contrast Black",
	"sap_ux" : "Ux Target Design",
	"edding" : "Edding (EXPERIMENTAL!)",
	"sap_mvi" : "Mobile Visual Identity (only for Mobile)",
	"sap_bluecrystal" : "Blue Crystal (mainly for Mobile)"
};

sap.ui.testfwk.TestFWK.JQUERY_VERSIONS = {
	"1.7.1" : "jQuery 1.7.1",
	"1.8.1" : "jQuery 1.8.1"
};

// the themes supported by each library
sap.ui.testfwk.TestFWK.LIBRARY_THEMES = {
	"sap.ui.core" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb","sap_platinum","sap_ux","edding"]},
	"sap.m" : {"default":"sap_mvi", "supports":["sap_mvi","sap_bluecrystal"]},
	"sap.me" : {"default":"sap_bluecrystal", "supports":["sap_bluecrystal"]},
	"sap.service.visualization" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb","sap_platinum","sap_mvi","sap_bluecrystal"]},
	"sap.ui.commons" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb","sap_platinum","sap_ux","edding","sap_bluecrystal"]},
	"sap.ui.composite" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb","sap_platinum","sap_ux","edding"]},
	"sap.ui.dev" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb","sap_platinum","sap_ux","edding","sap_mvi","sap_bluecrystal"]},
	"sap.ui.richtexteditor" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb","sap_platinum","sap_ux","edding","sap_mvi"]},
	"sap.ui.suite" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb"]},
	"sap.ui.table" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb","sap_platinum","sap_ux","edding","sap_bluecrystal"]},
	"sap.ui.ux3" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb"]},
	"all" : {"default":"sap_goldreflection", "supports":["sap_goldreflection","sap_hcb","sap_platinum","sap_ux","edding","sap_mvi","sap_bluecrystal"]}
};

sap.ui.testfwk.TestFWK.init = function(oContentWindow) {
	this.oContentWindow = oContentWindow;
	this.oThemeConstraints = null;
	this.updateContent();
};

sap.ui.testfwk.TestFWK.getAllowedThemes = function() {
	if (!this.oThemeConstraints) {
		return this.THEMES;
		
	} else {
		var result = {};
		var aThemeNames = this.oThemeConstraints.supports, l = aThemeNames.length;
		for (var i = 0; i < l; i++) {
			result[aThemeNames[i]] = this.THEMES[aThemeNames[i]];
		}
		return result;
	}
};

sap.ui.testfwk.TestFWK.getContentURL = function() {
	return this.sContentURL;
};

/**
 * Sets a new URL as content, using the current settings, but considering the given constraints for the theme.
 * If this causes a theme change, the themeConfigurationChanged event will be fired.
 * 
 * @private
 * 
 * @param sURL
 * @param oThemeConstraints optional
 * @param sLibName optional
 * @returns {sap.ui.testfwk.TestFWK.setContentURL}
 */
sap.ui.testfwk.TestFWK.setContentURL = function(sURL, oThemeConstraints, sLibName) {
	this.sContentURL = sURL;
	
	var newTheme = this.getEffectiveTheme(this.sTheme, oThemeConstraints);
	var bSomethingChanged = false;
	
	if (this.sTheme !== newTheme) {
		this.sTheme = newTheme;
		bSomethingChanged = true;
	}
	
	if (!jQuery.sap.equal(oThemeConstraints, this.oThemeConstraints)) {
		this.oThemeConstraints = oThemeConstraints;
		bSomethingChanged = true;
	}
	
	// update settings ComboBox and selection in this ComboBox
	if (bSomethingChanged) {
		this.fireThemeConfigurationChanged();
	}
	
	this.updateContent(sLibName); 
};

/**
 * Updates the content according to the current settings
 * 
 * @private
 * 
 * @param sLibName optional
 */
sap.ui.testfwk.TestFWK.updateContent = function(sLibName) {
	if ( !this.oContentWindow || !this.sContentURL ) {
		return;
	}
	this.fireContentWillChange(sLibName);
	var sURL = this.addSettingsToURL(this.sContentURL);
	this.oContentWindow.document.location.href = sURL;
};

sap.ui.testfwk.TestFWK.getLanguage = function() {
	return this.sLanguage;
};

sap.ui.testfwk.TestFWK.setLanguage = function(sLanguage) {
	if ( this.sLanguage !== sLanguage ) {
		this.sLanguage = sLanguage;
		this.applySettings();
	}
};

sap.ui.testfwk.TestFWK.getTheme = function() {
	return this.sTheme;
};

sap.ui.testfwk.TestFWK.setTheme = function(sTheme) {
	if ( this.sTheme !== sTheme ) {
		this.sTheme = sTheme;
		if ( this.oContentWindow
			 && this.oContentWindow.sap
			 && this.oContentWindow.sap.ui
			 && this.oContentWindow.sap.ui.getCore ) {
			this.oContentWindow.sap.ui.getCore().applyTheme(sTheme);
			return;
		}
		this.applySettings();
	}
};

sap.ui.testfwk.TestFWK.getRTL = function() {
	return this.bRTL;
};

sap.ui.testfwk.TestFWK.setRTL = function(bRTL) {
	if ( this.bRTL !== bRTL ) {
		this.bRTL = bRTL;
		this.applySettings();
	}
};

sap.ui.testfwk.TestFWK.getAccessibilityMode = function() {
	return this.bAccessibilityMode;
};

sap.ui.testfwk.TestFWK.setAccessibilityMode = function(bAccessibilityMode) {
	if ( this.bAccessibilityMode !== bAccessibilityMode ) {
		this.bAccessibilityMode = bAccessibilityMode;
		this.applySettings();
	}
};

sap.ui.testfwk.TestFWK.getSimulateTouch = function() {
	return this.bSimulateTouch;
};

sap.ui.testfwk.TestFWK.setSimulateTouch = function(bSimulateTouch) {
	if ( this.bSimulateTouch !== bSimulateTouch ) {
		this.bSimulateTouch = bSimulateTouch;
		this.applySettings();
	}
};

sap.ui.testfwk.TestFWK.getJQueryVersion = function() {
	return this.sJQueryVersion;
};

sap.ui.testfwk.TestFWK.setJQueryVersion = function(sJQueryVersion) {
	if ( this.sJQueryVersion !== sJQueryVersion ) {
		this.sJQueryVersion = sJQueryVersion;
		this.applySettings();
	}
};

/**
 * Returns the appropriate theme, considering the requested theme and the configuration of allowed themes.
 * If allowed, the requested theme will be returned, otherwise the default theme will be returned.
 * If either parameter is null, the other will be returned; if both are null, null will be returned.
 * 
 * @private
 * @param sRequestedTheme
 * @param oThemeConstraints
 * @returns
 */
sap.ui.testfwk.TestFWK.getEffectiveTheme = function(sRequestedTheme, oThemeConstraints) {
	if (sRequestedTheme) { // let's check whether this theme is okay
		if (oThemeConstraints) {
			for (var i = 0; i < oThemeConstraints.supports.length; i++) {
				if (oThemeConstraints.supports[i] === sRequestedTheme) { // theme is among the allowed ones, so return it
					return sRequestedTheme;
				}
			}
			return oThemeConstraints["default"]; // requested theme is not allowed, return the default one
			
		} else {
			return sRequestedTheme; // no constraints configuration given, so it's okay to use the requested theme
		}
		
	} else { // no theme requested: return the default from the configuration, if available
		return oThemeConstraints ? oThemeConstraints["default"] : null;
	}
};

sap.ui.testfwk.TestFWK.applySettings = function() {
	this.fireSettingsChanged();
	this.updateContent();
};

sap.ui.testfwk.TestFWK.addSettingsToURL = function(sURL, oThemeConstraints) {

	// hash rewriting currently doesn't work with webkit browsers and framesets
	if ( !jQuery.browser.webkit ) {
		top.window.location.hash = sURL.replace(/\?/g, "_");
	}

	function add(sParam, vValue) {
		if (sURL.indexOf("?")!=-1) {
			sURL += "&";
		} else {
			sURL += "?";
		}
		sURL += sParam + "=" + vValue;
	}
	
	add("sap-ui-debug", true);
	if ( this.sLanguage ) {
		add("sap-ui-language", this.sLanguage);
	}
	var theme = this.getEffectiveTheme(this.sTheme, oThemeConstraints);
	if ( theme ) {
		add("sap-ui-theme", theme);
	}
	if ( this.bRTL ) {
		add("sap-ui-rtl", this.bRTL);
	}
	if ( this.bSimulateTouch ) {
		add("sap-ui-xx-test-mobile", this.bSimulateTouch);
	}
	add("sap-ui-accessibility", this.bAccessibilityMode);
	if ( this.sJQueryVersion ) {
		add("sap-ui-jqueryversion", this.sJQueryVersion);
	}

	return sURL;
};

sap.ui.testfwk.TestFWK.onContentLoad = function() {
//	this.injectDebug();
};

//// if not present, adds the debug.js script to the content page and initializes the debug mode in core
//sap.ui.testfwk.TestFWK.injectDebug = function() {
//
//	if ( !this.oContentWindow )
//		return;
//
//	var oContentWindow = this.oContentWindow;
//
//	// the following check relies on the fact that injectDebug() is called earliest in the onload event handler
//	var bDebugExists = oContentWindow.sap && oContentWindow.sap.ui && oContentWindow.sap.ui.debug && oContentWindow.sap.ui.debug.DebugEnv;
//	/* alternatively, the following code could be used
//	var allScripts = contentDocument.getElementsByTagName("script");
//	var bDebugExists = false;
//	for (var i = 0; i < allScripts.length; i++) {
//		var oneScript = allScripts[i];
//		if (oneScript.getAttribute("src") && (oneScript.getAttribute("src").indexOf("/debug.js") > -1)) {
//			bDebugExists = true;
//			break;
//		}
//	}*/
//
//	if (!bDebugExists && oContentWindow.document &&
//			oContentWindow.jQuery && oContentWindow.jQuery.sap &&
//			oContentWindow.jQuery.sap.getModulePath ) {
//		var scriptTag = oContentWindow.document.createElement("script");
//		scriptTag.setAttribute("type", "text/javascript");
//		var sDebugJsUrl = oContentWindow.jQuery.sap.getModulePath("", "/") + "sap-ui-debug.js";//normalizeResourceUrl(contentDocument.location.href, "sap.ui.core/js/debug.js");
//		scriptTag.setAttribute("src", sDebugJsUrl);
//		oContentWindow.document.getElementsByTagName("head")[0].appendChild(scriptTag);
//	}
//};


// ----

sap.ui.testfwk.TestFWK.mSettingsListeners = [];

sap.ui.testfwk.TestFWK.attachSettingsChanged = function(fnCallback) {
	this.mSettingsListeners.push(fnCallback);
};

sap.ui.testfwk.TestFWK.detachSettingsChanged = function(fnCallback) {
	for(var i=0; i<this.mSettingsListeners.length; ) {
		if ( this.mSettingsListeners[i] === fnCallback ) {
			this.mSettingsListeners.splice(i,1);
		} else {
			i++;
		};
	}
};

sap.ui.testfwk.TestFWK.fireSettingsChanged = function() {
	for(var i=0; i<this.mSettingsListeners.length; i++) {
		this.mSettingsListeners[i]();
	}
};

//----

sap.ui.testfwk.TestFWK.mThemeConfigListeners = [];

sap.ui.testfwk.TestFWK.attachThemeConfigurationChanged = function(fnCallback) {
	this.mThemeConfigListeners.push(fnCallback);
};

sap.ui.testfwk.TestFWK.detachThemeConfigurationChanged = function(fnCallback) {
	for(var i=0; i<this.mThemeConfigListeners.length; ) {
		if ( this.mThemeConfigListeners[i] === fnCallback ) {
			this.mThemeConfigListeners.splice(i,1);
		} else {
			i++;
		};
	}
};

sap.ui.testfwk.TestFWK.fireThemeConfigurationChanged = function() { // this is also called by testframe.html!
	for(var i=0; i<this.mThemeConfigListeners.length; i++) {
		this.mThemeConfigListeners[i]();
	}
};

// ----

sap.ui.testfwk.TestFWK.mContentListeners = [];

sap.ui.testfwk.TestFWK.attachContentWillChange = function(fnCallback) {
	this.mContentListeners.push(fnCallback);
};

sap.ui.testfwk.TestFWK.detachContentWillChange = function(fnCallback) {
	for(var i=0; i<this.mContentListeners.length; ) {
		if ( this.mContentListeners[i] === fnCallback ) {
			this.mContentListeners.splice(i,1);
		} else {
			i++;
		};
	}};

sap.ui.testfwk.TestFWK.fireContentWillChange = function(sLibName) {
	for(var i=0; i<this.mContentListeners.length; i++) {
		try {
			this.mContentListeners[i](this.getContentURL(), this.getTheme(), sLibName); // sLibName may be null if library is not known
		} catch (ex) {
			// somehow the settings registers twice
			// to prevent errors we catch them!
		}
	}
};

/*
 * layout
 * libraries=[...]
 * customTests=[string,...]
 * customThemes[string,...]
 * selectedTheme:string
 * trace toolbar expanded
 * trace selected tab
 * traceFilter
 * traceLevel
 * selected test case
 */
}; // end of testsuite.js.testfwk
if ( !jQuery.sap.isDeclared('jquery.sap.dom') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides functionality related to DOM analysis and manipulation which is not provided by jQuery itself.
jQuery.sap.declare("jquery.sap.dom", false);

(function() {

	/**
	 * Shortcut for document.getElementById() with additionally an IE6/7 bug fixed.
	 * Used to replace the jQuery.sap.domById when running in IE < v8.
	 *
	 * @param {String} sId the id of the DOM element to return
	 * @param {window} oWindow the window (optional)
	 * @return {DOMNode} the DOMNode identified by the given sId
	 * @private
	 */
	var domByIdInternal = function(sId, oWindow) {

		if (!oWindow) {
			oWindow = window;
		}
		if (!sId || sId=="") {
			return null;
		}

		var oDomRef = oWindow.document.getElementById(sId);

		// IE also returns the element with the name or id whatever is first
		// => the following line makes sure that this was the id
		if (oDomRef && oDomRef.id == sId) {
			return oDomRef;
		}

		// otherwise try to lookup the name
		var oRefs = oWindow.document.getElementsByName(sId);
		for (var i=0;i<oRefs.length;i++) {
			oDomRef = oRefs[i];
			if (oDomRef && oDomRef.id == sId) {
				return oDomRef;
			}
		}

		return null;

	};

	/**
	 * Shortcut for document.getElementById(), including a bug fix for older IE versions.
	 *
	 * @param {String} sId The id of the DOM element to return
	 * @param {window} [oWindow=window] The window (optional)
	 * @return {DOMNode} The DOMNode identified by the given sId
	 * @public
	 * @function
	 * @since 0.9.0
	 */
	jQuery.sap.domById = jQuery.browser.msie && jQuery.browser.version < 8 ? domByIdInternal : function domById(sId, oWindow) {
		return sId ? (oWindow || window).document.getElementById(sId) : null;
	};


	/**
	 * Shortcut for jQuery("#" + id) with additionally the id being escaped properly.
	 * I.e.: returns the jQuery object for the DOM element with the given id
	 *
	 * Use this method instead of jQuery(...) if you know the argument is exactly one id and
	 * the id is not known in advance because it is in a variable (as opposed to a string
	 * constant with known content).
	 *
	 * @param {String} sId The id to search for and construct the jQuery object
	 * @param {DomNode} oContext The context DomNode
	 * @return {Object} The jQuery object for the DOM element identified by the given sId
	 * @public
	 * @since 0.9.1
	 */
	jQuery.sap.byId = function byId(sId, oContext) {
		var escapedId = "";
		if (sId) {
			escapedId = "#" + sId.replace(/(:|\.)/g,'\\$1');
		}
		return jQuery(escapedId, oContext);
	};


	/**
	 * Calls focus() on the given DOM element, but catches and ignores any errors that occur when doing so.
	 * (i.e. IE8 throws an error when the DOM element is invisible or disabled)
	 *
	 * @param {DomNode} oDomRef The DOM element to focus (or null - in this case the method does nothing)
	 * @return {boolean} Whether the focus() command was executed without an error
	 * @public
	 * @since 1.1.2
	 */
	jQuery.sap.focus = function focus(oDomRef) {
		if (!oDomRef) {
			return;
		}
		try {
			oDomRef.focus();
		} catch (e) {
			var id = (oDomRef && oDomRef.id) ? " (ID: '" + oDomRef.id + "')" : "";
			jQuery.sap.log.warning("Error when trying to focus a DOM element" + id + ": " + e.message);
			return false;
		}
		return true;
	};


	/**
	 * Sets or gets the position of the cursor in an element that supports cursor positioning
	 *
	 * @param {int} iPos The cursor position to set (or no parameter to retrieve the cursor position)
	 * @return {int | jQuery} The cursor position (or the jQuery collection if the position has been set)
	 * @public
	 * @methodOf jQuery.prototype
	 * @name cursorPos
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.fn.cursorPos = function cursorPos(iPos) {
		var len = arguments.length,
			oTextRange,iLength,
			sTagName,
			sType;

		sTagName = this.prop("tagName");
		sType = this.prop("type");

		if( this.length === 1 && ((sTagName == "INPUT" && (sType == "text" || sType == "password" || sType == "search"))
				|| sTagName == "TEXTAREA" )) {

			var oDomRef = this.get(0);

			if (len > 0) { // SET

				if (oDomRef.createTextRange) { // IE method
					oTextRange = oDomRef.createTextRange();
					var iMaxLength = oDomRef.value.length;

					if(iPos < 0 || iPos > iMaxLength) {
						iPos = iMaxLength;
					}
					if(oTextRange) {
						oTextRange.collapse();
						oTextRange.moveEnd("character",iPos);
						oTextRange.moveStart("character",iPos);
						oTextRange.select();
					}
				} else if (typeof(oDomRef.selectionStart) == "number") { // FF method
					oDomRef.focus();
					oDomRef.selectionStart = iPos;
					oDomRef.selectionEnd = iPos;
				}

				return this;
				// end of SET

			} else { // GET

				if (oDomRef.createTextRange) { //IE
					oTextRange = window.document.selection.createRange();
					var oCopiedTextRange = oTextRange.duplicate();
					// Logic in TEXTAREA and INPUT is different in IE -> check for element type
					if(oDomRef.tagName == "TEXTAREA"){
						oCopiedTextRange.moveToElementText(oDomRef);
						var oCheckTextRange = oCopiedTextRange.duplicate();
						iLength = oCopiedTextRange.text.length;

						// first check if cursor on last position
						oCheckTextRange.moveStart("character", iLength);
						if(oCheckTextRange.inRange(oTextRange)){
							iStart = iLength;
						}else{
							// find out cursor position using a bisection algorithm
							var iCheckLength = iLength;
							var iStart = 0;
							while(iLength > 1){
								iCheckLength = Math.round(iLength / 2);
								iStart = iStart + iCheckLength;

								oCheckTextRange = oCopiedTextRange.duplicate();
								oCheckTextRange.moveStart("character", iStart);
								if(oCheckTextRange.inRange(oTextRange)){
									//cursor is after or on iStart -> Length = not checked Length
									iLength = iLength - iCheckLength;

								}else{
									//cursor is before iStart  -> Length = checked Length
									iStart = iStart - iCheckLength;
									iLength = iCheckLength;
								}
							}
						}
						return iStart;
					} else if (oCopiedTextRange.parentElement() === oDomRef) {
						// ensure there is only the cursor and not the range (as this would create erroneous position)!
						oCopiedTextRange.collapse();
						// now, move the selection range to the beginning of the inputField and simply get the selected range's length
						var iLength = oDomRef.value.length;
						oCopiedTextRange.moveStart('character', -iLength);
						return oCopiedTextRange.text.length;
					}
				} else if (typeof(oDomRef.selectionStart) == "number") { // Firefox etc.
					return oDomRef.selectionStart;
				}

				return -1;
			} // end of GET
		} else {
			// shouldn't really happen, but to be safe...
			return this;
		}
	};

	/**
	 * Sets the text selection in the first element of the collection
	 *
	 * @param {int} iStart Start position of the selection (inclusive)
	 * @param {int} iEnd End position of the selection (exclusive)
	 * @return {jQuery} The jQuery collection
	 * @public
	 * @methodOf jQuery.prototype
	 * @name selectText
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.fn.selectText = function selectText(iStart, iEnd) {
		var oDomRef = this.get(0);

		if (oDomRef) {
			if(oDomRef.createTextRange) { // IE
				var oTextEditRange = oDomRef.createTextRange();
				oTextEditRange.collapse();
				oTextEditRange.moveStart('character', iStart);
				oTextEditRange.moveEnd('character', iEnd - iStart);
				oTextEditRange.select();
			} else if(typeof(oDomRef.selectionStart) == "number") { // Firefox
				// sanity checks
				if (iStart < 0) {
					iStart = 0;
				}
				if (iEnd > oDomRef.value.length) {
					iEnd = oDomRef.value.length;
				}
				if (!iEnd || iStart > iEnd) {
					iStart = 0;
					iEnd = 0;
				}
				oDomRef.selectionStart = iStart; // TODO: maybe need to decouple via setTimeout?
				oDomRef.selectionEnd = iEnd;
			}
		}

		return this;
	};


	/**
	 * Returns the outer HTML of the given HTML element
	 *
	 * @return {String} outer HTML
	 * @public
	 * @methodOf jQuery.prototype
	 * @name outerHTML
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.fn.outerHTML = function outerHTML() {
		var oDomRef = this.get(0);

		if (oDomRef && oDomRef.outerHTML) {
			return jQuery.trim(oDomRef.outerHTML);
		} else {
			var doc = this[0] ? this[0].ownerDocument : document;

			var oDummy = doc.createElement("div");
			oDummy.appendChild(oDomRef.cloneNode(true));
			return oDummy.innerHTML;
		}
	};


	/**
	 * Returns whether oDomRefChild is oDomRefContainer or is contained in oDomRefContainer.
	 *
	 * This is a browser-independent version of the .contains method of Internet Explorer.
	 * For compatibility reasons it returns true if oDomRefContainer and oDomRefChild are equal.
	 *
	 * This method intentionally does not operate on the jQuery object, as the original jQuery.contains()
	 * method also does not do so.
	 *
	 * @param {DOMNode} oDomRefContainer The container element
	 * @param {DOMNode} oDomRefChild The child element (must not be a text node, must be an element)
	 * @return {boolean} 'true' if oDomRefChild is contained in oDomRefContainer or oDomRefChild is oDomRefContainer
	 * @public
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.sap.containsOrEquals = function containsOrEquals(oDomRefContainer, oDomRefChild) {
		if (oDomRefChild && oDomRefContainer && oDomRefChild != document && oDomRefChild != window) {
			return (oDomRefContainer === oDomRefChild) || jQuery.contains(oDomRefContainer, oDomRefChild);
		}
		return false;
	};


	/**
	 * Returns a rectangle describing the current visual positioning of the first DOM object in the collection
	 * (or null if no element was given)
	 *
	 * @return {object} An object with left, top, width and height
	 * @public
	 * @methodOf jQuery.prototype
	 * @name rect
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.fn.rect = function rect() {
		var oDomRef = this.get(0);

		if (oDomRef) {
			// this should be available in all 'modern browsers'
			if (oDomRef.getBoundingClientRect) {
				var oClientRect = oDomRef.getBoundingClientRect();
				var oRect = { top : oClientRect.top,
						left : oClientRect.left,
						width : oClientRect.right - oClientRect.left,
						height : oClientRect.bottom - oClientRect.top };

				var oWnd = jQuery.sap.ownerWindow(oDomRef);
				oRect.left += jQuery(oWnd).scrollLeft();
				oRect.top += jQuery(oWnd).scrollTop();

				return oRect;
			} else {
				// IE6 and older; avoid crashing and give some hardcoded size
				return { top : 10, left : 10, width : oDomRef.offsetWidth, height : oDomRef.offsetWidth };
			}
		}
		return null;
	};


	/**
	 * Returns whether a point described by X and Y is inside this Rectangle's boundaries
	 *
	 * @param {int} iPosX
	 * @param {int} iPosY
	 * @return Whether X and Y are inside this Rectangle's boundaries
	 * @public
	 * @methodOf jQuery.prototype
	 * @name rectContains
	 * @author SAP AG
	 * @since 0.18.0
	 */
	jQuery.fn.rectContains = function rectContains(iPosX, iPosY) {
		jQuery.sap.assert(!isNaN(iPosX), "iPosX must be a number");
		jQuery.sap.assert(!isNaN(iPosY), "iPosY must be a number");

		var oRect = this.rect();

		if (oRect) {

			return iPosX >= oRect.left
				&& iPosX <= oRect.left + oRect.width
				&& iPosY >= oRect.top
				&& iPosY <= oRect.top + oRect.height;

		}
		return false;
	};


	/**
	 * Returns true if the first element has a set tabindex
	 *
	 * @return {boolean} If the first element has a set tabindex
	 * @public
	 * @methodOf jQuery.prototype
	 * @name hasTabIndex
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.fn.hasTabIndex = function hasTabIndex() {
		var iTabIndex = this.prop("tabIndex");
		return !isNaN(iTabIndex) && iTabIndex >= 0;
	};


	/**
	 * Returns the first focusable domRef in a given container (the first element of the collection)
	 *
	 * @return {DOMNode} The domRef
	 * @public
	 * @methodOf jQuery.prototype
	 * @name firstFocusableDomRef
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.fn.firstFocusableDomRef = function firstFocusableDomRef() {
		var oContainerDomRef = this.get(0);
		var visibilityHiddenFilter = function (idx){return jQuery(this).css("visibility") == "hidden";};
		if (!oContainerDomRef || jQuery(oContainerDomRef).is(':hidden') ||
				jQuery(oContainerDomRef).filter(visibilityHiddenFilter).length == 1) {
			return null;
		}

		var oCurrDomRef = oContainerDomRef.firstChild,
			oDomRefFound = null;

		while (oCurrDomRef) {
			if(oCurrDomRef.nodeType == 1 && jQuery(oCurrDomRef).is(':visible')) {
				if (jQuery(oCurrDomRef).hasTabIndex()) {
					return oCurrDomRef;
				}

				if(oCurrDomRef.childNodes) {
					oDomRefFound = jQuery(oCurrDomRef).firstFocusableDomRef();
					if(oDomRefFound) {
						return oDomRefFound;
					}
				}
			}
			oCurrDomRef = oCurrDomRef.nextSibling;
		}

		return null;
	};


	/**
	 * Returns the last focusable domRef in a given container
	 *
	 * @return {DOMNode} The last domRef
	 * @public
	 * @methodOf jQuery.prototype
	 * @name lastFocusableDomRef
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.fn.lastFocusableDomRef = function lastFocusableDomRef() {
		var oContainerDomRef = this.get(0);
		var visibilityHiddenFilter = function (idx){return jQuery(this).css("visibility") == "hidden";};
		if (!oContainerDomRef || jQuery(oContainerDomRef).is(':hidden') ||
				jQuery(oContainerDomRef).filter(visibilityHiddenFilter).length == 1) {
			return null;
		}

		var oCurrDomRef = oContainerDomRef.lastChild,
			oDomRefFound = null;

		while (oCurrDomRef) {
			if(oCurrDomRef.nodeType == 1 && jQuery(oCurrDomRef).is(':visible')) {
				if(oCurrDomRef.childNodes) {
					oDomRefFound = jQuery(oCurrDomRef).lastFocusableDomRef();
					if(oDomRefFound) {
						return oDomRefFound;
					}
				}

				if (jQuery(oCurrDomRef).hasTabIndex()) {
					return oCurrDomRef;
				}
			}
			oCurrDomRef = oCurrDomRef.previousSibling;
		}

		return null;
	};


	/**
	 * Sets or returns the scrollLeft value of the first element in the given jQuery collection in right-to-left mode.
	 * Precondition: The element is rendered in RTL mode.
	 *
	 * Reason for this method is that the major browsers use three different values for the same scroll position when in RTL mode.
	 * This method hides those differences and returns/applies the same value that would be returned in LTR mode: The distance in px
	 * how far the given container is scrolled away from the leftmost scroll position.
	 *
	 * Returns "undefined" if no element and no iPos is given.
	 *
	 * @return {jQuery | int} The jQuery collection if iPos is given, otherwise the scroll position, counted from the leftmost position
	 * @public
	 * @methodOf jQuery.prototype
	 * @name scrollLeftRTL
	 * @author SAP AG
	 * @since 0.20.0
	 */
	jQuery.fn.scrollLeftRTL = function scrollLeftRTL(iPos) {
		var oDomRef = this.get(0);
		if (oDomRef) {

			if (iPos === undefined) { // GETTER code
				if (jQuery.browser.msie) {
					return oDomRef.scrollWidth - oDomRef.scrollLeft - oDomRef.clientWidth;

				} else if (jQuery.browser.webkit) {
					return oDomRef.scrollLeft;

				} else if (jQuery.browser.mozilla) {
					return oDomRef.scrollWidth + oDomRef.scrollLeft - oDomRef.clientWidth;

				} else {
					// unrecognized browser; it is hard to return a best guess, as browser strategies are very different, so return the actual value
					return oDomRef.scrollLeft;
				}

			} else { // SETTER code
				oDomRef.scrollLeft = jQuery.sap.denormalizeScrollLeftRTL(iPos);
				return this;
			}
		}
	};

	/**
	 * Returns the MIRRORED scrollLeft value of the first element in the given jQuery collection in right-to-left mode.
	 * Precondition: The element is rendered in RTL mode.
	 *
	 * Reason for this method is that the major browsers return three different values for the same scroll position when in RTL mode.
	 * This method hides those differences and returns the value that would be returned in LTR mode if the UI would be mirrored horizontally:
	 * The distance in px how far the given container is scrolled away from the rightmost scroll position.
	 *
	 * Returns "undefined" if no element is given.
	 *
	 * @return {int} The scroll position, counted from the rightmost position
	 * @public
	 * @methodOf jQuery.prototype
	 * @name scrollRightRTL
	 * @author SAP AG
	 * @since 0.20.0
	 */
	jQuery.fn.scrollRightRTL = function scrollRightRTL() {
		var oDomRef = this.get(0);
		if (oDomRef) {

			if (jQuery.browser.msie) {
				return oDomRef.scrollLeft;

			} else if (jQuery.browser.webkit) {
				return oDomRef.scrollWidth - oDomRef.scrollLeft - oDomRef.clientWidth;

			} else if (jQuery.browser.mozilla) {
				return (-oDomRef.scrollLeft);

			} else {
				// unrecognized browser; it is hard to return a best guess, as browser strategies are very different, so return the actual value
				return oDomRef.scrollLeft;
			}
		}
	};


	/**
	 * For the given scrollLeft value this method returns the scrollLeft value as understood by the current browser in RTL mode.
	 * This value is specific to the given DOM element, as the computation may involve its dimensions.
	 *
	 * So when oDomRef should be scrolled 2px from the leftmost position, the number "2" must be given as iNormalizedScrollLeft
	 * and the result of this method (which may be a large or even negative number, depending on the browser) can then be set as
	 * oDomRef.scrollLeft to achieve the desired (cross-browser-consistent) scrolling position.
	 *
	 * This method does no scrolling on its own, it only calculates the value to set (so it can also be used for animations).
	 *
	 * @param {int} iNormalizedScrollLeft The distance from the leftmost position to which the element should be scrolled
	 * @param {DOMNode} oDomRef The DOM element to which scrollLeft will be applied
	 * @return {int} The scroll position that must be set for the DOM element
	 * @public
	 * @author SAP AG
	 * @since 0.20.0
	 */
	jQuery.sap.denormalizeScrollLeftRTL = function byId(iNormalizedScrollLeft, oDomRef) {

		if (oDomRef) {
			if (jQuery.browser.msie) {
				return oDomRef.scrollWidth - oDomRef.clientWidth - iNormalizedScrollLeft;

			} else if (jQuery.browser.webkit) {
				return iNormalizedScrollLeft;

			} else if (jQuery.browser.mozilla) {
				return oDomRef.clientWidth + iNormalizedScrollLeft - oDomRef.scrollWidth;

			} else {
				// unrecognized browser; it is hard to return a best guess, as browser strategies are very different, so return the actual value
				return iNormalizedScrollLeft;
			}
		}
	};




	/*!
	 * The following functions are taken from jQuery UI 1.8.17 but modified
	 *
	 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * http://docs.jquery.com/UI
	 */
	function visible( element ) {
		// check if one of the parents (until it's position parent) is invisible
		// prevent that elements in static area are always checked as invisible
		
		// list all items until the offsetParent item (with jQuery >1.6 you can use parentsUntil)
		var oOffsetParent = jQuery(element).offsetParent();
		var bOffsetParentFound = false;
		var $refs = jQuery(element).parents().filter(function() {
			if (this === oOffsetParent) {
				bOffsetParentFound = true;
			}
			return bOffsetParentFound;
		});
		
		// check for at least one item to be visible
		return !jQuery(element).add($refs).filter(function() {
			return jQuery.css( this, "visibility" ) === "hidden" || jQuery.expr.filters.hidden( this );
		}).length;
	}

	function focusable( element, isTabIndexNotNaN ) {
		var nodeName = element.nodeName.toLowerCase();
		if ( "area" === nodeName ) {
			var map = element.parentNode,
				mapName = map.name,
				img;
			if ( !element.href || !mapName || map.nodeName.toLowerCase() !== "map" ) {
				return false;
			}
			img = jQuery( "img[usemap=#" + mapName + "]" )[0];
			return !!img && visible( img );
		}
		return ( /input|select|textarea|button|object/.test( nodeName )
			? !element.disabled
			: "a" == nodeName
				? element.href || isTabIndexNotNaN
				: isTabIndexNotNaN)
			// the element and all of its ancestors must be visible
			&& visible( element );
	}


	if (!jQuery.expr[":"].focusable) {
		/*!
		 * The following function is taken from jQuery UI 1.8.17
		 *
		 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
		 * Dual licensed under the MIT or GPL Version 2 licenses.
		 * http://jquery.org/license
		 *
		 * http://docs.jquery.com/UI
		 *
		 * But since visible is modified, focusable is different too the jQuery UI version too.
		 */
		jQuery.extend( jQuery.expr[ ":" ], {
			/**
			 * This defines the jQuery ":focusable" selector; it is also defined in jQuery UI. If already present, nothing is
			 * done here, so we will not overwrite any previous implementation.
			 * If jQuery UI is loaded later on, this implementation here will be overwritten by that one, which is fine,
			 * as it is semantically the same thing and intended to do exactly the same.
			 */
			focusable: function( element ) {
				return focusable( element, !isNaN( jQuery.attr( element, "tabindex" ) ) );
			}
		});
	}

	if (!jQuery.expr[":"].sapFocusable) {
		/*!
		 * Do not use jQuery UI focusable because this might be overwritten if jQuery UI is loaded
		 */
		jQuery.extend( jQuery.expr[ ":" ], {
			/**
			 * This defines the jQuery ":sapFocusable" selector; If already present, nothing is
			 * done here, so we will not overwrite any previous implementation.
			 * If jQuery UI is loaded later on, this implementation here will NOT be overwritten by.
			 */
			sapFocusable: function( element ) {
				return focusable( element, !isNaN( jQuery.attr( element, "tabindex" ) ) );
			}
		});
	}

	/**
	 * Gets the next parent DOM element with a given attribute and attribute value starting above the first given element
	 *
	 * @param {String} sAttibute Name of the attribute
	 * @param {String} sValue Value of the attribute (optional)
	 * @return {DOMNode} null or the DOM reference
	 * @public
	 * @methodOf jQuery.prototype
	 * @name parentByAttribute
	 * @author SAP AG
	 * @since 0.9.0
	 */
	jQuery.fn.parentByAttribute = function parentByAttribute(sAttribute, sValue) {
		if (this.length>0) {
			if (sValue) {
				return this.first().parents("["+sAttribute+"='"+sValue+"']").get(0);
			} else {
				return this.first().parents("["+sAttribute+"]").get(0);
			}
		}
	};


	/**
	 * Returns the window reference for a DomRef
	 *
	 * @param {DOMNode} oDomRef The DOM reference
	 * @return {window} Window reference
	 * @public
	 * @since 0.9.0
	 */
	jQuery.sap.ownerWindow = function ownerWindow(oDomRef){
		if (oDomRef.ownerDocument.parentWindow) {
			return oDomRef.ownerDocument.parentWindow;
		}
		return oDomRef.ownerDocument.defaultView;
	};
	
	
	var _oScrollbarSize = {};
	
	/**
	 * Returns the size (width of the vertical / height of the horizontal) native browser scrollbars.
	 * 
	 * This function must only be used when the DOM is ready.
	 *
	 * @param {String} [sClasses=null] the CSS class that should be added to the test element.
	 * @param {boolean} [bForce=false] force recalculation of size (e.g. when CSS was changed). When no classes are passed all calculated sizes are reset.
	 * @return {object} JSON object with properties <code>width</code> and <code>height</code> (the values are of type number and are pixels).
	 * @public
	 * @since 1.4.0
	 */
	jQuery.sap.scrollbarSize = function(sClasses, bForce) {
		if (typeof sClasses === "boolean") {
			bForce = sClasses;
			sClasses = null;
		}

		var sKey = sClasses || "#DEFAULT"; // # is an invalid character for CSS classes

		if (bForce) {
			if (sClasses) {
				delete _oScrollbarSize[sClasses];
			} else {
				_oScrollbarSize = {};
			}
		}
		
		if(_oScrollbarSize[sKey]) {
			return _oScrollbarSize[sKey];
		}

		if(!document.body){
			return {width: 0, height: 0};
		}
		
		var $Area = jQuery("<DIV/>")
			.css("visibility", "hidden")
			.css("height", "0")
			.css("width", "0")
			.css("overflow", "hidden");

		if (sClasses) {
			$Area.addClass(sClasses);
		}

		$Area.prependTo(document.body);
		
		var $Dummy = jQuery("<div style=\"visibility:visible;position:absolute;height:100px;width:100px;overflow:scroll;opacity:0;\"></div>");
		$Area.append($Dummy);

		var oDomRef = $Dummy.get(0);
		var iWidth = oDomRef.offsetWidth - oDomRef.scrollWidth;
		var iHeight = oDomRef.offsetHeight - oDomRef.scrollHeight;

		$Area.remove();
		
		_oScrollbarSize[sKey] = {width: iWidth, height: iHeight};

		return _oScrollbarSize[sKey];
	};

}());

}; // end of jquery.sap.dom
if ( !jQuery.sap.isDeclared('jquery.sap.encoder') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides encoding functions for JavaScript.
jQuery.sap.declare("jquery.sap.encoder", false);

(function(){

	/*
	 * Encoding according to the Secure Programming Guide
	 * https://wiki.wdf.sap.corp/wiki/display/NWCUIAMSIM/XSS+Secure+Programming+Guide
	 */

	/**
	 * Create hex and pad to length
	 * @private
	 */
	function hex(iChar, iLength) {
		var sHex = iChar.toString(16);
		if (iLength) {
			while (iLength > sHex.length) {
				sHex = "0" + sHex;
			}
		}
		return sHex;
	}

	/**
	 * RegExp and escape function for HTML escaping
	 */
	var rHtml = /[\x00-\x2b\x2f\x3a-\x40\x5b-\x5e\x60\x7b-\uffff]/g,
		rHtmlReplace = /[\x00-\x08\x0b\x0c\x0e-\x1f\x7f-\x9f]/,
		mHtmlLookup = {
			"<": "&lt;",
			">": "&gt;",
			"&": "&amp;",
			"\"": "&quot;"
		};

	var fHtml = function(sChar) {
		var sEncoded = mHtmlLookup[sChar];
		if (!sEncoded) {
			if (rHtmlReplace.test(sChar)) {
				sEncoded = "&#xfffd;";
			}
			else {
				sEncoded = "&#x" + hex(sChar.charCodeAt(0)) + ";";
			}
			mHtmlLookup[sChar] = sEncoded;
		}
		return sEncoded;
	};

	/**
	 * Encode the string for inclusion into HTML content/attribute
	 *
	 * @param {string} sString The string to be escaped
	 * @return The escaped string
	 * @type {string}
	 * @public
	 * @SecValidate {0|return|XSS} validates the given string for HTML contexts
	 */
	jQuery.sap.encodeHTML = function(sString) {
		return sString.replace(rHtml, fHtml);
	};

	/**
	 * Encode the string for inclusion into XML content/attribute
	 *
	 * @param {string} sString The string to be escaped
	 * @return The escaped string
	 * @type {string}
	 * @public
	 * @SecValidate {0|return|XSS} validates the given string for XML contexts
	 */
	jQuery.sap.encodeXML = function(sString) {
		return sString.replace(rHtml, fHtml);
	};

	/**
	 * Encode the string for inclusion into HTML content/attribute.
	 * Old name "escapeHTML" kept for backward compatibility
	 *
	 * @param {string} sString The string to be escaped
	 * @return The escaped string
	 * @type {string}
	 * @public
	 * @deprecated Has been renamed, use {@link jQuery.sap.encodeHTML} instead.
	 */
	jQuery.sap.escapeHTML = function(sString) {
		return sString.replace(rHtml, fHtml);
	};

	/**
	 * RegExp and escape function for JS escaping
	 */
	var rJS = /[\x00-\x2b\x2d\x2f\x3a-\x40\x5b-\x5e\x60\x7b-\uffff]/g,
		mJSLookup = {};

	var fJS = function(sChar) {
		var sEncoded = mJSLookup[sChar];
		if (!sEncoded) {
			var iChar = sChar.charCodeAt(0);
			if (iChar < 256) {
				sEncoded = "\\x" + hex(iChar, 2);
			}
			else {
				sEncoded = "\\u" + hex(iChar, 4);
			}
			mJSLookup[sChar] = sEncoded;
		}
		return sEncoded;
	};

	/**
	 * Encode the string for inclusion into a JS string literal
	 *
	 * @param {string} sString The string to be escaped
	 * @return The escaped string
	 * @type {string}
	 * @public
	 * @SecValidate {0|return|XSS} validates the given string for a JavaScript contexts
	 */
	jQuery.sap.encodeJS = function(sString) {
		return sString.replace(rJS, fJS);
	};

	/**
	 * Encode the string for inclusion into a JS string literal.
	 * Old name "escapeJS" kept for backward compatibility
	 *
	 * @param {string} sString The string to be escaped
	 * @return The escaped string
	 * @type {string}
	 * @public
	 * @deprecated Since 1.3.0. Has been renamed, use {@link jQuery.sap.encodeJS} instead.
	 */
	jQuery.sap.escapeJS = function(sString) {
		return sString.replace(rJS, fJS);
	};

	/**
	 * RegExp and escape function for URL escaping
	 */
	var rURL = /[\x00-\x2c\x2f\x3a-\x40\x5b-\x5e\x60\x7b-\uffff]/g,
		mURLLookup = {};

	var fURL = function(sChar) {
		var sEncoded = mURLLookup[sChar];
		if (!sEncoded) {
			var iChar = sChar.charCodeAt(0);
			if (iChar < 128) {
				sEncoded = "%" + hex(iChar, 2);
			}
			else if (iChar < 2048) {
				sEncoded = "%" + hex((iChar >> 6) | 192, 2) +
						   "%" + hex((iChar & 63) | 128, 2);
			}
			else {
				sEncoded = "%" + hex((iChar >> 12) | 224, 2) +
						   "%" + hex(((iChar >> 6) & 63) | 128, 2) +
						   "%" + hex((iChar & 63) | 128, 2);
			}
			mURLLookup[sChar] = sEncoded;
		}
		return sEncoded;
	};

	/**
	 * Encode the string for inclusion into an URL parameter
	 *
	 * @param {string} sString The string to be escaped
	 * @return The escaped string
	 * @type {string}
	 * @public
	 * @SecValidate {0|return|XSS} validates the given string for a URL context
	 */
	jQuery.sap.encodeURL = function(sString) {
		return sString.replace(rURL, fURL);
	};

	/**
	 * RegExp and escape function for CSS escaping
	 */
	var rCSS = /[\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\uffff][0-9A-Fa-f]?/g;

	var fCSS = function(sChar) {
		var iChar = sChar.charCodeAt(0);
		if (sChar.length == 1) {
			return "\\" + hex(iChar);
		}
		else {
			return "\\" + hex(iChar) + " " + sChar.substr(1);
		}
	};

	/**
	 * Encode the string for inclusion into CSS string literals or identifiers
	 *
	 * @param {string} sString The string to be escaped
	 * @return The escaped string
	 * @type {string}
	 * @public
	 * @SecValidate {0|return|XSS} validates the given string for a CSS context
	 */
	jQuery.sap.encodeCSS = function(sString) {
		return sString.replace(rCSS, fCSS);
	};

	/**
	 * WhitelistEntry object
	 * @param {string} protocol The protocol of the URL
	 * @param {string} host The host of the URL
	 * @param {string} port The port of the URL
	 * @param {string} path the path of the URL
	 * @public
	 */
	function WhitelistEntry(protocol, host, port, path){
		if (protocol) {
			this.protocol = protocol.toUpperCase();
		}
		if (host) {
			this.host = host.toUpperCase();
		}
		this.port = port;
		this.path = path;
	}

	var aWhitelist = new Array();

	/**
	 * clears the whitelist for URL valiadtion
	 *
	 * @public
	 */
	jQuery.sap.clearUrlWhitelist = function() {

		aWhitelist.splice(0,aWhitelist.length);

	};

	/**
	 * Adds a whitelist entry for URL valiadtion
	 *
	 * @param {string} protocol The protocol of the URL
	 * @param {string} host The host of the URL
	 * @param {string} port The port of the URL
	 * @param {string} path the path of the URL
	 * @public
	 */
	jQuery.sap.addUrlWhitelist = function(protocol, host, port, path) {
		var oEntry = new WhitelistEntry(protocol, host, port, path);
		var iIndex = aWhitelist.length;
		aWhitelist[iIndex] = oEntry;
	};

	/**
	 * Removes a whitelist entry for URL valiadtion
	 *
	 * @param {int} iIndex index of entry
	 * @public
	 */
	jQuery.sap.removeUrlWhitelist = function(iIndex) {
		aWhitelist.splice(iIndex,1)
	};

	/**
	 * Gets the whitelist for URL valiadtion
	 *
	 * @return {string[]} whitelist
	 * @public
	 */
	jQuery.sap.getUrlWhitelist = function() {
		return aWhitelist.slice();
	};

	/**
	 * Validates an URL. Check if it's not a script or other security issue.
	 *
	 * @param {string} sUrl
	 * @return true if valid, false if not valid
	 * @public
	 */
	jQuery.sap.validateUrl = function(sUrl) {

		var result = /(?:([^:\/?#]+):)?(?:\/\/([^\/?#:]*)(?::([0-9]+))?)?([^?#]*)(?:\?([^#]*))?(?:#(.*))?/.exec(sUrl);
		if (!result) {
			return result;
		}

		var sProtocol = result[1],
			sHost = result[2],
			sPort = result[3],
			sPath = result[4],
			sQuery = result[5],
			sHash = result[6];

		var rCheck = /[\x00-\x24\x26-\x29\x2b\x2c\x2f\x3a-\x40\x5b-\x5e\x60\x7b-\uffff]/;

		// protocol
		if (sProtocol) {
			sProtocol = sProtocol.toUpperCase();
			if (aWhitelist.length <= 0) {
				// no whitelist -> check for default protocols
				if (!/^(https?|ftp)/i.test(sProtocol)) {
					return false;
				}
			}
		}

		// Host -> whitelist + character check (TBD)
		if (sHost) {
			sHost = sHost.toUpperCase();
		}

		// Path -> split for "/" and check if forbidden characters exist
		if (sPath) {
			var aComponents = sPath.split("/");
			for ( var i = 0; i < aComponents.length; i++) {
				var bCheck = rCheck.test(aComponents[i]);
				if (bCheck) {
					// forbidden character found
					return false;
				}
			}
		}

		// query -> Split on & and = and check if forbidden characters exist
		if (sQuery) {
			var aComponents = sQuery.split("&");
			for ( var i = 0; i < aComponents.length; i++) {
				var iPos = aComponents[i].search("=");
				if (iPos != -1) {
					var sPart1 = aComponents[i].substring(0,iPos);
					var sPart2 = aComponents[i].substring(iPos+1);
					var bCheck1 = rCheck.test(sPart1);
					var bCheck2 = rCheck.test(sPart2);
					if (bCheck1 || bCheck2) {
						// forbidden character found
						return false;
					}
				}
			}
		}

		// hash
		if (sHash) {
			if (rCheck.test(sHash)) {
				// forbidden character found
				return false;
			}
		}

		//filter whitelist
		if (aWhitelist.length > 0) {
			var bFound = false;
			for(var i=0; i<aWhitelist.length; i++){
				jQuery.sap.assert(aWhitelist[i] instanceof WhitelistEntry, "whitelist entry type wrong");
				if (!sProtocol || !aWhitelist[i].protocol || sProtocol == aWhitelist[i].protocol) {
					// protocol OK
					var bOk = false;
					if (sHost && aWhitelist[i].host && /^\*/.test(aWhitelist[i].host)) {
						// check for wildcard search at begin
						var sHostEscaped = aWhitelist[i].host.slice(1).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
						var rFilter = RegExp(sHostEscaped + "$");
						if (rFilter.test(sHost)) {
							bOk = true;
						}
					}else if (!sHost || !aWhitelist[i].host || sHost == aWhitelist[i].host){
						bOk = true;
					}
					if (bOk){
						// host OK
						if (!aWhitelist[i].port || sPort == aWhitelist[i].port) {
							// port OK
							if (aWhitelist[i].path && /\*$/.test(aWhitelist[i].path)) {
								// check for wildcard search at end
								var sPathEscaped = aWhitelist[i].path.slice(0,-1).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
								var rFilter = RegExp("^"+sPathEscaped);
								if (rFilter.test(sPath)) {
									bFound = true;
								}
							} else if (!aWhitelist[i].path || sPath == aWhitelist[i].path) {
								// path OK
								bFound = true;
							}
						}
					}
				}
				if (bFound) {
					break;
				}
			}
			if (!bFound) {
				return bFound;
			}
		}

		return true;
	};

	/**
	 * Strips unsafe tags and attributes from HTML.
	 * 
	 * @param {string} sHTML the HTML to be sanitized. 
	 * @param {object} [mOptions={}] options for the sanitizer
	 * @return {string} sanitized HTML
	 * @private
	 */
	jQuery.sap._sanitizeHTML = function(sHTML, mOptions) {
		return fnSanitizer(sHTML, mOptions || {
			uriRewriter: function(sUrl) {
				// by default we use the URL whitelist to check the URL's 
				if (jQuery.sap.validateUrl(sUrl)) {
					return sUrl;
				}
			} 
		});
	};
	
	/**
	 * Registers an application defined sanitizer to be used instead of the built-in one.
	 * 
	 * The given sanitizer function must have the same signature as 
	 * {@link jQuery.sap._sanitizeHTML}:
	 * 
	 * <pre>
	 *   function sanitizer(sHtml, mOptions);
	 * </pre>
	 * 
	 * The parameter <code>mOptions</code> will always be provided, but might be empty. 
	 * The set of understood options is defined by the sanitizer. If no specific 
	 * options are given, the sanitizer should run with the most secure settings.
	 * Sanitizers should ignore unknown settings. Known, but misconfigured settings should be 
	 * reported as error.
	 *  
	 * @param {function} fnSanitizer
	 * @private
	 */
	jQuery.sap._setHTMLSanitizer = function (fnSanitizer) {
		jQuery.sap.assert(typeof fnSanitizer === "function", "Sanitizer must be a function");
		fnSanitizer = fnSanitizer || defaultSanitizer;
	};

	function defaultSanitizer(sHTML, mOptions) {
		if ( !window.html || !window.html.sanitize ) {
			jQuery.sap.require("sap.ui.thirdparty.caja-html-sanitizer");
			jQuery.sap.assert(window.html && window.html.sanitize, "Sanitizer should have been loaded");
		}
		
		var oTagPolicy = mOptions.tagPolicy || window.html.makeTagPolicy(mOptions.uriRewriter, mOptions.tokenPolicy);
		return window.html.sanitizeWithPolicy(sHTML, oTagPolicy);
	}
	
	/**
	 * Globally configured sanitizer.
	 * @private
	 */
	var fnSanitizer = defaultSanitizer;
	
}());
}; // end of jquery.sap.encoder
if ( !jQuery.sap.isDeclared('jquery.sap.events') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides functionality related to eventing.
jQuery.sap.declare("jquery.sap.events");



(function() {

	jQuery.sap._touchToMouseEvent = true;

	var onTouchStart,
		onTouchMove,
		onTouchEnd,
		onTouchCancel,
		onMouseEvent,
		aMouseEvents,
		bIsSimulatingTouchToMouseEvent = false;

	if (jQuery.browser.webkit && /Mobile/.test(navigator.userAgent) && "ontouchend" in document) {

		bIsSimulatingTouchToMouseEvent = true;

		var simulateTouchToMouseEvent = (function() {
			var document = window.document,
				bHandleEvent = false,
				oTarget = null,
				bIsMoved = false,
				iStartX,
				iStartY,
				i = 0;

			aMouseEvents = ["mousedown", "mouseover", "mouseup", "mouseout", "click"];

			/**
			 * Fires a synthetic mouse event for a given type and native touch event.
			 * @param {String} sType the type of the synthetic event to fire, e.g. "mousedown"
			 * @param {jQuery.Event} oEvent the event object
			 * @private
			 */
			var fireMouseEvent = function(sType, oEvent) {

				if (!bHandleEvent) {
					return;
				}

				// we need mapping of the different event types to get the correct target
				var oMappedEvent = oEvent.type == "touchend" ? oEvent.changedTouches[0] : oEvent.touches[0]; 

				// create the synthetic event
				var newEvent = document.createEvent('MouseEvent');  // trying to create an actual TouchEvent will create an error
				newEvent.initMouseEvent(sType, true, true, window, oEvent.detail,
						oMappedEvent.screenX, oMappedEvent.screenY, oMappedEvent.clientX, oMappedEvent.clientY,
						oEvent.ctrlKey, oEvent.shiftKey, oEvent.altKey, oEvent.metaKey,
						oEvent.button, oEvent.relatedTarget);

				newEvent.isSynthetic = true;

				// Timeout needed. Do not interrupt the native event handling.
				window.setTimeout(function() {
						oTarget.dispatchEvent(newEvent);
				}, 0);
			};

			/**
			 * Checks if the target of the event is an input field.
			 * @param {jQuery.Event} oEvent the event object
			 * @return {Boolean} whether the target of the event is an input field.
			 */
			var isInputField = function(oEvent) {
				return oEvent.target.tagName.match(/input|textarea|select/i);
			};

			/**
			 * Mouse event handler. Prevents propagation for native events. 
			 * @param {jQuery.Event} oEvent the event object
			 * @private
			 */
			onMouseEvent = function(oEvent) {
				if (!oEvent.isSynthetic && !isInputField(oEvent)) {
					oEvent.stopPropagation();
					oEvent.preventDefault();
				}
			};

			/**
			 * Touch start event handler. Called whenever a finger is added to the surface. Fires mouse start event.
			 * @param {jQuery.Event} oEvent the event object
			 * @private
			 */
			onTouchStart = function(oEvent) {
				var oTouches = oEvent.touches,
					oTouch;

				bHandleEvent = (oTouches.length == 1 && !isInputField(oEvent));

				if (bHandleEvent) {
					bIsMoved = false;
					oTouch = oTouches[0];

					// As we are only interested in the first touch target, we remember it
					oTarget = oTouch.target;
					if(oTarget.nodeType == 3) {

						// no text node
						oTarget = oTarget.parentNode;
					}

					// Remember the start position of the first touch to determine if a click was performed or not.
					iStartX = oTouch.clientX;
					iStartY = oTouch.clientY;
					fireMouseEvent("mousedown", oEvent);
				}
			};

			/**
			 * Touch move event handler. Fires mouse move event.
			 * @param {jQuery.Event} oEvent the event object
			 * @private
			 */
			onTouchMove = function(oEvent) {
				var oTouch;

				if (bHandleEvent) {
					oTouch = oEvent.touches[0];

					// Check if the finger is moved. When the finger was moved, no "click" event is fired.
					if (Math.abs(oTouch.clientX - iStartX) > 10 || Math.abs(oTouch.clientY - iStartY) > 10) {
						bIsMoved = true;
					}

					if (bIsMoved) {

						// Fire "mousemove" event only when the finger was moved. This is to prevent unwanted movements. 
						fireMouseEvent("mousemove", oEvent);
					}
				}
			};

			/**
			 * Touch end event handler. Fires mouse up and click event.
			 * @param {jQuery.Event} oEvent the event object
			 * @private
			 */
			onTouchEnd = function(oEvent) {
				fireMouseEvent("mouseup", oEvent);
				if (!bIsMoved) {
					fireMouseEvent("click", oEvent);
				}
			};

			/**
			 * Touch cancel event handler. Fires mouse up event.
			 * @param {jQuery.Event} oEvent the event object
			 * @private
			 */
			onTouchCancel = function(oEvent) {
				fireMouseEvent("mouseup", oEvent);
			};

			// Bind mouse events
			for (; i < aMouseEvents.length; i++) {

				// Add click on capturing phase to prevent propagation if necessary
				document.addEventListener(aMouseEvents[i], onMouseEvent, true);
			}

			// Bind touch events
			document.addEventListener('touchstart', onTouchStart, true);
			document.addEventListener('touchmove', onTouchMove, true);
			document.addEventListener('touchend', onTouchEnd, true);
			document.addEventListener('touchcancel', onTouchCancel, true);
		}());
	}

	/**
	 * Disable touch to mouse handling
	 *
	 * @public
	 */
	jQuery.sap.disableTouchToMouseHandling = function() {
		var i = 0;

		if (!bIsSimulatingTouchToMouseEvent) {
			return;
		}

		// unbind touch events
		document.removeEventListener('touchstart', onTouchStart, true);
		document.removeEventListener('touchmove', onTouchMove, true);
		document.removeEventListener('touchend', onTouchEnd, true);
		document.removeEventListener('touchcancel', onTouchCancel, true);

		// unbind mouse events
		for (; i < aMouseEvents.length; i++) {
			document.removeEventListener(aMouseEvents[i], onMouseEvent, true);
		}
	};

	/**
	 * List of DOM events that a UIArea automatically takes care of.
	 *
	 * A control/element doesn't have to bind listeners for these events.
	 * It instead can implement an <code>on<i>event</i>(oEvent)</code> method
	 * for any of these events that it wants to be notified about.
	 *
	 * @public
	 */
	jQuery.sap.ControlEvents = [  // IMPORTANT: update the public documentation when extending this list
		"click",
		"dblclick",
		"focusin",
		"focusout",
		"keydown",
		"keypress",
		"keyup",
		"mousedown",
		"mouseout",
		"mouseover",
		"mouseup",
		"select",
		"selectstart",
		"dragstart",
		"dragenter",
		"dragover",
		"dragleave",
		"dragend",
		"drop",
		"paste",
		"cut"
	];


	/**
	 * Enumeration of all so called "pseudo events", a useful classification
	 * of standard browser events as implied by SAP product standards.
	 *
	 * Whenever a browser event is recognized as one or more pseudo events, then this
	 * classification is attached to the original {@link jQuery.Event} object and thereby
	 * delivered to any jQuery-style listeners registered for that browser event.
	 *
	 * Pure JavaScript listeners can evaluate the classification information using
	 * the {@link jQuery.Event#isPseudoType} method.
	 *
	 * Instead of using the procedure as described above, the SAPUI5 controls and elements
	 * should simply implement an <code>on<i>pseudo-event</i>(oEvent)</code> method. It will
	 * be invoked only when that specific pseudo event has been recognized. This simplifies event
	 * dispatching even further.
	 *
	 * @namespace
	 * @public
	 */
	jQuery.sap.PseudoEvents = { // IMPORTANT: update the public documentation when extending this list

		/* Pseudo keyboard events */

		/**
		 * Pseudo event for keyboard arrow down without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapdown: {sName: "sapdown", aTypes: ["keydown"], fnCheck: function (oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard arrow down with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapdownmodifiers: {sName: "sapdownmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'show' event (F4, Alt + down-Arrow)
		 * @public
		 */
		sapshow: {sName: "sapshow", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return (oEvent.keyCode == jQuery.sap.KeyCodes.F4 && !hasModifierKeys(oEvent)) ||
				(oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN && checkModifierKeys(oEvent, /*Ctrl*/false, /*Alt*/true, /*Shift*/false));
		}},
		/**
		 * Pseudo event for keyboard arrow up without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapup: {sName: "sapup", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard arrow up with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapupmodifiers: {sName: "sapupmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'hide' event (Alt + up-Arrow)
		 * @public
		 */
		saphide: {sName: "saphide", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP && checkModifierKeys(oEvent, /*Ctrl*/false, /*Alt*/true, /*Shift*/false);
		}},
		/**
		 * Pseudo event for keyboard arrow left without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapleft: {sName: "sapleft", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_LEFT && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard arrow left with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapleftmodifiers: {sName: "sapleftmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_LEFT && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard arrow right without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapright: {sName: "sapright", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_RIGHT && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard arrow right with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		saprightmodifiers: {sName: "saprightmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_RIGHT && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard Home/Pos1 with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		saphome: {sName: "saphome", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.HOME && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard Home/Pos1 without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		saphomemodifiers: {sName: "saphomemodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.HOME && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for  pseudo top event
		 * @public
		 */
		saptop: {sName: "saptop", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.HOME && checkModifierKeys(oEvent, /*Ctrl*/true, /*Alt*/false, /*Shift*/false);
		}},
		/**
		 * Pseudo event for keyboard End without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapend: {sName: "sapend", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.END && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard End with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapendmodifiers: {sName: "sapendmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.END && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo bottom event
		 * @public
		 */
		sapbottom: {sName: "sapbottom", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.END && checkModifierKeys(oEvent, /*Ctrl*/true, /*Alt*/false, /*Shift*/false);
		}},
		/**
		 * Pseudo event for keyboard page up without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sappageup: {sName: "sappageup", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_UP && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard page up with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sappageupmodifiers: {sName: "sappageupmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_UP && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard page down without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sappagedown: {sName: "sappagedown", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_DOWN && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard page down with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sappagedownmodifiers: {sName: "sappagedownmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_DOWN && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'select' event... space, enter, ... without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapselect: {sName: "sapselect", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return (oEvent.keyCode == jQuery.sap.KeyCodes.ENTER || oEvent.keyCode == jQuery.sap.KeyCodes.SPACE) && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'select' event... space, enter, ... with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapselectmodifiers: {sName: "sapselectmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return (oEvent.keyCode == jQuery.sap.KeyCodes.ENTER || oEvent.keyCode == jQuery.sap.KeyCodes.SPACE) && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard space without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapspace: {sName: "sapspace", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.SPACE && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard space with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapspacemodifiers: {sName: "sapspacemodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.SPACE && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard enter without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapenter: {sName: "sapenter", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ENTER && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard enter with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapentermodifiers: {sName: "sapentermodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ENTER && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard backspace without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapbackspace: {sName: "sapbackspace", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.BACKSPACE && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard backspace with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapbackspacemodifiers: {sName: "sapbackspacemodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.BACKSPACE && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard delete without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapdelete: {sName: "sapdelete", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.DELETE && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard delete with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapdeletemodifiers: {sName: "sapdeletemodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.DELETE && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo expand event (keyboard numpad +) without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapexpand: {sName: "sapexpand", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.NUMPAD_PLUS && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo expand event (keyboard numpad +) with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapexpandmodifiers: {sName: "sapexpandmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.NUMPAD_PLUS && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo collapse event (keyboard numpad -) without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapcollapse: {sName: "sapcollapse", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.NUMPAD_MINUS && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo collapse event (keyboard numpad -) with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapcollapsemodifiers: {sName: "sapcollapsemodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.NUMPAD_MINUS && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo collapse event (keyboard numpad *)
		 * @public
		 */
		sapcollapseall: {sName: "sapcollapseall", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.NUMPAD_ASTERISK && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard escape
		 * @public
		 */
		sapescape: {sName: "sapescape", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.ESCAPE && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard tab (TAB + no modifier)
		 * @public
		 */
		saptabnext: {sName: "saptabnext", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.TAB && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for keyboard tab (TAB + shift modifier)
		 * @public
		 */
		saptabprevious: {sName: "saptabprevious", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.TAB && checkModifierKeys(oEvent, /*Ctrl*/false, /*Alt*/false, /*Shift*/true);
		}},
		/**
		 * Pseudo event for pseudo skip forward (F6 + no modifier)
		 * @public
		 */
		sapskipforward: {sName: "sapskipforward", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.F6 && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo skip back (F6 + shift modifier)
		 * @public
		 */
		sapskipback: {sName: "sapskipback", aTypes: ["keydown"], fnCheck: function(oEvent) {
			return oEvent.keyCode == jQuery.sap.KeyCodes.F6 && checkModifierKeys(oEvent, /*Ctrl*/false, /*Alt*/false, /*Shift*/true);
		}},
		//// contextmenu Shift-F10 hack
		//{sName: "sapcontextmenu", aTypes: ["keydown"], fnCheck: function(oEvent) {
		//	return oEvent.keyCode == jQuery.sap.KeyCodes.F10 && checkModifierKeys(oEvent, /*Ctrl*/false, /*Alt*/false, /*Shift*/true);
		//}},

		/**
		 * Pseudo event for pseudo 'decrease' event without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapdecrease: {sName: "sapdecrease", aTypes: ["keydown"], fnCheck: function(oEvent) {
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			var iPreviousKey = bRtl ? jQuery.sap.KeyCodes.ARROW_RIGHT : jQuery.sap.KeyCodes.ARROW_LEFT;
			return (oEvent.keyCode == iPreviousKey || oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN) && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'decrease' event with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapdecreasemodifiers: {sName: "sapdecreasemodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			var iPreviousKey = bRtl ? jQuery.sap.KeyCodes.ARROW_RIGHT : jQuery.sap.KeyCodes.ARROW_LEFT;
			return (oEvent.keyCode == iPreviousKey || oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN) && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'increase' event without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapincrease: {sName: "sapincrease", aTypes: ["keydown"], fnCheck: function(oEvent) {
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			var iNextKey = bRtl ? jQuery.sap.KeyCodes.ARROW_LEFT : jQuery.sap.KeyCodes.ARROW_RIGHT;
			return (oEvent.keyCode == iNextKey || oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP) && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'increase' event with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapincreasemodifiers: {sName: "sapincreasemodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			var iNextKey = bRtl ? jQuery.sap.KeyCodes.ARROW_LEFT : jQuery.sap.KeyCodes.ARROW_RIGHT;
			return (oEvent.keyCode == iNextKey || oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP) && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'previous' event without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapprevious: {sName: "sapprevious", aTypes: ["keydown"], fnCheck: function(oEvent) {
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			var iPreviousKey = bRtl ? jQuery.sap.KeyCodes.ARROW_RIGHT : jQuery.sap.KeyCodes.ARROW_LEFT;
			return (oEvent.keyCode == iPreviousKey || oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP) && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'previous' event with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sappreviousmodifiers: {sName: "sappreviousmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			var iPreviousKey = bRtl ? jQuery.sap.KeyCodes.ARROW_RIGHT : jQuery.sap.KeyCodes.ARROW_LEFT;
			return (oEvent.keyCode == iPreviousKey || oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP) && hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'next' event without modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapnext: {sName: "sapnext", aTypes: ["keydown"], fnCheck: function(oEvent) {
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			var iNextKey = bRtl ? jQuery.sap.KeyCodes.ARROW_LEFT : jQuery.sap.KeyCodes.ARROW_RIGHT;
			return (oEvent.keyCode == iNextKey || oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN) && !hasModifierKeys(oEvent);
		}},
		/**
		 * Pseudo event for pseudo 'next' event with modifiers (Ctrl, Alt or Shift)
		 * @public
		 */
		sapnextmodifiers: {sName: "sapnextmodifiers", aTypes: ["keydown"], fnCheck: function(oEvent) {
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			var iNextKey = bRtl ? jQuery.sap.KeyCodes.ARROW_LEFT : jQuery.sap.KeyCodes.ARROW_RIGHT;
			return (oEvent.keyCode == iNextKey || oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN) && hasModifierKeys(oEvent);
		}},
		//// pseudo hotkey event
		//{sName: "saphotkey", aTypes: ["keydown"], fnCheck: function(oEvent) {
		//  return false;
		//}},
		/* TODO: hotkeys: all other events could be hotkeys
		if(UCF_KeyboardHelper.bIsValidHotkey(iKey, bCtrl, bAlt, bShift)) {

			if (iKey == jQuery.sap.KeyCodes.F1 && bNoModifiers) {
				//special handling for FF - in IE the help is handeled by onHelp
				if (UCF_System.sDevice == "ff1") {
					this.fireSapEvent(this.E_SAP_EVENTS.hotkey, oEvent);
				}
			}
			else if (bCtrlOnly && iKey == jQuery.sap.KeyCodes.C && document.selection) {
				//handle ctrl+c centrally if text is selected to allow to copy it instead of firing the hotkey
				var oTextRange = document.selection.createRange();
				if (!oTextRange || oTextRange.text.length <= 0) {
					this.fireSapEvent(this.E_SAP_EVENTS.hotkey, oEvent);
				}
			}
			else {
				this.fireSapEvent(this.E_SAP_EVENTS.hotkey, oEvent);
			}
		}
		*/

		/*
		 * Other pseudo events
		 * @public
		 */

		/**
		 * Pseudo event indicating delayed double click (e.g. for inline edit)
		 * @public
		 */
		sapdelayeddoubleclick: {sName: "sapdelayeddoubleclick", aTypes: ["click"], fnCheck: function(oEvent) {
			var element = jQuery(oEvent.target);
			var currentTimestamp = oEvent.timeStamp;
			var data = element.data("sapdelayeddoubleclick_lastClickTimestamp");
			var lastTimestamp = data || 0;
			element.data("sapdelayeddoubleclick_lastClickTimestamp", currentTimestamp);
			var diff = currentTimestamp - lastTimestamp;
			return (diff >= 300 && diff <= 1300);
		}}

	};

	/**
	 * Ordered array of the {@link jQuery.sap.PseudoEvents}.
	 *
	 * Order is significant as some check methods rely on the fact that they are tested before other methods.
	 * The array is processed during event analysis (when classifying browser events as pseudo events).
	 * @private
	 */
	var PSEUDO_EVENTS = ["sapdown", "sapdownmodifiers", "sapshow", "sapup", "sapupmodifiers", "saphide", "sapleft", "sapleftmodifiers", "sapright", "saprightmodifiers", "saphome", "saphomemodifiers", "saptop", "sapend", "sapendmodifiers", "sapbottom", "sappageup", "sappageupmodifiers", "sappagedown", "sappagedownmodifiers", "sapselect", "sapselectmodifiers", "sapspace", "sapspacemodifiers", "sapenter", "sapentermodifiers", "sapexpand", "sapbackspace", "sapbackspacemodifiers", "sapdelete", "sapdeletemodifiers", "sapexpandmodifiers", "sapcollapse", "sapcollapsemodifiers", "sapcollapseall", "sapescape", "saptabnext", "saptabprevious", "sapskipforward", "sapskipback", "sapprevious", "sappreviousmodifiers", "sapnext", "sapnextmodifiers", "sapdecrease", "sapdecreasemodifiers", "sapincrease", "sapincreasemodifiers", "sapdelayeddoubleclick"];


	//Add mobile touch events if touch is supported or we run in special dev test mode
	(function initTouchEventSupport() {

		function simulateMobileTouchEventSupport(){
			var sConfigKey = "xx-test-mobile"; //see sap.ui.core.Configuration -> M_SETTINGS
			var oCfgData = window["sap-ui-config"];
			var bSimulate = document.location.search.indexOf("sap-ui-"+sConfigKey) > -1 || (oCfgData && oCfgData[sConfigKey]);
			
			// also simulate touch events when sap-ui-xx-fakeOS is set (independently of the value and the current browser)
			bSimulate = bSimulate || (document.location.search.indexOf("sap-ui-xx-fakeOS") > -1 || !!jQuery.sap.byId("sap-ui-bootstrap").attr("data-sap-ui-xx-fakeOS")); // only allowed as URL parameter or in the bootstrap tag
			
			// always simulate touch events when the mobile lib is involved (FIXME: hack for Kelley, this does currently not work with dynamic library loading)
			var sLibs = jQuery.sap.byId("sap-ui-bootstrap").attr("data-sap-ui-libs");
			bSimulate = bSimulate || (sLibs && sLibs.match(/sap.m\b/));

			return bSimulate;
		}

		jQuery.sap.touchEventMode = "OFF";

		var aAdditionalControlEvents = [];
		var aAdditionalPseudoEvents = [];

		if(jQuery.support.touch){ //Touch events natively supported
			jQuery.sap.touchEventMode = "ON";

			//ensure that "oEvent.touches", ... works (and not only "oEvent.originalEvent.touches", ...)
			jQuery.event.props.push("touches", "targetTouches", "changedTouches");

			//Define additional native events to be added to the event list
			//TODO maybe add "gesturestart", "gesturechange", "gestureend" later ?
			// IMPORTANT: update the public documentation when extending this list
			aAdditionalControlEvents.push("touchstart", "touchend", "touchmove", "touchcancel");

		}else if(simulateMobileTouchEventSupport()){ //Touch Simulation mode
			jQuery.sap.touchEventMode = "SIM";
			jQuery.sap.log.warning("MOBILE TOUCH EVENT TEST MODE ACTIVE", "", "jQuery.sap.events");

			function createSimulatedTouch(sName, aOrigEvents) {
				var sHandlerKey = "__"+sName+"Handler";
				var sSapName = "sap"+sName;
				aAdditionalControlEvents.push(sSapName);
				aAdditionalPseudoEvents.push({sName: sName, aTypes: [sSapName], fnCheck: function (oEvent) { return true; }});

				jQuery.event.special[sSapName] = {
					add: function(oHandle) {
						var that = this,
						$this = jQuery(this);
						var fHandler = function(oEvent) {
							if(!(oEvent.type != "mouseout" || (oEvent.type === "mouseout" && jQuery.sap.checkMouseEnterOrLeave(oEvent, that)))){
								var bSkip = true;
								var sControlId = $this.data("__touchstart_control");
								if(sControlId){
									var oCtrlDom = jQuery.sap.domById(sControlId);
									if(oCtrlDom && jQuery.sap.checkMouseEnterOrLeave(oEvent, oCtrlDom)){
										bSkip = false;
									}
								}
								if(bSkip){
									return;
								}
							}
							var oNewEvent = jQuery.event.fix(oEvent.originalEvent);
							oNewEvent.type = sSapName;
							//reset the _sapui_handledByUIArea flag
							if (oNewEvent.originalEvent._sapui_firstUIArea) {
								oNewEvent.originalEvent._sapui_handledByUIArea = false;
							}

							var aTouches = [{
								identifier: 1,
								pageX: oNewEvent.pageX,
								pageY: oNewEvent.pageY,
								clientX: oNewEvent.clientX,
								clientY: oNewEvent.clientY,
								screenX: oNewEvent.screenX,
								screenY: oNewEvent.screenY,
								target: oNewEvent.target,
								radiusX: 1,
								radiusY: 1,
								rotationAngle: 0
							}];

							switch (sName) {
								case "touchstart":
								case "touchmove":
									oNewEvent.touches = oNewEvent.changedTouches = oNewEvent.targetTouches = aTouches;
									break;
	
								case "touchend":
									oNewEvent.changedTouches = aTouches;
									oNewEvent.touches = oNewEvent.targetTouches = [];
									break;

								// no default
							}

							if(sName === "touchstart" || $this.data("__touch_in_progress")){
								$this.data("__touch_in_progress", "X");
								var oControl = jQuery.fn.control ? jQuery(oEvent.target).control(0) : null;
								if(oControl){
									$this.data("__touchstart_control", oControl.getId());
								}
								oHandle.handler.call(that, oNewEvent);
								if(sName === "touchend"){
									$this.removeData("__touch_in_progress");
									$this.removeData("__touchstart_control");
								}
							}
						};
						$this.data(sHandlerKey + oHandle.guid, fHandler);
						for(var i=0; i<aOrigEvents.length; i++){
							$this.bind(aOrigEvents[i], fHandler);
						}
					},
					remove: function(oHandle) {
						var $this = jQuery(this);
						var fHandler = $this.data(sHandlerKey + oHandle.guid);
						$this.removeData(sHandlerKey + oHandle.guid);
						for(var i=0; i<aOrigEvents.length; i++){
							jQuery.event.remove(this, aOrigEvents[i], fHandler);
						}
					}
				};
			};

			createSimulatedTouch("touchstart", ["mousedown"]);
			createSimulatedTouch("touchend", ["mouseup", "mouseout"]);
			createSimulatedTouch("touchmove", ["mousemove"]);
		}

		if(jQuery.sap.touchEventMode != "OFF"){
			jQuery.sap.require("sap.ui.thirdparty.jquery-mobile-custom");

			//Define additional jQuery Mobile events to be added to the event list
			//TODO taphold cannot be used (does not bubble / has no target property) -> Maybe provide own solution
			// IMPORTANT: update the public documentation when extending this list
			aAdditionalControlEvents.push("swipe", "tap", "swipeleft", "swiperight", "scrollstart", "scrollstop");

			//Define additional pseudo events to be added to the event list
			aAdditionalPseudoEvents.push({sName: "swipebegin", aTypes: ["swipeleft", "swiperight"], fnCheck: function (oEvent) {
				var bRtl = sap.ui.getCore().getConfiguration().getRTL();
				return (bRtl && oEvent.type === "swiperight") || (!bRtl && oEvent.type === "swipeleft");
			}});
			aAdditionalPseudoEvents.push({sName: "swipeend", aTypes: ["swipeleft", "swiperight"], fnCheck: function (oEvent) {
				var bRtl = sap.ui.getCore().getConfiguration().getRTL();
				return (!bRtl && oEvent.type === "swiperight") || (bRtl && oEvent.type === "swipeleft");
			}});

			//Add all defined events to the event infrastructure
			jQuery.sap.ControlEvents = jQuery.sap.ControlEvents.concat(aAdditionalControlEvents);

			for(var i=0; i<aAdditionalPseudoEvents.length; i++){
				jQuery.sap.PseudoEvents[aAdditionalPseudoEvents[i].sName] = aAdditionalPseudoEvents[i];
				PSEUDO_EVENTS.push(aAdditionalPseudoEvents[i].sName);
			}
		}
	}());


	/**
	 * Function for initialization of an Array containing all basic event types of the available pseudo events.
	 * @private
	 */
	function initPseudoEventBasicTypes(){
		var mEvents = jQuery.sap.PseudoEvents;
		var aResult = [];
		for (var sName in mEvents) {
			if (mEvents[sName].aTypes) {
				for (var j = 0, js = mEvents[sName].aTypes.length; j < js; j++) {
					var sType = mEvents[sName].aTypes[j];
					if (jQuery.inArray(sType, aResult) == -1) {
						aResult.push(sType);
					}
				}
			}
		}
		return aResult;
	}

	/**
	 * Array containing all basic event types of the available pseudo events.
	 * @private
	 */
	var PSEUDO_EVENTS_BASIC_TYPES = initPseudoEventBasicTypes();

	/**
	 * Convenience method to check an event for a certain combination of modifier keys
	 * @private
	 */
	function checkModifierKeys(oEvent, bCtrlKey, bAltKey, bShiftKey) {
		return oEvent.shiftKey == bShiftKey && oEvent.altKey == bAltKey && getCtrlKey(oEvent) == bCtrlKey;
	}

	/**
	 * Convenience method to check an event for any modifier key
	 * @private
	 */
	function hasModifierKeys(oEvent) {
		return oEvent.shiftKey || oEvent.altKey || getCtrlKey(oEvent);
	}

	/**
	 * Convenience method for handling of Ctrl key, meta key etc.
	 * @private
	 */
	function getCtrlKey(oEvent) {
		return !!(oEvent.metaKey || oEvent.ctrlKey); // double negation doesn't have effect on boolean but ensures null and undefined are equivalent to false.
	}


	/**
	 * Returns an array of names (as strings) identifying {@link jQuery.sap.PseudoEvents} that are fulfilled by this very Event instance.
	 * @returns {String[]} Array of names identifying {@link jQuery.sap.PseudoEvents} that are fulfilled by this very Event instance.
	 * @public
	 */
	jQuery.Event.prototype.getPseudoTypes = function() {
		var aPseudoTypes = [];
		if (jQuery.inArray(this.type, PSEUDO_EVENTS_BASIC_TYPES) != -1) {
			var aPseudoEvents = PSEUDO_EVENTS;
			var ilength = aPseudoEvents.length;
			var oPseudo = null;
			for(var i=0; i<ilength; i++){
				oPseudo = jQuery.sap.PseudoEvents[aPseudoEvents[i]];
				if(oPseudo.aTypes
						&& jQuery.inArray(this.type, oPseudo.aTypes) > -1
						&& oPseudo.fnCheck
						&& oPseudo.fnCheck(this)){
					aPseudoTypes.push(oPseudo.sName);
				}
			}
		}

		this.getPseudoTypes = function(){return aPseudoTypes.slice();};

		return aPseudoTypes.slice();
	};

	/**
	 * Checks whether this instance of {@link jQuery.Event} is of the given <code>sType</code> pseudo type.
	 * @param {string} sType The name of the pseudo type this event should be checked for.
	 * @returns {boolean} <code>true</code> if this instance of jQuery.Event is of the given sType, <code>false</code> otherwise.
	 * @public
	 */
	jQuery.Event.prototype.isPseudoType = function(sType) {
		var aPseudoTypes = this.getPseudoTypes();
		if ( sType ) {
			return jQuery.inArray(sType, aPseudoTypes) > -1;
		} else {
			return aPseudoTypes.length > 0;
		}
	};


	/*
	 * store reference to original preventDefault method
	 */
	var _preventDefault = jQuery.Event.prototype.preventDefault;
	/*
	 * and introduce some keyCode fixing for IE...
	 * this e.g. suppresses the address-field drop down opening in case of sapshow (i.e. F4) in ComboBoxes
	 */
	jQuery.Event.prototype.preventDefault = function() {
		_preventDefault.apply(this, arguments);

		var e = this.originalEvent;
		if ( !e ) {
			return;
		}
		if ( e.keyCode != 0 ) {
			try { // Sometimes setting keycode results in "Access Denied"
				if(!jQuery.browser.mozilla) {
					e.keyCode = 0;
				}
			} catch(ex) {}
		}

	};


	/**
	 * Binds all events for listening with the given callback function
	 * @param {function} fnCallback Callback function
	 * @public
	 */
	jQuery.sap.bindAnyEvent = function bindAnyEvent(fnCallback) {
		if (fnCallback) {
			jQuery(document).bind(jQuery.sap.ControlEvents.join(" "), fnCallback);
		}
	};

	/**
	 * Unbinds all events for listening with the given callback function
	 * @param {function} fnCallback Callback function
	 * @public
	 */
	jQuery.sap.unbindAnyEvent = function unbindAnyEvent(fnCallback) {
		if (fnCallback) {
			jQuery(document).unbind(jQuery.sap.ControlEvents.join(" "), fnCallback);
		}
	};

	/**
	 * Checks a given mouseover or mouseout event whether it is
	 * equivalent to a mouseenter or mousleave event regarding the given DOM reference.
	 * @param {jQuery.Event} oEvent
	 * @param {element} oDomRef
	 * @public
	 */
	jQuery.sap.checkMouseEnterOrLeave = function checkMouseEnterOrLeave(oEvent, oDomRef) {
		if(oEvent.type != "mouseover" && oEvent.type != "mouseout") {
			return false;
		}

		var isMouseEnterLeave = false;
		var element = oDomRef;
		var parent = oEvent.relatedTarget;
		try {
			while ( parent && parent !== element ) {
				parent = parent.parentNode;
			}
			if ( parent !== element ) {
				isMouseEnterLeave = true;
			}
		} catch(e) { }

		return isMouseEnterLeave;
	};

	/**
	 * Constructor for a jQuery.Event object.<br/>
	 * @see "http://www.jquery.com" and "http://api.jquery.com/category/events/event-object/".
	 *
	 * @class Check the jQuery.Event class documentation available under "http://www.jquery.com"<br/>
	 * and "http://api.jquery.com/category/events/event-object/" for details.
	 *
	 * @name jQuery.Event
	 * @public
	 */

	/**
	 * Returns OffsetX of Event. In jQuery there is a bug. In IE the value is in offsetX, in FF in layerX
	 * @returns offsetX
	 * @public
	 */
	jQuery.Event.prototype.getOffsetX = function() {

		if (this.type == 'click'){
			if (this.offsetX){
				return this.offsetX;
			}
			if (this.layerX){
				return this.layerX;
			}
			if (this.originalEvent.layerX){
				return this.originalEvent.layerX;
			}
		}
		// nothing defined -> offset = 0
		return 0;
	};

	/**
	 * Returns OffsetY of Event. In jQuery there is a bug. in IE the value is in offsetY, in FF in layerY
	 * @returns offsetY
	 * @public
	 */
	jQuery.Event.prototype.getOffsetY = function() {

		if (this.type == 'click'){
			if (this.offsetY){
				return this.offsetY;
			}
			if (this.layerY){
				return this.layerY;
			}
			if (this.originalEvent.layerY){
				return this.originalEvent.layerY;
			}
		}
		// nothing defined -> offset = 0
		return 0;
	};

	
	// we still call the original stopImmediatePropagation
	var fnStopImmediatePropagation = jQuery.Event.prototype.stopImmediatePropagation;
	
	/*
	 * PRIVATE EXTENSION: allows to immediately stop the propagation of events in
	 * the event handler execution - means that "before" delegates can stop the 
	 * propagation of the event to other delegates or the element and so on. 
	 * @see sap.ui.core.Element.prototype._callEventHandles 
	 * @param {boolean} bStopDelegate
	 */
	jQuery.Event.prototype.stopImmediatePropagation = function(bStopHandlers) {

		// execute the original function
		fnStopImmediatePropagation.apply(this, arguments);

		// only set the stop handlers flag if it is wished...
		if (bStopHandlers) {
			this._bIsStopHandlers = true;
		}
		
	};

	/*
	 * PRIVATE EXTENSION: check if the handler propagation has been stopped
	 * @see sap.ui.core.Element.prototype._callEventHandles 
	 */
	jQuery.Event.prototype.isImmediateHandlerPropagationStopped = function() {
			return !!this._bIsStopHandlers;
	}

}());
}; // end of jquery.sap.events
if ( !jQuery.sap.isDeclared('jquery.sap.history') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
jQuery.sap.declare("jquery.sap.history", false);



(function($, window){
		//suffix of virtual hash 
	var skipSuffix = "_skip",
	
		//the regular expression for matching the unique id in the hash
		rIdRegex = /\|id-[0-9]+-[0-9]+/,
		
		//the regular expression for matching the suffix in the hash
		skipRegex = new RegExp(skipSuffix + "[0-9]*$"),
		
		//array of routes
		routes = [],
		
		//array represents the current history stack
		hashHistory = [],
		
		//mark if the change of the hash is from the code or from pressing the back or forward button
		mSkipHandler = {},
		
		//index of the skip suffix
		skipIndex = 0,
		
		//the current hash of the history handling
		currentHash = undefined,
		
		//the hash format separator
		sIdSeperator = "|",
		
		//array that buffers the changed to the hash in order to make them handled one by one
		aHashChangeBuffer = [],
		
		//marker if the handling hash change is in processing
		bInProcessing = false,
		
		//default handler which will be called when url contains an empty hash
		defaultHandler,
		
		//avoid calling the history initialization twice
		bInitialized = false;
	
	
	/** 
	 * Initialize the history handling and set the routes and default handler.
	 * This should be only called once with the mSettings set in the right format. If the mSettings is not an object,
	 * you have another chance to call this function again to initialize the history handling. But once the mSettings
	 * is set with an object, you can only call the addRoute and setDefaultHandler to set the data.
	 *
	 * @param {object} mSettings The map that contains data in format:
	 * <pre>
	 * {
	 *	routes: [{
	 * 		path: string //identifier for one kind of hash
	 *		handler: function	//function what will be called when the changed hash is matched against the path.
	 *							//first parameter: the json data passed in when calling the addHistory
	 *							//second parameter: the type of the navigation {@link jQuery.sap.history.NavType}
	 *		}],
	 *		defaultHandler: function	//this function will be called when empty hash is matched
	 *									//first parameter: the type of the navigation {@link jQuery.sap.history.NavType}
	 * }
	 * </pre>
	 * @public
	 * @name jQuery.sap.history
	 * @class Enables the back and forward buttons in browser to navigate back or forth through the browser history stack.<br/><br/>
	 * 
	 * It also supports adding virtual history which used only to mark some intermediate state in order to navigate back to the previous state. 
	 * And this state will be skipped from the browser history stack immediately after a new history state is added to the history stack after this state <br/><br/>
	 * 
	 * By providing the hash saved from the return value of calling jQuery.sap.history.addHistory, jQuery.sap.history.backToHash will navigate back directly to the
	 * history state with the same hash. <br/><br/>
	 * 
	 * Please use jQuery.sap.history.back() to go one step back in the history stack instead of using window.history.back(), because it handles the empty history stack
	 * situation and will call the defaultHandler for this case. <br/><br/>
	 * 
	 *
	 * Example for the usage of history handling:
	 * <pre>
	 *	//Initialization
	 *	jQuery.sap.history({
	 *		routes: [], //please refer to the jQuery.sap.history function comment for the format. 
	 *		defaultHandler: function(){
	 *			//code here
	 *		}
	 *	});
	 *   
	 *	//add history
	 *	var hash = jQuery.sap.history.addHistory("IDENTIFIER", jsonData);
	 *   
	 *	//add virtual history
	 *	jQuery.sap.history.addVirtualHistory();
	 *   
	 *	//back to hash
	 *	jQuery.sap.history.backToHash(hash);
	 *   
	 *	//back one step along the history stack
	 *	jQuery.sap.history.back();
	 * </pre>
	 * 
	 */
	$.sap.history = function(mSettings){
		//if mSetting is not a object map, return
		if(!jQuery.isPlainObject(mSettings)){
			return;
		}
		
		
		if(!bInitialized){
			var jWindowDom = $(window),
				//using href instead of hash to avoid the escape problem in firefox
				sHash = (window.location.href.split("#")[1] || "");
			
			jWindowDom.bind('hashchange', detectHashChange);
			
			if($.isArray(mSettings.routes)){
				var i, route;
				for(i = 0 ; i < mSettings.routes.length ; i++){
					route = mSettings.routes[i];
					if(route.path && route.handler){
						$.sap.history.addRoute(route.path, route.handler);
					}
				}
			}
	
			if(jQuery.isFunction(mSettings.defaultHandler)){
				defaultHandler = mSettings.defaultHandler;
			}
			
			//push the current hash to the history stack
			hashHistory.push(sHash);
			
			//goes in from bookmark
			if(sHash.length > 1){
				jWindowDom.trigger("hashchange", [true]);
			}else{
				currentHash = sHash;
			}
			
			bInitialized = true;
		}
	};
	
	/**
	 * This function adds a history record. It will not trigger the related handler of the routes, the changes have to be done by the
	 * developer. Normally, a history record should be added when changes are done already. 
	 * 
	 * @param {string} sIdf The identifier defined in the routes which will be matched in order to call the corresponding handler
 	 * @param {object} oStateData The object passed to the corresponding handler when the identifier is matched with the url hash
	 * @param {boolean} bBookmarkable Default value is set to true. If this is set to false, the default handler will be called when this identifier and data are matched
	 * @param {boolean} [bVirtual] This states if the history is a virtual history that should be skipped when going forward or backward in the history stack.
	 * @returns sHash The complete hash string which contains the identifier, stringified data, optional uid, and bookmarkable digit. This hash can be passed into 
	 * 			the backToHash function when navigating back to this state is intended.
	 * @type {string}
	 * 
	 * @function
	 * @public
	 * @name jQuery.sap.history#addHistory
	 */
	$.sap.history.addHistory = function(sIdf, oStateData, bBookmarkable, bVirtual){
		var uid, sHash;
		if(bBookmarkable === undefined){
			bBookmarkable = true;
		}
		
		if(!bVirtual){
			sHash = preGenHash(sIdf, oStateData);
			uid = getAppendId(sHash);
			if(uid){
				sHash += (sIdSeperator + uid);
			}
			sHash += (sIdSeperator + (bBookmarkable ? "1" : "0"));
			
		}else{
			sHash = getNextSuffix(currentHash);
		}
		aHashChangeBuffer.push(sHash);
		mSkipHandler[sHash] = true;
		window.location.hash = sHash;
		
		return sHash;
	};
	
	
	/**
	 * This function adds a virtual history record based on the current hash. A virtual record is only for marking the current state of the application, 
	 * and when the back button clicked it will return to the previous state. It is used when the marked state shouldn't be seen by the user when user click
	 * the back or forward button of the browser. For example, when showing a context menu a virtual history record should be added and this record will be skipped
	 * when user navigates back and it will return directly to the previous history record. If you avoid adding the virtual history record, it will return to one
	 * history record before the one your virtual record is based on. That's why virtual record is necessary.
	 * 
	 * @function
	 * @public
	 * @name jQuery.sap.history#addVirtualHistory
	 */
	$.sap.history.addVirtualHistory = function(){
		$.sap.history.addHistory("", undefined, false, true);
	};
	
	
	/**
	 * Adds a route to the history handling.
	 * 
	 * @param {string} sIdf The identifier that is matched with the hash in the url in order to call the corresponding handler.
	 * @param {function} fn The function that will be called when the identifier is matched with the hash.
	 * @param {object} [oThis] If oThis is provided, the fn function's this keyword will be bound to this object.
	 * 
	 * @returns It returns the this object to enable chaining.
	 * @type {object}
	 * 
	 * @function
	 * @public
	 * @name jQuery.sap.history#addRoute
	 */
	$.sap.history.addRoute = function(sIdf, fn, oThis){
		if(oThis){
			fn = jQuery.proxy(fn, oThis);
		}
		
		var oRoute = {};
		oRoute.sIdentifier = sIdf;
		oRoute['action'] = fn;
		
		routes.push(oRoute);
		return this;
	};
	
	/**
	 * Set the default handler which will be called when there's an empty hash in the url.
	 * 
	 * @param {function} fn The function that will be set as the default handler
	 * @public
	 * 
	 * @function
	 * @name jQuery.sap.history#setDefaultHandler
	 */
	$.sap.history.setDefaultHandler = function(fn){
		defaultHandler = fn;
	};
	
	$.sap.history.getDefaultHandler = function(){
		return defaultHandler;
	};
	
	
	
	/**
	 * This function calculate the number of back steps to the specific sHash passed as parameter,
	 * and then go back to the history state with this hash.
	 * 
	 * @param {string} sHash The hash string needs to be navigated. This is normally returned when you call the addhistory method.
	 * @public
	 * 
	 * @function
	 * @name jQuery.sap.history#backToHash
	 */
	$.sap.history.backToHash = function(sHash){
		sHash = sHash || "";
		var iSteps;
		
		//back is called directly after restoring the bookmark. Since there's no history stored, call the default handler.
		if(hashHistory.length === 1){
			if($.isFunction(defaultHandler)){
				defaultHandler();
			}
		}else{
			iSteps = calculateStepsToHash(currentHash, sHash);
			if(iSteps < 0){
				window.history.go(iSteps);
			}else{
				jQuery.sap.log.error("jQuery.sap.history.backToHash: " + sHash + "is not in the history stack or it's after the current hash");
			}
		}
	};
	
	/**
	 * This function will navigate back to the recent history state which has the sPath identifier. It is usually used to navigate back along one
	 * specific route and jump over the intermediate history state if there are any.
	 * 
	 * @param {string} sPath The route identifier to which the history navigates back.
	 * @public
	 * 
	 * @function
	 * @name jQuery.sap.history#backThroughPath
	 */
	$.sap.history.backThroughPath = function(sPath){
		sPath = sPath || "";
		sPath = window.encodeURIComponent(sPath);
		var iSteps;
		
		//back is called directly after restoring the bookmark. Since there's no history stored, call the default handler.
		if(hashHistory.length === 1){
			if($.isFunction(defaultHandler)){
				defaultHandler();
			}
		}else{
			iSteps = calculateStepsToHash(currentHash, sPath, true);
			if(iSteps < 0){
				window.history.go(iSteps);
			}else{
				jQuery.sap.log.error("jQuery.sap.history.backThroughPath: there's no history state which has the " + sPath + " identifier in the history stack before the current hash");
			}
		}
	};
	
	/**
	 * This function navigates back through the history stack. The number of steps is set by the parameter iSteps. It also handles the situation when it's called while there's nothing in the history stack.
	 * Normally this happens when the application is restored from the bookmark. If there's nothing in the history stack, the default handler will be called with NavType jQuery.sap.history.NavType.Back.
	 * 
	 * @param {int} [iSteps] how many steps you want to go back, by default the value is 1.
	 * @public
	 * 
	 * @function
	 * @name jQuery.sap.history#back
	 */
	$.sap.history.back = function(iSteps){
		
		//back is called directly after restoring the bookmark. Since there's no history stored, call the default handler.
		if(hashHistory.length === 1){
			if($.isFunction(defaultHandler)){
				defaultHandler($.sap.history.NavType.Back);
			}
		}else{
			if(!iSteps){
				iSteps = 1;
			}
			window.history.go(-1*iSteps);
		}
	};
	
	/**
	 * @public
	 * @name jQuery.sap.history.NavType
	 * @namespace
	 * @static
	 */
	$.sap.history.NavType = {};
	
	/**
	 * This indicates that the new hash is achieved by pressing the back button.
	 * @type {string}
	 * @public
	 * @constant
	 * @name jQuery.sap.history.NavType.Back
	 */
	$.sap.history.NavType.Back = "_back";
	
	/**
	 * This indicates that the new hash is achieved by pressing the forward button.
	 * @type {string}
	 * @public
	 * @constant
	 * @name jQuery.sap.history.NavType.Forward
	 */
	$.sap.history.NavType.Forward = "_forward";
	
	/**
	 * This indicates that the new hash is restored from the bookmark.
	 * @type {string}
	 * @public
	 * @constant
	 * @name jQuery.sap.history.NavType.Bookmark
	 */
	$.sap.history.NavType.Bookmark = "_bookmark";
	
	/**
	 * This indicates that the new hash is achieved by some unknown direction.
	 * This happens when the user navigates out of the application and then click on the forward button
	 * in the browser to navigate back to the application.
	 * @type {string}
	 * @public
	 * @constant
	 * @name jQuery.sap.history.NavType.Unknown
	 */
	$.sap.history.NavType.Unknown = "_unknown";
	
	/**
	 * This function calculates the number of steps from the sCurrentHash to sToHash. If the sCurrentHash or the sToHash is not in the history stack, it returns 0.
	 * 
	 * @private
	 */
	function calculateStepsToHash(sCurrentHash, sToHash, bPrefix){
		var iCurrentIndex = $.inArray(sCurrentHash, hashHistory),
			iToIndex,
			i,
			tempHash;
		if(iCurrentIndex > 0){
			if(bPrefix){
				for(i = iCurrentIndex - 1; i >= 0 ; i--){
					tempHash = hashHistory[i];
					if(tempHash.indexOf(sToHash) === 0 && !isVirtualHash(tempHash)){
						return i - iCurrentIndex;
					}
				}
			}else{
				iToIndex = $.inArray(sToHash, hashHistory);
				
				//When back to home is needed, and application is started with nonempty hash but it's nonbookmarkable
				if((iToIndex === -1) && sToHash.length === 0){
					return -1 * iCurrentIndex;
				}
				
				if((iToIndex > -1) && (iToIndex < iCurrentIndex)){
					return iToIndex - iCurrentIndex;
				}
			}
		}
		
		return 0;
	}
	
	
	
	/**
	 * This function is bound to the window's hashchange event, and it detects the change of the hash.
	 * When history is added by calling the addHistory or addVirtualHistory function, it will not call the real onHashChange function
	 * because changes are already done. Only when a hash is navigated by clicking the back or forward buttons in the browser,
	 * the onHashChange will be called.
	 * 
	 * @private
	 */
	function detectHashChange(oEvent, bManual){
		//Firefox will decode the hash when it's set to the window.location.hash,
		//so we need to parse the href instead of reading the window.location.hash
		var sHash = (window.location.href.split("#")[1] || "");
		sHash = formatHash(sHash);
		
		if(bManual || !mSkipHandler[sHash]){
			aHashChangeBuffer.push(sHash);
		}
		
		if(!bInProcessing){
			bInProcessing = true;
			if(aHashChangeBuffer.length > 0){
				var newHash = aHashChangeBuffer.shift();
			
				if(mSkipHandler[newHash]){
					reorganizeHistoryArray(newHash);
					delete mSkipHandler[newHash];
				}else{
					onHashChange(newHash);
				}
				currentHash = newHash;
			}
			bInProcessing = false;
		}
	}
	
	
	function parseHashFromUrl(sUrl){
		var iSharpIndex = sUrl.indexOf("#");
		if(iSharpIndex === -1){
			return "";
		}else if(iSharpIndex > 0 && iSharpIndex !== sUrl.length - 1){
			return sUrl.slice(iSharpIndex + 1);
		}
	}

	/**
	 * This function removes the leading # sign if there's any. If the bRemoveId is set to true, it will also remove the unique
	 * id inside the hash.
	 * 
	 * @private
	 */
	function formatHash(hash, bRemoveId){
		var sRes = hash, iSharpIndex = hash ? hash.indexOf("#") : -1,
			iSepIndex, iSuffixIndex;
		
		if(iSharpIndex === 0){
			sRes = sRes.slice(iSharpIndex+1);
		}
		
		if(bRemoveId){
			sRes = sRes.replace(rIdRegex, "");
		}
		
		return sRes;
	}
	
	/**
	 * This function returns a hash with suffix added to the end based on the sHash parameter. It handles as well when the current
	 * hash is already with suffix. It returns a new suffix with an unique number in the end.
	 * 
	 * @private
	 */
	function getNextSuffix(sHash){
		var sPath = sHash ? sHash : "";
		
		if(isVirtualHash(sPath)){
			var iIndex = sPath.lastIndexOf(skipSuffix);
			sPath = sPath.slice(0, iIndex);
		}
		
		return sPath + skipSuffix + skipIndex++;
	}
	
	/**
	 * This function encode the identifier and data into a string.
	 * 
	 * @private
	 */
	function preGenHash(sIdf, oStateData){
		var sEncodedIdf = window.encodeURIComponent(sIdf);
		var sEncodedData = window.encodeURIComponent(window.JSON.stringify(oStateData));
		return sEncodedIdf + sIdSeperator + sEncodedData;
	}
	
	/**
	 * This function checks if the combination of the identifier and data is unique in the current history stack.
	 * If yes, it returns an empty string. Otherwise it returns an unique id.
	 * 
	 * @private
	 */
	function getAppendId(sHash){
		var iIndex = $.inArray(currentHash, hashHistory),
			aTemp, i, sHistory;
		if(iIndex > -1){
			for(i = 0 ; i < iIndex + 1 ; i++){
				sHistory = hashHistory[i];
				if(sHistory.slice(0, sHistory.length-2) === sHash){
					return jQuery.sap.uid();
				}
			}
		}
		
		return "";
	}
	
	/**
	 * This function manages the internal array of history records.
	 * 
	 * @private 
	 */
	function reorganizeHistoryArray(sHash){
		var iIndex = $.inArray(currentHash, hashHistory);
			
		if( !(iIndex === -1 || iIndex === hashHistory.length - 1) ){
			hashHistory.splice(iIndex + 1, hashHistory.length - 1 - iIndex);
		}
		hashHistory.push(sHash);
	}

	/**
	 * This method judges if a hash is a virtual hash that needs to be skipped.
	 * 
	 * @private
	 */
	function isVirtualHash(sHash){
		return skipRegex.test(sHash);
	}
	
	/**
	 * This function calculates the steps forward or backward that need to skip the virtual history states.  
	 * 
	 * @private
	 */
	function calcStepsToRealHistory(sCurrentHash, bForward){
		var iIndex = $.inArray(sCurrentHash, hashHistory),
			i;
		
		if(iIndex !== -1){
			if(bForward){
				for(i = iIndex ; i < hashHistory.length ; i++){
					if(!isVirtualHash(hashHistory[i])){
						return i - iIndex;
					}
				}
			}else{
				for(i = iIndex ; i >= 0 ; i--){
					if(!isVirtualHash(hashHistory[i])){
						return i - iIndex;
					}
				}
				return -1*(iIndex + 1);
			}
		}
	}
	
	
	/**
	 * This is the main function that handles the hash change event.
	 * 
	 * @private
	 */
	function onHashChange(sHash){
		var oRoute, iStep, i, sPath = sHash, sPureHash, oParsedHash, iNewHashIndex, sNavType;
		
		//handle the nonbookmarkable hash
		if(currentHash === undefined){
			//url with hash opened from bookmark
			oParsedHash = parseHashToObject(sHash);
			
			if(!oParsedHash || !oParsedHash.bBookmarkable){
				if(jQuery.isFunction(defaultHandler)){
					defaultHandler($.sap.history.NavType.Bookmark);
				}
				return;
			}
		}
		
		if(sHash.length === 0){
			if(jQuery.isFunction(defaultHandler)){
				defaultHandler($.sap.history.NavType.Back);
			}
		}else{
			//application restored from bookmark with non-empty hash, and later navigates back to the first hash token
			//the defaultHandler should be triggered
			iNewHashIndex = jQuery.inArray(sHash, hashHistory);
			if(iNewHashIndex === 0){
				oParsedHash = parseHashToObject(sHash);
				if(!oParsedHash || !oParsedHash.bBookmarkable){
					if(jQuery.isFunction(defaultHandler)){
						defaultHandler($.sap.history.NavType.Back);
					}
					return;
				}
			}
			
			//need to handle when iNewHashIndex equals -1.
			//This happens when user navigates out the current application, and later navigates back.
			//In this case, the hashHistory is an empty array.
			
			
			if(isVirtualHash(sHash)){
				//this is a virtual history, should do the skipping calculation
				if(isVirtualHash(currentHash)){
					//go back to the first one that is not virtual
					iStep = calcStepsToRealHistory(sHash, false);
					window.history.go(iStep);
				}else{
					var sameFamilyRegex = new RegExp(jQuery.sap.escapeRegExp(currentHash + skipSuffix) + "[0-9]*$");
					if(sameFamilyRegex.test(sHash)){
						//going forward
						//search forward in history for the first non-virtual hash
						//if there is, change to that one window.history.go
						//if not, stay and return false
						iStep = calcStepsToRealHistory(sHash, true);
						if(iStep){
							window.history.go(iStep);
						}else{
							window.history.back();
						}
						
					}else{
						//going backward
						//search backward for the first non-virtual hash and there must be one
						iStep = calcStepsToRealHistory(sHash, false);
						window.history.go(iStep);
					}
				}
			}else{
				if(iNewHashIndex === -1){
					sNavType = $.sap.history.NavType.Unknown;
					hashHistory.push(sHash);
				}else{
					if(jQuery.inArray(currentHash, hashHistory, iNewHashIndex+1) === -1){
						sNavType = $.sap.history.NavType.Forward;
					}else{
						sNavType = $.sap.history.NavType.Back;
					}
				}
				
				
				oParsedHash = parseHashToObject(sHash);
				if(oParsedHash){
					oRoute = findRouteByIdentifier(oParsedHash.sIdentifier);
					
					if(oRoute){
						oRoute.action.apply(null, [oParsedHash.oStateData, sNavType]);
					}
				}else{
					jQuery.sap.log.error("hash format error! The current Hash: " + sHash);
				}
				
			}
		}
	}

	/**
	 * This function returns the route object matched by the identifier passed as parameter.
	 * @private
	 */
	function findRouteByIdentifier(sIdf){
		var i;
		for(i = 0 ; i < routes.length ; i++){
			if(routes[i].sIdentifier === sIdf){
				return routes[i];
			}
		}
	}

	/**
	 * This function parses the hash from the url to a concrete project in the format:
	 * {
	 * 		sIdentifier: string,
	 * 		oStateData: object,
	 * 		uid: string (optional),
	 * 		bBookmarkable: boolean
	 * 		
	 * }
	 * @private
	 */
	function parseHashToObject(sHash){
		if(isVirtualHash(sHash)){
			var i = sHash.lastIndexOf(skipSuffix);
			sHash = sHash.slice(0, i);
		}
		
		
		var aParts = sHash.split(sIdSeperator), oReturn = {};
		if(aParts.length === 4 || aParts.length === 3){
			oReturn.sIdentifier = window.decodeURIComponent(aParts[0]);
			oReturn.oStateData = window.JSON.parse(window.decodeURIComponent(aParts[1]));
			if(aParts.length === 4){
				oReturn.uid = aParts[2];
			}
			
			oReturn.bBookmarkable = aParts[aParts.length-1] === "0" ? false : true;
			
			return oReturn;
		}else{
			//here can be empty hash only with a skipable suffix
			return null;
		}
	}
	
})(jQuery, this);
}; // end of jquery.sap.history
if ( !jQuery.sap.isDeclared('jquery.sap.mobile') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides common helper functions for the mobile version of UI5 
jQuery.sap.declare("jquery.sap.mobile");



(function( $ ) {
	var FAKE_OS_PATTERN = /(?:\?|&)sap-ui-xx-fakeOS=([^&]+)/,
		mFakeFonts = undefined;
	$.sap.simulateMobileOnDesktop = false;

	// OS overriding mechanism
	if ((jQuery.browser.webkit || (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) >= 10)) && !jQuery.support.touch) { // on non-touch webkit browsers and IE10 we are interested in overriding
		var result = document.location.search.match(FAKE_OS_PATTERN);
		var resultUA = result && result[1] || jQuery.sap.byId("sap-ui-bootstrap").attr("data-sap-ui-xx-fakeOS");
		if (resultUA) {
			$.sap.simulateMobileOnDesktop = true;
			var ua = { // for "ios"/"android"/"blackberry" we have defined fake user-agents; these will affect all other browser/platform detection mechanisms
					ios: "Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.48 (KHTML, like Gecko) Version/5.1 Mobile/9A406 Safari/7534.48.3",
					iphone: "Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.48 (KHTML, like Gecko) Version/5.1 Mobile/9A406 Safari/7534.48.3",
					ipad: "Mozilla/5.0 (iPad; CPU OS 5_1_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9B206",
					android: "Mozilla/5.0 (Linux; U; Android 4.0.3; en-us; GT-I9100 Build/IML74K) AppleWebKit/534.46 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.46",
					android_phone: "Mozilla/5.0 (Linux; U; Android 4.0.3; en-us; GT-I9100 Build/IML74K) AppleWebKit/534.46 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.46",
					android_tablet: "Mozilla/5.0 (Linux; Android 4.1.2; Nexus 7 Build/JZ054K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19",
					blackberry: "Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/10.0.9.2372 Mobile Safari/537.10+",
					winphone: "Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 920)"
			}[resultUA];

			if (ua &&
					(jQuery.browser.webkit && resultUA !== "winphone" || jQuery.browser.msie && resultUA === "winphone")) { // only for the working combinations
				
				mFakeFonts = {
					ios: "'Helvetica Neue'",
					android: "Roboto,'Droid Sans'",
					blackberry: "'BBGlobal Sans','DejaVu Sans'",
					winphone: "'Segoe WP', 'Segoe UI'"
				};
				
				// code for modifying the real user-agent
				if (jQuery.browser.safari) {
					var __originalNavigator = window.navigator;
					window.navigator = new Object();
					window.navigator.__proto__ = __originalNavigator;
					window.navigator.__defineGetter__('userAgent', function(){ return ua; });
				} else { // Chrome, IE10
					Object.defineProperty(navigator, "userAgent", {
						get: function() {
							return ua;
						}
					});
				}

				if(jQuery.browser.webkit) {
					// all downstream checks will be fine with the faked user-agent. 
					// But now we also need to adjust the wrong upstream settings in jQuery:
					jQuery.browser.msie = jQuery.browser.opera = jQuery.browser.mozilla = false;
					jQuery.browser.webkit = true;
					jQuery.browser.version = "534.46"; // this is not exactly true for all UAs, but there are much bigger shortcomings of this approach than a minor version of the browser, so giving the exact value is not worth the effort
				} else {
					// in IE10 with winphone emulation, jQuery.browser has already the correct information
				}
			}
		}
	}

	// OS detection
	function getOS(userAgent) {
		userAgent = userAgent || navigator.userAgent;
		var platform = /\(([a-zA-Z ]+);\s(?:[U]?[;]?)([\D]+)((?:[\d._]*))(?:.*[\)][^\d]*)([\d.]*)\s/;
		var result = userAgent.match(platform);
		if (result) {
			var appleDevices = /iPhone|iPad|iPod/;
			var bbDevices = /PlayBook|BlackBerry/;
			if (result[0].match(appleDevices)){
				result[3] = result[3].replace(/_/g, ".");
				//result[1] contains info of devices
				return({os:"ios", version:result[3]});
			} else if (result[2].match(/Android/)) {
				result[2] = result[2].replace(/\s/g, "");
				return({os:"android", version:result[3]});
			} else if (result[0].match(bbDevices)) {
				return({os:"blackberry", version:result[4]});
			} else {
				// currently we only support iOS, Android, BlackBerry 10.0+ , everything else will be ignored, if more platforms should be supported, logic can be placed here
				return;
			}
			
		} else if (userAgent.indexOf("(BB10;") > 0) { 
			// BlackBery 10 has a different structure...
			platform = /\sVersion\/([\d.]+)\s/;
			result = userAgent.match(platform);
			if (result){
				return {os: "blackberry", version:result[1]};
			} else {
				return {os: "blackberry", version:10};
			}
			
		} else {
			// Windows phone has a different structure, so we need to check with another regExp.
			platform = /Windows Phone (?:OS )?([\d.]*)/;
			result = userAgent.match(platform);
			if (result){
				return {os: "winphone", version:result[1]};
			} else {
				return;
			}
		}
	}

	var os = getOS() || {},
		oHtml = window.document.documentElement,
		iDocumentWidth = oHtml.clientWidth,
		iDocumentHeight = oHtml.clientHeight;

	if (os.os) {
		var f = parseFloat(os.version);

		/**
		 * Holds information about the current operating system
		 * 
		 * @name jQuery.os
		 * @namespace
		 * @public
		 */
		$.os = $.extend(/** @lends jQuery.os */ {
			/**
			 * The name of the operating system; currently supported are: "ios", "android", "blackberry"
			 * @type {string}
			 * @public
			 */
			os: os.os,
			/**
			 * The version of the operating system as a string (including minor versions)
			 * @type {string}
			 * @public
			 */
			version: os.version,
			/**
			 * The version of the operating system parsed as a float (major and first minor version)
			 * @type {float}
			 * @public
			 */
			fVersion: f
		}, $.os);
		$.os[os.os] = true;
		/**
		 * Whether the current operating system is Android
		 * @type {boolean}
		 * @public
		 * @name jQuery.os.android
		 */
		/**
		 * Whether the current operating system is BlackBerry
		 * @type {boolean}
		 * @public
		 * @name jQuery.os.blackberry
		 */
		/**
		 * Whether the current operating system is Apple iOS
		 * @type {boolean}
		 * @public
		 * @name jQuery.os.ios
		 */
	} else {
		if (!$.os) $.os = {};
	}

	// if fakeOS is set, the first installed font of the list of fonts for the various platforms will win, but we should only use appropriate ones for the simulated platform
	if (mFakeFonts) { // this is only defined if we are in a valid fakeOS situation
		var sFont = mFakeFonts[$.os.os];
		// this is only relevant for demo purposes in MVI theme. Disabling it for the moment.   $("head").append("<style>.sapUiBody{font-family:" + sFont + ",Helvetica,Arial !important;</style>");
	}

	// feature and state detection
	$.extend( $.support, {
		/**
		 * Whether the device has a retina display (window.devicePixelRatio >= 2)
		 * @type {boolean}
		 * @public 
		 */
		retina: window.devicePixelRatio >= 2
	});

	function isLandscape(){
		var iWidth = oHtml.clientWidth,
			iHeight = oHtml.clientHeight,
			bKeyboardOpen = false;
		if(jQuery.sap.touchEventMode === "ON"){
			//if runs in real device, landscape/portrait detection is skipped when keyboard opens
			//when keyboard opens, only height changes.
			//we can't simply compare the width and height on window because when keyboard is open in android, it makes the window smaller which can turn a device from portrait to landscape, for example in Nexus 7
			//because the height may get smaller than the width when keyboard opens.
			if((iWidth === iDocumentWidth) && (iHeight !== iDocumentHeight)){
				bKeyboardOpen = true;
			}
			//return window.orientation === undefined || window.orientation === 90 || window.orientation === -90;
		}
		
		iDocumentWidth = iWidth;
		iDocumentHeight = iHeight;
		
		//if keyboard opens, landscape value doesn't change. otherwise, compare width with height.
		return bKeyboardOpen ? $.device.is.landscape : iWidth > iHeight;
	}

	var landscape = iDocumentWidth > iDocumentHeight;
	var android_phone = (/(?=android)(?=.*mobile)/i.test(navigator.userAgent));
	/**
	 * @name jQuery.device
	 * @namespace
	 * @public
	 */
	$.device = $.extend({}, $.device);

	/**
	 * Holds information about the current device and its state
	 * 
	 * @name jQuery.device.is
	 * @namespace
	 * @public
	 */
	$.device.is = $.extend( /** @lends jQuery.device.is */ {
		/**
		 * Whether the application runs in standalone mode without browser UI (launched from the iOS home screen)
		 * @type {boolean}
		 * @public 
		 */
		standalone: window.navigator.standalone,
		/**
		 * Whether the device is in "landscape" orientation (also "true" when the device does not know about the orientation)
		 * @type {boolean}
		 * @public 
		 */
		landscape: landscape,
		/**
		 * Whether the device is in portrait orientation
		 * @type {boolean}
		 * @public 
		 */
		portrait: !landscape,
		/**
		 * Whether the application runs on an iPhone
		 * @type {boolean}
		 * @public 
		 */
		iphone: /iphone/i.test(navigator.userAgent),
		/**
		 * Whether the application runs on an iPad
		 * @type {boolean}
		 * @public 
		 */
		ipad: /ipad/i.test(navigator.userAgent),
		/**
		 * Whether the application runs on an Android phone
		 * https://developers.google.com/chrome/mobile/docs/user-agent
		 * Some device vendors however do not follow this rule
		 * @type {boolean}
		 * @public
		 */
		android_phone: android_phone,
		/**
		 * Whether the application runs on an Android tablet
		 * https://developers.google.com/chrome/mobile/docs/user-agent
		 * Some device vendors however do not follow this rule
		 * @type {boolean}
		 * @public
		 */
		android_tablet: (!!$.os.android && !android_phone)
	},$.device.is);

	$(window).bind("resize", function(){
		var landscape = isLandscape(); 
		$.device.is.landscape = landscape;
		$.device.is.portrait = !landscape;
	});
	
	var tablet = (function(){
		if($.os.ios){
			return $.device.is.ipad;
		}else{
			//this is how android distinguishes between tablet and phone
			//http://android-developers.blogspot.de/2011/07/new-tools-for-managing-screen-sizes.html
			if(jQuery.sap.touchEventMode === "ON"){
				//in real mobile device
				return (Math.min(window.screen.width / window.devicePixelRatio, window.screen.height / window.devicePixelRatio) >= 600);
			}else{
				//in desktop browser
				//return (Math.min($window.width(), $window.height()) >= 600);
				return $.device.is.android_tablet;
			}
		}
	}());

	$.device.is = $.extend( /** @lends jQuery.device.is */ { 
		/**
		 * Whether the running device is a tablet.
		 * If a desktop browser runs in mobile device simulation mode (with URL parameter sap-ui-xx-fakeOS or sap-ui-xx-test-mobile), 
		 * this property will also be set according to the simulated platform.
		 * This property will be false when runs in desktop browser.
		 * @type {boolean}
		 * @public
		 */
		tablet: ($.support.touch || $.sap.simulateMobileOnDesktop) && tablet,
		/**
		 * Whether the running device is a phone.
		 * If a desktop browser runs in mobile device simulation mode (with URL parameter sap-ui-xx-fakeOS or sap-ui-xx-test-mobile), 
		 * this property will also be set according to the simulated platform.
		 * This property will be false when runs in desktop browser.
		 * @type {boolean}
		 * @public
		 */
		phone: ($.support.touch || $.sap.simulateMobileOnDesktop) && !tablet,
		/**
		 * Whether the running device is a desktop browser.
		 * If a desktop browser runs in mobile device simulation mode (with URL parameter sap-ui-xx-fakeOS or sap-ui-xx-test-mobile), 
		 * this property will be false.
		 * @type {boolean}
		 * @public
		 */
		desktop: !$.support.touch && !$.sap.simulateMobileOnDesktop
	}, $.device.is);
	
	// add CSS class to root element to distinguish device classes
	// "sap-phone" for small touch devices, "sap-tablet" for large touch devices, "sap-desktop" for non-touch devices
	// TODO: move to central device API once that one is done; in the future also introduce device size classes and take care of desktop with touch, Surface, Win8 etc.
	$("html").addClass("sap-" + ($.device.is.desktop ? "desktop" : ($.device.is.tablet ? "tablet" : "phone")));

	var _bInitMobileTriggered = false;

	/**
	 * Does some basic modifications to the HTML page that make it more suitable for mobile apps.
	 * Only the first call to this method is executed, subsequent calls are ignored. Note that this method is also called by the constructor of toplevel controls like sap.m.App, sap.m.SplitApp and sap.m.Shell.
	 * Exception: if no homeIcon was set, subsequent calls have the chance to set it.
	 * 
	 * The "options" parameter configures what exactly should be done.
	 *  
	 * It can have the following properties:
	 * <ul>
	 * <li>viewport: whether to set the viewport in a way that disables zooming (default: true)</li>
	 * <li>statusBar: the iOS status bar color, "default", "black" or "black-translucent" (default: "default")</li>
	 * <li>hideBrowser: whether the browser UI should be hidden as far as possible to make the app feel more native (default: true)</li>
	 * <li>preventScroll: whether native scrolling should be disabled in order to prevent the "rubber-band" effect where the whole window is moved (default: true)</li>
	 * <li>preventPhoneNumberDetection: whether Safari Mobile should be prevented from transforming any numbers that look like phone numbers into clickable links; this should be left as "true", otherwise it might break controls because Safari actually changes the DOM. This only affects all page content which is created after initMobile is called.</li>
	 * <li>rootId: the ID of the root element that should be made fullscreen; only used when hideBrowser is set (default: the document.body)</li>
	 * <li>useFullScreenHeight: a boolean that defines whether the height of the html root element should be set to 100%, which is required for other elements to cover the full height (default: true)</li>
	 * <li>homeIcon: deprecated since 1.12, use jQuery.sap.setIcons instead.
	 * </ul>
	 * 
	 * 
	 * @param {object}  [options] configures what exactly should be done
	 * @param {boolean} [options.viewport=true] whether to set the viewport in a way that disables zooming
	 * @param {string}  [options.statusBar='default'] the iOS status bar color, "default", "black" or "black-translucent"
	 * @param {boolean} [options.hideBrowser=true] whether the browser UI should be hidden as far as possible to make the app feel more native
	 * @param {boolean} [options.preventScroll=true] whether native scrolling should be disabled in order to prevent the "rubber-band" effect where the whole window is moved
	 * @param {boolean} [options.preventPhoneNumberDetection=true] whether Safari mobile should be prevented from transforming any numbers that look like phone numbers into clickable links
	 * @param {string}  [options.rootId] the ID of the root element that should be made fullscreen; only used when hideBrowser is set. If not set, the body is used
	 * @param {boolean} [options.useFullScreenHeight=true] whether the height of the html root element should be set to 100%, which is required for other elements to cover the full height 
	 * @param {string}  [options.homeIcon=undefined] deprecated since 1.12, use jQuery.sap.setIcons instead.
	 * @param {boolean} [options.homeIconPrecomposed=false] deprecated since 1.12, use jQuery.sap.setIcons instead. 
	 * 
	 * @name jQuery.sap.initMobile
	 * @function
	 * @public
	 */
	$.sap.initMobile = function(options) {
		var $head = $("head");
		
		if (!_bInitMobileTriggered) { // only one initialization per HTML page
			_bInitMobileTriggered = true;

			options = $.extend({}, { // merge in the default values
				viewport: true,
				statusBar: "default",
				hideBrowser: true,
				preventScroll: true,
				preventPhoneNumberDetection: true,
				useFullScreenHeight: true,
				homeIconPrecomposed: false
			}, options);
			
			// en-/disable automatic link generation for phone numbers
			if ($.os.ios && options.preventPhoneNumberDetection) {
				$head.append($('<meta name="format-detection" content="telephone=no">')); // this only works for all DOM created afterwards
				
			} else if ($.browser.msie) {
				$head.append($('<meta http-equiv="cleartype" content="on">'));
				$head.append($('<meta name="msapplication-tap-highlight" content="no"/>'));
			}
			
			$(function() {

				// initialize viewport
				if (options.viewport) {
					if ($.device.is.iphone && (Math.max(window.screen.height, window.screen.width) === 568)) {
						// iPhone 5
						$head.append($('<meta name="viewport" content="user-scalable=0, initial-scale=1.0">'));
					} else if ($.os.android && $.os.fVersion < 3){
						$head.append($('<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">'));
					} else if ($.os.winphone){
						$head.append($('<meta name="viewport" content="width=320, user-scalable=no">'));
					} else {
						// all other devices
						$head.append($('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">'));
					}
				}

				if ($.os.ios) {

					// enable fullscreen when possible
					$head.append($('<meta name="apple-mobile-web-app-capable" content="yes">')); // since iOS 2.1

					// set the status bar style on Apple devices
					$head.append($('<meta name="apple-mobile-web-app-status-bar-style" content="' + options.statusBar + '">')); // "default" or "black" or "black-translucent", since iOS 2.1

					// splash screen
					//<link rel="apple-touch-startup-image" href="/startup.png">

				}

				// hide browser address bar
				if (options.hideBrowser && !jQuery.browser.msie) {
					/*var hideAddressBar = function() {
						document.body.style.height = (window.outerHeight + 120) + 'px'; // must be large enough to scroll out

						window.setTimeout(function(){
							window.scrollTo(0, 1); 
							var $root = options.rootId ? $.sap.byId(options.rootId) : $(document.body); // TODO: does body work?
							var height = window.innerHeight  + "px";
							$root.css("height", height);
						}, 0);
					};*/

					//	$(window)
					//		.bind("load", hideAddressBar)
					//		.bind("resize", hideAddressBar); // this one helps iOS, but only AFTER initial loading
					//.bind("orientationchange", hideAddressBar) // this one does not seem to be required
				}

				if (options.preventScroll) {
					$(window).bind("touchmove", function sapInitMobileTouchMoveHandle(oEvent){
						if (!oEvent.isDefaultPrevented()) {
							oEvent.preventDefault();	// this one prevents the rubber-band effect - and disables native scrolling
						}
					});
				}

				if (options.useFullScreenHeight) {
					$(function() {
						document.documentElement.style.height = "100%"; // set html root tag to 100% height
					});
				}
			});


			// platform depending checks to show mobile support message
			$(function() {
				var bShowSupportMessage = false;
				var sSupportMessage = "";
				var sPopupWidth = "240px";
				var iTimeOut = 3000;

				var getRB = sap.ui.getCore().getLibraryResourceBundle;

				// check mobile devices
				if (jQuery.device.is.ipad ||
						jQuery.device.is.iphone ||
						jQuery.os.os == "android" ||
						jQuery.os.os == "blackberry" ||
						jQuery.os.os == "winphone") {

					// check OS version
					if ((jQuery.os.ios && jQuery.os.fVersion < 5) ||              // iOS < 5.x
							(jQuery.os.android && jQuery.os.fVersion < 2.3) ||    // Android < 2.3
							(jQuery.os.blackberry && jQuery.os.fVersion < 10) ||  // BlackBerry < 10
							(jQuery.os.winphone && jQuery.os.fVersion < 8) ||     // Windows Phone < 8
							(!jQuery.os.winphone && !jQuery.browser.webkit) ||    // non-Webkit browsers on iOS/Android/BlackBerry
							(jQuery.os.winphone && !jQuery.browser.msie)) {       // non-IE browsers on Windows Phone
						bShowSupportMessage = true;
						sSupportMessage = getRB("sap.ui.core").getText("MOBILE_SUPPORT_MESSAGE_DEVICE", [jQuery.os.os, jQuery.os.fVersion]);
					}

				// check desktop browser
				} else {

					// check if browser is something else than webkit-based or IE9+
					if (!jQuery.browser.webkit && !(jQuery.browser.msie && jQuery.browser.fVersion >= 9)){
						sPopupWidth = "auto";
						bShowSupportMessage = true;
						sSupportMessage = getRB("sap.ui.core").getText("MOBILE_SUPPORT_MESSAGE_BROWSER");

					} else { // webkit or IE9+
						
						// now it gets dirty: in sap_mvi only IE10 or webkit with fakeOS is supported, in sap_bluecrystal these browsers are all fully supported
						// this should go into library metadata or so, but for now hardcode that
						// and give the warning only for MVI (blacklist), not for unknown themes, because those might support desktop without fakeOS
						
						// so find out the theme - this ignores any configuration  (URL ... bootstrap ... config)
						var oThemeMatch = document.location.search.match(/sap-ui-theme=([^&]+)/);
						var sTheme = oThemeMatch ? oThemeMatch[1] : jQuery.sap.byId("sap-ui-bootstrap").attr("data-sap-ui-theme");
						sTheme = sTheme || (window["sap-ui-config"] ? window["sap-ui-config"].theme : null);
						
						if (sTheme !== "sap_mvi") { // sap_bluecrystal or any unknown theme
							// IE9+ and webkit are (or could be) supported
							
						} else { // sap_mvi; only supported with fakeOS
							// show message if no URL parameter is set
							var result = window.location.search.match(FAKE_OS_PATTERN);
							var resultUA = result && result[1] || jQuery.sap.byId("sap-ui-bootstrap").attr("data-sap-ui-xx-fakeOS");
							
							if (!resultUA) { // desktop browser with no fakeOS being set
								if (jQuery.browser.msie && jQuery.browser.fVersion >= 9) {
									// IE9+ without fakeOS is supported now as regular desktop platform
								} else {
									sPopupWidth = "480px";
									iTimeOut = 6000;
									bShowSupportMessage = true;
									sSupportMessage = getRB("sap.ui.core").getText("MOBILE_SUPPORT_MESSAGE_URL_PARAM");
								}
								
								// fakeOS is set, desktop browser
							} else if (jQuery.browser.webkit && resultUA === "winphone" ||
									!jQuery.browser.webkit && resultUA !== "winphone") { // fakeOS set, but to a platform not supported in current browser
								sPopupWidth = "480px";
								iTimeOut = 7000;
								bShowSupportMessage = true;
								sSupportMessage = getRB("sap.ui.core").getText("MOBILE_SUPPORT_MESSAGE_URL_PARAM_COMBINATION");
							}
						}

					}

				}

				if (bShowSupportMessage) {

					jQuery.sap.require("sap.ui.core.Popup");

					var oHtml = new sap.ui.core.HTML("mSAPUI5SupportMessage", {
						content: "<div id=\"mSAPUI5SupportMessage\"" +
						"style=\"" +
						"background-color:white;" +
						"border:solid 1px #cccccc;" +
						"border-radius:0.3125em;" +
						"-webkit-border-radius:0.3125em;" +
						"padding:0.3125em;" +
						"text-align:center;" +
						"width:" + sPopupWidth +
						"\"" +
						"tabindex=\"0\">" +
						"<img src=\"" + sap.ui.resource("sap.ui.core", "mimes/logo/icotxt_white_220x72.png") + "\"\>" +
						"<br>" +
						"<span style=\"color:#ff0000;\">" + sSupportMessage + "</span>" +
						"<br>" +
						"</div>"
					});

					var oPopup = new sap.ui.core.Popup(oHtml, false, true, false);

					window.setTimeout(function() {
						if(oPopup) {
							oPopup.open(0, "center center", "center center", document.body);
						}
					}, 0);

					window.setTimeout(function() {
						if(oPopup) {
							oPopup.close();
						}
					}, iTimeOut);

				}
			});

		}
		
		if (options.homeIcon) {
			var oIcons = options.homeIcon;
			if (typeof oIcons === "string") {
				oIcons = {phone:oIcons};
			}
			oIcons.precomposed = options.homeIconPrecomposed;
			oIcons.favicon = options.homeIcon.icon;
			oIcons.icon = undefined;
			$.sap.setIcons(oIcons);
		}
	};
	
	
	/**
	 * Sets the bookmark icon for desktop browsers and the icon to be displayed on the home screen of iOS devices after the user does "add to home screen".
	 * 
	 * Only call this method once and call it early when the page is loading: browsers behave differently when the favicon is modified while the page is alive. 
	 * Some update the displayed icon inside the browser but use an old icon for bookmarks.
	 * When a favicon is given, any other existing favicon in the document will be removed.
	 * When at least one home icon is given, all existing home icons will be removed and new home icon tags for all four resolutions will be created.
	 * 
	 * The home icons must be in PNG format and given in different sizes for iPad/iPhone with and without retina display. 
	 * The favicon is used in the browser and for desktop shortcuts and should optimally be in ICO format: 
	 * PNG does not seem to be supported by Internet Explorer and ICO files can contain different image sizes for different usage locations. E.g. a 16x16px version
	 * is used inside browsers.
	 * 
	 * All icons are given in an an object holding icon URLs and other settings. The properties of this object are:
	 * <ul>
	 * <li>phone: a 57x57 pixel version for non-retina iPhones</li>
	 * <li>tablet: a 72x72 pixel version for non-retina iPads</li>
	 * <li>phone@2: a 114x114 pixel version for retina iPhones</li>
	 * <li>tablet@2: a 144x144 pixel version for retina iPads</li>
	 * <li>precomposed: whether the home icons already have some glare effect (otherwise iOS will add it) (default: false)</li>
	 * <li>favicon: the ICO file to be used inside the browser and for desktop shortcuts</li>
	 * </ul>
	 * 
	 * One example is:
	 * <pre>
	 * {
	 *    'phone':'phone-icon_57x57.png',
	 *    'phone@2':'phone-retina_117x117.png',
	 *    'tablet':'tablet-icon_72x72.png',
	 *    'tablet@2':'tablet-retina_144x144.png',
	 *    'precomposed':true,
	 *    'favicon':'desktop.ico'
	 * }
	 * </pre>
	 * If one of the sizes is not given, the largest available alternative image will be used instead for this size.
	 * On Android these icons may or may not be used by the device. Apparently chances can be improved by using icons with glare effect, so the "precomposed" property can be set to "true". Some Android devices may also use the favicon for bookmarks instead of the home icons.</li>
	 */
	$.sap.setIcons = function(oIcons) {
		if (!oIcons || (typeof oIcons !== "object")) {
			$.sap.log.warning("Call to jQuery.sap.setIcons() has been ignored because there were no icons given or the argument was not an object.");
			return ;
		}
		
		var $head = $("head"),
			precomposed = oIcons.precomposed ? "-precomposed" : "",
			getBestFallback = function(res) {
				return oIcons[res] || oIcons['tablet@2'] || oIcons['phone@2'] || oIcons['phone'] || oIcons['tablet']; // fallback logic
			},
			mSizes = {
				"phone": "",
				"tablet": "72x72", 
				"phone@2": "114x114",
				"tablet@2": "144x144"
			};
		
		// desktop icon
		if (oIcons["favicon"]) {
			// remove any other favicons
			var $fav = $head.find("[rel^=shortcut]"); // cannot search for "shortcut icon"
			$fav.each(function(){
				if (this.rel === "shortcut icon") {
					$(this).remove();
				}
			});
			
			// create favicon
			$head.append($('<link rel="shortcut icon" href="' + oIcons["favicon"] + '" />'));
		}
		
		
		// mobile home screen icons
		
		if (getBestFallback("phone")) {
			// if any home icon is given remove old ones
			$head.find("[rel=apple-touch-icon]").remove();
			$head.find("[rel=apple-touch-icon-precomposed]").remove();
		}
		
		for (var platform in mSizes) {
			oIcons[platform] = oIcons[platform] || getBestFallback(platform);
			if (oIcons[platform]) {
				var size = mSizes[platform];
				$head.append($('<link rel="apple-touch-icon' + precomposed + '" ' + (size ? 'sizes="' + size + '"' : "") + ' href="' + oIcons[platform] + '" />'));
			}
		}
	};

})( jQuery );

}; // end of jquery.sap.mobile
if ( !jQuery.sap.isDeclared('jquery.sap.properties') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides access to Java-like properties files
jQuery.sap.declare("jquery.sap.properties");


(function() {

	// Javadoc for private inner class "Properties" - this list of comments is intentional!
	/**
	 * @interface  Represents a list of properties (key/value pairs).
	 *
	 * Each key and its corresponding value in the property list is a string.
	 * Values are unicode escaped \ue0012.
	 * Keys are case-sensitive and only alpha-numeric characters with a leading character are allowed.
	 *
	 * Use {@link jQuery.sap.properties} to create an instance of jQuery.sap.util.Properties.
	 *
	 * The getProperty method is used to retrieve a value from the list.
	 * The setProperty method is used to store or change a property in the list.
	 * Additionally, the getKeys method can be used to retrieve an array of all keys that are
	 * currently in the list.
	 *
	 * @author SAP AG
	 * @version 1.12.0
	 * @since 0.9.0
	 * @name jQuery.sap.util.Properties
	 * @public
	 */
	/**
	 * Returns the value of a given key. Optionally, a given default value is returned if the requested key is not in the list.
	 * @param {string} sKey The key of the property
	 * @param {string} [sDefaultValue] Optional, the default value if the requested key is not in the list.
	 * @return {string} The value of a given key. The default value (if given) is returned if the requested key is not in the list.
	 *
	 * @function
	 * @name jQuery.sap.util.Properties.prototype.getProperty
	 */
	/**
	 * Returns an array of all keys in the property list.
	 * @return {array} All keys in the property list.
	 *
	 * @function
	 * @name jQuery.sap.util.Properties.prototype.getKeys
	 */
	/**
	 * Adds or changes a given key to/in the list.
	 * @param {string} sKey The key of the property
	 * @param {string} sValue The value for the key with unicode encoding.
	 *
	 * @function
	 * @name jQuery.sap.util.Properties.prototype.setProperty
	 */
	/**
	 * Creates and returns a clone of the property list.
	 * @return {jQuery.sap.util.Properties} A clone of the property list
	 *
	 * @function
	 * @name jQuery.sap.util.Properties.prototype.clone
	 */

	/*
	 * Implements jQuery.sap.util.Properties
	 */
	var Properties = function() {
		this.mProperties = {};
		this.aKeys = [];
	};

	/*
	 * Implements jQuery.sap.util.Properties.prototype.getProperty
	 */
	Properties.prototype.getProperty = function(sKey, sDefaultValue) {
		var sValue = this.mProperties[sKey];
		if (typeof(sValue)=="string") {
			return sValue;
		}
		else if(sDefaultValue) {
			return sDefaultValue;
		}
		return null;
	};

	/*
	 * Implements jQuery.sap.util.Properties.prototype.getKeys
	 */
	Properties.prototype.getKeys = function() {
		return this.aKeys;
	};

	/*
	 * Implements jQuery.sap.util.Properties.prototype.setProperty
	 */
	Properties.prototype.setProperty = function(sKey, sValue) {
		if (typeof(sValue) != "string") {
			return;
		}		
		if (typeof(this.mProperties[sKey])!="string") {
			this.aKeys.push(sKey);
		}
		this.mProperties[sKey] = sValue;
	};

	/*
	 * Implements jQuery.sap.util.Properties.prototype.clone
	 */
	Properties.prototype.clone = function() {
		var oClone = new Properties();
		oClone.mProperties = jQuery.extend({}, this.mProperties);
		oClone.aKeys = jQuery.merge([], this.aKeys);
		return oClone;
	};

	/*
	 * Saves the property list to a given URL using a POST request.
	 */
	//sap.ui.resource.Properties.prototype.save = function(sUrl) {
	//	return jQuery.sap.syncPost(sUrl, this.mProperties);
	//};

	/**
	 * RegExp used to split file into lines, also removes leading whitespace.
	 * Note: group must be non-capturing, otherwise the line feeds will be part of the split result.
	 */
	var rLines = /(?:^|\r\n|\r|\n)[ \t\f]*/;

	/**
	 * RegExp that handles escapes, continuation line markers and key/value separators
	 * 
	 *              [---unicode escape--] [esc] [cnt] [---key/value separator---]
	 */
	var rEscapes = /(\\u[0-9a-fA-F]{0,4})|(\\.)|(\\$)|([ \t\f]*[ \t\f:=][ \t\f]*)/g;
	
	/**
	 * Special escape characters as supported by properties format
	 * @see JDK API doc for java.util.Properties
	 */
	var mEscapes = {
		'\\f' : '\f',
		'\\n' : '\n',
		'\\r' : '\r',
		'\\t' : '\t'
	};

	/*
	 * Parses the given text sText and sets the properties
	 * in the properties object oProp accordingly.
	 * @param {string} sText the text to parse
	 * @param oProp the properties object to fill
	 * @private
	 */
	function parse(sText, oProp) {
		
		var aLines = sText.split(rLines), // split file into lines
			sLine,sKey,sValue,bKey,i,m,iLastIndex;
		
		oProp.mProperties = {};
		oProp.aKeys = [];

		for (i=0; i<aLines.length; i++) {
			sLine = aLines[i];
			// ignore empty lines
			if (sLine === "" || sLine.charAt(0) === "#" || sLine.charAt(0) === "!" ) {
				continue;
			}

			rEscapes.lastIndex = iLastIndex = 0;
			sValue = ""; 
			bKey = true;

			while ( m = rEscapes.exec(sLine) ) {
				// handle any raw, unmatched input
				if ( iLastIndex < m.index ) {
					sValue += sLine.slice(iLastIndex, m.index);
				}
				iLastIndex = rEscapes.lastIndex;
				if ( m[1] ) { 
					// unicode escape
					if ( m[1].length !== 6 ) {
						throw new Error("Incomplete Unicode Escape '" + m[1] + "'");
					}
					sValue += String.fromCharCode(parseInt(m[1].slice(2), 16));
				} else if ( m[2] ) { 
					// special or simple escape
					sValue += mEscapes[m[2]] || m[2].slice(1);
				} else if ( m[3] ) { 
					// continuation line marker
					sLine = aLines[++i];
					rEscapes.lastIndex = iLastIndex = 0;
				} else if ( m[4] ) { 
					// key/value separator					
					if ( bKey ) {
						bKey = false;
						sKey = sValue;
						sValue = "";
					} else {
						sValue += m[4];
					}
				}
			}
			if ( iLastIndex < sLine.length ) {
				sValue += sLine.slice(iLastIndex);
			}
			if ( bKey ) {
				sKey = sValue;
				sValue = "";
			}
			oProp.aKeys.push(sKey);
			oProp.mProperties[sKey] = sValue;
		}
		
		// remove duplicates from keyset (sideeffect:sort)
		jQuery.sap.unique(oProp.aKeys);
	}

	/**
	 * Creates and returns a new instance of {@link jQuery.sap.util.Properties}.
	 *
	 * If option 'url' is passed, immediately a load request for the given target is triggered.
	 * A property file that is loaded can contain comments with a leading ! or #.
	 * The loaded property list does not contain any comments.
	 *
	 * <b>Example for loading a property file:</b>
	 * <pre>
	 *  jQuery.sap.properties({url : "../myProperty.properties"});
	 * </pre>
	 *
	 * <b>Example for creating an empty properties instance:</b>
	 * <pre>
	 *  jQuery.sap.properties();
	 * </pre>
	 *
	 * <b>Examples for getting and setting properties:</b>
	 * <pre>
	 *	var oProperties = jQuery.sap.properties();
	 *	oProperties.setProperty("KEY_1","Test Key");
	 *	var sValue1 = oProperties.getProperty("KEY_1");
	 *	var sValue2 = oProperties.getProperty("KEY_2","Default");
	 * </pre>
	 *
	 * @public
	 * @param {object} [mParams] Parameters used to initialize the property list
	 * @param {string} [mParams.url] The URL to the .properties file which should be loaded.
	 * @param {object} [mParams.headers] A map of additional header key/value pairs to send along with the request (see headers option of jQuery.ajax). 
	 * @return {jQuery.sap.util.Properties} A new property list instance
	 * @SecSink {0|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.properties = function properties(mParams) {
		var oProp = new Properties();
		mParams = jQuery.extend({url: undefined, headers: {}}, mParams);
		if (typeof(mParams.url) == "string"){
			var sText = jQuery.sap.sjax({
				url: mParams.url,
				type: 'GET',
				dataType: 'text',
				complexResult: false,
				fallback: undefined,
				headers: mParams.headers
			});
			
			if (typeof(sText) == "string") {
				parse(sText, oProp);
			}
		}
		return oProp;
	};

}());


}; // end of jquery.sap.properties
if ( !jQuery.sap.isDeclared('jquery.sap.resources') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides access to Java-like resource bundles in properties file format
jQuery.sap.declare("jquery.sap.resources");


(function() {

	// Javadoc for private inner class "Bundle" - this list of comments is intentional!
	/**
	 * @interface  Contains locale-specific texts.
	 *
	 * If you need a locale-specific text within your application, you can use the
	 * resource bundle to load the locale-specific file from the server and access
	 * the texts of it.
	 *
	 * Use {@link jQuery.sap.resources} to create an instance of jQuery.sap.util.ResourceBundle.
	 * There you have to specify the URL to the base .properties file of a bundle
	 * (.properties without any locale information, e.g. "mybundle.properties"), and optionally
	 * a locale. The locale is defined as a string of the language and an optional country code
	 * separated by underscore (e.g. "en_GB" or "fr"). If no locale is passed, the default
	 * locale is "en" if the SAPUI5 framework is not available. Otherwise the default locale is taken from
	 * the SAPUI5 configuration.
	 *
	 * With the getText() method of the resource bundle, a locale-specific string value
	 * for a given key will be returned.
	 *
	 * With the given locale, the ResourceBundle requests the locale-specific properties file
	 * (e.g. "mybundle_fr_FR.properties"). If no file is found for the requested locale or if the file
	 * does not contain a text for the given key, a sequence of fall back locales is tried one by one. 
	 * First, if the locale contains a region information (fr_FR), then the locale without the region is
	 * tried (fr). If that also can't be found or doesn't contain the requested text, the english file 
	 * is used (en - assuming that most development projects contain at least english texts).    
	 * If that also fails, the file without locale (base URL of the bundle) is tried.
	 * 
	 * If none of the requested files can be found or none of them contains a text for the given key,
	 * then the key itself is returned as text. 
	 *
	 * Exception: Fallback for "zh_HK" is "zh_TW" before zh.
	 *
	 * @author SAP AG
	 * @version 1.12.0
	 * @since 0.9.0
	 * @name jQuery.sap.util.ResourceBundle
	 * @public
	 */
	
	/**
	 * Returns a locale-specific string value for the given key sKey. 
	 * 
	 * The text is searched in this resource bundle according to the fallback chain described in 
	 * {@link jQuery.sap.util.ResourceBundle}. If no text could be found, the key itself is used as text.
	 * 
	 * If text parameters are given, then any occurrences of the pattern "{<i>n</i>}" with <i>n</i> being an integer 
	 * are replaced by the parameter value with index <i>n</i>.  Note: This replacement is also applied if no text had been found (key). 
	 * 
	 * @param {string} sKey
	 * @param {string[]} [aArgs] List of parameters which should replace the place holders "{n}" (n is the index) in the found locale-specific string value.
	 * @return {string} The value belonging to the key, if found; otherwise the key itself.
	 *
	 * @function
	 * @name jQuery.sap.util.ResourceBundle.prototype.getText
	 */

	/**
	 * A regular expression that describes language tags according to BCP-47.
	 * @see BCP47 "Tags for Identifying Languages" (http://www.ietf.org/rfc/bcp/bcp47.txt)
	 *
	 * The matching groups are
	 *  0=all
	 *  1=language (shortest ISO639 code + ext. language sub tags | 4digits (reserved) | registered language sub tags)
	 *  2=script (4 letters)
	 *  3=region (2letter language or 3 digits)
	 *  4=variants (separated by '-', Note: capturing group contains leading '-' to shorten the regex!)
	 *  5=extensions (including leading singleton, multiple extensions separated by '-')
	 *  6=private use section (including leading 'x', multiple sections separated by '-')
	 *  
	 *            [-------------------- language ----------------------][--- script ---][------- region --------][------------ variants --------------][--------- extensions --------------][------ private use -------]
	 */
	var rlocale=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?(-[0-9A-Z]{5,8}|(?:[0-9][0-9A-Z]{3}))*(?:-([0-9A-WYZ](?:-[0-9A-Z]{2,8})+))*(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;

	/**
	 * Resource bundles are stored according to the Java Development Kit conventions.
	 * JDK uses old language names for a few ISO639 codes ("iw" for "he", "ji" for "yi", "in" for "id" and "sh" for "sr").
	 * Make sure to convert newer codes to older ones before creating file names.
	 */
	var M_ISO639_NEW_TO_OLD = {
		"he" : "iw",
		"yi" : "ji",
		"id" : "in", 
		"sr" : "sh" 
	};
	var M_ISO639_OLD_TO_NEW = {
		"iw" : "he",
		"ji" : "yi",
		"in" : "id",
		"sn" : "sr"
	};

	/**
	 * Helper to normalize the given locale (in BCP-47 syntax) to the java.util.Locale format.
	 * @return {string} Normalized locale or undefined if the locale can't be normalized
	 */
	function normalize(sLocale) {
		var m;
		if ( typeof sLocale === 'string' && (m = rlocale.exec(sLocale.replace(/_/g, '-'))) ) {
			var sLanguage = m[1].toLowerCase();
			sLanguage = M_ISO639_NEW_TO_OLD[sLanguage] || sLanguage;
			var sScript = m[2] ? m[2].toLowerCase() : undefined;
			var sRegion = m[3] ? m[3].toUpperCase() : undefined;
			if ( sLanguage === "zh" && !sRegion ) {
				if ( sScript === "hans" ) {
					sRegion = "CN"; 
				} else if ( sScript === "hant" ) {
					sRegion = "TW";
				}
			} 
			return sLanguage + (sRegion ? "_" + sRegion + (m[4] ? "_" + m[4].slice(1).replace("-","_") : "") : "");
		}
	}
	
	/**
	 * Returns the default locale (the locale defined in UI5 configuration if available, else "en")
	 * @return {string} The default locale
	 */
	function defaultLocale() {
		var sLocale;
		if(window.sap && sap.ui && sap.ui.getCore){
			sLocale = sap.ui.getCore().getConfiguration().getLanguage();
			sLocale = normalize(sLocale);
		}
		return sLocale || "en";
	}
	
	/**
	 * Helper to normalize the given locale (java.util.Locale format) to the BCP-47 syntax.
	 * @return {string} Normalized locale or undefined if the locale can't be normalized
	 */
	function convertLocaleToBCP47(sLocale) {
		var m;
		if ( typeof sLocale === 'string' && (m = rlocale.exec(sLocale.replace(/_/g, '-'))) ) {
			var sLanguage = m[1].toLowerCase();
			sLanguage = M_ISO639_OLD_TO_NEW[sLanguage] || sLanguage;
			return sLanguage + (m[3] ? "-" + m[3].toUpperCase() + (m[4] ? "-" + m[4].slice(1).replace("_","-") : "") : "");
		}
	}

    /**
     * A regular expression to split a URL into
     * <ol> 
     * <li>a part before the file extension 
     * <li>the file extension itself
     * <li>any remaining part after the file extension (query, hash - optional)
     * </ol>.
     * 
     * Won't match for URLs without a file extension.
     *
     *           [------- prefix ------][----ext----][-------suffix--------]
     *                                               ?[--query--]#[--hash--]
     */
	var rUrl = /^((?:[^?#]*\/)?[^\/?#]*)(\.[^.\/?#]+)((?:\?([^#]*))?(?:#(.*))?)$/;

    /**
     * List of supported file extensions. 
     *
     * Could be enriched in future or even could be made
     * extensible to support other formats as well.
     */
	var aValidFileTypes = [ ".properties", ".hdbtextbundle"]; 

    /**
     * Helper to split a URL with the above regex.
     * Either returns an object with the parts or undefined.
     */
	function splitUrl(sUrl) {
		var m = rUrl.exec(sUrl);
		return m && { url : sUrl, prefix : m[1], ext : m[2], query: m[4], hash: (m[5] || ""), suffix : m[2] + (m[3] || "") };
	}

	/*
	 * Implements jQuery.sap.util.ResourceBundle
	 */
	var Bundle = function(sUrl, sLocale, bIncludeInfo){
		//last fallback is english if no or no valid locale is given
		//TODO: If the browsers allow to access the users language preference this should be the fallback
		this.sLocale = normalize(sLocale) || defaultLocale();
		this.oUrlInfo = splitUrl(sUrl);
		if ( !this.oUrlInfo || jQuery.inArray(this.oUrlInfo.ext, aValidFileTypes) < 0 ) {
			throw new Error("resource URL '" + sUrl + "' has unknown type (should be one of " + aValidFileTypes.join(",") + ")");
		}
		this.bIncludeInfo = bIncludeInfo;
		//declare list of property files that are loaded
		this.aPropertyFiles = [];
		this.aLocales = [];
		//load the most specific property file
		load(this, this.sLocale);
	};

	Bundle.prototype = {};

	/*
	 * Implements jQuery.sap.util.ResourceBundle.prototype.getText
	 */
	Bundle.prototype.getText = function(sKey, aArgs){
		var sValue = null;
		//loop over all loaded property files and return the value for the key if any
		for(var i=0; i<this.aPropertyFiles.length; i++){
			sValue = this.aPropertyFiles[i].getProperty(sKey);
			if(typeof(sValue)==="string") {
				break;
			}
		}

		//value for this key was not found in the currently loaded property files,
		//load the fallback locales
		if(typeof(sValue)!=="string"){
			var sTempLocale = this.aLocales[0];
			while(sTempLocale.length > 0){
				if(sTempLocale == "zh_HK"){
					sTempLocale = "zh_TW";
				}else{
					if(sTempLocale.length > 2){
						sTempLocale = sTempLocale.substring(0,2);
					}else if(sTempLocale != "en"){
						sTempLocale = "en";
					}else{
						sTempLocale = "";
					}
				}

				var oProperties = load(this, sTempLocale);
				if(oProperties == null) {
					continue;
				}

				//check whether the key is included in the newly loaded property file
				sValue = oProperties.getProperty(sKey);
				if (typeof(sValue)==="string") {
					break;
				}
			}
		}

		if(typeof(sValue)!=="string"){
			sValue = sKey;
		}

		if(aArgs){
			for(var index=0; index<aArgs.length; index++){
				sValue = sValue.replace("{"+index+"}", aArgs[index]);
			}
		}

		if (this.bIncludeInfo) {
			sValue = new String(sValue);
			sValue.originInfo = {
				source: "Resource Bundle",
				url: this.oUrlInfo.url,
				locale: this.sLocale,
				key: sKey
			};
		}

		return sValue;
	};

	/*
	 * If a .properties file for the given locale is not loaded yet
	 * in the given bundle, this method loads the .properties file and
	 * adds it to the bundle.
	 * @param {string} sLocale the text to parse
	 * @param oBundle the resource bundle to extend
	 * @return The newly loaded properties or <code>null</code>
	 *         when the properties for the given locale already loaded.
	 * @private
	 */
	function load(oBundle, sLocale) {
		var oUrl = oBundle.oUrlInfo; 
		if( jQuery.inArray(sLocale, oBundle.aLocales) == -1 ){
			var props;
			if ( shouldRequest(sLocale) ) {
				var oHeader = null;
				var sTempUrl;
				switch (oUrl.ext) {
					case '.hdbtextbundle':
						sLocale = convertLocaleToBCP47(sLocale);
						oHeader = {
							"Accept-Language": sLocale
						};
						sTempUrl = oUrl.url;
						//Alternative: add locale as query
						//sTempUrl = oUrl.prefix + oUrl.suffix + '?' + (oUrl.query ? oUrl.query + "&" : "") + "locale=" + sLocale + (oUrl.hash ? "#" + oUrl.hash : "");
						break;
					default:
						sTempUrl = oUrl.prefix + (sLocale ? "_" + sLocale : "") + oUrl.suffix;
						break;
				}
	
				props = jQuery.sap.properties({url : sTempUrl, headers: oHeader});
			} else {
				props = {
						getProperty : function() { return undefined; }
				}
			}
			oBundle.aPropertyFiles.push(props);
			oBundle.aLocales.push(sLocale);
			return props;
		}
		return null;
	}

	function shouldRequest(sLocale) {
		var aLanguages = window.sap && sap.ui && sap.ui.getCore && sap.ui.getCore().getConfiguration().getSupportedLanguages();
		if ( aLanguages && aLanguages.length > 0 ) {
			return jQuery.inArray(sLocale, aLanguages) >= 0;
		}
		return true;
	}
	
	/**
	 * Creates and returns a new instance of {@link jQuery.sap.util.ResourceBundle}
	 * using the given URL and locale to determine what to load.
	 *
	 * @public
	 * @param {object} [mParams] Parameters used to initialize the resource bundle
	 * @param {string} [mParams.url=""] The URL to the base .properties file of a bundle (.properties file without any locale information, e.g. "mybundle.properties")
	 * @param {string} [mParams.locale="en"] Optional string of the language and an optional country code separated by underscore (e.g. "en_GB" or "fr")
	 * @param {boolean} [mParams.includeInfo=false] Optional boolean whether to include origin information into the returned property values
	 * @return {jQuery.sap.util.ResourceBundle} A new resource bundle instance
	 * @SecSink {0|PATH} Parameter is used for future HTTP requests
	 */
	jQuery.sap.resources = function resources(mParams) {
		mParams = jQuery.extend({url: "", locale: undefined, includeInfo: false}, mParams);
		var oBundle = new Bundle(mParams.url, mParams.locale, mParams.includeInfo);
		return oBundle;
	};

}());

}; // end of jquery.sap.resources
if ( !jQuery.sap.isDeclared('sap.ui.Global') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * @overview Initialization for the SAP UI Library
 *
 * This module creates the main SAP namespaces {@link sap} and automatically
 * registers it to the OpenAjax hub if that exists.
 *
 * This class provides method {@link #namespace} to register namespaces to the
 * SAP UI Library.
 *
 * @sample
 * Ensures a control can be used afterwards but does not load immediately
 * sap.ui.lazyRequire("sap.ui.core/Control");
 * sap.ui.lazyRequire("sap.ui.commons/Button");
 *
 * @version 1.12.0
 * @author  Martin Schaus, Daniel Brinkmann
 * @public
 */

/*global OpenAjax */// declare unusual global vars for JSLint/SAPUI5 validation

// Register to the OpenAjax Hub if it exists
if (window.OpenAjax && window.OpenAjax.hub) {
	OpenAjax.hub.registerLibrary("sap", "http://www.sap.com/", "0.1", {});
}

jQuery.sap.declare("sap.ui.Global");


/**
 * Root namespace for JavaScript functionality provided by SAP AG.
 *
 * The <code>sap</code> namespace is automatically registered with the
 * OpenAjax hub if it exists.
 *
 * @version 1.12.0
 * @namespace
 * @public
 * @name sap
 */
if ( typeof window.sap !== "object" && typeof window.sap !== "function"  ) {
  window.sap = {};
}

/**
 * The <code>sap.ui</code> namespace is the central OpenAjax compliant entry
 * point for UI related JavaScript functionality provided by SAP.
 *
 * @version 1.12.0
 * @namespace
 * @name sap.ui
 * @public
 */
if ( typeof window.sap.ui !== "object") {
	window.sap.ui = {};
}
sap.ui = jQuery.extend(sap.ui, {
		/**
		 * The version of the SAP UI Library
		 * @type string
		 */
		version: "1.12.0",
		buildinfo : { lastchange : "8e93f2ad57ff68ac4e5e8cb3693303c36cdbc852", buildtime : "201304241351" }
	});

/**
 * Ensures that a given a namespace or hierarchy of nested namespaces exists in the
 * current <code>window</code>.
 *
 * @return {object} the innermost namespace of the hierarchy
 * @public
 * @static
 * @deprecated Use jQuery.sap.declare or jQuery.sap.getObject(...,0) instead
 */
sap.ui.namespace = function(sNamespace){

	jQuery.sap.assert(false, "sap.ui.namespace is long time deprecated and shouldn't be used");

	return jQuery.sap.getObject(sNamespace, 0);
};

/**
 * Creates a lazy loading stub for a given class <code>sClassName</code>.
 *
 * If the class has been loaded already, nothing is done. Otherwise a stub object
 * or constructor and - optionally - a set of stub methods are created.
 * All created stubs will load the corresponding module on execution
 * and then delegate to their counterpart in the loaded module.
 *
 * When no methods are given or when the list of methods contains the special name
 * "new" (which is an operator can't be used as method name in JavaScript), then a
 * stub <b>constructor</b> for class <code>sClassName</code> is created.
 * Otherwise,  a plain object is created.
 *
 * <b>Note</b>: Accessing any stub as a plain object without executing it (no matter
 * whether it is a function or an object) won't load the module and therefore most like
 * won't work as expected. This is a fundamental restriction of the lazy loader approach.
 * It could only be fixed with JavaScript 1.5 features that are not available in all
 * UI5 target browsers (e.g. not in IE8).
 *
 * <b>Note</b>: As a side effect of this method, the namespace containing the given
 * class is created <b>immediately</b>.
 *
 * @param {string} sClassName Fully qualified name (dot notation) of the class that should be prepared
 * @param {string} [sMethods='new'] space separated list of additional (static) methods that should be created as stubs
 * @param {string} [sModuleName] name of the module to load, defaults to the class name
 * @public
 * @static
 */
sap.ui.lazyRequire = function(sClassName, sMethods, sModuleName) {

	jQuery.sap.assert(typeof sClassName === "string" && sClassName, "lazyRequire: sClassName must be a non-empty string");
	jQuery.sap.assert(!sMethods || typeof sMethods === "string", "lazyRequire: sMethods must be empty or a string");

	var sFullClass = sClassName.replace(/\//gi,"\."),
		iLastDotPos = sFullClass.lastIndexOf("."),
		sPackage = sFullClass.substr(0, iLastDotPos),
		sClass = sFullClass.substr(iLastDotPos + 1),
		oPackage = jQuery.sap.getObject(sPackage, 0),
		oClass = oPackage[sClass],
		aMethods = (sMethods || "new").split(" "),
		iConstructor = jQuery.inArray("new", aMethods);

	sModuleName = sModuleName || sFullClass;

	if (!oClass) {

		if ( iConstructor >= 0 ) {

			// Create dummy constructor which loads the class on demand
			oClass = function() {
				jQuery.sap.log.debug("lazy stub for '" + sFullClass + "' (constructor) called.");
				jQuery.sap.require(sModuleName);
				var oRealClass = oPackage[sClass];
				jQuery.sap.assert(typeof oRealClass === "function", "lazyRequire: oRealClass must be a function after loading");
				if ( oRealClass._sapUiLazyLoader ) {
					throw new Error("lazyRequire: stub '" + sFullClass + "'has not been replaced by module '" + sModuleName + "'");
				}

				// create a new instance and invoke the constructor
				var oInstance = jQuery.sap.newObject(oRealClass.prototype);
				var oResult = oRealClass.apply(oInstance, arguments);
				if (oResult && (typeof oResult === "function" || typeof oResult === "object")) {
					oInstance = oResult;
				}
				return oInstance;
			};
			// mark the stub as lazy loader
			oClass._sapUiLazyLoader = true;

			aMethods.splice(iConstructor,1);

		} else {

			// Create dummy object
			oClass = {};

		}

		// remember the stub
		oPackage[sClass] = oClass;

	}


	// add stub methods to it
	jQuery.each(aMethods, function (i,sMethod) {
		// check whether method is already available
		if (!oClass[sMethod]) {
			oClass[sMethod] = function() {
				jQuery.sap.log.debug("lazy stub for '" + sFullClass + "." + sMethod + "' called.");
				jQuery.sap.require(sModuleName);
				var oRealClass = oPackage[sClass];
				jQuery.sap.assert(typeof oRealClass === "function" || typeof oRealClass === "object", "lazyRequire: oRealClass must be a function or object after loading");
				jQuery.sap.assert(typeof oRealClass[sMethod] === "function", "lazyRequire: method must be a function");
				if (oRealClass[sMethod]._sapUiLazyLoader ) {
					throw new Error("lazyRequire: stub '" + sFullClass + "." + sMethod + "' has not been replaced by loaded module '" + sModuleName + "'");
				}
				return oRealClass[sMethod].apply(oRealClass, arguments);
			};
			oClass[sMethod]._sapUiLazyLoader = true;
		}
	});

};

/**
 * Returns the URL of a resource that belongs to the given library and has the given relative location within the library.
 * This is mainly meant for static resources like images that are inside the library.
 * It is NOT meant for access to JavaScript modules or anything for which a different URL has been registered with jQuery.sap.registerModulePath(). For
 * these cases use jQuery.sap.getModulePath().
 * It DOES work, however, when the given sResourcePath starts with "themes/" (= when it is a theme-dependent resource). Even when for this theme a different
 * location outside the normal library location is configured.
 *
 * @param sLibraryName the name of a library, like "sap.ui.commons"
 * @param sResourcePath the relative path of a resource inside this library, like "img/mypic.png" or "themes/my_theme/img/mypic.png"
 * @returns the URL of the requested resource
 *
 * @static
 * @public
 */
sap.ui.resource = function(sLibraryName, sResourcePath) {
	jQuery.sap.assert(typeof sLibraryName === "string", "sLibraryName must be a string");
	jQuery.sap.assert(typeof sResourcePath === "string", "sResourcePath must be a string");

	// special handling for theme-dependent resources: move theme folder into module name
	var match = sResourcePath.match(/^themes\/([^\/]+)\//);
	if (match) {
		sLibraryName += ".themes." + match[1];
		sResourcePath = sResourcePath.substr(match[0].length);
	}

	return jQuery.sap.getModulePath(sLibraryName, '/') + sResourcePath;
};

/**
 * Redirects access to resources that are part of the given namespace to a location
 * relative to the assumed <b>application root folder</b>.
 *
 * Any UI5 managed resource (view, controller, control, JavaScript module, CSS file, etc.)
 * whose resource name starts with <code>sNamespace</code>, will be loaded from an
 * equally named subfolder of the <b>application root folder</b>.
 * If the resource name consists of multiple segments (separated by a dot), each segment
 * is assumed to represent an individual folder. In other words: when a resource name is
 * converted to an URL, any dots ('.') are converted to slashes ('/').
 *
 * <b>Limitation:</b> For the time being, the <b>application root folder</b> is assumed to be
 * the same as the folder where the current page resides in.
 *
 * Usage sample:
 * <pre>
 *   // Let UI5 know that resources, whose name starts with "com.mycompany.myapp"
 *   // should be loaded from the URL location "./com/mycompany/myapp"
 *   sap.ui.localResources("com.mycompany.myapp");
 *
 *   // The following call implicitly will use the mapping done by the previous line
 *   // It will load a view from ./com/mycompany/myapp/views/Main.view.xml
 *   sap.ui.view({ view : "com.mycompany.myapp.views.Main", type : sap.ui.core.mvc.ViewType.XML});
 * </pre>
 *
 * When applications need a more flexible mapping between resource names and their location,
 * they can use {@link jQuery.sap.registerModulePath}.
 *
 * It is intended to make this configuration obsolete in future releases, but for the time
 * being, applications must call this method when they want to store resources relative to
 * the assumed application root folder.
 *
 * @param {String} sNamespace Namespace prefix for which to load resources relative to the application root folder
 * @public
 * @static
 * @see jQuery.sap.registerModulePath
 */
sap.ui.localResources = function(sNamespace) {
	jQuery.sap.assert(sNamespace, "sNamespace must not be empty");
	jQuery.sap.registerModulePath(sNamespace, "./" + sNamespace.replace(/\./g, "/"));
};

}; // end of sap.ui.Global
if ( !jQuery.sap.isDeclared('sap.ui.base.Event') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.base.Event
jQuery.sap.declare("sap.ui.base.Event");


/**
 * Creates an event with the given sId, linked to the provided oSource and enriched with the mParameters.
 *
 * @param {string} sId The id of the event
 * @param {sap.ui.base.EventProvider} oSource The source of the event
 * @param {Object} mParameters A map of parameters for this event
 *
 * @class An Event object consisting of an id, a source and a map of parameters
 * @extends sap.ui.base.Object
 * @implements sap.ui.base.Poolable
 * @author Malte Wedel, Daniel Brinkmann
 * @version 1.12.0
 * @public
 */
// TODO Previous documentation stated that sId is numerical, but this seems not to be true
sap.ui.base.Event = function(sId, oSource, mParameters) {

	sap.ui.base.Object.apply(this);

	if (arguments.length > 0) {
		this.init(sId, oSource, mParameters);
	}

};
sap.ui.base.Event.prototype = jQuery.sap.newObject(sap.ui.base.Object.prototype);

/**
 * Init this event with its data.
 *
 * The <code>init</code> method is called by an object pool when the
 * object is (re-)activated for a new caller.
 *
 * When no <code>mParameters</code> are given, an empty object is used instead.
 *
 * @param {string} sId The id of the event
 * @param {sap.ui.base.EventProvider} oSource The source of the event
 * @param {Object} [mParameters] the event parameters
 *
 * @see sap.ui.base.Poolable.prototype#init
 */
sap.ui.base.Event.prototype.init = function(sId, oSource, mParameters) {
	jQuery.sap.assert(typeof sId === "string", "Event.init: sId must be a string");
	jQuery.sap.assert(oSource instanceof sap.ui.base.EventProvider, "Event.init: oSource must be an EventProvider");

	this.sId = sId;
	this.oSource = oSource;
	this.mParameters = mParameters || {};
	this.bCancelBubble = false;
	this.bPreventDefault = false;
};

/**
 * Reset event data, needed for pooling
 * @see sap.ui.base.Poolable.prototype#reset
 */
sap.ui.base.Event.prototype.reset = function() {
	this.sId = "";
	this.oSource = null;
	this.mParameters = null;
	this.bCancelBubble = false;
	this.bPreventDefault = false;
};

/**
 * Returns the id of the event
 * @return {string} The id of the event
 * @public
 */
sap.ui.base.Event.prototype.getId = function() {

	return this.sId;

};

/**
 * Returns the source of the event
 * @return {sap.ui.base.EventProvider} The source of the event
 * @public
 */
sap.ui.base.Event.prototype.getSource = function() {

	return this.oSource;

};

/**
 * Returns all parameter values of the event keyed by their names.
 * @return {map} All parameters of the event keyed by name
 * @public
 */
sap.ui.base.Event.prototype.getParameters = function() {

	return this.mParameters;

};

/**
 * Returns the value of the parameter with the given sName.
 *
 * @param {string} sName the name of the parameter to return
 * @return {any} the value for the named parameter
 * @public
 */
sap.ui.base.Event.prototype.getParameter = function(sName) {

	jQuery.sap.assert(typeof sName === "string" && sName, "Event.getParameter: sName must be a non-empty string");

	return this.mParameters[sName];

};

/**
 * Cancel bubbling of the event.
 * @public
 */
sap.ui.base.Event.prototype.cancelBubble = function() {

	this.bCancelBubble = true;

};

/**
 * Prevent the default action of this event.
 * @public
 */
sap.ui.base.Event.prototype.preventDefault = function() {

	this.bPreventDefault = true;

};


}; // end of sap.ui.base.Event
if ( !jQuery.sap.isDeclared('sap.ui.base.EventProvider') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.base.EventProvider
jQuery.sap.declare("sap.ui.base.EventProvider");




/**
 * Creates an instance of EventProvider.
 * @class Provides internal eventing facilities for objects, so other objects can attach
 * and detach events, and are notified, when events are fired
 *
 * @abstract
 * @extends sap.ui.base.Object
 * @author Malte Wedel, Daniel Brinkmann
 * @version 1.12.0
 * @constructor
 * @public
 * @name sap.ui.base.EventProvider
 */
sap.ui.base.Object.extend("sap.ui.base.EventProvider", /* @lends sap.ui.base.EventProvider */ {

	constructor : function() {

		sap.ui.base.Object.apply(this);

		/**
		 * A map of arrays of event registrations keyed by the event names
		 * @private
		 */
		this.mEventRegistry = {};

	}

});

/**
 * Map of event names and ids, that are provided by this class
 * @private
 * @static
 */
sap.ui.base.EventProvider.M_EVENTS = {EventHandlerChange:"EventHandlerChange"};

/**
 * Pool is defined on the prototype to be shared among all EventProviders
 * @private
 */
sap.ui.base.EventProvider.prototype.oEventPool = new sap.ui.base.ObjectPool(sap.ui.base.Event);

/**
 * Adds an event registration for the given object and given event name
 *
 * @param {String}
 *            sEventId The identifier of the event to listen for
 * @param {Object}
 *            [oData] The object, that should be passed along with the event-object when firing the event
 * @param {Function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or on the event provider-instance
 * @param {Object}
 *            [oListener] The object, that wants to be notified, when the event occurs
 * @return {sap.ui.base.EventProvider} Returns <code>this</code> to allow method chaining
 * @public
 */
sap.ui.base.EventProvider.prototype.attachEvent = function(sEventId, oData, fnFunction, oListener) {
	jQuery.sap.assert(typeof(sEventId) === "string" && sEventId, "EventProvider.attachEvent: sEventId must be a non-empty string");
	if(typeof(oData) === "function") {
	//one could also increase the check in the line above
	//if(typeof(oData) === "function" && oListener === undefined) {
		oListener = fnFunction;
		fnFunction = oData;
		oData = undefined;
	}
	jQuery.sap.assert(typeof(fnFunction) === "function", "EventProvider.attachEvent: fnFunction must be a function");
	jQuery.sap.assert(!oListener || typeof(oListener) === "object", "EventProvider.attachEvent: oListener must be empty or an object");

	if (!this.mEventRegistry[sEventId]) {
		this.mEventRegistry[sEventId] = [];
	}
	this.mEventRegistry[sEventId].push({oListener:oListener, fFunction:fnFunction, oData: oData});

	// Inform interested parties about changed EventHandlers
	this.fireEvent(sap.ui.base.EventProvider.M_EVENTS.EventHandlerChange, {EventId: sEventId, type: 'listenerAttached'});

	return this;
};

/**
 * Adds a one time event registration for the given object and given event name. When the event occurs, the handler function is called and removed
 * from registration.
 *
 * @param {String}
 *            sEventId The identifier of the event to listen for
 * @param {Object}
 *            [oData] The object, that should be passed along with the event-object when firing the event
 * @param {Function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or on the event provider-instance
 * @param {Object}
 *            [oListener] The object, that wants to be notified, when the event occurs
 * @return {sap.ui.base.EventProvider} Returns <code>this</code> to allow method chaining
 * @public
 */
sap.ui.base.EventProvider.prototype.attachEventOnce = function(sEventId, oData, fnFunction, oListener) {
	if(typeof(oData) === "function") {
		oListener = fnFunction;
		fnFunction = oData;
		oData = undefined;
	}
	function fnOnce() { 
		this.detachEvent(sEventId, fnOnce);  // ‘this’ is always the control, due to the context ‘undefined’ in the attach call below
		fnFunction.apply(oListener || this, arguments);  // needs to do the same resolution as in fireEvent
	}
	this.attachEvent(sEventId, oData, fnOnce, undefined);  // a listener of ‘undefined’ enforce a context of ‘this’ even after clone
	return this;
};

/**
 * Removes an event registration for the given object and given event name.
 *
 * The passed parameters must match those used for registration with {@link #attachEvent } beforehand!
 *
 * @param {String}
 *            sEventId The identifier of the event to detach from
 * @param {Function}
 *            fFunction The function to call, when the event occurs.
 * @param {Object}
 *            [oListener] The object, that wants to be notified, when the event occurs
 * @return {sap.ui.base.EventProvider} Returns <code>this</code> to allow method chaining
 * @public
 */
sap.ui.base.EventProvider.prototype.detachEvent = function(sEventId, fnFunction, oListener) {
	jQuery.sap.assert(typeof(sEventId) === "string" && sEventId, "EventProvider.detachEvent: sEventId must be a non-empty string" );
	jQuery.sap.assert(typeof(fnFunction) === "function", "EventProvider.detachEvent: fnFunction must be a function");
	jQuery.sap.assert(!oListener || typeof(oListener) === "object", "EventProvider.detachEvent: oListener must be empty or an object");

	var aEventListeners = this.mEventRegistry[sEventId];
	if (!aEventListeners) {
		return this;
	}
	
	var bListenerDetached = false;
	
	//PERFOPT use array. remember length to not re-calculate over and over again
	for (var i = 0, iL = aEventListeners.length; i < iL; i++) {
		//PERFOPT check for identity instead of equality... avoid type conversion
		if (aEventListeners[i].fFunction === fnFunction && aEventListeners[i].oListener === oListener) {
			//delete aEventListeners[i];
			aEventListeners.splice(i,1);
			bListenerDetached = true;
			break;
		}
	}
	// If we just deleted the last registered EventHandler, remove the whole entry from our map.
	if(aEventListeners.length == 0) {
		delete this.mEventRegistry[sEventId];
	}

	if(bListenerDetached){
		// Inform interested parties about changed EventHandlers
		this.fireEvent(sap.ui.base.EventProvider.M_EVENTS.EventHandlerChange, {EventId: sEventId, type: 'listenerDetached' });
	}

	return this;
};

/**
 * Fires the given event and notifies all listeners. Listeners must not change
 * the content of the event.
 *
 * @param {String} sEventId the event id
 * @param {Object} [mParameters] the parameter map
 * @param {boolean} [bAllowPreventDefault] whether prevent default is allowed
 * @param {boolean} [bEnableEventBubbling] whether event bubbling is enabled
 * @return {sap.ui.base.EventProvider|boolean} Returns <code>this</code> to allow method chaining or
 *		   whether the default action should be executed, when bAllowPreventDefault has been set to true
 * @protected
 */
sap.ui.base.EventProvider.prototype.fireEvent = function(sEventId, mParameters, bAllowPreventDefault, bEnableEventBubbling) {
	// at least in BrowserEventManager when firing events of its E_EVENTS enumeration, the type will be an integer... thus avoid this check
	//	jQuery.sap.assert(typeof (sEventId) == "string");

	// get optional parameters right
	if (typeof mParameters == "boolean") {
		bEnableEventBubbling = bAllowPreventDefault;
		bAllowPreventDefault = mParameters;
	}

	var aEventListeners = this.mEventRegistry[sEventId],
		bPreventDefault = false,
		oEvent, oParent, oInfo;

	if (aEventListeners && jQuery.isArray(aEventListeners)) {

		// this ensures no 'concurrent modification exception' occurs (e.g. an event listener deregisters itself).
		aEventListeners = aEventListeners.slice();

		oEvent = this.oEventPool.borrowObject(sEventId, this, mParameters);

		//PERFOPT use array. remember length to not re-calculate over and over again
		for (var i = 0, iL = aEventListeners.length; i < iL; i++) {
			oInfo = aEventListeners[i];
			oInfo.fFunction.call(oInfo.oListener || this, oEvent, oInfo.oData);
		}

		// In case this is a bubbling event and object has a getParent method, also fire on parents
		if (bEnableEventBubbling) {
			oParent = this.getEventingParent();
			while (oParent && !oEvent.bCancelBubble) {
				aEventListeners = oParent.mEventRegistry[sEventId];
				if (aEventListeners && aEventListeners instanceof Array) {
					aEventListeners = aEventListeners.slice();
					for (var i = 0, iL = aEventListeners.length; i < iL; i++) {
						oInfo = aEventListeners[i];
						oInfo.fFunction.call(oInfo.oListener || oParent, oEvent, oInfo.oData);
					}
				}
				oParent = oParent.getEventingParent();
			}
		}

		// Store prevent default state, before returning event to the pool
		bPreventDefault = oEvent.bPreventDefault;

		this.oEventPool.returnObject(oEvent);
	}

	// Only return prevent default result in case it has been enabled, for compatibility
	if (bAllowPreventDefault) {
		return !bPreventDefault;
	}
	else {
		return this;
	}
};

/**
 * Returns whether there are any listeners for the given event ID.
 *
 * @param {String} sEventId the ID of the event
 * @return {boolean} whether there are any listeners
 * @private
 */
sap.ui.base.EventProvider.prototype.hasListeners = function(sEventId) {
	return !!this.mEventRegistry[sEventId];
};

/**
 * Returns the list of events currently having listeners attached.
 *
 * Introduced for lightspeed support to ensure that only relevant events are attached to the LS-world.
 *
 * This is a static method to avoid the pollution of the Element/Control namespace.
 * As the callers are limited and known and for performance reasons the internal event registry
 * is returned. It contains more information than necessary, but needs no expensive conversion.
 *
 * @return {object} the list of events currently having listeners attached
 * @private
 * @static
 */
sap.ui.base.EventProvider.getEventList = function(oEventProvider) {
	return oEventProvider.mEventRegistry;
};

/**
 * Returns the parent in the eventing hierarchy of this object.
 *
 * Per default this returns null, but if eventing is used in objects, which are hierarchically
 * structured, this can be overwritten to make the object hierarchy visible to the eventing and
 * enables the use of event bubbling within this object hierarchy.
 *
 * @return {sap.ui.base.EventProvider} the parent event provider
 * @protected
 */
sap.ui.base.EventProvider.prototype.getEventingParent = function() {
	return null;
};

/**
 * Returns a string representation of this object.
 *
 * In case there is no class or id information, a simple static string is returned.
 * Subclasses should override this method.
 *
 * @return {string} a string description of this eventProvider
 * @public
 */
sap.ui.base.EventProvider.prototype.toString = function() {
	if ( this.getMetadata ) {
		return "EventProvider " + this.getMetadata().getName();
	}
	else {
		return "EventProvider";
	}
};


/**
 * @see sap.ui.base.Object.prototype.destroy
 * @public
 */
sap.ui.base.EventProvider.prototype.destroy = function() {
	this.mEventRegistry = {};
	sap.ui.base.Object.prototype.destroy.apply(this, arguments);
};

}; // end of sap.ui.base.EventProvider
if ( !jQuery.sap.isDeclared('sap.ui.base.ManagedObjectMetadata') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.base.ManagedObjectMetadata
jQuery.sap.declare("sap.ui.base.ManagedObjectMetadata");



/**
 * Creates a new metadata object for a Element subclass.
 *
 * @param {string} sClassName fully qualified name of the class that is described by this metadata object
 * @param {object} oStaticInfo static info to construct the metadata from
 *
 * @class
 * @author Frank Weigel
 * @version 1.12.0
 * @since 0.8.6
 */
sap.ui.base.ManagedObjectMetadata = function(sClassName, oClassInfo) {

	// call super constructor
	sap.ui.base.Metadata.apply(this, arguments);

};

//chain the prototypes
sap.ui.base.ManagedObjectMetadata.prototype = jQuery.sap.newObject(sap.ui.base.Metadata.prototype);

/**
 * @private
 */
sap.ui.base.ManagedObjectMetadata.prototype.applySettings = function(oClassInfo) {

	var oStaticInfo = oClassInfo.metadata;

	sap.ui.base.Metadata.prototype.applySettings.call(this, oClassInfo);

	var rPlural = /(children|ies|ves|oes|ses|ches|shes|xes|s)$/i;
	var mSingular = {'children' : -3, 'ies' : 'y', 'ves' : 'f', 'oes' : -2, 'ses' : -2, 'ches' : -2, 'shes' : -2, 'xes' : -2, 's' : -1 };

	function normalize(mInfoMap, sDefaultName, oDefaultValues) {
		var sName,oInfo;
		mInfoMap = mInfoMap || {};
		for(sName in mInfoMap) {
			oInfo = mInfoMap[sName];
			// if settings are not an object literal and if there is a default setting, set it
			if ( sDefaultName && typeof oInfo !== "object" ) {
				oInfo = {};
				oInfo[sDefaultName] = mInfoMap[sName];
			}
			oInfo = jQuery.extend({}, oDefaultValues, oInfo);
			oInfo.name = sName;
			// if info contains a multiple flag but no singular name, calculate one
			if ( oInfo.multiple === true && !oInfo.singularName) {
				oInfo.singularName = sName.replace(rPlural, function($,sPlural) {
					var vRepl = mSingular[sPlural.toLowerCase()];
					return typeof vRepl === "string" ? vRepl : sPlural.slice(0,vRepl);
				});
			}
			mInfoMap[sName] = oInfo;
		}
		return mInfoMap;
	}

	function filter(mInfoMap, bPublic) {
		var mResult={},sName;
		for(sName in mInfoMap) {
			if ( bPublic === (mInfoMap[sName].visibility === 'public') ) {
				mResult[sName] = mInfoMap[sName];
			}
		}
		return mResult;
	}
	
	var rLibName = /([a-z][^.]*(?:\.[a-z][^.]*)*)\./;

	function defaultLibName(sName) {
	  var m = rLibName.exec(sName);
	  return (m && m[1]) || "";
	}

	// init basic metadata from static infos and fallback to defaults
	this._sLibraryName = oStaticInfo.library || defaultLibName(this.getName());
	this._mProperties = normalize(oStaticInfo.properties, "type", { type : "string", group : "Misc" });
	var mAllAggregations = normalize(oStaticInfo.aggregations, "type", { type : "sap.ui.core.Control", multiple : true, visibility : 'public' });
	this._mAggregations = filter(mAllAggregations, true);
	this._mPrivateAggregations = filter(mAllAggregations, false);
	this._sDefaultAggregation = oStaticInfo.defaultAggregation || null;
	this._mAssociations = normalize(oStaticInfo.associations, "type", { type : "sap.ui.core.Control", multiple : false});
	this._mEvents = normalize(oStaticInfo.events, /* no default setting */ null, { allowPreventDefault : false });

	this._bEnriched = false;

	if ( oClassInfo.metadata.__version > 1.0 ) {
		this.generateAccessors();
	}

};

/**
 * @private
 */
sap.ui.base.ManagedObjectMetadata.prototype.afterApplySettings = function() {

	sap.ui.base.Metadata.prototype.afterApplySettings.call(this);

	// if there is a parent class, produce the flattened "all" views for the element specific metadata
	// PERFOPT: this could be done lazily
	var oParent = this.getParent();
	if ( oParent && oParent instanceof sap.ui.base.ManagedObjectMetadata ) {
		this._mAllEvents = jQuery.extend({},oParent._mAllEvents, this._mEvents);
		this._mAllProperties = jQuery.extend({},oParent._mAllProperties, this._mProperties);
		this._mAllPrivateAggregations = jQuery.extend({},oParent._mAllPrivateAggregations, this._mPrivateAggregations);
		this._mAllAggregations = jQuery.extend({},oParent._mAllAggregations, this._mAggregations);
		this._mAllAssociations = jQuery.extend({},oParent._mAllAssociations, this._mAssociations);
		this._sDefaultAggregation = this._sDefaultAggregation || oParent._sDefaultAggregation;
		if ( oParent._mHiddenAggregations ) {
		  this._mHiddenAggregations = jQuery.extend({},oParent._mHiddenAggregations);
		}
	} else {
		this._mAllEvents = this._mEvents;
		this._mAllProperties = this._mProperties;
		this._mAllPrivateAggregations = this._mPrivateAggregations;
		this._mAllAggregations = this._mAggregations;
		this._mAllAssociations = this._mAssociations;
	}

};

sap.ui.base.ManagedObjectMetadata.Kind = {
  PROPERTY :0, SINGLE_AGGREGATION : 1, MULTIPLE_AGGREGATION : 2, SINGLE_ASSOCIATION : 3, MULTIPLE_ASSOCIATION : 4, EVENT : 5
};


/**
 * Returns the name of the library that contains the described UIElement.
 * @return {string} the name of the library
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getLibraryName = function() {
	return this._sLibraryName;
};

/**
 * Returns whether the class/control is abstract
 * @return {boolean} whether the class/control is abstract
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.isAbstract = function() {
	return this._bAbstract;
};

/**
 * Declares an additional property for the UIElement class described by this metadata.
 *
 * Any property declaration via this method must happen before the described class
 * is subclassed, or the added property will not be visible in the subclass.
 *
 * Typically used to enrich UIElement classes in an aspect oriented manner.
 * @public
 * @see sap.ui.core.EnabledPropagator
 */
sap.ui.base.ManagedObjectMetadata.prototype.addProperty = function(sName, oInfo) {
	oInfo.name = sName;
	this._mProperties[sName] = oInfo;
	if(!this._mAllProperties[sName]) {// ensure extended AllProperties meta-data is also enriched
		this._mAllProperties[sName] = oInfo;
	}

	if ( this._bEnriched ) { // does not seem right! this is the 'drop out' condition for _enrichChildInfos() -> senseless
		this._enrichChildInfos();
	}
	// TODO notify listeners (subclasses) about change
};

/**
 * Checks the existance of the given property by its name
 * @param {string} sName name of the property
 * @return {boolean} true, if the property exists
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.hasProperty = function(sName) {
	return !!this._mAllProperties[sName];
};

/**
 * Returns infos about the properties declared by the UIElement class
 * described by this metadata object. Properties from ancestor classes
 * are not returned.
 *
 * The returned map contains property info objects keyed by the property name.
 *
 * @return {map} Map of property infos keyed by property names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getProperties = function() {
	return this._mProperties;
};

/**
 * Returns infos about all properties declared by the UIElement class
 * described by this metadata object as well as properties from base classes.
 *
 * The returned map contains property info objects keyed by the property name.
 *
 * @return {map} Map of property infos keyed by property names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getAllProperties = function() {
	return this._mAllProperties;
};

/**
 * Returns infos about the public aggregations declared by the UIElement class
 * described by this metadata object. Aggregations from ancestor classes
 * are not returned.
 *
 * The returned map contains aggregation info objects keyed by the aggregation name.
 * In case of 0..1 aggregations this is the singular name, otherwise it is the plural
 * name.
 *
 * @return {map} Map of aggregation infos keyed by aggregation names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getAggregations = function() {
	return this._mAggregations;
};

/**
 * Checks the existance of the given aggregation by its name
 * @param {string} sName name of the aggregation
 * @return {boolean} true, if the aggregation exists
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.hasAggregation = function(sName) {
	return !!this._mAllAggregations[sName];
};

/**
 * Returns infos about all public aggregations declared by the UIElement class
 * described by this metadata object as well as public aggregations from base classes.
 *
 * The returned map contains aggregation info objects keyed by the aggregation name.
 * In case of 0..1 aggregations this is the singular name, otherwise it is the plural
 * name.
 *
 * @return {map} Map of aggregation infos keyed by aggregation names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getAllAggregations = function() {
	return this._mAllAggregations;
};

/**
 * Returns infos about all private (hidden) aggregations declared by the UIElement class
 * described by this metadata object as well as private aggregations from base classes.
 *
 * The returned map contains aggregation info objects keyed by the aggregation name.
 * In case of 0..1 aggregations this is the singular name, otherwise it is the plural
 * name.
 *
 * @return {map} Map of aggregation infos keyed by aggregation names
 * @protected
 */
sap.ui.base.ManagedObjectMetadata.prototype.getAllPrivateAggregations = function() {
	return this._mAllPrivateAggregations;
};

/**
 * Returns the info object for a public or private aggregation declared by the described 
 * ManagedObject class or by any of its ancestors.
 *
 * @return {object} aggregation info or null
 * @protected
 */
sap.ui.base.ManagedObjectMetadata.prototype.getManagedAggregation = function(sAggregationName) {
	return this._mAllAggregations[sAggregationName] || this._mAllPrivateAggregations[sAggregationName] 
};

/**
 * Returns the name of the default aggregation of this control.
 * If the control itself does not define a default aggregation, then the
 * default aggregation of the parent is returned. If no control in the
 * hierarchy defines a default aggregation, null is returned.
 *
 * @return {string} Name of the default aggregation for this class
 */
sap.ui.base.ManagedObjectMetadata.prototype.getDefaultAggregationName = function() {
	return this._sDefaultAggregation;
};

/**
 * Returns the name of the default aggregation of this control.
 * If the control itself does not define a default aggregation, then the
 * default aggregation of the parent is returned.
 *
 * @return {string} Name of the default aggregation for this class
 */
sap.ui.base.ManagedObjectMetadata.prototype.getDefaultAggregation = function() {
	return this._sDefaultAggregation && this.getAllAggregations()[this._sDefaultAggregation];
};

/**
 * Returns infos about the associations declared by the UIElement class
 * described by this metadata object. Associations from ancestor classes
 * are not returned.
 *
 * The returned map contains association info objects keyed by the association name.
 * In case of 0..1 associations this is the singular name, otherwise it is the plural
 * name.
 *
 * @return {map} Map of association infos keyed by association names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getAssociations = function() {
	return this._mAssociations;
};

/**
 * Checks the existance of the given association by its name
 * @param {string} sName name of the association
 * @return {boolean} true, if the association exists
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.hasAssociation = function(sName) {
	return !!this._mAllAssociations[sName];
};

/**
 * Returns infos about all associations declared by the UIElement class
 * described by this metadata object as well as associations from base classes.
 *
 * The returned map contains association info objects keyed by the association name.
 * In case of 0..1 associations this is the singular name, otherwise it is the plural
 * name.
 *
 * @return {map} Map of association infos keyed by association names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getAllAssociations = function() {
	return this._mAllAssociations;
};

/**
 * Returns infos about the events declared by the UIElement class
 * described by this metadata object. Events from ancestor classes
 * are not returned.
 *
 * The returned map contains events info objects keyed by the events name.
 *
 * @return {map} Map of event infos keyed by event names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getEvents = function() {
	return this._mEvents;
};

/**
 * Checks the existance of the given event by its name
 * @param {string} sName name of the event
 * @return {boolean} true, if the event exists
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.hasEvent = function(sName) {
	return !!this._mAllEvents[sName];
};

/**
 * Returns infos about all events declared by the UIElement class
 * described by this metadata object as well as events from base classes.
 *
 * The returned map contains event info objects keyed by the event name.
 *
 * @return {map} Map of event infos keyed by event names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getAllEvents = function() {
	return this._mAllEvents;
};

/**
 * Returns a map of default values for all properties declared by the
 * described class and its ancestors, keyed by the property name.
 *
 * @return {map} Map of default values keyed by property names
 * @public
 */
sap.ui.base.ManagedObjectMetadata.prototype.getPropertyDefaults = function() {

	var mDefaults = this._mDefaults,
		oType;
	if ( mDefaults ) {
		return mDefaults;
	}

	if ( this.getParent() instanceof sap.ui.base.ManagedObjectMetadata ) {
		mDefaults = jQuery.sap.newObject(this.getParent().getPropertyDefaults());
	} else {
		mDefaults = {};
	}

	for(var s in this._mProperties) {
		if ( this._mProperties[s].defaultValue !== null ) {
			mDefaults[s] = this._mProperties[s].defaultValue;
		} else {
			oType = sap.ui.base.DataType.getType(this._mProperties[s].type);
			if (oType instanceof sap.ui.base.DataType) {
				mDefaults[s] = oType.getDefaultValue();
			} else { // Enumeration
				for (var i in oType) {
					mDefaults[s] = oType[i];
					break;
				}
			}
		}
	}
	return (this._mDefaults = mDefaults);
};


sap.ui.base.ManagedObjectMetadata.prototype.createPropertyBag = function() {
	if ( !this._fnPropertyBagFactory ) {
		this._fnPropertyBagFactory = jQuery.sap.factory(this.getPropertyDefaults());
	}
	return new (this._fnPropertyBagFactory)();
};

/**
 * Helper method that enriches the (generated) information objects for children
 * (e.g. properties, aggregations, ...) of this Element.
 *
 * Also ensures that the parent metadata is enriched.
 *
 * @private
 */
sap.ui.base.ManagedObjectMetadata.prototype._enrichChildInfos = function() {

	if ( this._bEnriched ) {
		return;
	}

	if ( this.getParent() instanceof sap.ui.base.ManagedObjectMetadata ) {
		this.getParent()._enrichChildInfos();
	}

	var m,sName,oInfo;
	function method(sPrefix, sName) {
		return sPrefix + sName.substring(0,1).toUpperCase() + sName.substring(1);
	}

	// adapt properties
	m=this._mProperties;
	for(sName in m) {
		oInfo = m[sName];
		oInfo._sName = sName;
		oInfo._sUID = sName;
		oInfo._oParent = this;
		oInfo._iKind = sap.ui.base.ManagedObjectMetadata.Kind.PROPERTY;
		oInfo._sMutator = method("set", sName);
		oInfo._sGetter = method("get", sName);
	}

	// adapt aggregations
	m=this._mAggregations;
	for(sName in m) {
		oInfo = m[sName];
		oInfo._sName = sName;
		oInfo._sUID = "aggregation:" + sName;
		oInfo._oParent = this;
		oInfo._sDestructor = method("destroy", sName);
		oInfo._sGetter = method("get", sName);
		if ( oInfo.multiple ) {
			oInfo._iKind = sap.ui.base.ManagedObjectMetadata.Kind.MULTIPLE_AGGREGATION;
			oInfo._sMutator = method("add", oInfo.singularName);
			oInfo._sRemoveMutator = method("remove", oInfo.singularName);
		} else {
			oInfo._iKind = sap.ui.base.ManagedObjectMetadata.Kind.SINGLE_AGGREGATION;
			oInfo._sMutator = method("set", sName);
		}
	}

	// adapt associations
	m=this._mAssociations;
	for(sName in m) {
		oInfo = m[sName];
		oInfo._sName = sName;
		oInfo._sUID = "association:" + sName;
		oInfo._oParent = this;
		oInfo._sGetter = method("get", sName);
		if ( oInfo.multiple ) {
			oInfo._iKind = sap.ui.base.ManagedObjectMetadata.Kind.MULTIPLE_ASSOCIATION;
			oInfo._sMutator = method("add", oInfo.singularName);
		} else {
			oInfo._iKind = sap.ui.base.ManagedObjectMetadata.Kind.SINGLE_ASSOCIATION;
			oInfo._sMutator = method("set", sName);
		}
	}

	// adapt events
	m=this._mEvents;
	for(sName in m) {
		oInfo = m[sName];
		oInfo._sName = sName;
		oInfo._sUID = "event:" + sName;
		oInfo._oParent = this;
		oInfo._iKind = sap.ui.base.ManagedObjectMetadata.Kind.EVENT;
		oInfo._sMutator = method("attach", sName);
	}

	this._bEnriched = true;
};

/**
 * Builds a "reflection like" map of setters/type infos keyed by the possible JSON names.
 * Mainly used for the {@link sap.ui.core.Element.applySettings} method.
 *
 * @see sap.ui.core.Element.prototype.applySettings
 * @private
 */
sap.ui.base.ManagedObjectMetadata.prototype.getJSONKeys = function() {

	if ( this._mJSONKeys ) {
		return this._mJSONKeys;
	}

	this._enrichChildInfos();

	var mJSONKeys = {};
	function addKeys(m) {
		var sName, oInfo;
		for(sName in m) {
			oInfo = m[sName];
			if ( !mJSONKeys[sName] || oInfo._iKind < mJSONKeys[sName]._iKind ) {
				mJSONKeys[sName] = oInfo;
			};
			mJSONKeys[oInfo._sUID] = oInfo;
		};
	}

	addKeys(this.getAllProperties());
	addKeys(this.getAllAggregations());
	addKeys(this.getAllAssociations());
	addKeys(this.getAllEvents());

	return (this._mJSONKeys = mJSONKeys);
};

sap.ui.base.ManagedObjectMetadata.prototype.generateAccessors = function() {

	var meta=this;
	var proto = this.getClass().prototype;
	function method(sPrefix, sName, fn, bDeprecated) {
		var sName = sPrefix + sName.substring(0,1).toUpperCase() + sName.substring(1);
		if ( !proto[sName] ) {
			proto[sName] = bDeprecated ? function() {
				jQuery.sap.log.warning("Usage of deprecated feature: " + meta.getName() + "." + sName);
				return fn.apply(this, arguments);
			} : fn; 
			meta._aPublicMethods.push(sName);
		}
	}

	jQuery.each(this._mProperties, function(n,info) {
		method("get", n, function() { return this.getProperty(n); });
		method("set", n, function(v) { this.setProperty(n,v); return this; }, info.deprecated);
		if ( info.bindable ) {
			method("bind", n, function(p,fn,m) { this.bindProperty(n,p,fn,m); return this; }, info.deprecated);
			method("unbind", n, function(p) { this.unbindProperty(n,p); return this; });
		}
	});
	jQuery.each(this._mAggregations, function(n,info) {
		if ( !info.multiple ) {
			method("get", n, function() { return this.getAggregation(n); });
			method("set", n, function(v) { this.setAggregation(n,v); return this; }, info.deprecated);
		} else {
			var n1 = info.singularName;
			method("get", n, function() { return this.getAggregation(n,[]); });
			method("add", n1, function(a) { this.addAggregation(n,a); return this; }, info.deprecated);
			method("insert", n1, function(i,a) { this.insertAggregation(n,i,a); return this; }, info.deprecated);
			method("remove", n1, function(a) { return this.removeAggregation(n,a); });
			method("removeAll", n, function() { return this.removeAllAggregation(n); });
			method("indexOf", n1, function(a) { return this.indexOfAggregation(n,a); });
		}
		method("destroy", n, function() { this.destroyAggregation(n); return this; });
		if ( info.bindable ) {
			method("bind", n, function(p,t,s,f) { this.bindAggregation(n,p,t,s,f); return this; }, info.deprecated);
			method("unbind", n, function(p) { this.unbindAggregation(n,p); return this; });
		}
	});
	jQuery.each(this._mAssociations, function(n,info) {
		if ( !info.multiple ) {
			method("get", n, function() { return this.getAssociation(n); });
			method("set", n, function(v) { this.setAssociation(n,v); return this; }, info.deprecated);
		} else {
			var n1 = info.singularName;
			method("get", n, function() { return this.getAssociation(n,[]); });
			method("add", n1, function(a) { this.addAssociation(n,a); return this; }, info.deprecated);
			method("remove", n1, function(a) { return this.removeAssociation(n,a); });
			method("removeAll", n, function() { return this.removeAllAssociation(n); });
		}
	});
	jQuery.each(this._mEvents, function(n,info) {
		method("attach", n, function(d,f,o) { this.attachEvent(n,d,f,o); return this; }, info.deprecated);
		method("detach", n, function(f,o) { this.detachEvent(n,f,o); return this; });
		var n1 = !!info.allowPreventDefault;
		method("fire", n, function(p) { return this.fireEvent(n,p, n1); });
	});

};

(function() {

	/**
	 * Usage counters for the different UID tokens
	 */
	var mUIDCounts = {};

	function uid(sId) {
		jQuery.sap.assert(!/[0-9]+$/.exec(sId), "AutoId Prefixes must not end with numbers");

		sId = sap.ui.getCore().getConfiguration().getUIDPrefix() + sId;

		// initialize counter
		mUIDCounts[sId] = mUIDCounts[sId] || 0;

		// combine prefix + counter
		// concatenating sId and a counter is only safe because we don't allow trailing numbers in sId!
		return (sId + mUIDCounts[sId]++);
	}

	/**
	 * Calculates a new id based on a prefix.
	 *
	 * @return {string} A (hopefully unique) control id
	 * @public
	 * @function
	 */
	sap.ui.base.ManagedObjectMetadata.uid = uid;

	/**
	 * Calculates a new id for an instance of this class.
	 *
	 * Note that the calculated short name part is usually not unique across
	 * all classes, but doesn't have to be. It might even be empty when the
	 * class name consists of invalid characters only.
	 *
	 * @return {string} A (hopefully unique) control id
	 * @public
	 */
	sap.ui.base.ManagedObjectMetadata.prototype.uid = function() {

		var sId = this._sUIDToken;
		if ( typeof sId !== "string" ) {
			// start with qualified class name
			sId  = this.getName();
			// reduce to unqualified name
			sId = sId.slice(sId.lastIndexOf('.')+1);
			// reduce a camel case, multi word name to the last word
			sId = sId.replace(/([a-z])([A-Z])/g, "$1 $2").split(" ").slice(-1)[0];
			// remove unwanted chars (and no trailing digits!) and convert to lower case
			sId = this._sUIDToken = sId.replace(/([^A-Za-z0-9-_.:])|([0-9]+$)/g,"").toLowerCase();
		}

		return uid(sId);
	};

}());
}; // end of sap.ui.base.ManagedObjectMetadata
if ( !jQuery.sap.isDeclared('sap.ui.core.ComponentMetadata') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.ComponentMetadata
jQuery.sap.declare("sap.ui.core.ComponentMetadata");


/**
 * Creates a new metadata object for a Component subclass.
 *
 * @param {string} sClassName fully qualified name of the class that is described by this metadata object
 * @param {object} oStaticInfo static info to construct the metadata from
 *
 * @experimental Since 1.9.2. The Component concept is still under construction, so some implementation details can be changed in future.
 * @class
 * @author SAP
 * @version 1.12.0
 * @since 1.9.2
 */
sap.ui.core.ComponentMetadata = function(sClassName, oClassInfo) {

	// call super constructor
	sap.ui.base.ManagedObjectMetadata.apply(this, arguments);
};

//chain the prototypes
sap.ui.core.ComponentMetadata.prototype = jQuery.sap.newObject(sap.ui.base.ManagedObjectMetadata.prototype);

sap.ui.core.ComponentMetadata.prototype.applySettings = function(oClassInfo) {

	var oStaticInfo = oClassInfo.metadata;

	sap.ui.base.ManagedObjectMetadata.prototype.applySettings.call(this, oClassInfo);

	this._mDependencies = oStaticInfo.dependencies || null;
};

/**
 * Returns the dependencies for the component
 */
sap.ui.core.ComponentMetadata.prototype.getDependencies = function() {

	return this._mDependencies;
};

/**
 * Returns the list of the included files that the component needs such as css and js
 * @return {string} the array of included files
 * @public
 */
sap.ui.core.ComponentMetadata.prototype.getIncludes = function() {
	return this._mIncludes;
};



/**
 * Returns the UI5 Version of the used SAP UI5.
 * @return {string} the version of UI5
 * @public
 */
sap.ui.core.ComponentMetadata.prototype.getUI5Version = function() {
	return this._mDependencies.ui5version;
};   


/**
 * Returns the UI5 Version of the used SAP UI5.
 * @return {string} the version of UI5
 * @public
 */
sap.ui.core.ComponentMetadata.prototype.getComponents = function() {
	return this._mDependencies.components;
};

/**
 * Returns the UI5 Version of the used SAP UI5.
 * @return {string} the version of UI5
 * @public
 */
sap.ui.core.ComponentMetadata.prototype.getLibs = function() {
	return this._mDependencies.libs;
};


/**
 * Returns the version of the component.
 * @return {string} the version of the component
 * @public
 */
sap.ui.core.ComponentMetadata.prototype.getVersion = function() {
	return this._sVersion;
};

}; // end of sap.ui.core.ComponentMetadata
if ( !jQuery.sap.isDeclared('sap.ui.core.Configuration') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides class sap.ui.core.Configuration
jQuery.sap.declare("sap.ui.core.Configuration");




/*global URI *///declare unusual global vars for JSLint/SAPUI5 validation

(function() {

	/**
	 * Creates a new Configuration object.
	 *
	 * @class Collects and stores the configuration of the current environment.
	 *
	 * The Configuration is initialized once when the {@link sap.ui.core.Core} is created.
	 * There are different ways to set the environment configuration (in ascending priority):
	 * <ol>
	 * <li>System defined defaults
	 * <li>Server wide defaults, read from /sap-ui-config.json
	 * <li>Properties of the global configuration object window["sap-ui-config"]
	 * <li>A configuration string in the data-sap-ui-config attribute of the bootstrap tag
	 * <li>Individual data-sap-ui-xyz attributes of the bootstrap tag
	 * <li>Using URL parameters
	 * <li>Setters in this Configuration object (only for some parameters)
	 * </ol>
	 *
	 * That is, attributes of the DOM reference override the system defaults, URL parameters
	 * override the DOM attributes (where empty URL parameters set the parameter back to its
	 * system default). Calling setters at runtime will override any previous settings
	 * calculated during object creation.
	 *
	 * The naming convention for parameters is:
	 * <ul>
	 * <li>in the URL : sap-ui-<i>PARAMETER-NAME</i>="value"
	 * <li>in the DOM : data-sap-ui-<i>PARAMETER-NAME</i>="value"
	 * </ul>
	 * where <i>PARAMETER-NAME</i> is the name of the parameter in lower case.
	 *
	 * Values of boolean parameters are case insensitive where "true" and "x" are interpreted as true.
	 *
	 * @extends sap.ui.base.Object
	 * @author Frank Weigel (Martin Schaus)
	 * @constructor
	 * @public
	 * @name sap.ui.core.Configuration
	 */
	sap.ui.base.Object.extend("sap.ui.core.Configuration", /** @lends sap.ui.core.Configuration.prototype */ {

		constructor : function(oCore) {
			
			this._oCore = oCore;
			
			function detectLanguage() {
				var match;
				if (jQuery.os.android) {
					// on Android, navigator.language is hardcoded to 'en', so check UserAgent string instead 
					match = navigator.userAgent.match(/\s([a-z]{2}-[a-z]{2})[;)]/i);
					if ( match ) {
						return match[1];
					}
          // okay, we couldn't find a language setting. It might be better to fallback to 'en' instead of having no language 
				} 
				return navigator.language || navigator.userLanguage || navigator.browserLanguage;
			}

			// definition of supported settings
			var M_SETTINGS = {
					"theme"                 : { type : "string",   defaultValue : "base" },
					"language"              : { type : "string",   defaultValue : detectLanguage() },
					"formatLocale"          : { type : "string",   defaultValue : null },
					// "timezone"              : "UTC",
					"accessibility"         : { type : "boolean",  defaultValue : true },
					"animation"             : { type : "boolean",  defaultValue : true },
					"rtl"                   : { type : "boolean",  defaultValue : null },
					"debug"                 : { type : "boolean",  defaultValue : false },
					"inspect"               : { type : "boolean",  defaultValue : false },
					"originInfo"            : { type : "boolean",  defaultValue : false },
					"noConflict"            : { type : "boolean",  defaultValue : false,     noUrl:true },
					"noDuplicateIds"        : { type : "boolean",  defaultValue : true },
					"trace"                 : { type : "boolean",  defaultValue : false,     noUrl:true },
					"modules"               : { type : "string[]", defaultValue : [],        noUrl:true },
					"areas"                 : { type : "string[]", defaultValue : null,      noUrl:true },
					// "libs"                  : { type : "string[]", defaultValue : [],        noUrl:true }, deprecated, handled below
					"onInit"                : { type : "code",     defaultValue : undefined, noUrl:true },
					"uidPrefix"             : { type : "string",   defaultValue : "__",      noUrl:true },
					"ignoreUrlParams"       : { type : "boolean",  defaultValue : false,     noUrl:true },
					"weinreServer"          : { type : "string",   defaultValue : "",        noUrl:true },
					"weinreId"              : { type : "string",   defaultValue : "" },
					"preload"               : { type : "string",   defaultValue : 'auto' },
					"appCacheBuster"        : { type : "string[]", defaultValue : [] },
					"xx-loadAllMode"        : { type : "boolean",  defaultValue : false,     noUrl:true },
					"xx-test-mobile"        : { type : "boolean",  defaultValue : false },
					"xx-preloadLibCss"      : { type : "string[]", defaultValue : [] },
					"xx-bindingSyntax"      : { type : "string",   defaultValue : "simple",  noUrl:true }, // simple|complex...
					"xx-accessibilityMode"  : { type : "boolean",  defaultValue : false },
					"xx-supportedLanguages" : { type : "string[]", defaultValue : [] }, // *=any, sapui5 or list of locales
					"xx-bootTask"           : { type : "function", defaultValue : undefined, noUrl:true }
			};

			this.oFormatSettings = new sap.ui.core.Configuration.FormatSettings(this);

			/* Object that carries the real configuration data */
			var config = this;

			function setValue(sName, sValue) {
				if ( typeof sValue === "undefined" || sValue === null ) {
					return;
				}
				switch(M_SETTINGS[sName].type) {
				case "boolean":
					if ( typeof sValue === "string" ) {
						if (M_SETTINGS[sName].defaultValue) {
							config[sName] = sValue.toLowerCase() != "false";
						} else {
							config[sName] = sValue.toLowerCase() === "true" || sValue.toLowerCase() === "x";
						}
					} else {
						// boolean etc.
						config[sName] = !!sValue;
					}
					break;
				case "string":
					config[sName] = "" + sValue; // enforce string
					break;
				case "code":
					config[sName] = typeof sValue === "function" ? sValue : String(sValue);
					break;
				case "function":
					if ( typeof sValue !== "function" ) {
						throw new Error("unsupported value");
					}
					config[sName] = sValue;
					break;
				case "string[]":
					if ( jQuery.isArray(sValue) ) {
						config[sName] = sValue;
					} else if ( typeof sValue === "string" ) {
						config[sName] = jQuery.map(sValue.split(/[ ,;]/), function($) { return jQuery.trim($); });
					} else {
						throw new Error("unsupported value");
					}
					break;
				default:
					throw new Error("illegal state");
				}
			}

			function validateThemeRoot(sThemeRoot) {
				// might in future be checked against a whitelist - for now it is a hardcoded URL prefix
				var rThemeRepository = /^\/sap\/public\/bc\/themes\//i,
					oPage,
					oThemeRoot,
					sPath;
				
				try {
					oPage = new URI().normalize();
					oThemeRoot = new URI(sThemeRoot, window.location.href).normalize();
					if ( oThemeRoot.hostname() === oPage.hostname() && rThemeRepository.test(oThemeRoot.path()) ) {
						sPath = oThemeRoot.path();
						return sPath + (sPath.slice(-1) === '/' ? '' : '/') + "UI5/";
					}
				} catch (e) {
					// malformed URL are also not accepted 
				}
				jQuery.sap.log.error("Invalid Theme Root URL: URL must point into the central theme repository on the same server - setting ignored");
			}
			
			// 1. collect the defaults
			for (var n in M_SETTINGS ) {
				config[n] = M_SETTINGS[n].defaultValue;
			}

			// 2. read server wide sapui5 configuration
			/* TODO: RETHINK server wide sapui5 configuration to make it optional
    			 currently it is forcing a request which is annoying customers :
    			   - Think about an option which enables loading of server wide config!
    	var sUrl = "/sap-ui-config.json";
    	var oResponse = jQuery.sap.sjax({url:sUrl});
    	if (oResponse.success) {
    		var oServerCfg = {};
    		if (typeof oResponse.data == "string") {
    			try {
    				oServerCfg = jQuery.parseJSON(oResponse.data);
    			} catch(ex) {
    				jQuery.sap.log.warning("Error when parsing the JSON configuration content from " + sUrl + " : " + ex);
    			}
    		} else {
    			oServerCfg = oResponse.data;
    		}
    		for (var n in M_SETTINGS) {
    			if (oServerCfg[n]) {
    				setValue(n, oServerCfg[n]);
    			}
    		}
    	}
			 */

			// 3.-5. apply settings from global config object (already merged with script tag attributes)
			var oCfg = window["sap-ui-config"] || {};
			oCfg.oninit = oCfg.oninit || oCfg["evt-oninit"];
			for (var n in M_SETTINGS) {
				setValue(n, oCfg[n.toLowerCase()]);
			}
			// if libs are configured, convert them to modules and prepend them to the existing modules list
			if ( oCfg.libs ) {
				config.modules = jQuery.map(oCfg.libs.split(","), function($) { return jQuery.trim($)+".library"; }).concat(config.modules);
			}

			// 6. apply the settings from the url (only if not blocked by app configuration)
			if ( !config.ignoreUrlParams ) {
				var sUrlPrefix = "sap-ui-";
				var oUriParams = jQuery.sap.getUriParameters();

				// map SAP parameters (if later as sap-ui parameter set this wins)
				if (oUriParams.mParams['sap-locale'] || oUriParams.mParams['sap-language']) {
					// map sap-locale or sap-language to sap-ui-language
					var sValue = oUriParams.get('sap-locale') || oUriParams.get('sap-language');
					if (sValue === "") {
						//empty URL parameters set the parameter back to its system default
						config['language'] = M_SETTINGS['language'].defaultValue;
					} else {
						//sets the value (null or empty value ignored)
						setValue('language', sValue);
					}
				}

				if (oUriParams.mParams['sap-accessibility']) {
					// "" = false, "X", "x" = true
					var sValue = oUriParams.get('sap-accessibility');
					if (sValue === "X" || sValue === "x") {
						setValue('xx-accessibilityMode', true);
					} else {
						setValue('xx-accessibilityMode', false);
					}
				}

				if (oUriParams.mParams['sap-rtl']) {
					// "" = false, "X", "x" = true
					var sValue = oUriParams.get('sap-rtl');
					if (sValue === "X" || sValue === "x") {
						setValue('rtl', true);
					} else {
						setValue('rtl', false);
					}
				}

				if (oUriParams.mParams['sap-theme']) {
					var sValue = oUriParams.get('sap-theme');
					if (sValue === "") {
						// empty URL parameters set the parameter back to its system default
						config['theme'] = M_SETTINGS['theme'].defaultValue;
					} else {
						setValue('theme', sValue);
					}
				}

				// now analyze sap-ui parameters
				for (var n in M_SETTINGS) {
					if ( M_SETTINGS[n].noUrl ) {
						continue;
					}
					var sValue = oUriParams.get(sUrlPrefix + n);
					if (sValue === "") {
						//empty URL parameters set the parameter back to its system default
						config[n] = M_SETTINGS[n].defaultValue;
					} else {
						//sets the value (null or empty value ignored)
						setValue(n, sValue);
					}
				}
			}

		  // calculate RTL mode
			this.derivedRTL = sap.ui.core.Locale._impliesRTL(config.language);
			
			// analyze theme parameter
			var sTheme = config.theme;
			var iIndex = sTheme.indexOf("@");
			if (iIndex >= 0) {
				var sThemeRoot = validateThemeRoot(sTheme.slice(iIndex+1));
				if ( sThemeRoot ) {
					config.theme = sTheme.slice(0, iIndex);
					config.themeRoot = sThemeRoot;
				} else {
					// fallback to non-URL parameter (if not equal to sStheme)
					config.theme = (oCfg.theme && oCfg.theme !== sTheme) ? oCfg.theme : "base";
				}
			}

			var aLangs = config['xx-supportedLanguages'];
			if ( aLangs.length === 0 || (aLangs.length === 1 && aLangs[0] === '*') ) {
				aLangs = [];
			} else if ( aLangs.length === 1 && aLangs[0] === 'default' ) {
				aLangs = "ar,bg,ca,cs,da,de,el,en,es,et,fi,fr,hi,hr,hu,it,iw,ja,ko,lt,lv,nl,no,pl,pt,ro,ru,sh,sk,sl,sv,th,tr,uk,vi,zh_CN,zh_TW".split(/,/);
				if ( aLangs.length === 1 && aLangs[0].slice(0,1) === '@' ) {
					aLangs = [];
				}
			}
			config['xx-supportedLanguages'] = aLangs; 
			
			// log  all non default value
			for (var n in M_SETTINGS) {
				if ( config[n] !== M_SETTINGS[n].defaultValue ) {
					jQuery.sap.log.info("  " + n + " = " + config[n]);
				}
			}
		},

		/**
		 * Returns the theme name
		 * @return {string} the theme name
		 * @public
		 */
		getTheme : function () {
			return this.theme;
		},

		/**
		 * Allows setting the theme name
		 * @param {string} sTheme the theme name
		 * @return {sap.ui.core.Configuration} <code>this</code> to allow method chaining
		 * @private
		 */
		_setTheme : function (sTheme) {
			this.theme = sTheme;
			return this;
		},

		/**
		 * Returns the language string with language and country code
		 * @return {string} the language string with language and country code
		 * @public
		 */
		getLanguage : function () {
			return this.language;
		},

		/**
		 * Sets a new language tag to be used from now on for language/region dependent 
		 * functionality (e.g. formatting, data types, translated texts, ...). 
		 * 
		 * When the language has changed, the Core will fire its 
		 * {@link sap.ui.core.Core#event:localizationChanged localizationChanged} event.
		 * 
		 * The framework <strong>does not</strong> guarantee that already created, language 
		 * dependent objects will be updated by this call. It therefore remains best practice 
		 * for applications to switch the language early, e.g. before any language dependent 
		 * objects are created. Applications that need to support more dynamic changes of 
		 * the language should listen to the <code>localizationChanged</code> event and adapt 
		 * all language dependent objects that they use (e.g. by rebuilding their UI).
		 * 
		 * Currently, the framework notifies the following objects about a change of the
		 * localization settings before it fires the <code>localizationChanged</code> event:
		 * 
		 * <ul>
		 * <li>date and number data types that are used in property bindings or composite 
		 *     bindings in existing Elements, Controls, UIAreas or Components</li>
		 * <li>ResourceModels currently assigned to the Core, an UIArea, Component, 
		 *     Element or Control</li>
		 * <li>Elements or Controls that implement the <code>onLocalizationChanged</code> hook. 
		 * </ul>
		 * 
		 * It furthermore derives the RTL mode from the new language, if no explicit RTL
		 * mode has been set. If the RTL mode changes, the following additional actions will be taken:
		 * 
		 * <ul>
		 * <li>the URLs of already loaded library theme files will be changed</li>
		 * <li>the <code>dir</code> attribute of the page will be changed to reflect the new mode.</li> 
		 * <li>all UIAreas will be invalidated (which results in a rendering of the whole UI5 UI)</li> 
		 * </ul>
		 * 
		 * @param {string} sLanguage the new language as a BCP47 compliant language tag; case doesn't matter
		 *   and underscores can be used instead of a dashes to separate components (compatibility with Java Locale Ids)
		 * @return {sap.ui.core.Configuration} <code>this</code> to allow method chaining
		 * 
		 * @experimental Since 1.11.1 - See method documentation for restrictions.
		 * @public
		 */
		setLanguage : function (sLanguage) {
			check(typeof sLanguage === "string" && sLanguage, "sLanguage must be a BCP47 language tag or Java Locale id or null"); // TODO delegate to Locale?
			var bOldRTL = this.getRTL(),
				mChanges;
			
			if ( sLanguage != this.language ) {
				mChanges = this._collect();
				this.language = mChanges.language = sLanguage;
				this.derivedRTL = sap.ui.core.Locale._impliesRTL(sLanguage);
				if ( bOldRTL != this.getRTL() ) {
					mChanges.rtl = this.getRTL();
				}
				this._endCollect();
			}
			return this;
		},

		/**
		 * Returns the active locale for the current session. 
		 * The locale is derived from the {@link #getLanguage language} property.
		 * @return {sap.ui.core.Locale} the locale
		 * @public
		 */
		getLocale : function () {
			return new sap.ui.core.Locale(this.language);
		},

		/**
		 * Returns the format locale string with language and region code. Falls back to 
		 * language configuration, in case it has not been explicitly defined.
		 * 
		 * @return {string} the format locale string with language and country code
		 * @public
		 */
		getFormatLocale : function () {
			return this.formatLocale || this.language;
		},

		/**
		 * Sets a new formatLocale to be used from now on for retrieving locale
		 * specific formatters. Modifying this setting does not have an impact on 
		 * the retrieval of translated texts!
		 * 
		 * Can either be set to a concrete value (a BCP-47 or Java locale compliant 
		 * language tag) or to <code>null</code>. When set to <code>null</code> (default 
		 * value) then locale specific formatters are retrieved for the current language.
		 * 
		 * After changing the formatLocale, the framework tries  to update localization 
		 * specific parts of the UI. See the documentation of {@link #setLanguage} for 
		 * details and restrictions.
		 * 
		 * @param {string|null} sFormatLocale the new format locale as a BCP47 compliant language tag; 
		 *   case doesn't matter and underscores can be used instead of a dashes to separate 
		 *   components (compatibility with Java Locale Ids)
		 * @return {sap.ui.core.Configuration} <code>this</code> to allow method chaining
		 * 
		 * @experimental Since 1.11.1 - See documentation of {@link #setLanguage} for restrictions.
		 */
		setFormatLocale : function(sFormatLocale) {
			check(sFormatLocale === null || typeof sFormatLocale === "string" && sFormatLocale, "sFormatLocale must be a BCP47 language tag or Java Locale id or null");
			var mChanges;
			if ( sFormatLocale != this.formatLocale ) {
				mChanges = this._collect();
				this.formatLocale = mChanges.formatLocale = sFormatLocale;
				this._endCollect();
			}
			return this;
		},

		/**
		 * @experimental 
		 */
		getSupportedLanguages : function() {
			return this["xx-supportedLanguages"];
		},
		
		/**
		 * Returns whether the accessibility mode is used or not
		 * @return {boolean} whether the accessibility mode is used or not
		 * @public
		 */
		getAccessibility : function () {
			return this.accessibility;
		},

		/**
		 * Returns whether the animations are globally used
		 * @return {boolean} whether the animations are globally used
		 * @public
		 */
		getAnimation : function () {
			return this.animation;
		},

		/**
		 * Returns whether the page uses the RTL text direction.
		 * 
		 * If no mode has been explicitly set (neither true nor false),
		 * the mode is derived from the current language setting.
		 * 
		 * @return {boolean} whether the page uses the RTL text direction
		 * @public
		 */
		getRTL : function () {
			// if rtl has not been set (still null), return the rtl mode derived from the language 
			return this.rtl === null ? this.derivedRTL : this.rtl;
		},

		/**
		 * Sets the character orientation mode to be used from now on.
		 * 
		 * Can either be set to a concrete value (true meaning right-to-left,
		 * false meaning left-to-right) or to <code>null</code> which means that 
		 * the character orientation mode should be derived from the current 
		 * language (incl. region) setting.
		 * 
		 * After changing the character orientation mode, the framework tries  
		 * to update localization specific parts of the UI. See the documentation of 
		 * {@link #setLanguage} for details and restrictions.
		 * 
		 * @param {boolean|null} bRTL new character orientation mode or <code>null</code>
		 * @return {sap.ui.core.Configuration} <code>this</code> to allow method chaining
		 * 
		 * @experimental Since 1.11.1 - See documentation of {@link #setLanguage} for restrictions.
		 */
		setRTL : function(bRTL) {
			check(bRTL === null || typeof bRTL === "boolean", "bRTL must be null or a boolean");
			var mChanges;
			if ( bRTL != this.rtl ) {
				mChanges = this._collect();
				this.rtl = mChanges.rtl = this.getRTL();
				this._endCollect();
			}
			return this;
		},

		/**
		 * Returns whether the page runs in debug mode
		 * @return {boolean} whether the page runs in debug mode
		 * @public
		 */
		getDebug : function () {
			return this.debug;
		},

		/**
		 * Returns whether the UI5 control inspector is displayed
		 * Has only an effect when the sap-ui-debug module has been loaded
		 * @return {boolean} whether the UI5 control inspector is displayed
		 * @public
		 */
		getInspect : function () {
			return this.inspect;
		},

		/**
		 * Returns whether the text origin information is collected
		 * @return {boolean} whether the text info is collected
		 * @public
		 */
		getOriginInfo : function () {
			return this.originInfo;
		},

		/**
		 * Returns whether there should be an exception on any duplicate element IDs
		 * @return {boolean} whether there should be an exception on any duplicate element IDs
		 * @public
		 */
		getNoDuplicateIds : function () {
			return this.noDuplicateIds;
		},

		/**
		 * Whether a trace view should be shown or not.
		 * Has only an effect when the sap-ui-debug module has been loaded
		 * either by explicitly loading it or by setting the 'debug' option to true.
		 * @return {boolean} whether a trace view should be shown
		 */
		getTrace : function () {
			return this.trace;
		},

		/**
		 * Prefix to be used for automatically generated control IDs.
		 * Default is a double underscore "__".
		 *
		 * @returns {string} the prefix to be used
		 * @public
		 */
		getUIDPrefix : function() {
			return this.uidPrefix;
		},

		/**
		 * WEINRE server URL
		 *
		 * @returns {string} the base URL of the WEINRE server
		 * @public
		 */
		getWeinreServer : function() {
			var sWeinreServer = this.weinreServer;
			if (!sWeinreServer) {
				// if not weinre server is configured - we expect that the weinre server
				// is installed on the same machine with port no of the app + 1
				sWeinreServer = window.location.protocol + "//" + window.location.hostname + ":";
				sWeinreServer += (parseInt(window.location.port, 10) || 8080) + 1;
			}
			return sWeinreServer;
		},

		/**
		 * WEINRE session ID
		 *
		 * @returns {string} the ID to use for the WEINRE server
		 * @public
		 */
		getWeinreId : function() {
			return this.weinreId;
		},

		/**
		 * URL to AppCacheBuster Etag-Index file
		 *
		 * @returns {string} URL
		 * @public
		 */
		getAppCacheBuster : function() {
			return this.appCacheBuster;
		},

		/**
		 * Returns a configuration object that bundles the format settings of UI5.
		 *
		 * @return {sap.ui.core.Configuration.FormatSettings} A FormatSettings object.
		 * @public
		 */
		getFormatSettings : function() {
			return this.oFormatSettings;
		},

		_collect : function() {
			var mChanges = this.mChanges || (this.mChanges = { __count : 0});
			mChanges.__count++;
			return mChanges;
		},
		
		_endCollect : function() {
			var mChanges = this.mChanges;
			if ( mChanges && (--mChanges.__count) === 0 ) {
				delete mChanges.__count;
				this._oCore && this._oCore.fireLocalizationChanged(mChanges);
				delete this.mChanges;
			}
		}

	});

	var M_ABAP_DATE_FORMAT_PATTERN = {
			"" : {pattern: null},
			"1": {pattern: "dd.MM.yyyy"},
			"2": {pattern: "MM/dd/yyyy"},
			"3": {pattern: "MM-dd-yyyy"},
			"4": {pattern: "yyyy.MM.dd"},
			"5": {pattern: "yyyy/MM/dd"},
			"6": {pattern: "yyyy-MM-dd"}
	};

	var M_ABAP_TIME_FORMAT_PATTERN = {
			"" : {pattern: null, dayPeriods: null},
			"0": {pattern: "HH:mm:ss", dayPeriods : null},
			"1": {pattern: "hh:mm:ss a", dayPeriods: ["AM", "PM"]},
			"2": {pattern: "hh:mm:ss a", dayPeriods: ["am", "pm"]},
			"3": {pattern: "KK:mm:ss a", dayPeriods: ["AM", "PM"]},
			"4": {pattern: "KK:mm:ss a", dayPeriods: ["am", "pm"]}
	};

	var M_ABAP_NUMBER_FORMAT_SYMBOLS = {
			"" : {groupingSeparator: null, decimalSeparator: null},
			" ": {groupingSeparator: ".", decimalSeparator: ","},
			"X": {groupingSeparator: ",", decimalSeparator: "."},
			"Y": {groupingSeparator: " ", decimalSeparator: ","}
	};

	function check(bCondition, sMessage) {
		if ( !bCondition ) {
			throw new Error(sMessage);
		}
	}

	/**
	 * @class Encapsulates configuration settings that are related to data formatting/parsing.
	 * 
	 * <b>Note:</b> When format configuration settings are modified through this class, 
	 * UI5 only ensures that formatter objects created after that point in time will honor
	 * the modifications. To be on the safe side, applications should do any modifications 
	 * early in their lifecycle or recreate any model/UI that is locale dependent. 
	 * 
	 * @name sap.ui.core.Configuration.FormatSettings
	 * @extends sap.ui.base.Object
	 * @public
	 */
	sap.ui.base.Object.extend("sap.ui.core.Configuration.FormatSettings", /** @lends sap.ui.core.Configuration.FormatSettings.prototype */ {
		constructor : function(oConfiguration) {
			this.oConfiguration = oConfiguration;
			this.mSettings = {};
			this.sLegacyDateFormat = undefined;
			this.sLegacyTimeFormat = undefined;
			this.sLegacyNumberFormatSymbolSet = undefined;
		},

		/**
		 * Returns the locale to be used for formatting. 
		 * 
		 * If no such locale has been defined, this method falls back to the language,
		 * see {@link sap.ui.core.Configuration#getLanguage Configuration.getLanguage()}.
		 * 
		 * If any user preferences for date, time or number formatting have been set,
		 * and if no format locale has been specified, then a special private use subtag
		 * is added to the locale, indicating to the framework that these user preferences 
		 * should be applied. 
		 *  
		 * @return {sap.ui.core.Locale} the format locale 
		 * @public
		 */
		getFormatLocale : function() {
			function fallback(that) {
				var l=that.oConfiguration.language;
				// if any user settings have been defined, add the private use subtag "sapufmt"    
				if ( !jQuery.isEmptyObject(that.mSettings) ) {
					// TODO move to Locale/LocaleData
					if ( l.indexOf("-x-") < 0 ) {
						l = l + "-x-sapufmt";
					} else if ( l.indexOf("-sapufmt") <= l.indexOf("-x-") ) {
						l = l + "-sapufmt";
					}
				}
				return l;
			}
			return new sap.ui.core.Locale(this.oConfiguration.formatLocale || fallback(this));
		},

		_set : function(sKey, oValue) {
			var oOldValue = this.mSettings[sKey];
			if ( oValue != null ) {
				this.mSettings[sKey] = oValue;
			} else {
				delete this.mSettings[sKey];
			}
			if ( (oOldValue == null != oValue == null) || !jQuery.sap.equal(oOldValue, oValue) ) {
				var mChanges = this.oConfiguration._collect();
				mChanges[sKey] = oValue;
				this.oConfiguration._endCollect();
			}
		},

		/**
		 * Returns the currently set date pattern or undefined if no pattern has been defined. 
		 * @public
		 */
		getDatePattern : function(sStyle) {
			jQuery.sap.assert(sStyle == "short" || sStyle == "medium" || sStyle == "long" || sStyle == "full", "sStyle must be short, medium, long or full");
			return this.mSettings["dateFormat-" + sStyle];
		},

		/**
		 * Defines the preferred format pattern for the given date format style. 
		 * Calling this method with a null or undefined pattern removes a previously set pattern. 
		 * 
		 * If a pattern is defined, it will be preferred over patterns derived from the current locale.
		 * 
		 * See class {@link sap.ui.core.format.DateFormat} for details about the pattern syntax.
		 *  
		 * After changing the date pattern, the framework tries to update localization 
		 * specific parts of the UI. See the documentation of {@link sap.ui.core.Configuration#setLanguage} 
		 * for details and restrictions.
		 * 
		 * @param {string} sStyle must be one of short, medium, long or full.
		 * @param {string} sPattern the format pattern to be used in LDML syntax.
		 * @return {sap.ui.core.Configuration.FormatSettings} Returns <code>this</code> to allow method chaining
		 * @public   
		 */
		setDatePattern : function(sStyle, sPattern) {
			check(sStyle == "short" || sStyle == "medium" || sStyle == "long" || sStyle == "full", "sStyle must be short, medium, long or full");
			this._set("dateFormat-" + sStyle, sPattern);
			return this;
		},

		/**
		 * Returns the currently set time pattern or undefined if no pattern has been defined.
		 * @public
		 */
		getTimePattern : function(sStyle) {
			jQuery.sap.assert(sStyle == "short" || sStyle == "medium" || sStyle == "long" || sStyle == "full", "sStyle must be short, medium, long or full");
			return this.mSettings["timeFormat-" + sStyle];
		},

		/**
		 * Defines the preferred format pattern for the given time format style.
		 * Calling this method with a null or undefined pattern removes a previously set pattern. 
		 *  
		 * If a pattern is defined, it will be preferred over patterns derived from the current locale.
		 * 
		 * See class {@link sap.ui.core.format.DateFormat} for details about the pattern syntax.
		 *  
		 * After changing the time pattern, the framework tries to update localization 
		 * specific parts of the UI. See the documentation of {@link sap.ui.core.Configuration#setLanguage} 
		 * for details and restrictions.
		 * 
		 * @param {string} sStyle must be one of short, medium, long or full.
		 * @param {string} sPattern the format pattern to be used in LDML syntax.
		 * @return {sap.ui.core.Configuration.FormatSettings} Returns <code>this</code> to allow method chaining
		 * @public
		 */
		setTimePattern : function(sStyle, sPattern) {
			check(sStyle == "short" || sStyle == "medium" || sStyle == "long" || sStyle == "full", "sStyle must be short, medium, long or full");
			this._set("timeFormat-" + sStyle, sPattern);
			return this;
		},

		/**
		 * Returns the currently set number symbol of the given type or undefined if no symbol has been defined.
		 * @public
		 */
		getNumberSymbol : function(sType) {
			jQuery.sap.assert(sType == "decimal" || sType == "group" || sType == "plusSign" || sType == "minusSign", "sType must be decimal, group, plusSign or minusSign");
			return this.mSettings["symbols-latn-" + sType];
		},

		/**
		 * Defines the string to be used for the given number symbol.
		 * Calling this method with a null or undefined symbol removes a previously set symbol string.
		 * Note that an empty string is explicitly allowed.  
		 * 
		 * If a symbol is defined, it will be preferred over symbols derived from the current locale.
		 * 
		 * See class {@link sap.ui.core.format.NumberFormat} for details about the symbols.
		 *  
		 * After changing the number symbol, the framework tries to update localization 
		 * specific parts of the UI. See the documentation of {@link sap.ui.core.Configuration#setLanguage} 
		 * for details and restrictions.
		 * 
		 * @param {string} sStyle must be one of decimal, group, plusSign, minusSign.
		 * @param {string} sSymbol will be used to represent the given symbol type
		 * @return {sap.ui.core.Configuration.FormatSettings} Returns <code>this</code> to allow method chaining
		 * @public   
		 */
		setNumberSymbol : function(sType, sSymbol) {
			check(sType == "decimal" || sType == "group" || sType == "plusSign" || sType == "minusSign", "sType must be decimal, group, plusSign or minusSign");
			this._set("symbols-latn-" + sType, sSymbol);
			return this;
		},

		_setDayPeriods : function(sWidth, aTexts) {
			jQuery.sap.assert(sWidth == "narrow" || sWidth == "abbreviated" || sWidth == "wide", "sWidth must be narrow, abbreviated or wide");
			this._set("dayPeriods-format-" + sWidth, aTexts);
			return this;
		},

		/**
		 * Returns the currently set legacy ABAP date format (its id) or undefined if none has been set.
		 *  
		 * @public
		 */
		getLegacyDateFormat : function() {
			return this.sLegacyDateFormat || undefined;
		},

		/**
		 * Allows to specify one of the legacy ABAP date formats. 
		 * 
		 * This method modifies the date patterns for 'short' and 'medium' style with the corresponding ABAP 
		 * format. When called with a null or undefined format id, any previously applied format will be removed.
		 * 
		 * After changing the legacy date format, the framework tries to update localization 
		 * specific parts of the UI. See the documentation of {@link sap.ui.core.Configuration#setLanguage} 
		 * for details and restrictions.
		 * 
		 * @param {string} sFormatId id of the ABAP data format (one of '1','2','3','4','5','6')
		 * @return {sap.ui.core.Configuration.FormatSettings} Returns <code>this</code> to allow method chaining
		 * @public
		 */
		setLegacyDateFormat : function(sFormatId) {
			check(!sFormatId || M_ABAP_DATE_FORMAT_PATTERN.hasOwnProperty(sFormatId), "sFormatId must be one of ['1','2','3','4','5','6'] or empty");
			var mChanges = this.oConfiguration._collect();
			this.sLegacyDateFormat = mChanges.legacyTimeFormat = sFormatId = sFormatId || "";
			this.setDatePattern("short", M_ABAP_DATE_FORMAT_PATTERN[sFormatId].pattern);
			this.setDatePattern("medium", M_ABAP_DATE_FORMAT_PATTERN[sFormatId].pattern);
			this.oConfiguration._endCollect();
			return this;
		},

		/**
		 * Returns the currently set legacy ABAP time format (its id) or undefined if none has been set.
		 *  
		 * @public
		 */
		getLegacyTimeFormat : function() {
			return this.sLegacyTimeFormat || undefined;
		},

		/**
		 * Allows to specify one of the legacy ABAP time formats.
		 * 
		 * This method sets the time patterns for 'short' and 'medium' style to the corresponding ABAP 
		 * formats and sets the day period texts to "AM"/"PM" or "am"/"pm" respectively. When called 
		 * with a null or undefined format id, any previously applied format will be removed.
		 * 
		 * After changing the legacy time format, the framework tries to update localization 
		 * specific parts of the UI. See the documentation of {@link sap.ui.core.Configuration#setLanguage} 
		 * for details and restrictions.
		 * 
		 * @param {string} sFormatId id of the ABAP time format (one of '0','1','2','3','4')
		 * @return {sap.ui.core.Configuration.FormatSettings} Returns <code>this</code> to allow method chaining
		 * @public
		 */
		setLegacyTimeFormat : function(sFormatId) {
			check(!sFormatId || M_ABAP_TIME_FORMAT_PATTERN.hasOwnProperty(sFormatId), "sFormatId must be one of ['0','1','2','3','4'] or empty");
			var mChanges = this.oConfiguration._collect();
			this.sLegacyTimeFormat = mChanges.legacyTimeFormat = sFormatId = sFormatId || "";
			this.setTimePattern("short", M_ABAP_TIME_FORMAT_PATTERN[sFormatId].pattern);
			this.setTimePattern("medium", M_ABAP_TIME_FORMAT_PATTERN[sFormatId].pattern);
			this._setDayPeriods("abbreviated", M_ABAP_TIME_FORMAT_PATTERN[sFormatId].dayPeriods);
			this.oConfiguration._endCollect();
			return this;
		},

		/**
		 * Returns the currently set legacy ABAP number format (its id) or undefined if none has been set.
		 *  
		 * @public
		 */
		getLegacyNumberFormat : function() {
			return this.sLegacyNumberFormat || undefined;
		},

		/**
		 * Allows to specify one of the legacy ABAP number format.
		 * 
		 * This method will modify the 'group' and 'decimal' symbols. When called with a null 
		 * or undefined format id, any previously applied format will be removed.
		 * 
		 * After changing the legacy number format, the framework tries to update localization 
		 * specific parts of the UI. See the documentation of {@link sap.ui.core.Configuration#setLanguage} 
		 * for details and restrictions.
		 * 
		 * @param {string} sFormatId id of the ABAP number format set (one of ' ','X','Y')
		 * @return {sap.ui.core.Configuration.FormatSettings} Returns <code>this</code> to allow method chaining
		 * @public
		 */
		setLegacyNumberFormat : function(sFormatId) {
			sFormatId = sFormatId ? sFormatId.toUpperCase() : "";
			check(!sFormatId || M_ABAP_NUMBER_FORMAT_SYMBOLS.hasOwnProperty(sFormatId), "sFormatId must be one of [' ','X','Y'] or empty");
			var mChanges = this.oConfiguration._collect();
			this.sLegacyNumberFormat = mChanges.legacyNumberFormat = sFormatId;
			this.setNumberSymbol("group", M_ABAP_NUMBER_FORMAT_SYMBOLS[sFormatId].groupingSeparator);
			this.setNumberSymbol("decimal", M_ABAP_NUMBER_FORMAT_SYMBOLS[sFormatId].decimalSeparator);
			this.oConfiguration._endCollect();
		},

		/*
		 * Returns a live object with the current settings
		 * TODO this method is part of the facade to be accessible from LocaleData, but it shouldn't be
		 * @private
		 */
		getCustomLocaleData : function() {
			return this.mSettings;
		}
	});

}());

}; // end of sap.ui.core.Configuration
if ( !jQuery.sap.isDeclared('sap.ui.core.ElementMetadata') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.ElementMetadata
jQuery.sap.declare("sap.ui.core.ElementMetadata");


/**
 * Creates a new metadata object for a UIElement subclass.
 *
 * @param {string} sClassName fully qualified name of the class that is described by this metadata object
 * @param {object} oStaticInfo static info to construct the metadata from
 *
 * @class
 * @author SAP
 * @version 1.12.0
 * @since 0.8.6
 */
sap.ui.core.ElementMetadata = function(sClassName, oClassInfo) {

	// call super constructor
	sap.ui.base.ManagedObjectMetadata.apply(this, arguments);
};

//chain the prototypes
sap.ui.core.ElementMetadata.prototype = jQuery.sap.newObject(sap.ui.base.ManagedObjectMetadata.prototype);

/**
 * Calculates a new id based on a prefix.
 *
 * @return {string} A (hopefully unique) control id
 * @public
 * @function
 */
sap.ui.core.ElementMetadata.uid = sap.ui.base.ManagedObjectMetadata.uid;

/**
 * By default, the element name is equal to the class name
 * @return {string} the qualified name of the UIElement class
 * @public
 */
sap.ui.core.ElementMetadata.prototype.getElementName = function() {
	return this._sClassName;
};

/**
 * Determines the class name of the renderer for the described control class.
 */
sap.ui.core.ElementMetadata.prototype.getRendererName = function() {
	return this._sRendererName;
};

/**
 * Retrieves the renderer for the described control class
 */
sap.ui.core.ElementMetadata.prototype.getRenderer = function() {

	// determine name via function for those legacy controls that override getRendererName()
	var sRendererName = this.getRendererName();

	if ( !sRendererName ) {
		return;
	}

	// check if renderer class exists already
	var fnRendererClass = jQuery.sap.getObject(sRendererName);
	if(fnRendererClass) {
		return fnRendererClass;
	}

	// if not, try to load a module with the same name
	jQuery.sap.require(sRendererName);
	return jQuery.sap.getObject(sRendererName);
};

sap.ui.core.ElementMetadata.prototype.applySettings = function(oClassInfo) {

	var oStaticInfo = oClassInfo.metadata;

	this._sVisibility = oStaticInfo["visibility"] || "public";

	// remove renderer stuff before calling super.
	var vRenderer = oClassInfo.hasOwnProperty("renderer") ? (oClassInfo.renderer || "") : undefined;
	delete oClassInfo.renderer;

	sap.ui.base.ManagedObjectMetadata.prototype.applySettings.call(this, oClassInfo);

	this._sRendererName = this.getName() + "Renderer";

	if ( typeof vRenderer !== "undefined" ) {

		if ( typeof vRenderer === "string" ) {
			this._sRendererName = vRenderer || undefined;
			return;
		}
		if ( typeof vRenderer === "function" ) {
			vRenderer = { render : vRenderer };
		}

		var oParent = this.getParent();
		var oBaseRenderer;
		if ( oParent && oParent instanceof sap.ui.core.ElementMetadata ) {
			oBaseRenderer = oParent.getRenderer();
		}
		if ( !oBaseRenderer ) {
			jQuery.sap.require("sap.ui.core.Renderer");
			oBaseRenderer = sap.ui.core.Renderer;
		}
		var oRenderer = jQuery.sap.newObject(oBaseRenderer);
		jQuery.extend(oRenderer, vRenderer);
		jQuery.sap.setObject(this.getRendererName(), oRenderer);
	}
};

sap.ui.core.ElementMetadata.prototype.afterApplySettings = function() {
	sap.ui.base.ManagedObjectMetadata.prototype.afterApplySettings.apply(this, arguments);
	this.register && this.register(this);
};

sap.ui.core.ElementMetadata.prototype.isHidden = function() {
	return this._sVisibility === "hidden";
};

}; // end of sap.ui.core.ElementMetadata
if ( !jQuery.sap.isDeclared('sap.ui.core.EventBus') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.EventBus
jQuery.sap.declare("sap.ui.core.EventBus");


(function(){

/**
 * Creates an instance of EventBus.
 * @class Provides eventing facilities, so subscribe, unsubscribe and publish events.
 *
 * @extends sap.ui.base.Object
 * @author SAP AG
 * @version 1.12.0
 * @constructor
 * @public
 * @since 1.8.0
 * @name sap.ui.core.EventBus
 */
sap.ui.base.Object.extend("sap.ui.core.EventBus", {
	
	constructor : function() {
		sap.ui.base.Object.apply(this);
		this._mChannels = {};
		this._defaultChannel = new sap.ui.base.EventProvider();
	}

});

/**
 * Adds an event registration for the given object and given event name.
 * 
 * The channel "sap.ui" is reserved by th UI5 framework. An application might listen to events on this channel but is not allowed to publish own events there.
 *
 * @param {String}
 *            [sChannelId] The channel of the event to subscribe for. If not given the default channel is used.
 * @param {String}
 *            sEventId The identifier of the event to subscribe for
 * @param {Function}
 *            fFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or on the event bus-instance. This functions might have the following parameters: sChannelId, sEventId, oData.
 * @param {Object}
 *            [oListener] The object, that wants to be notified, when the event occurs
 * @return {sap.ui.core.EventBus} Returns <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.EventBus.prototype.subscribe = function(sChannelId, sEventId, fFunction, oListener) {
	if(typeof(sEventId) === "function") {
		oListener = fFunction;
		fFunction = sEventId;
		sEventId = sChannelId;
		sChannelId = null;
	}
	
	jQuery.sap.assert(!sChannelId || typeof(sChannelId) === "string", "EventBus.subscribe: sChannelId must be empty or a non-empty string");
	jQuery.sap.assert(typeof(sEventId) === "string" && sEventId, "EventBus.subscribe: sEventId must be a non-empty string");
	jQuery.sap.assert(typeof(fFunction) === "function", "EventBus.subscribe: fFunction must be a function");
	jQuery.sap.assert(!oListener || typeof(oListener) === "object", "EventBus.subscribe: oListener must be empty or an object");
	
	var oChannel = getOrCreateChannel(this, sChannelId);
	oChannel.attachEvent(sEventId, fFunction, oListener);
	return this;
};

/**
 * Removes an event registration for the given object and given event name.
 *
 * The passed parameters must match those used for registration with {@link #subscribe } beforehand!
 *
 * @param {String}
 *            [sChannelId] The channel of the event to unsubscribe from. If not given the default channel is used.
 * @param {String}
 *            sEventId The identifier of the event to unsubscribe from
 * @param {Function}
 *            fFunction The function to call, when the event occurs.
 * @param {Object}
 *            [oListener] The object, that wants to be notified, when the event occurs
 * @return {sap.ui.core.EventBus} Returns <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.EventBus.prototype.unsubscribe = function(sChannelId, sEventId, fFunction, oListener) {
	if(typeof(sEventId) === "function") {
		oListener = fFunction;
		fFunction = sEventId;
		sEventId = sChannelId;
		sChannelId = null;
	}
	
	jQuery.sap.assert(!sChannelId || typeof(sChannelId) === "string", "EventBus.unsubscribe: sChannelId must be empty or a non-empty string");
	jQuery.sap.assert(typeof(sEventId) === "string" && sEventId, "EventBus.unsubscribe: sEventId must be a non-empty string");
	jQuery.sap.assert(typeof(fFunction) === "function", "EventBus.unsubscribe: fFunction must be a function");
	jQuery.sap.assert(!oListener || typeof(oListener) === "object", "EventBus.unsubscribe: oListener must be empty or an object");
	
	var oChannel = getChannel(this, sChannelId);
	if(!oChannel){
		return this;
	}
	
	oChannel.detachEvent(sEventId, fFunction, oListener);
	if(oChannel != this._defaultChannel){ // Check whether Channel is unused
		var mEvents = sap.ui.base.EventProvider.getEventList(oChannel);
		var bIsEmpty = true;
		for(var sId in mEvents){
			if(oChannel.hasListeners(sId)){
				bIsEmpty = false;
				break;
			}
		}
		if(bIsEmpty){
			delete this._mChannels[sChannelId];
		}
	}
	
	return this;
};

/**
 * Fires the given event and notifies all listeners. Listeners must not change the content of the event.
 * 
 * The channel "sap.ui" is reserved by th UI5 framework. An application might listen to events on this channel but is not allowed to publish own events there.
 *
 * @param {String}
 *            [sChannelId] The channel of the event; if not given the default channel is used
 * @param {String}
 *            sEventId The identifier of the event
 * @param {Object}
 * 			  [oData] the parameter map
 * @public
 */
sap.ui.core.EventBus.prototype.publish = function(sChannelId, sEventId, oData) {
	
	if(arguments.length == 1){ //sEventId
		oData = null;
		sEventId = sChannelId;
		sChannelId = null;
	}else if(arguments.length == 2){ //sChannelId + sEventId || sEventId + oData
		if(typeof(sEventId) != "string") {
			oData = sEventId;
			sEventId = sChannelId;
			sChannelId = null;
		}
	}
	
	oData = oData ? oData : {};
	
	jQuery.sap.assert(!sChannelId || typeof(sChannelId) === "string", "EventBus.publish: sChannelId must be empty or a non-empty string");
	jQuery.sap.assert(typeof(sEventId) === "string" && sEventId, "EventBus.publish: sEventId must be a non-empty string");
	jQuery.sap.assert(typeof(oData) === "object", "EventBus.publish: oData must be an object");
	
	var oChannel = getChannel(this, sChannelId);
	if(!oChannel){
		return;
	}
	
	//see sap.ui.base.EventProvider.prototype.fireEvent
	var aEventListeners = sap.ui.base.EventProvider.getEventList(oChannel)[sEventId];
	if (aEventListeners && jQuery.isArray(aEventListeners)) {
		// this ensures no 'concurrent modification exception' occurs (e.g. an event listener deregisters itself).
		aEventListeners = aEventListeners.slice();
		var oInfo;
		for (var i = 0, iL = aEventListeners.length; i < iL; i++) {
			oInfo = aEventListeners[i];
			oInfo.fFunction.call(oInfo.oListener || this, sChannelId, sEventId, oData);
		}
	}
};

/**
 * @see sap.ui.base.Object#getInterface
 * @public
 */
sap.ui.core.EventBus.prototype.getInterface = function() {
	return this;
};


function getChannel(oEventBus, sChannelId){
	if(!sChannelId){
		return oEventBus._defaultChannel;
	}
	return oEventBus._mChannels[sChannelId];
};

function getOrCreateChannel(oEventBus, sChannelId){
	var oChannel = getChannel(oEventBus, sChannelId);
	if(!oChannel && sChannelId){
		oEventBus._mChannels[sChannelId] = new sap.ui.base.EventProvider();
		oChannel = oEventBus._mChannels[sChannelId];
	}
	return oChannel;
};

}());

}; // end of sap.ui.core.EventBus
if ( !jQuery.sap.isDeclared('sap.ui.core.FocusHandler') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.FocusHandler
jQuery.sap.declare("sap.ui.core.FocusHandler");




(function(){

	/**
	 * Constructs an instance of a sap.ui.core.FocusHandler.
	 * Keeps track of the focused element.
	 *
	 * @class sap.ui.core.FocusHandler
	 * @param oRootRef e.g. document.body
	 */
	sap.ui.core.FocusHandler = function(oRootRef, oCore) {
		sap.ui.base.Object.apply(this);

		this.oCore = oCore;

		// keep track of element currently in focus
		this.oCurrent = null;
		// keep track of the element previously had the focus
		this.oLast = null;
		// buffer the focus/blur events for correct order
		this.aEventQueue = [];

		this.fEventHandler = jQuery.proxy(this.onEvent, this);
		this.fDestroyHandler = jQuery.proxy(this.destroy, this);

		// initialize event handling
		if(oRootRef.addEventListener && !jQuery.browser.msie){ //FF, Safari
			oRootRef.addEventListener("focus", this.fEventHandler, true);
			oRootRef.addEventListener("blur", this.fEventHandler, true);
		}else{ //IE
			jQuery(oRootRef).bind("activate", this.fEventHandler);
			jQuery(oRootRef).bind("deactivate", this.fEventHandler);
		}
		jQuery.sap.log.debug("FocusHandler setup on Root " + oRootRef.type + (oRootRef.id?": " + oRootRef.id:""), null, "sap.ui.core.FocusHandler");

		// TODO: Or should we be destroyed by the Core?
		jQuery(window).bind("unload", {"oRootRef": oRootRef}, this.fDestroyHandler);
	};

	sap.ui.core.FocusHandler.prototype = jQuery.sap.newObject(sap.ui.base.Object.prototype);
	sap.ui.base.Object.defineClass("sap.ui.core.FocusHandler", {
		baseType : "sap.ui.base.Object"
	});

	/**
	 * Returns the Id of the control/element currently in focus.
	 * @return {string} the Id of the control/element currently in focus.
	 * @public
	 */
	sap.ui.core.FocusHandler.prototype.getCurrentFocusedControlId = function(){
		return this.oCurrent;
	};

	/**
	 * Destroy method of the Focus Handler.
	 * It unregisters the event handlers.
	 *
	 * @param {jQuery.Event} event the event that initiated the destruction of the FocusHandler
	 * @private
	 */
	sap.ui.core.FocusHandler.prototype.destroy = function(event) {
		var oRootRef = event.data.oRootRef;
		if(oRootRef){
			if(oRootRef.removeEventListener && !jQuery.browser.msie){ //FF, Safari
				oRootRef.removeEventListener("focus", this.fEventHandler, true);
				oRootRef.removeEventListener("blur", this.fEventHandler, true);
			}else{ //IE
				jQuery(oRootRef).unbind("activate", this.fEventHandler);
				jQuery(oRootRef).unbind("deactivate", this.fEventHandler);
			}
		}
		jQuery(window).unbind("unload", this.fDestroyHandler);
		this.oCore = null;
	};

	/**
	 * Handles the focus/blur events.
	 *
	 * @param oRootRef e.g. document.body
	 * @private
	 */
	sap.ui.core.FocusHandler.prototype.onEvent = function(oBrowserEvent){
		var oEvent = jQuery.event.fix(oBrowserEvent);

		jQuery.sap.log.debug("Event "+oEvent.type+" reached Focus Handler (target: "+oEvent.target+(oEvent.target ? oEvent.target.id : "")+")", null, "sap.ui.core.FocusHandler");

		var type = (oEvent.type == "focus" || oEvent.type == "focusin" || oEvent.type == "activate") ? "focus" : "blur";
		this.aEventQueue.push({type:type, controlId: getControlIdForDOM(oEvent.target)});
		if(this.aEventQueue.length == 1) {
			this.processEvent();
		}
	};

	/**
	 * Processes the focus/blur events in the event queue.
	 *
	 * @private
	 */
	sap.ui.core.FocusHandler.prototype.processEvent = function(){
		var oEvent = this.aEventQueue[0];
		if(!oEvent) {
			return;
		}
		if(oEvent.type == "focus"){
			this.onfocusEvent(oEvent.controlId);
		}else if(oEvent.type == "blur"){
			this.onblurEvent(oEvent.controlId);
		}
		this.aEventQueue.shift();
		if(this.aEventQueue.length > 0) {
			this.processEvent();
		}
	};

	/**
	 * Processes the focus event taken from the event queue.
	 *
	 * @param sControlId Id of the event related control
	 * @private
	 */
	sap.ui.core.FocusHandler.prototype.onfocusEvent = function(sControlId){
		this.oCurrent = sControlId;
		triggerFocusleave(this.oLast, sControlId, this.oCore);
		this.oLast = null;
	};

	/**
	 * Processes the blur event taken from the event queue.
	 *
	 * @param sControlId Id of the event related control
	 * @private
	 */
	sap.ui.core.FocusHandler.prototype.onblurEvent = function(sControlId){
		this.oLast = sControlId;
		this.oCurrent = null;
		jQuery.sap.delayedCall(0, this, "checkForLostFocus");
	};

	/**
	 * Checks for lost focus and provides events in case of losing the focus.
	 * Called in delayed manner from {@link sap.ui.core.FocusHandler#onblurEvent}.
	 *
	 * @private
	 */
	sap.ui.core.FocusHandler.prototype.checkForLostFocus = function(){
		if(this.oCurrent == null && this.oLast != null){
			triggerFocusleave(this.oLast, null, this.oCore);
		}
		this.oLast = null;
	};


	//***********************************************************
	// Utility / convenience
	//***********************************************************

	/**
	 * Returns the id of the control/element to which the given DOM
	 * reference belongs to or <code>null</code> if no such
	 * control/element exists.
	 *
	 * @param {DOMObject} oDOM the DOM reference
	 * @private
	 */
	var getControlIdForDOM = function(oDOM){
		var sId = jQuery(oDOM).closest("[data-sap-ui]").attr("id");
		if(sId) {
			return sId;
		}
		return null;
	};

	/**
	 * Calls the onsapfocusleave function on the control with id sControlId
	 * with the information about the given related control.
	 *
	 * @param {string} sControlId
	 * @param {string} sRelatedControlId
	 * @private
	 */
	var triggerFocusleave = function(sControlId, sRelatedControlId, oCore){
		var oControl = sControlId ? sap.ui.getCore().byId(sControlId) : null;
		if(oControl){
			var oRelatedControl = sRelatedControlId ? sap.ui.getCore().byId(sRelatedControlId) : null;
			var oEvent = jQuery.Event("sapfocusleave");
			oEvent.target = oControl.getDomRef();
			oEvent.relatedControlId = oRelatedControl ? oRelatedControl.getId() : null;
			oEvent.relatedControlFocusInfo = oRelatedControl ? oRelatedControl.getFocusInfo() : null;
			//TODO: Cleanup the popup! The following is shit
			var oControlUIArea = oControl.getUIArea();
			var oUiArea = null;
			if(oControlUIArea){
				oUiArea = oCore.getUIArea(oControlUIArea.getId());
			}else{
				var oPopupUIAreaDomRef = sap.ui.getCore().getStaticAreaRef();
				if(jQuery.sap.containsOrEquals(oPopupUIAreaDomRef, oEvent.target)){
					oUiArea = oCore.getUIArea(oPopupUIAreaDomRef.id);
				}
			}
			if(oUiArea) {
				oUiArea._handleEvent(oEvent);
			}
		}
	};

	/**
	 * Checks if the passed DOM reference is nested in the active DOM of the document
	 * @param {DOMNode} oDomRef The new active element
	 * @private
	 * @type boolean
	 * @returns whether the passed DOM reference is nested in the active DOM of the document
	 */
	/*function isInActiveDom(oDomRef) {
		jQuery.sap.assert(oDomRef != null);
		var oCurrDomRef = oDomRef;
		while(oCurrDomRef) {
			if(oCurrDomRef === document) return true;
			oCurrDomRef = oCurrDomRef.parentNode;
		}
		return false;
	};*/

}());
}; // end of sap.ui.core.FocusHandler
if ( !jQuery.sap.isDeclared('sap.ui.core.IntervalTrigger') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
jQuery.sap.declare("sap.ui.core.IntervalTrigger");


(function() {

	var _EVENT_ID = "sapUiIntervalTrigger-event";

	/**
	 * Creates an instance of EventBus.
	 * 
	 * @class Provides a trigger that triggers in a set interval and calls all
	 *        registered listeners. If the interval is <= 0 the trigger is
	 *        switched off and won't trigger at all.
	 * @param {int}
	 *            iInterval is the interval the trigger should be used. If the
	 *            trigger is >0 triggering starts/runs and if the interval is
	 *            set to <=0 triggering stops.
	 * 
	 * @extends sap.ui.base.Object
	 * @author SAP AG
	 * @version 1.12.0
	 * @constructor
	 * @public
	 * @since 1.11.0
	 * @name sap.ui.core.IntervalTrigger
	 */
	sap.ui.base.Object.extend("sap.ui.core.IntervalTrigger", {
		constructor : function(iInterval) {
			sap.ui.base.Object.apply(this);

			this._oEventBus = new sap.ui.core.EventBus();

			this._delayedCallId = null;
			this._triggerProxy = jQuery.proxy(trigger, this);

			this._iInterval = 0;
			if (iInterval) {
				this.setInterval(iInterval);
			}
		}
	});

	/**
	 * This is the function that will be used for triggering. This function is
	 * called by a proxy call.
	 * 
	 * @private
	 */
	var trigger = function() {
		jQuery.sap.clearDelayedCall(this._delayedCallId);

		// if interval is active and there are registered listeners
		var bHasListeners = this._oEventBus._defaultChannel.hasListeners(_EVENT_ID);
		if (this._iInterval > 0 && bHasListeners) {
			this._oEventBus.publish(_EVENT_ID);

			this._delayedCallId = jQuery.sap.delayedCall(this._iInterval, this, this._triggerProxy);
		}
	};

	/**
	 * Destructor method for objects
	 * 
	 * @public
	 */
	sap.ui.core.IntervalTrigger.prototype.destroy = function() {
		sap.ui.base.Object.prototype.destroy.apply(this, arguments);

		delete this._triggerProxy;

		this._oEventBus.destroy();
		delete this._oEventBus;
	};

	/**
	 * Sets the trigger interval. If the value is >0 triggering will start if
	 * there are any registered listeners. If the interval is set to <=0
	 * triggering will stop.
	 * 
	 * @public
	 * @param {int}
	 *            iInterval sets the interval in milliseconds when a new
	 *            triggering should occur.
	 */
	sap.ui.core.IntervalTrigger.prototype.setInterval = function(iInterval) {
		jQuery.sap.assert((typeof iInterval === "number"), "Interval must be an integer value");

		this._iInterval = iInterval;

		this._triggerProxy();
	};

	/**
	 * Adds a listener to the list that should be triggered.
	 * 
	 * @public
	 * @param {function}
	 *            fFunction is the called function that should be called when
	 *            the trigger want to trigger the listener.
	 * @param {object}
	 *            [oListener] that should be triggered.
	 */
	sap.ui.core.IntervalTrigger.prototype.addListener = function(fFunction, oListener) {
		this._oEventBus.subscribe(_EVENT_ID, fFunction, oListener);

		this._triggerProxy();
	};

	/**
	 * Removes corresponding listener from list.
	 * 
	 * @public
	 * @param {function}
	 *            fFunction is the previously registered function
	 * @param {object}
	 *            [oListener] that should be removed
	 */
	sap.ui.core.IntervalTrigger.prototype.removeListener = function(fFunction, oListener) {
		this._oEventBus.unsubscribe(_EVENT_ID, fFunction, oListener);
	};

	/**
	 * @see sap.ui.base.Object#getInterface
	 * @public
	 */
	sap.ui.core.IntervalTrigger.prototype.getInterface = function() {
		return this;
	};
}());
}; // end of sap.ui.core.IntervalTrigger
if ( !jQuery.sap.isDeclared('sap.ui.core.LocaleData') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides the locale object sap.ui.core.LocaleData
jQuery.sap.declare("sap.ui.core.LocaleData");




(function() {

	/**
	 * Creates an instance of the Data.
	 *
	 * @class Data provides access to locale-specific data, like date formats, number formats, currencies, etc.
	 *
	 * @param {sap.ui.core.Locale} oLocale the locale
	 *
	 * @extends sap.ui.base.Object
	 * @author SAP AG
	 * @version 1.12.0
	 * @constructor
	 * @public
	 * @name sap.ui.core.LocaleData
	 */
	sap.ui.base.Object.extend("sap.ui.core.LocaleData", /** @lends sap.ui.core.LocaleData.prototype */ {

		constructor : function(oLocale) {
			sap.ui.base.Object.apply(this);
			this.mData = getData(oLocale);
		},

		_get : function(sKey) {
			return this.mData[sKey];
		},

		/**
		 * Get orientation (left-to-right or right-to-left)
		 *
		 * @returns {string} character orientation for this locale
		 * @public
		 */
		getOrientation : function() {
			return this._get("orientation");
		},

		/**
		 * Get locale specific language names
		 *
		 * @returns {object} map of locale specific language names
		 * @public
		 */
		getLanguages : function() {
			return this._get("languages");
		},

		/**
		 * Get locale specific script names
		 *
		 * @returns {object} map of locale specific script names
		 * @public
		 */
		getScripts : function() {
			return this._get("scripts");
		},

		/**
		 * Get locale specific territory names
		 *
		 * @returns {object} map of locale specific territory names
		 * @public
		 */
		getTerritories : function() {
			return this._get("territories");
		},

		/**
		 * Get month names in width "narrow", "abbreviated" or "wide"
		 *
		 * @param {string} sWidth the required width for the month names
		 * @returns {array} array of month names (starting with January)
		 * @public
		 */
		getMonths : function(sWidth) {
			jQuery.sap.assert(sWidth == "narrow" || sWidth == "abbreviated" || sWidth == "wide", "sWidth must be narrow, abbreviated or wide");
			return this._get("months-format-" + sWidth);
		},

		/**
		 * Get stand alone month names in width "narrow", "abbreviated" or "wide"
		 *
		 * @param {string} sWidth the required width for the month names
		 * @returns {array} array of month names (starting with January)
		 * @public
		 */
		getMonthsStandAlone : function(sWidth) {
			jQuery.sap.assert(sWidth == "narrow" || sWidth == "abbreviated" || sWidth == "wide", "sWidth must be narrow, abbreviated or wide");
			return this._get("months-standAlone-" + sWidth);
		},

		/**
		 * Get day names in width "narrow", "abbreviated" or "wide"
		 *
		 * @param {string} sWidth the required width for the day names
		 * @returns {array} array of day names (starting with Sunday)
		 * @public
		 */
		getDays : function(sWidth) {
			jQuery.sap.assert(sWidth == "narrow" || sWidth == "abbreviated" || sWidth == "wide", "sWidth must be narrow, abbreviated or wide");
			return this._get("days-format-" + sWidth);
		},

		/**
		 * Get stand alone day names in width "narrow", "abbreviated" or "wide"
		 *
		 * @param {string} sWidth the required width for the day names
		 * @returns {array} array of day names (starting with Sunday)
		 * @public
		 */
		getDaysStandAlone : function(sWidth) {
			jQuery.sap.assert(sWidth == "narrow" || sWidth == "abbreviated" || sWidth == "wide", "sWidth must be narrow, abbreviated or wide");
			return this._get("days-standAlone-" + sWidth);
		},

		/**
		 * Get quarter names in width "narrow", "abbreviated" or "wide"
		 *
		 * @param {string} sWidth the required width for the quarter names
		 * @returns {array} array of quarters
		 * @public
		 */
		getQuarters : function(sWidth) {
			jQuery.sap.assert(sWidth == "narrow" || sWidth == "abbreviated" || sWidth == "wide", "sWidth must be narrow, abbreviated or wide");
			return this._get("quarters-format-" + sWidth);
		},

		/**
		 * Get day periods in width "narrow", "abbreviated" or "wide"
		 *
		 * @param {string} sWidth the required width for the day period names
		 * @returns {array} array of day periods (AM, PM)
		 * @public
		 */
		getDayPeriods : function(sWidth) {
			jQuery.sap.assert(sWidth == "narrow" || sWidth == "abbreviated" || sWidth == "wide", "sWidth must be narrow, abbreviated or wide");
			return this._get("dayPeriods-format-" + sWidth);
		},

		/**
		 * Get date pattern in style "short", "medium", "long" or "full"
		 *
		 * @param {string} sStyle the required style for the date pattern
		 * @returns {string} the selected date pattern
		 * @public
		 */
		getDatePattern : function(sStyle) {
			jQuery.sap.assert(sStyle == "short" || sStyle == "medium" || sStyle == "long" || sStyle == "full", "sStyle must be short, medium, long or full");
			return this._get("dateFormat-" + sStyle);
		},

		/**
		 * Get time pattern in style "short", "medium", "long" or "full"
		 *
		 * @param {string} sStyle the required style for the date pattern
		 * @returns {string} the selected time pattern
		 * @public
		 */
		getTimePattern : function(sStyle) {
			jQuery.sap.assert(sStyle == "short" || sStyle == "medium" || sStyle == "long" || sStyle == "full", "sStyle must be short, medium, long or full");
			return this._get("timeFormat-" + sStyle);
		},

		/**
		 * Get datetime pattern in style "short", "medium", "long" or "full"
		 *
		 * @param {string} sStyle the required style for the datetime pattern
		 * @returns {string} the selected datetime pattern
		 * @public
		 */
		getDateTimePattern : function(sStyle) {
			jQuery.sap.assert(sStyle == "short" || sStyle == "medium" || sStyle == "long" || sStyle == "full", "sStyle must be short, medium, long or full");
			return this._get("dateTimeFormat-" + sStyle);
		},

		/**
		 * Get number symbol "decimal", "group", "plusSign", "minusSign"
		 *
		 * @param {string} sType the required type of symbol
		 * @returns {string} the selected number symbol
		 * @public
		 */
		getNumberSymbol : function(sType) {
			jQuery.sap.assert(sType == "decimal" || sType == "group" || sType == "plusSign" || sType == "minusSign", "sType must be decimal, group, plusSign or minusSign");
			return this._get("symbols-latn-" + sType);
		},

		/**
		 * Returns the day that usually is regarded as the first day 
		 * of a week in the current locale. Days are encoded as integer
		 * where sunday=0, monday=1 etc.
		 *
		 * 
		 * All week data information in the CLDR is provides for territories (countries).
		 * If the locale of this LocaleData doesn't contain country information (e.g. if it 
		 * contains only a language), then the "likelySubtag" information of the CLDR  
		 * is taken into account to guess the "most likely" territory for the locale. 
		 * 
		 * @returns {int} first day of week
		 * @public
		 */
		getFirstDayOfWeek : function() {
			return this._get("weekData-firstDay");
		},

		/**
		 * Returns the first day of a weekend for the given locale. 
		 * 
		 * Days are encoded in the same way as for {@link #getFirstDayOfWeek}.
		 * 
		 * All week data information in the CLDR is provides for territories (countries).
		 * If the locale of this LocaleData doesn't contain country information (e.g. if it 
		 * contains only a language), then the "likelySubtag" information of the CLDR  
		 * is taken into account to guess the "most likely" territory for the locale. 
		 * 
		 * @returns {int} first day of weekend
		 * @public
		 */
		getWeekendStart : function() {
			return this._get("weekData-weekendStart");
		},

		/**
		 * Returns the last day of a weekend for the given locale. 
		 * 
		 * Days are encoded in the same way as for {@link #getFirstDayOfWeek}.
		 * 
		 * All week data information in the CLDR is provides for territories (countries).
		 * If the locale of this LocaleData doesn't contain country information (e.g. if it 
		 * contains only a language), then the "likelySubtag" information of the CLDR  
		 * is taken into account to guess the "most likely" territory for the locale. 
		 * 
		 * @returns {int} last day of weekend
		 * @public
		 */
		getWeekendEnd : function() {
			return this._get("weekData-weekendEnd");
		}

	});

	/**
	 * Default data, in case neither the region specific, nor the language specific fallback can be found
	 *
	 * @private
	 */
	var M_DEFAULT_DATA = {
			"orientation":"left-to-right",
			"languages":{},
			"scripts":{},
			"territories":{},
			"dateFormat-full":"EEEE, MMMM d, y",
			"dateFormat-long":"MMMM d, y",
			"dateFormat-medium":"MMM d, y",
			"dateFormat-short":"M/d/yy",
			"timeFormat-full":"h:mm:ss a zzzz",
			"timeFormat-long":"h:mm:ss a z",
			"timeFormat-medium":"h:mm:ss a",
			"timeFormat-short":"h:mm a",
			"dateTimeFormat-full":"{1} {0}",
			"dateTimeFormat-long":"{1} {0}",
			"dateTimeFormat-medium":"{1} {0}",
			"dateTimeFormat-short":"{1} {0}",
			"months-format-abbreviated":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
			"months-format-wide":["January","February","March","April","May","June","July","August","September","October","November","December"],
			"months-format-narrow":["1","2","3","4","5","6","7","8","9","10","11","12"],
			"months-standAlone-abbreviated":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
			"months-standAlone-wide":["January","February","March","April","May","June","July","August","September","October","November","December"],
			"months-standAlone-narrow":["1","2","3","4","5","6","7","8","9","10","11","12"],
			"days-format-abbreviated":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],
			"days-format-wide":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
			"days-format-narrow":["S","M","T","W","T","F","S"],
			"days-standAlone-abbreviated":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],
			"days-standAlone-wide":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
			"days-standAlone-narrow":["S","M","T","W","T","F","S"],
			"quarters-format-narrow":["1","2","3","4"],
			"quarters-format-abbreviated":["Q1","Q2","Q3","Q4"],
			"quarters-format-wide":["1st quarter","2nd quarter","3rd quarter","4th quarter"],
			"quarters-standAlone-narrow":["1","2","3","4"],
			"symbols-latn-decimal":".",
			"symbols-latn-group":",",
			"symbols-latn-plusSign":"+",
			"symbols-latn-minusSign":"-",
			"dayPeriods-format-narrow":["AM","PM"],
			"dayPeriods-format-wide":["AM","PM"],
			"dayPeriods-format-abbreviated":["AM","PM"],
			"weekData-minDays":4,
			"weekData-firstDay":1,
			"weekData-weekendStart":6,
			"weekData-weekendEnd":0
	};

	var M_ISO639_OLD_TO_NEW = {
			"iw" : "he",
			"ji" : "yi",
			"in" : "id", 
			"sh" : "sr"
	};

	/**
	 * A set of locales for which the UI5 runtime contains a CLDR JSON file. 
	 * 
	 * Helps to avoid unsatisfiable backend calls.
	 * 
	 * The string literal below is substituted during the build.
	 * The value is determined from the names of the CLDR JSON files which 
	 * are bundled with the UI5 runtime.
	 * @private
	 */
	var M_SUPPORTED_LOCALES = (function() {
		var LOCALES = "ar,ar_AE,ar_EG,ar_SA,bg,bg_BG,br,ca_ES,cs,cs_CZ,da,da_DK,de,de_AT,de_BE,de_CH,de_DE,de_LU,el,el_CY,el_GR,en,en_AU,en_CA,en_GB,en_HK,en_IE,en_IN,en_NZ,en_SG,en_US,en_ZA,es,es_AR,es_BO,es_CL,es_CO,es_ES,es_MX,es_PE,es_UY,es_VE,et,et_EE,fa,fa_IR,fi,fi_FI,fr,fr_BE,fr_CA,fr_CH,fr_FR,fr_LU,he,he_IL,hi,hi_IN,hr,hr_HR,hu,hu_HU,id,id_ID,it,it_CH,it_IT,ja,ja_JP,ko,ko_KR,lt,lt_LT,lv,lv_LV,nb,nb_NO,nl,nl_BE,nl_NL,nn,nn_NO,pl,pl_PL,pt,pt_BR,pt_PT,ro,ro_RO,ru,ru_RU,ru_UA,sk_SK,sl,sl_SI,sr,sv,sv_SE,th,th_TH,tr,tr_TR,uk,uk_UA,vi,vi_VN,zh_CN,zh_HK,zh_SG,zh_TW".split(","), 
			i,result;
		
		if ( LOCALES.length != 1 || LOCALES[0].indexOf("@") < 0) { // check that list has been substituted 
			result = {};
			for(i=0; i<LOCALES.length; i++) {
				result[LOCALES[i]] = true;
			}
		}
		
		return result;
	}());
	
	/**
	 * Locale data cache
	 *
	 * @private
	 */
	var mLocaleDatas = {};

	/**
	 * Load LocaleData data from the CLDR generated files
	 */
	function getData(oLocale) {

		var sLanguage = oLocale.getLanguage() || "",
		sScript = oLocale.getScript() || "",
		sRegion = oLocale.getRegion() || "",
		mData;

		function getOrLoad(sId) {
			var sUrl, oResponse;
			if ( !mLocaleDatas[sId] && (!M_SUPPORTED_LOCALES || M_SUPPORTED_LOCALES[sId] === true) ) {
				sUrl = sap.ui.resource("sap.ui.core.cldr", sId + ".json");
				oResponse = jQuery.sap.sjax({url: sUrl, dataType:"json"});
				if (oResponse.success) {
					mLocaleDatas[sId] = oResponse.data;
				} // else: fallback chain is processed, in the end a result is identified and stored in mDatas under the originally requested ID
			}
			return mLocaleDatas[sId];
		}

		sLanguage = (sLanguage && M_ISO639_OLD_TO_NEW[sLanguage]) || sLanguage;
		if ( sLanguage === "zh" && !sRegion ) {
			if ( sScript === "Hans" ) {
				sRegion = "CN"; 
			} else if ( sScript === "Hant" ) {
				sRegion = "TW";
			}
		}

		var sId = sLanguage + "_" + sRegion; // the originally requested locale; this is the key under which the result (even a fallback one) will be stored in the end 
		if ( sLanguage && sRegion ) {
			mData = getOrLoad(sId);
		}
		if ( !mData && sLanguage ) {
			mData = getOrLoad(sLanguage);
		}

		mLocaleDatas[sId] = mData || M_DEFAULT_DATA;
		return mLocaleDatas[sId];
	};


	/**
	 * A specialized subclass of LocaleData that merges custom settings.
	 * @private
	 */
	sap.ui.core.LocaleData.extend("sap.ui.core.CustomLocaleData", {
		constructor : function(oLocale) {
			sap.ui.core.LocaleData.apply(this, arguments);
			this.mCustomData = sap.ui.getCore().getConfiguration().getFormatSettings().getCustomLocaleData();
		},
		_get : function(sId) {
			return this.mCustomData[sId] || this.mData[sId];
		}
	});

	/**
	 * 
	 */
	sap.ui.core.LocaleData.getInstance = function(oLocale) {
		return oLocale.hasPrivateUseSubtag("sapufmt") ? new sap.ui.core.CustomLocaleData(oLocale) : new sap.ui.core.LocaleData(oLocale);
	};

}());

}; // end of sap.ui.core.LocaleData
if ( !jQuery.sap.isDeclared('sap.ui.core.RenderManager') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the render manager sap.ui.core.RenderManager
jQuery.sap.declare("sap.ui.core.RenderManager");





/**
 * Creates an instance of the RenderManager.
 *
 * @class RenderManager that will take care for rendering Controls.
 *
 * The RenderManager will be available from the sap.ui.core.Core instance (available via <code>sap.ui.getCore()</code>).<br/>It
 * can be used to render Controls and Control-Trees.
 *
 * The convention for renderers belonging to some controls is the following:
 * <ul>
 * <li>for a Control e.g. <code>sap.ui.controls.InputField</code> there shall be </li>
 * <li>a renderer named <code>sap.ui.controls.InputFieldRenderer</code></li>
 * <ul>
 *
 * @see sap.ui.core.Core
 * @see sap.ui.getCore()
 *
 * @extends sap.ui.base.Object
 * @author Jens Pflueger
 * @version 1.12.0
 * @constructor
 * @public
 */
sap.ui.core.RenderManager = function() {
	this.aBuffer = [];
	this.aRenderedControls = [];
	this.aStyleStack = [{}];
};
sap.ui.core.RenderManager.prototype = jQuery.sap.newObject(sap.ui.base.Object.prototype);

(function() {

	var aCommonMethods = ["renderControl", "write", "writeEscaped", "translate", "writeAcceleratorKey", "writeControlData",
						  "writeElementData", "writeAttribute", "writeAttributeEscaped", "addClass", "writeClasses",
						  "addStyle", "writeStyles", "writeAccessibilityState", "writeIcon",
						  "getConfiguration", "getHTML"];
	var aNonRendererMethods = ["render", "flush", "destroy"];

	sap.ui.base.Object.defineClass("sap.ui.core.RenderManager", {
		baseType : "sap.ui.base.Object",
		publicMethods : aCommonMethods.concat(aNonRendererMethods)
	});

	/**
	 * Returns the public interface of the RenderManager which can be used by Renderers.
	 *
	 * @return {sap.ui.base.Interface} the interface
	 * @private
	 */
	sap.ui.core.RenderManager.prototype.getRendererInterface = function() {
		// see sap.ui.base.Object.getInterface for reference
		var oInterface = new sap.ui.base.Interface(this, aCommonMethods);
		this.getRendererInterface = jQuery.sap.getter(oInterface);
		return oInterface;
	};

}());


/**
 * Cleans up the resources associated with this instance.
 * After the instance has been destroyed, it must not be used anymore.
 * Applications should call this function if they don't need the instance any longer.
 *
 * @public
 */
sap.ui.core.RenderManager.prototype.destroy = function() {
	this.aBuffer = [];
	this.aRenderedControls = [];
	this.aStyleStack = [{}];
};

/**
 * Returns the configuration object
 * Shortcut for <code>sap.ui.getCore().getConfiguration()</code>
 * @return {sap.ui.core.Configuration} the configuration object
 * @public
 */
sap.ui.core.RenderManager.prototype.getConfiguration = function() {
	return sap.ui.getCore().getConfiguration();
};

/**
 * Returns the renderer class for a given control instance
 *
 * @param {sap.ui.core.Control} oControl the control that should be rendered
 * @return the renderer class for a given control instance
 * @public
 */
sap.ui.core.RenderManager.prototype.getRenderer = function(oControl) {
	jQuery.sap.assert(oControl && oControl instanceof sap.ui.core.Control, "oControl must be a sap.ui.core.Control");
	return sap.ui.core.RenderManager.getRenderer(oControl);
};

/**
 * Turns the given control into its HTML representation and appends it to the
 * rendering buffer.
 *
 * If the given control is undefined or null, then nothing is rendered.
 *
 * @param {sap.ui.core.Control} oControl the control that should be rendered
 * @public
 */
sap.ui.core.RenderManager.prototype.renderControl = function(oControl) {
	jQuery.sap.assert(!oControl || oControl instanceof sap.ui.core.Control, "oControl must be a sap.ui.core.Control or empty");
	// don't render a NOTHING
	if (!oControl) {
		return;
	}

	// create stack to determine rendered parent
	if (!this.aRenderStack) {
		this.aRenderStack = new Array();
	}
	// stop the measurement of parent
	if (this.aRenderStack && this.aRenderStack.length > 0) {
		jQuery.sap.measure.pause(this.aRenderStack[0]+"---renderControl");
	}else if(oControl.getParent() && oControl.getParent().getMetadata().getName() == "sap.ui.core.UIArea"){
		jQuery.sap.measure.pause(oControl.getParent().getId()+"---rerender");
	}
	this.aRenderStack.unshift(oControl.getId());
	// start performance measurement
	jQuery.sap.measure.start(oControl.getId()+"---renderControl","Rendering of "+oControl.getMetadata().getName());

	//Remember the current buffer size to check later whether the control produced output
	var iBufferLength = this.aBuffer.length;

	var oControlStyles = {};
	if (oControl.aCustomStyleClasses && oControl.aCustomStyleClasses.length > 0) {
		oControlStyles.aCustomStyleClasses = oControl.aCustomStyleClasses; //cleared again in the writeClasses function
	}

	this.aStyleStack.push(oControlStyles);

	jQuery.sap.measure.pause(oControl.getId()+"---renderControl"); 
	// don't measure getRenderer because if Load needed its measured in Ajax call
	// but start measurement before is to see general rendering time including loading time
	var oRenderer = this.getRenderer(oControl);
	jQuery.sap.measure.resume(oControl.getId()+"---renderControl");

	// notify the control that it will be rendered soon (e.g. detached from DOM)
	this._bLocked = true;
	var oEvent = jQuery.Event("BeforeRendering");
	// store the element on the event (aligned with jQuery syntax)
	oEvent.srcControl = oControl;
	oControl._handleEvent(oEvent);
	this._bLocked = false;

	// unbind any generically bound browser event handlers
	var aBindings = oControl.aBindParameters;
	if (aBindings && aBindings.length > 0) { // if we have stored bind calls...
		var jDomRef = jQuery(oControl.getDomRef());
		if (jDomRef && jDomRef[0]) { // ...and we have a DomRef
			for (var i = 0; i < aBindings.length; i++) {
				var oParams = aBindings[i];
				jDomRef.unbind(oParams.sEventType, oParams.fnProxy);
			}
		}
	}

	//Render the control using the RenderManager interface
	oRenderer.render(this.getRendererInterface(), oControl);

	this.aStyleStack.pop();

	//Remember the rendered control
	this.aRenderedControls.push(oControl);

	//Check whether the control has produced HTML
	oControl.bOutput = this.aBuffer.length != iBufferLength;

	// end performance measurement
	jQuery.sap.measure.end(oControl.getId()+"---renderControl");
	this.aRenderStack.shift();
	// resume the measurement of parent
	if (this.aRenderStack && this.aRenderStack.length > 0) {
		jQuery.sap.measure.resume(this.aRenderStack[0]+"---renderControl");
	}else if(oControl.getParent() && oControl.getParent().getMetadata().getName() == "sap.ui.core.UIArea"){
		jQuery.sap.measure.resume(oControl.getParent().getId()+"---rerender");
	}
};

/**
 * Renders the given {@link sap.ui.core.Control} and finally returns
 * the content of the rendering buffer.
 * Ensures the buffer is restored to the state before calling this method.
 *
 * @param {sap.ui.core.Control}
 *            oControl the Control whose HTML should be returned.
 * @return {string} the resulting HTML of the provided control
 * @deprecated Since version 0.15.0. Use <code>flush()</code> instead render content outside the rendering phase.
 * @public
 */
sap.ui.core.RenderManager.prototype.getHTML = function(oControl) {
	jQuery.sap.assert(oControl && oControl instanceof sap.ui.core.Control, "oControl must be a sap.ui.core.Control");

	var tmp = this.aBuffer;
	var aResult = this.aBuffer = [];
	this.renderControl(oControl);
	this.aBuffer = tmp;
	return aResult.join("");
};

(function() {

	//Returns the information of the current focus
	var storeCurrentFocus = function(){
		var oCore = sap.ui.getCore();

		// Store current focus
		var sFocusedControlId = oCore.getCurrentFocusedControlId(),
			oFocusInfo = null,
			oFocusedDomRef = null;

		if(sFocusedControlId){
			var oFocusedControl = oCore.getElementById(sFocusedControlId);
			if(oFocusedControl){
				oFocusInfo = oFocusedControl.getFocusInfo();
				oFocusedDomRef = oFocusedControl.getFocusDomRef();
			}
		}

		return {focusedControlId: sFocusedControlId, focusInfo: oFocusInfo, focusDomRef: oFocusedDomRef};
	};

	//Does everthing needed after the rendering (restore focus, calling "onAfterRendering", initialize event binding)
	var finalizeRendering = function(oRM, aRenderedControls, oStoredFocusInfo){
		// Notify the behavior object that the controls will be attached to DOM
		for (var i = 0, size = aRenderedControls.length; i < size; i++) {
			var oControl = aRenderedControls[i];
			if (oControl.bOutput) {
				oRM._bLocked = true;
				var oEvent = jQuery.Event("AfterRendering");
				// store the element on the event (aligned with jQuery syntax)
				oEvent.srcControl = oControl;
				// start performance measurement
				jQuery.sap.measure.start(oControl.getId()+"---AfterRendering","AfterRendering of "+oControl.getMetadata().getName());
				oControl._handleEvent(oEvent);
				// end performance measurement
				jQuery.sap.measure.end(oControl.getId()+"---AfterRendering");
				oRM._bLocked = false;
			}
		}

		//finally restore focus
		try{
			if (oStoredFocusInfo && oStoredFocusInfo.focusedControlId) {
				var oFocusedControl = sap.ui.getCore().getElementById(oStoredFocusInfo.focusedControlId);
				if (oFocusedControl && oFocusedControl.getFocusDomRef() != oStoredFocusInfo.focusDomRef ) {
					oFocusedControl.applyFocusInfo(oStoredFocusInfo.focusInfo);
				}
			}
		}catch(e){
			jQuery.sap.log.warning("Problems while restore focus after rendering: " + e, null, oRM);
		}

		// Re-bind any generically bound browser event handlers (must happen after restoring focus to avoid focus event)
		for (var i = 0, size = aRenderedControls.length; i < size; i++) {
			var oControl = aRenderedControls[i],
				aBindings = oControl.aBindParameters;

			if (aBindings && aBindings.length > 0) { // if we have stored bind calls...
				var jDomRef = jQuery(oControl.getDomRef());
				if (jDomRef && jDomRef[0]) { // ...and we have a DomRef - TODO: this check should not be required right after rendering...
					for (var j = 0; j < aBindings.length; j++) {
						var oParams = aBindings[j];
						jDomRef.bind(oParams.sEventType, oParams.fnProxy);
					}
				}
			}
		}
	};

	/**
	 * Renders the content of the rendering buffer into the provided DOMNode.
	 *
	 * This function must not be called within control renderers.
	 *
	 * Usage:
	 * <pre>
	 * // Create a new instance of the RenderManager
	 * var rm = sap.ui.getCore().createRenderManager();
	 * // Use the writer API to fill the buffers
	 * rm.write(...);
	 * rm.renderControl(oControl);
	 * rm.write(...);
	 * ...
	 * // Finally flush the buffer into the provided DOM node (The current content is removed)
	 * rm.flush(oDomNode);
	 * // If the instance is not needed anymore, destroy it
	 * rm.destroy();
	 * </pre>
	 *
	 * @param {DOMNode} oTargetDomNode The node in the dom where the buffer should be flushed into.
	 * @param {boolean} bDoNotPreserve flag, whether to not preserve (true) the content or to preserve it (false).
	 * @param {boolean|int} vInsert flag, whether to append (true) or replace (false) the buffer of the target dom node or to insert at a certain position (int)
	 * @public
	 */
	sap.ui.core.RenderManager.prototype.flush = function(oTargetDomNode, bDoNotPreserve, vInsert) {
		jQuery.sap.assert((typeof oTargetDomNode === "object") && (oTargetDomNode.ownerDocument == document), "oTargetDomNode must be a DOM element");
		if(this.bRendererMode){
			jQuery.sap.log.info("Flush must not be called from control renderers. Call ignored.", null, this);
			return;
		}
		
		var RenderManager = sap.ui.core.RenderManager;

		// preserve HTML content before flushing HTML into target DOM node
		if (!bDoNotPreserve && (typeof vInsert !== "number") && !vInsert) { // expression mimics the conditions used below
			RenderManager.preserveContent(oTargetDomNode);
		}

		var oStoredFocusInfo = storeCurrentFocus();

		var vHTML = RenderManager.prepareHTML5(this.aBuffer.join("")); // Note: string might have been converted to a node list!

		if(this._fPutIntoDom){
			//Case when render function was called
			this._fPutIntoDom(oTargetDomNode, vHTML);
		}else{
			for(var i=0; i<this.aRenderedControls.length; i++){
				//TODO It would be enough to loop over the controls for which renderControl was initially called but for this
				//we have to manage an additional array. Rethink about later.
				var oldDomNode = this.aRenderedControls[i].getDomRef();
				if(oldDomNode && !RenderManager.isPreservedContent(oldDomNode)) {
					jQuery(oldDomNode).remove();
				}
			}
			if (typeof vInsert === "number") {
				if (vInsert <= 0) { // new HTML should be inserted at the beginning
					jQuery(oTargetDomNode).prepend(vHTML);
				} else { // new element should be inserted at a certain position > 0
					var $predecessor = jQuery(oTargetDomNode).children().eq(vInsert - 1); // find the element which should be directly before the new one
					if ($predecessor.length === 1) { 
						// element found - put the HTML in after this element
						$predecessor.after(vHTML);
					} else { 
						// element not found (this should not happen when properly used), append the new HTML
						jQuery(oTargetDomNode).append(vHTML);
					}
				}
			} else if (!vInsert) {
				jQuery(oTargetDomNode).html(vHTML); // Put the HTML into the given DOM Node
			} else {
				jQuery(oTargetDomNode).append(vHTML); // Append the HTML into the given DOM Node
			}
		}
		
		finalizeRendering(this, this.aRenderedControls, oStoredFocusInfo);

		this.aRenderedControls = [];
		this.aBuffer = [];
		this.aStyleStack = [{}];
	};

	/**
	 * Renders the given control to the provided DOMNode.
	 *
	 * If to control is already rendered in the provided DOMNode the DOM of the control is replaced. If the control
	 * is already rendered somewhere else the current DOM of the control is removed and the new DOM is appended
	 * to the provided DOMNode.
	 *
	 * This function must not be called within control renderers.
	 *
	 * @param {sap.ui.core.Control} oControl the Control that should be rendered.
	 * @param {DOMNode} oTargetDomNode The node in the dom where the result of the rendering should be inserted.
	 * @public
	 */
	sap.ui.core.RenderManager.prototype.render = function(oControl, oTargetDomNode) {
		jQuery.sap.assert(oControl && oControl instanceof sap.ui.core.Control, "oControl must be a control");
		jQuery.sap.assert(typeof oTargetDomNode === "object" && oTargetDomNode.ownerDocument == document, "oTargetDomNode must be a DOM element");
		if(this.bRendererMode){
			jQuery.sap.log.info("Render must not be called from control renderers. Call ignored.", null, this);
			return;
		}
		if(this._bLocked){
			jQuery.sap.log.error("Render must not be called within Before or After Rendering Phase. Call ignored.", null, this);
			return;
		}

		// Reset the buffer before rendering
		this.aBuffer = [];

		// Retrieve the markup (the rendering phase)
		this.renderControl(oControl);

		// FIXME: MULTIPLE ROOTS
		// The implementation of this method doesn't support multiple roots for a control.
		// Affects all places where 'oldDomNode' is used
		this._fPutIntoDom = function(oTarget, vHTML){

			if(oControl && oTargetDomNode){

				var oldDomNode = oControl.getDomRef();
				if ( sap.ui.core.RenderManager.isPreservedContent(oldDomNode) ) {
					// use placeholder instead
					oldDomNode = jQuery.sap.byId("sap-ui-dummy-" + oControl.getId())[0] || oldDomNode;
				}
				var bNewTarget = oldDomNode && oldDomNode.parentNode != oTargetDomNode;

				var fAppend = function(){
					var jTarget = jQuery(oTargetDomNode);
					if(oTargetDomNode.innerHTML == ""){
						jTarget.html(vHTML);
					}else{
						jTarget.append(vHTML);
					}
				};

				if(bNewTarget){ //Control was rendered already and is now moved to different location

					if(!sap.ui.core.RenderManager.isPreservedContent(oldDomNode)) {
						jQuery(oldDomNode).remove();
					}

					if(vHTML) {
						fAppend();
					}

				}else{ //Control either rendered initially or rerendered at the same location

					if(vHTML){
						if(oldDomNode){
							jQuery(oldDomNode).replaceWith(vHTML);
						}else{
							fAppend();
						}
					}else{
						jQuery(oldDomNode).remove();
					}

				}

			}

		};

		this.flush(oTargetDomNode, true);

		this._fPutIntoDom = null;
	};

}());


//#################################################################################################
// Static Methods
//#################################################################################################

/**
 * Returns the renderer class for a given control instance
 *
 * @param {sap.ui.core.Control}
 *            oControl the control that should be rendered
 * @type function
 * @return the renderer class for a given control instance
 * @static
 * @public
 */
sap.ui.core.RenderManager.getRenderer = function(oControl) {
	jQuery.sap.assert(oControl && oControl instanceof sap.ui.core.Control, "oControl must be a sap.ui.core.Control");

	return oControl.getMetadata().getRenderer();
};

/**
 * Makes the HTML5 tags known to older IE browsers; to be called once before rendering happens.
 *
 * Applies two workarounds
 * <ol>
 * <li>1. "SHIV": create each HTML5 tag once in the window document to make IE8 aware of it
 * <li>2. "INNERSHIV": IE8 fails when using innerHTML in conjunction with HTML5 tags for a DOM element __not__ part of the document.
 *        prepareHTML5 uses a dummy DOM element to convert the innerHTML to a set of DOM nodes first.
 * </ol>
 * @static
 * @private
 */
//Called once by the Core during initialization
sap.ui.core.RenderManager.initHTML5Support = function() {
	if(jQuery.browser.msie && (jQuery.browser.version === "8.0" || jQuery.browser.version === "7.0")){ // IE8 is recognized as "7.0"!!

		var aTags = [ "article", "aside", "audio", "canvas", "command", "datalist", "details",
				"figcaption", "figure", "footer", "header", "hgroup", "keygen", "mark", "meter", "nav",
				"output", "progress", "rp", "rt", "ruby", "section", "source", "summary", "template", "time", "video", "wbr" ];

		// 1. SHIV, create each HTML5 element once to make IE8 recognize it
		// see http://paulirish.com/2011/the-history-of-the-html5-shiv/ for an explanation
		for (var i = 0; i < aTags.length; i++) {
			document.createElement(aTags[i]);
		}

		// 2. INNERSHIV, converts string with HTML5 tags to DOM nodes before using them with jQuery
		// see http://jdbartlett.com/innershiv/ for an explanation of the matter
		var rhtmltags = new RegExp("<(" + aTags.join("|") + ")(\\s|>)", "i");
		var d = null;
		sap.ui.core.RenderManager.prepareHTML5 = function(sHTML) {
			if ( sHTML && sHTML.match(rhtmltags) ) {
				if(!d){
					d = document.createElement('div');
					d.style.display = 'none';
				}

				var e = d.cloneNode(true);
				document.body.appendChild(e);
				e.innerHTML = sHTML.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
				document.body.removeChild(e);

				return e.childNodes;
			}
			return sHTML;
		};

		jQuery.sap.log.info("IE8 HTML5 support activated");

	}else{

		jQuery.sap.log.info("no IE8 HTML5 support required");

		sap.ui.core.RenderManager.prepareHTML5 = function(sHTML) {
			return sHTML;
		};
	}
};

/**
 * Helper to enforce a repaint for a given dom node.
 * 
 * Introduced to fix repaint issues in Webkit browsers, esp. Chrome.
 * @param {DOMNode} vDomNode a DOM node or ID of a DOM node
 * 
 * @private
 */
sap.ui.core.RenderManager.forceRepaint = function(vDomNode) {
	var oDomNode = typeof vDomNode == "string" ? jQuery.sap.domById(vDomNode) : vDomNode;
	if ( oDomNode ) {
		jQuery.sap.log.debug("forcing a repaint for " + (oDomNode.id || String(oDomNode)));
		oDomNode.style.display = "none";
		oDomNode.offsetHeight;
		oDomNode.style.display = "";
	}
};

//#################################################################################################
// Methods for preserving HTML content
//#################################################################################################

(function() {

	var ID_PRESERVE_AREA = "sap-ui-preserve";
	var ATTR_PRESERVE_MARKER = "data-sap-ui-preserve";

	function getPreserveArea() {
		var $preserve = jQuery("#"+ID_PRESERVE_AREA);
		if ($preserve.length === 0){
			$preserve = jQuery("<DIV/>",{role:"application",id:ID_PRESERVE_AREA}).
				addClass("sapUiHidden").css("width", "0").css("height", "0").css("overflow", "hidden").
				appendTo(document.body);
		}
		return $preserve;
	}

	/**
	 * Collects descendants of the given root node that need to be preserved before the root node
	 * is wiped out. The "to-be-preserved" nodes are moved to a special, hidden 'preserve' area.
	 *
	 * A node is declared "to-be-preserved" when it has the <code>data-sap-ui-preserve</code>
	 * attribute set. When the optional parameter <code>bPreserveNodesWithId</code> is set to true,
	 * then nodes with an id are preserved as well and their <code>data-sap-ui-preserve</code> attribute
	 * is set automatically. This option is used by UIAreas when they render for the first time and
	 * simplifies the handling of predefined HTML content in a web page.
	 *
	 * The "to-be-preserved" nodes are searched with a depth first search and moved to the 'preserve'
	 * area in the order that they are found. So for direct siblings the order should be stable.
	 *
	 * @param {DOMNode} oRootNode to search for "to-be-preserved" nodes
	 * @param {boolean} [bPreserveRoot=false] whether to preserve the root itself
	 * @param {boolean} [bPreserveNodesWithId=false] whether to preserve nodes with an id as well
	 * @public
	 * @static
	 */
	sap.ui.core.RenderManager.preserveContent = function(oRootNode, bPreserveRoot, bPreserveNodesWithId) {
		jQuery.sap.assert(typeof oRootNode === "object" && oRootNode.ownerDocument == document, "oRootNode must be a DOM element");

		sap.ui.getCore().getEventBus().publish("sap.ui","__preserveContent", { domNode : oRootNode});

		var $preserve = getPreserveArea();

		function check($candidates) {

			$candidates.each(function(i,candidate) {

				// don't process the preserve area or the static area
				if ( candidate.id === ID_PRESERVE_AREA || sap.ui.getCore().isStaticAreaRef(candidate)) {
					return;
				}

				var $candidate = jQuery(candidate);

				if ( $candidate.attr(ATTR_PRESERVE_MARKER) )  { // node is marked with the preserve marker
					// when the current node is the root node then we're doing a single control rerendering
					if ( candidate === oRootNode ) {
						var $placeholder = jQuery("<DIV/>", { id: "sap-ui-dummy-" + candidate.id}).addClass("sapUiHidden");
						$placeholder.insertBefore($candidate);
					}
					$preserve.append($candidate);
				} else if ( bPreserveNodesWithId && candidate.id ) {
					sap.ui.core.RenderManager.markPreservableContent($candidate, candidate.id);
					$preserve.append($candidate);
					return;
				}

				// don't dive into nested UIAreas. They are preserved together with any preserved parent (e.g. HTML control)
				if ( !$candidate.attr("data-sap-ui-area") ) {
					check($candidate.children());
				}
			});
		}

		jQuery.sap.measure.start(oRootNode.id+"---preserveContent","preserveContent for "+oRootNode.id);
		check(bPreserveRoot? jQuery(oRootNode) : jQuery(oRootNode).children());
		jQuery.sap.measure.end(oRootNode.id+"---preserveContent");
	};

	/**
	 * Searches "to-be-preserved" nodes for the given control id.
	 *
	 * @param {string} sId control id to search content for.
	 * @return {jQuery} a jQuery collection representing the found content
	 * @public
	 * @static
	 */
	sap.ui.core.RenderManager.findPreservedContent = function(sId) {
		jQuery.sap.assert(typeof sId === "string", "sId must be a string");
		var $preserve = getPreserveArea(),
			$content = $preserve.children("[" + ATTR_PRESERVE_MARKER + "='" + sId.replace(/(:|\.)/g,'\\$1') + "']");
		return $content;
	};

	/**
	 * Marks the given content as "to-be-preserved" for a control with the given id.
	 * When later on the content has been preserved, it can be found by giving the same id.
	 *
	 * @param {jQuery} $content a jQuery collection of DOM objects to be marked
	 * @param {string} sId id of the control to associate the content with
	 * @static
	 */
	sap.ui.core.RenderManager.markPreservableContent = function($content, sId) {
		$content.attr(ATTR_PRESERVE_MARKER, sId);
	};

	/**
	 * Checks whether the given DOM node is part of the 'preserve' area.
	 *
	 * @param {DOMNode} oDomNode
	 * @return {boolean} whether node is part of 'preserve' area
	 * @private
	 * @static
	 */
	sap.ui.core.RenderManager.isPreservedContent = function(oDomNode) {
		return ( oDomNode && oDomNode.getAttribute(ATTR_PRESERVE_MARKER) && oDomNode.parentNode && oDomNode.parentNode.id == ID_PRESERVE_AREA );
	};

	/**
	 * Returns the hidden area reference belonging to this window instance.
	 *
	 * @return {DOMNode}the hidden area reference belonging to this core instance.
	 * @public
	 * @static
	 */
	sap.ui.core.RenderManager.getPreserveAreaRef = function() {
		return getPreserveArea()[0];
	};

}());


//#################################################################################################
// Methods for 'Buffered writer' functionality... (all public)
// i.e. used methods in render-method of Renderers
//#################################################################################################

/**
 * Write the given texts to the buffer
 * @param {string|number ...} sText (can be a number too)
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 * @SecSink {*|XSS}
 */
sap.ui.core.RenderManager.prototype.write = function(/** string|number */ sText /* ... */) {
	jQuery.sap.assert(( typeof sText === "string") || ( typeof sText === "number"), "sText must be a string or number");
	this.aBuffer.push.apply(this.aBuffer, arguments);
	return this;
};

/**
 * Escape text for HTML and write it to the buffer
 * @param {string} sText
 * @param {boolean} bLineBreaks Whether to convert linebreaks into <br> tags
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 */
sap.ui.core.RenderManager.prototype.writeEscaped = function(/** string */ sText, bLineBreaks) {
	jQuery.sap.assert( typeof sText === "string", "sText must be a string");
	if (bLineBreaks) {
		var aLines = sText.split("\n");
		for (var i = 0; i < aLines.length; i++) {
			aLines[i] = jQuery.sap.encodeHTML(aLines[i]);
		}
		sText = aLines.join("<br>");
	} else {
		sText = jQuery.sap.encodeHTML(sText);
	}
	this.aBuffer.push(sText);
	return this;
};


/**
 * @deprecated Not implemented - DO NOT USE
 * @public
 */
sap.ui.core.RenderManager.prototype.translate = function(/** string */ sKey) {
	// TODO
};

/**
 * @deprecated Not implemented - DO NOT USE
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 */
sap.ui.core.RenderManager.prototype.writeAcceleratorKey = function() {
	/*
	if (bAlt && !bCtrl && !bArrowKey) {
		// Keyboard helper provides means for visualizing access keys.
		// keydown modifies some CSS rule for showing underlines
		// <span><u class="sapUiAccessKey">H</u>elp me</span>
		UCF_KeyboardHelper.showAccessKeys();
	}
	*/
	return this;
};

/**
 * Adds a style property to the style collection if the value is not empty or null
 * The style collection is flushed if it is written to the buffer using {@link #writeStyle}
 *
 * @param {string} sName name of the CSS property to write
 * @param {string|float} value value to write
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 * @SecSink {0 1|XSS} Styles are written to HTML without validation
 */
sap.ui.core.RenderManager.prototype.addStyle = function(sName, value) {
	jQuery.sap.assert(typeof sName === "string", "sName must be a string");
	if (value) {
		jQuery.sap.assert((typeof value === "string" || typeof value === "number"), "value must be a string or a float");
		var oStyle = this.aStyleStack[this.aStyleStack.length-1];
		if (!oStyle.aStyle) {
			oStyle.aStyle = [];
		}
		oStyle.aStyle.push(sName + ":" + value);
	}
	return this;
};

/**
 * Writes and flushes the style collection
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 */
sap.ui.core.RenderManager.prototype.writeStyles = function() {
	var oStyle = this.aStyleStack[this.aStyleStack.length-1];
	if (oStyle.aStyle) {
		this.write(" style=\"" +oStyle.aStyle.join(";") +"\" ");
	}
	oStyle.aStyle = null;
	return this;
};

/**
 * Adds a class to the class collection if the name is not empty or null.
 * The class collection is flushed if it is written to the buffer using {@link #writeClasses}
 *
 * @param {string} sName name of the class to be added; null values are ignored
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 * @SecSink {0|XSS} Classes are written to HTML without validation
 */
sap.ui.core.RenderManager.prototype.addClass = function(sName) {
	if (sName) {
		jQuery.sap.assert(typeof sName === "string", "sName must be a string");
		var oStyle = this.aStyleStack[this.aStyleStack.length-1];
		if (!oStyle.aClasses) {
			oStyle.aClasses = [];
		}
		oStyle.aClasses.push(sName);
	}
	return this;
};

/**
 * Writes and flushes the class collection (all CSS classes added by "addClass()" since the last flush).
 * Also writes the custom style classes added by the application with "addStyleClass(...)". Custom classes are
 * added by default from the currently rendered control. If an oElement is given, this Element's custom style
 * classes are added instead. If oElement === false, no custom style classes are added.
 *
 * @param {sap.ui.core.Element | boolean} [oElement] an Element from which to add custom style classes (instead of adding from the control itself)
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 */
sap.ui.core.RenderManager.prototype.writeClasses = function(oElement) {
	jQuery.sap.assert(!oElement || typeof oElement === "boolean" || oElement instanceof sap.ui.core.Element, "oElement must be empty, a boolean, or a sap.ui.core.Element");
	var oStyle = this.aStyleStack[this.aStyleStack.length-1];

	// Custom classes are added by default from the currently rendered control. If an oElement is given, this Element's custom style
	// classes are added instead. If oElement === false, no custom style classes are added.
	var aCustomClasses = oElement ? oElement.aCustomStyleClasses : ((oElement === false) ? [] : oStyle.aCustomStyleClasses);

	if (oStyle.aClasses || aCustomClasses) {
		var aClasses = [].concat(oStyle.aClasses || [], aCustomClasses || []);
		aClasses.sort();
		aClasses = jQuery.map(aClasses, function(n, i){
			return (i==0 || n != aClasses[i-1]) ? n : null;
		});
		this.write(" class=\"", aClasses.join(" "), "\" "); 
	}
	
	if (!oElement) {
		oStyle.aCustomStyleClasses = null;
	}
	oStyle.aClasses = null;
	return this;
};

/**
 * Writes the controls data into the HTML.
 * Control Data consists at least of the id of a control
 * @param {sap.ui.core.Control} oControl the control whose identifying information should be written to the buffer
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 */
sap.ui.core.RenderManager.prototype.writeControlData = function(oControl) {
	jQuery.sap.assert(oControl && oControl instanceof sap.ui.core.Control, "oControl must be a sap.ui.core.Control");
	this.writeElementData(oControl);
	return this;
};

/**
 * Writes the elements data into the HTML.
 * Element Data consists at least of the id of a element
 * @param {sap.ui.core.Element} oElement the element whose identifying information should be written to the buffer
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 */
sap.ui.core.RenderManager.prototype.writeElementData = function(oElement) {
	jQuery.sap.assert(oElement && oElement instanceof sap.ui.core.Element, "oElement must be a sap.ui.core.Element");
	var sId = oElement.getId();
	if(sId) {
		this.writeAttribute("id", sId).writeAttribute("data-sap-ui", sId);
	}
	var aData = oElement.getCustomData();
	var l = aData.length;
	for (var i = 0; i < l; i++) {
		var oData = aData[i];
		if (oData.getWriteToDom()) { // application wants this to be written to the DOM, but there are some conditions for this to work
			var key = oData.getKey();
			if (typeof oData.getValue() === "string") {
				if ((sap.ui.core.ID.isValid(key)) && (key.indexOf(":") == -1) && (key.indexOf("sap-ui") !== 0)) {
					this.writeAttributeEscaped("data-" + key, oData.getValue());
				} else { // error case
					jQuery.sap.log.error("CustomData with key " + key + " should be written to HTML of " + this + " but the key is not valid (must be a valid sap.ui.core.ID without any colon and may not start with 'sap-ui').");
				}
			} else { // error case: non-string value
				jQuery.sap.log.error("CustomData with key " + key + " should be written to HTML of " + this + " but the value is not a string.");
			}
		}
	}
	return this;
};

/**
 * Writes the attribute and its value into the HTML
 * @param {string} sName the name of the attribute
 * @param {string | number | boolean} value the value of the attribute
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 * @SecSink {0 1|XSS} Attributes are written to HTML without validation
 */
sap.ui.core.RenderManager.prototype.writeAttribute = function(sName, value) {
	jQuery.sap.assert(typeof sName === "string", "sName must be a string");
	jQuery.sap.assert(typeof value === "string" || typeof value === "number" || typeof value === "boolean", "value must be a string, number or boolean");
	this.write(" ", sName, "=\"", value, "\"");
	return this;
};

/**
 * Writes the attribute and its value into the HTML
 * @param sName the name of the attribute
 * @param sValue the value of the attribute
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 * @SecSink {0|XSS}
 */
sap.ui.core.RenderManager.prototype.writeAttributeEscaped = function(sName, sValue) {
	// writeAttribute asserts
	this.writeAttribute(sName, jQuery.sap.escapeHTML(sValue));
	return this;
};

/**
 * Writes the accessibility state (see WAI-ARIA specification) of the provided element into the HTML
 * based on the element's properties and associations.
 *
 * The ARIA properties are only written when the accessibility feature is activated in the UI5 configuration.
 *
 * The following properties/values to ARIA attribute mappings are done (if the element does have such properties):
 * <code>editable===false</code> => <code>aria-readonly="true"</code>
 * <code>enabled===false</code> => <code>aria-disabled="true"</code>
 * <code>visible===false</code> => <code>aria-hidden="true"</code>
 * <code>required===true</code> => <code>aria-required="true"</code>
 * <code>selected===true</code> => <code>aria-selected="true"</code>
 * <code>checked===true</code> => <code>aria-checked="true"</code>
 *
 * Additionally the association <code>ariaDescribedBy</code> and <code>ariaLabelledBy</code> are used to write
 * the id lists of the ARIA attributes <code>aria-describedby</code> and <code>aria-labelledby</code>.
 *
 * Note: This function is only a heuristic of a control property to ARIA attribute mapping. Control developers
 * have to check whether it fullfills their requirements. In case of problems (for example the RadioButton has a
 * <code>selected</code> property but must provide an <code>aria-checked</code> attribute) the auto-generated
 * result of this function can be influenced via the parameter <code>mProps</code> as described below.
 *
 * The parameter <code>mProps</code> can be used to either provide additional attributes which should be added and/or
 * to avoid the automatic generation of single ARIA attributes. The 'aria-' prefix will be prepended automatically to the keys
 * (Exception: Attribute 'role' does not get the prefix 'aria-').
 *
 * Examples:
 * <code>{hidden : true}</code> results in <code>aria-hidden="true"</code> independent of the precense or absence of
 * the visibility property.
 * <code>{hidden : null}</code> ensures that no <code>aria-hidden</code> attribute is written independent of the precense
 * or absence of the visibility property.
 * The function behaves in the same way for the associations <code>ariaDescribedBy</code> and <code>ariaLabelledBy</code>.
 * To append additional values to the auto-generated <code>aria-describedby</code> and <code>aria-labelledby</code> attributes
 * the following format can be used:
 * <code>{describedby : {value: "id1 id2", append: true}}</code> => <code>aria-describedby="ida idb id1 id2"</code> (assuming that "ida idb"
 * is the auto-generated part based on the association <code>ariaDescribedBy</code>).
 *
 * @param {sap.ui.core.Element}
 *            [oElement] the element whose accessibility state should be rendered
 * @param {Object}
 *            [mProps] a map of properties that should be added additionally or changed.
 * @return {sap.ui.core.RenderManager} this render manager instance to allow chaining
 * @public
 */
sap.ui.core.RenderManager.prototype.writeAccessibilityState = function(oElement, mProps) {
	if(!sap.ui.getCore().getConfiguration().getAccessibility()){
		return this;
	}

	if(arguments.length == 1 && !(oElement instanceof sap.ui.core.Element)) {
		mProps = oElement;
		oElement = null;
	}

	var mAriaProps = {};

	if(oElement != null) {
		var oMetadata = oElement.getMetadata();
		oMetadata._enrichChildInfos();

		function addACCForProp(sElemProp, sACCProp, oVal){
			var oProp = oMetadata.getAllProperties()[sElemProp];
			if(oProp && oElement[oProp._sGetter]() === oVal){
				mAriaProps[sACCProp] = "true";
			}
		}

		function addACCForAssoc(sElemAssoc, sACCProp){
			var oAssoc = oMetadata.getAllAssociations()[sElemAssoc];
			if(oAssoc && oAssoc.multiple){
				var aIds = oElement[oAssoc._sGetter]();
				if(aIds.length > 0){
					mAriaProps[sACCProp] = aIds.join(" ");
				}
			}
		}

		addACCForProp("editable", "readonly", false);
		addACCForProp("enabled", "disabled", false);
		addACCForProp("visible", "hidden", false);
		addACCForProp("required", "required", true);
		addACCForProp("selected", "selected", true);
		addACCForProp("checked", "checked", true);
		addACCForAssoc("ariaDescribedBy", "describedby");
		addACCForAssoc("ariaLabelledBy", "labelledby");
	}

	if(mProps){
		function checkValue(v){
			var type = typeof(v);
			return v === null || v === "" || type === "number" || type === "string" || type === "boolean";
		}
		
		var prop = {};
		var x, val, type, autoVal;
		
		for(x in mProps){
			val = mProps[x];
			if(checkValue(val)){
				prop[x] = val;
			}else if(typeof(val) === "object" && checkValue(val.value)){
				autoVal = "";
				if(val.append && (x === "describedby" || x === "labelledby")){
					autoVal = mAriaProps[x] ? mAriaProps[x]+" " : "";
				}
				prop[x] = autoVal + val.value;
			}
		}
		
		//The auto-generated values above can be overridden or reset (via null)
		jQuery.extend(mAriaProps, prop);
	}

	// allow parent (e.g. FormElement) to overwrite or enhance aria attributes
	if (oElement instanceof sap.ui.core.Element && oElement.getParent() && oElement.getParent().enhanceAccessibilityState) {
		oElement.getParent().enhanceAccessibilityState(oElement, mAriaProps);
	}

	for(var p in mAriaProps) {
		if(mAriaProps[p] != null && mAriaProps[p] !== ""){ //allow 0 and false but no null, undefined or empty string
			this.writeAttribute(p === "role" ? p : "aria-"+p, mAriaProps[p]);
		}
	}

	return this;
};


/**
 * Writes either an img tag for normal URI or an span tag with needed properties for icon URI.
 * 
 * Additional classes and attributes can be added to the tag by given the second and third parameter.
 * All of the given attributes are escaped for security consideration.
 * 
 * 
 * @param {sap.ui.core.URI} sURI is the URI of an image or an icon registered in sap.ui.core.IconPool.
 * @param {array|string} aClasses are additional classes that are added to the rendered tag.
 * @param {object} mAttributes are additional attributes that are added to the rendered tag.
 * @returns {sap.ui.core.RenderManager} this render manager instance to allow chaining
 */
sap.ui.core.RenderManager.prototype.writeIcon = function(sURI, aClasses, mAttributes){
	jQuery.sap.require("sap.ui.core.IconPool");
	
	var bIconURI = sap.ui.core.IconPool.isIconURI(sURI),
		sStartTag = bIconURI ? "<span " : "<img ",
		sClasses = "", sProp, oIconInfo;
	
	if(typeof aClasses === "string"){
		aClasses = [aClasses];	
	}
	
	if(bIconURI){
		if(!aClasses){
			aClasses = [];
		}
		aClasses.push("sapUiIcon");
	}
	
	if(jQuery.isArray(aClasses)){
		sClasses = aClasses.join(" ");
	}
	
	this.write(sStartTag + "class=\"" + sClasses + "\" ");

	if(bIconURI){
		if(!mAttributes){
			mAttributes = {};
		}
		
		oIconInfo = sap.ui.core.IconPool.getIconInfo(sURI);
		mAttributes["data-sap-ui-icon-content"] = oIconInfo.content;
		this.write("style=\"font-family: " + oIconInfo.fontFamily +";\" ");
	} else {
		this.writeAttribute("src", sURI);
	}
	
	if(typeof mAttributes === "object"){
		for(sProp in mAttributes){
			if(mAttributes.hasOwnProperty(sProp)){
				this.writeAttributeEscaped(sProp, mAttributes[sProp]);
			}
		}
	}
	
	return this.write(bIconURI ? "></span>" : "/>");
};
}; // end of sap.ui.core.RenderManager
if ( !jQuery.sap.isDeclared('sap.ui.core.ResizeHandler') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.ResizeHandler
jQuery.sap.declare("sap.ui.core.ResizeHandler");




(function(){

	var oCoreRef = null;

	/**
	 * Constructs an instance of a sap.ui.core.ResizeHandler.
	 * Handles the resize event on registered DOM elements.
	 *
	 * Resize events on arbitrary DOM elements are not supported on Firefox and Safari.
	 * This class provides firing of resize events on Firefox by checking width
	 * and height of registered DOM elements and firing events accordingly.
	 *
	 * @class sap.ui.core.ResizeHandler
	 * @param oCore the core
	 */
	sap.ui.core.ResizeHandler = function(oCore) {
		sap.ui.base.Object.apply(this);

		oCoreRef = oCore;

		this.aResizeListeners = [];
		this.sInterval = null;

		this.iIdCounter = 0;

		this.fDestroyHandler = jQuery.proxy(this.destroy, this);

		jQuery(window).bind("unload", this.fDestroyHandler);
	};

	sap.ui.core.ResizeHandler.prototype = jQuery.sap.newObject(sap.ui.base.Object.prototype);
	sap.ui.base.Object.defineClass("sap.ui.core.ResizeHandler", {
		baseType : "sap.ui.base.Object"
	});

	/**
	 * The interval which is used for checking the width/height of all attached elements.
	 * One check takes less than 1 MICROsecond (maybe even *much* less - the only confirmed fact is that 20000 checks
	 * summed up are still not measurable), so a 200 ms interval is perfectly fine.
	 * @private
	 */
	sap.ui.core.ResizeHandler.prototype.I_INTERVAL = 200;

	/**
	 * Destroy method of the Resize Handler.
	 * It unregisters the event handlers.
	 *
	 * @param {jQuery.Event} oEvent the event that initiated the destruction of the ResizeHandler
	 * @private
	 */
	sap.ui.core.ResizeHandler.prototype.destroy = function(oEvent) {
		jQuery(window).unbind("unload", this.fDestroyHandler);
		if(jQuery.browser.msie && (jQuery.browser.version == "7.0" || jQuery.browser.version == "8.0")){
			jQuery.each(this.aResizeListeners, function(index, oResizeListener){
				jQuery(oResizeListener.oDomRef).unbind("resize", oResizeListener.fHandler);
			});
		}
		oCoreRef = null;
		this.aResizeListeners = [];
		this.sInterval = null;
	};

	/**
	 * Attaches listener to resize event.
	 *
	 * @param {element} oDomRef the DOM reference
	 * @param {function} fHandler the event handler function
	 * @return {string} Registration-ID for later detaching.
	 * @private
	 */
	sap.ui.core.ResizeHandler.prototype.attachListener = function(oDomRef, fHandler){
		var iWidth = oDomRef.offsetWidth,
		iHeight = oDomRef.offsetHeight,
		sId = "rs-" + new Date().valueOf() + "-" + this.iIdCounter++;

		this.aResizeListeners.push({sId: sId, oDomRef: oDomRef, fHandler: fHandler, iWidth: iWidth, iHeight: iHeight});

		if(jQuery.browser.msie && (jQuery.browser.version == "7.0" || jQuery.browser.version == "8.0")){
			jQuery(oDomRef).bind("resize", fHandler);
		}else{
			if(!this.sInterval){
				this.sInterval = jQuery.sap.delayedCall(this.I_INTERVAL, this, "checkSizes");
			}
		}
		return sId;
	};

	/**
	 * Detaches listener from resize event.
	 *
	 * @param {string} Registration-ID returned from attachListener
	 * @private
	 */
	sap.ui.core.ResizeHandler.prototype.detachListener = function(sId){
		var that = this;
		jQuery.each(this.aResizeListeners, function(index, oResizeListener){
			if(oResizeListener.sId == sId){
				that.aResizeListeners.splice(index,1);
				if(jQuery.browser.msie && (jQuery.browser.version == "7.0" || jQuery.browser.version == "8.0")){
					jQuery(oResizeListener.oDomRef).unbind("resize", oResizeListener.fHandler);
				}
				return false; //break the loop
			};
		});

		// if list is empty now, stop interval
		if(this.aResizeListeners.length == 0){
			jQuery.sap.clearDelayedCall(this.sInterval);
			this.sInterval = null;
		}
	};

	/**
	 * Check sizes of resize elements
	 * @private
	 */
	sap.ui.core.ResizeHandler.prototype.checkSizes = function() {
		jQuery.each(this.aResizeListeners, function(index, oResizeListener){
			if(oResizeListener){
				var oDomRef = oResizeListener.oDomRef;
				if (oDomRef.offsetWidth != oResizeListener.iWidth ||
						oDomRef.offsetHeight != oResizeListener.iHeight) {
					oResizeListener.iWidth = oDomRef.offsetWidth;
					oResizeListener.iHeight = oDomRef.offsetHeight;
					var oEvent = jQuery.Event("resize");
					oEvent.target = oResizeListener.oDomRef;
					oEvent.currentTarget = oResizeListener.oDomRef;
					oResizeListener.fHandler(oEvent);
				}
			}
		});
		this.sInterval = jQuery.sap.delayedCall(this.I_INTERVAL, this, "checkSizes");
	};

	/**
	 * Registers the given handler for resize events on the given
	 * DOM reference.
	 *
	 * @param {element} oDomRef the DOM reference for which the given handler should be registered (beside the window)
	 * @param {function} fHandler the handler which should be called on a resize event
	 * @return {string} Registration ID which can be used for deregistering
	 * @public
	 */
	sap.ui.core.ResizeHandler.register = function(oDomRef, fHandler) {
		if(!oCoreRef || !oCoreRef.oResizeHandler) {
			return null;
		}
		return oCoreRef.oResizeHandler.attachListener(oDomRef, fHandler);
	};

	/**
	 * Deregisters the registered handler for resize events with the given ID.
	 *
	 * @param {string} Registration ID
	 * @public
	 */
	sap.ui.core.ResizeHandler.deregister = function(sId) {
		if(!oCoreRef || !oCoreRef.oResizeHandler) {
			return;
		}
		oCoreRef.oResizeHandler.detachListener(sId);
	};

}());
}; // end of sap.ui.core.ResizeHandler
if ( !jQuery.sap.isDeclared('sap.ui.core.delegate.ItemNavigation') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * @namespace
 * @name sap.ui.core.delegate
 * @public
 */

// Provides class sap.ui.core.delegate.ItemNavigation
jQuery.sap.declare("sap.ui.core.delegate.ItemNavigation");



/**
 * Creates an ItemNavigation delegate that can be attached to Controls requiring
 * capabilities for keyboard navigation between items.
 *
 * @class Delegate for the ItemNavigation with the keyboard
 *
 * @author SAP
 *
 * Delegate for the ItemNavigation with
 * arrow keys over a one dimensional list of items.
 *
 * The ItemNavigation gets a main DOM reference and
 * an array of DOM references that represent the
 * DOM nodes that should be focused.
 *
 * If there are disabled nodes or not focusable nodes like separators that should be used
 * (e.g. for paging issues) in the ItemNavigation they
 * can be added to the DOM reference array as empty (false) entries. These nodes are
 * not focused by keyboard navigation but are useful because the index of the nodes in the
 * ItemNavigation is the same like in the calling control.
 *
 * If the DOM references are submitted to the ItemNavigation the TabIndexes of the
 * nodes are adjusted regarding to the Focused Index.
 *
 * If the ItemNavigation is nested in an other ItemNavigation (e.g. SegmentedButton in Toolbar)
 * the TabIndex will be only set by the parent ItemNavigation. The items of the child ItemNavigation
 * will always have TabIndex -1.
 *
 * Per default the ItemNavigation cycles over the items.
 * It starts again on the top if arrow down is pressed while
 * the last item has the focus. It starts at the end if arrow up or
 * left is pressed while the first item has the focus.
 * If you like to stop the navigation at the first and last item,
 * call the <code>setCycling</code> method with a value of <code>false</code>.
 *
 * It is possible to have multiple columns in the item navigation. If multiple columns
 * are used the keyboard navigation changes. Right and left will get to the next or previous
 * node. but up and down will navigate the same way but in vertical direction.
 *
 * The ItemNavigation helper also allows to set a selected index that is used
 * if the user initially enters the navigated control (for a radio group there
 * is one selected).
 *
 * This class listens to mousedown event and if it occurs on an item in the
 * list aItemDomRefs, it sets the focus to it.
 *
 * Remembering the focused item after a server roundtrip or after re-rendering is
 * up to the control that uses this delegate.
 *
 * When the <code>setPageSize</code> method is called with a value &gt; 0,
 * then page up and down events will be handled.
 *
 * The <code>BeforeFocus</code> event is fired before the actual item is focused.
 * The control can register to this event and e.g. make the item visible
 * if it is not currently visible.
 * The index of the focused Item and the triggering event are returned.
 * !!! But this is not usable in the moment because not visible items are not reached
 * !!! by keyboard navigation. It is to late to make them visible on this event or it
 * !!! is fired to late.
 * !!! This must be redesigned if the feature is really needed. (e.g. in TabStrip for
 * !!! tabs that are not visible in the moment...)
 *
 * The <code>AfterFocus</code> event is fired after the actual item is focused.
 * The control can register to this event and react on the focus change.
 * The index of the focused Item and the triggering event are returned.
 *
 * @extends sap.ui.base.EventProvider
 *
 * @param {DOMNode} oDomRef the DOM node that is focused if the item navigation is started
 * @param {array} aItemDomRefs Array of DOM nodes representing the items for the navigation
 * @param {boolean} [bNotInTabChain=false] Whether the selected element should be in the tab chain or not
 *
 * @version 1.12.0
 * @constructor
 * @public
 */
sap.ui.core.delegate.ItemNavigation = function(oDomRef, aItemDomRefs, bNotInTabChain) {

	sap.ui.base.EventProvider.apply(this);

	//the surrounding dom ref that is focused initially
	this.oDomRef = null;
	if (oDomRef) {
		this.setRootDomRef(oDomRef);
	}
	//the array of dom refs representing the items
	this.aItemDomRefs = [];
	if (aItemDomRefs) {
		this.setItemDomRefs(aItemDomRefs);
	}

	//initialize Tabindex
	this.iTabIndex = -1;

	//whether the active element should get a tabindex of 0 or -1
	this.iActiveTabIndex = !!bNotInTabChain ? -1 : 0;

	//the initial focusedindex
	this.iFocusedIndex = -1;
	//the initial selected index (if any)
	this.iSelectedIndex = -1;
	//default for cycling
	this.bCycling = true;
	//default for table mode
	this.bTableMode = false;
	//the pagesize for pageup and down events
	this.iPageSize = -1;
	//a marker to enable focusin to decide HOW the focus arrived
	this._bMouseDownHappened = false;

};
sap.ui.core.delegate.ItemNavigation.prototype = jQuery.sap.newObject(sap.ui.base.EventProvider.prototype);

sap.ui.base.Object.defineClass("sap.ui.core.delegate.ItemNavigation", {
		// ---- object ----
		baseType : "sap.ui.base.EventProvider",
		publicMethods : []
	});

sap.ui.core.delegate.ItemNavigation.Events = {
		BeforeFocus:"BeforeFocus",
		AfterFocus:"AfterFocus"
};

/**
 * Sets the root reference surrounding the items
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.setRootDomRef = function(oDomRef) {
	this.oDomRef = oDomRef;

	// in nested ItemNavigation the tabindex must only be set at the root DOM from the parent ItemNavigation
	if (!jQuery(this.oDomRef).data("sap.INItem")) {
		if(this.iFocusedIndex >= 0){
			jQuery(this.oDomRef).attr("tabIndex", this.iTabIndex);
		}else{
			jQuery(this.oDomRef).attr("tabIndex", this.iActiveTabIndex);
		}
	}
	jQuery(this.oDomRef).data("sap.INRoot", this);
	return this;
};

/**
 * returns the root dom reference surrounding the items
 * @return {DOMNode} root dom reference surrounding the items
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.getRootDomRef = function() {
	return this.oDomRef;
};

/**
 * returns the array of item dom refs
 * @return {Array} array of item dom refs
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.getItemDomRefs = function() {
	return this.aItemDomRefs;
};

/**
 * Sets the item dom refs as an array the items
 *
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.setItemDomRefs = function(aItemDomRefs) {
	this.aItemDomRefs = aItemDomRefs;

	// in nested ItemNavigation the tabindex must only be set at the root DOM from the parent ItemNavigation
	for (var i=0; i<this.aItemDomRefs.length; i++) {
		if (this.aItemDomRefs[i]) { // separators return null here
			var $Item = jQuery(this.aItemDomRefs[i]);
			// as this code can be executed even if the items are not visible (e.g. Popup is closed)
			// no focusable check can be performed. So only for the currently focused item
			// the tabindex is set to 0. For all items with tabindex 0 the tabindex is set to -1
			// Items without tabindex are checked for focusable on the first focusin on the root.
			if(i == this.iFocusedIndex && !jQuery(this.oDomRef).data("sap.INItem")){
				$Item.attr("tabIndex", this.iActiveTabIndex);
			}else if ($Item.attr("tabindex") == "0"){ // set tabindex to -1 only if already set to 0
				$Item.attr("tabIndex", -1);
			}
			$Item.data("sap.INItem", true);
			$Item.data("sap.InNavArea", true); //Item is in navigation area - allow navigation mode and edit mode

			if ($Item.data("sap.INRoot")) {
				// item is root of an nested ItemNavigation -> set tabindexes from its items to -1
				$Item.data("sap.INRoot").setNestedItemsTabindex();
			}
		}
	}
	return this;
};

/*
 * Sets the tabindex of the items
 * This can not be done while setting items because at this point of time the items might
 * be invisible (because e.g. popup closed). So the focusable check will fail
 * So the item tabindexes are set if the rootDom ist focused the first time.
 *
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.setItemsTabindex = function() {

	for (var i=0; i<this.aItemDomRefs.length; i++) {
		if (this.aItemDomRefs[i]) { // separators return null here
			var $Item = jQuery(this.aItemDomRefs[i]);
			if ($Item.is(":sapFocusable")) {
				// not focusable items (like labels) must not get a tabindex attribute
				if(i == this.iFocusedIndex && !jQuery(this.oDomRef).data("sap.INItem")){
					$Item.attr("tabIndex", this.iActiveTabIndex);
				}else{
					$Item.attr("tabIndex", -1);
				}
			}
		}
	}
	return this;

};

/*
 * Sets tabindex if item to -1
 * called from parent ItemNavigation if ItemNavigation is nested
 * In the nested case the tabindex ist ruled by the parent ItemNavigation, 
 * only the top items can have tabindex = 0
 *
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.setNestedItemsTabindex = function() {

	if (jQuery(this.oDomRef).data("sap.INItem")) {
		for (var i=0; i<this.aItemDomRefs.length; i++) {
			if (this.aItemDomRefs[i] && jQuery(this.aItemDomRefs[i]).attr("tabindex") == "0") { // separators return null here
				jQuery(this.aItemDomRefs[i]).attr("tabIndex", -1);
			}
		}
	}

	return this;

};

/**
 * Destroys the delegate and releases all dom references
 */
sap.ui.core.delegate.ItemNavigation.prototype.destroy = function() {

	if (this.oDomRef) {
		jQuery(this.oDomRef).removeData("sap.INRoot");
		this.oDomRef = null;
	}

	if (this.aItemDomRefs) {
		for (var i=0; i<this.aItemDomRefs.length; i++) {
			if (this.aItemDomRefs[i]) { // separators return null here
				jQuery(this.aItemDomRefs[i]).removeData("sap.INItem");
				jQuery(this.aItemDomRefs[i]).removeData("sap.InNavArea");
			}
		}
		this.aItemDomRefs = null;
	}

	this._bItemTabIndex = undefined;

};

/**
 * Sets whether the ItemNavigation should cycle through the items
 * @param {boolean} bCycling true if cycling should be done, else false
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.setCycling = function(bCycling) {
	this.bCycling = bCycling;
	return this;
};

/**
 * Sets whether the ItemNavigation should use the table mode to navigate through
 * the items (navigation in a grid)
 * @param {boolean} bTableMode true if table mode should be done, else false
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.setTableMode = function(bTableMode) {
	this.bTableMode = bTableMode;
	return this;
};

/**
 * Sets the page size of the item navigation to allow pageup and down keys
 * @param {int} iPageSize the pagesize, needs to be at least 1
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.setPageSize = function(iPageSize) {
	this.iPageSize = iPageSize;
	return this;
};

/**
 * Sets the selected index if the used control supports selection
 * @param {int} iIndex the index of the first selected item
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.setSelectedIndex = function(iIndex) {
	this.iSelectedIndex = iIndex;
	return this;
};

/**
 * Sets whether the items are displayed in columns
 * @param {integer} iColumns count of columns for the table mode or cycling mode
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.delegate.ItemNavigation.prototype.setColumns = function(iColumns) {
	this.iColumns = iColumns;
	return this;
};

/**
 * Sets the focus to the item with the given index
 * @param {int} iIndex the index of the item to focus
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.focusItem = function(iIndex, oEvent) {

	jQuery.sap.log.info('FocusItem: '+iIndex+' iFocusedIndex: '+this.iFocusedIndex);
	if(iIndex == this.iFocusedIndex && this.aItemDomRefs[this.iFocusedIndex] == document.activeElement){
		return; // item already focused -> nothing to do
	}
	// if there is no item to put the focus on, we don't even try it
	if(!this.aItemDomRefs[iIndex] || !jQuery(this.aItemDomRefs[iIndex]).is(":sapFocusable")) {
		return;
	}
	this.fireEvent(sap.ui.core.delegate.ItemNavigation.Events.BeforeFocus,{index:iIndex, event:oEvent});
	this.setFocusedIndex(iIndex);
	this.bISetFocus = true;

	if (jQuery(this.aItemDomRefs[this.iFocusedIndex]).data("sap.INRoot")) {
		// store event type for nested ItemNavigations
		var oItemItemNavigation = jQuery(this.aItemDomRefs[this.iFocusedIndex]).data("sap.INRoot");
		oItemItemNavigation._sFocusEvent = oEvent.type;
	}

	jQuery.sap.focus(this.aItemDomRefs[this.iFocusedIndex]);

	this.fireEvent(sap.ui.core.delegate.ItemNavigation.Events.AfterFocus,{index:iIndex, event:oEvent});

};

/**
 * Sets the focused index to the given index
 * @param {int} iIndex the index of the item
 * @return {sap.ui.core.delegate.ItemNavigation} <code>this</code> to allow method chaining
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.setFocusedIndex = function(iIndex) {
	if (iIndex < 0) {
		iIndex = 0;
	}
	if (iIndex > this.aItemDomRefs.length-1) {
		iIndex = this.aItemDomRefs.length-1;
	}

	if( !jQuery(this.oDomRef).data("sap.INItem") ){
		// in nested ItemNavigation the tabindex must only be set at the root DOM from the parent ItemNavigation
		jQuery(this.oDomRef).attr("tabIndex", this.iTabIndex);
		if (this.iFocusedIndex !== -1 && this.aItemDomRefs.length > this.iFocusedIndex) {
			jQuery(this.aItemDomRefs[this.iFocusedIndex]).attr("tabIndex", -1);
		}
	}
	this.iFocusedIndex = iIndex;
	var oFocusItem = this.aItemDomRefs[this.iFocusedIndex];

	if( !jQuery(this.oDomRef).data("sap.INItem") ){
		jQuery(oFocusItem).attr("tabIndex", this.iActiveTabIndex);
	}
	return this;
};

/**
 * Returns the focused dom ref
 * @return {DOMNode} focused dom ref
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.getFocusedDomRef = function() {
	return this.aItemDomRefs[this.iFocusedIndex];
};


/**
 * Returns the focused index
 * @return {int} focused index
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.getFocusedIndex = function() {
	return this.iFocusedIndex;
};

/**
 * Handles the onfocusin event
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onfocusin = function(oEvent) {

	var oSource = oEvent.target;
	if (oSource == this.oDomRef) {
		//focus occured on the main dom ref
		// on fist focus - set tabindex for items
		if (!this._bItemTabIndex) {
			this.setItemsTabindex();
			this._bItemTabIndex = true;
		}

		// if the focus came by clicking AND it did not target one of the elements, but the root element, do nothing
		// (otherwise clicking the scrollbar re-focuses the previously focused element, which causes the browser to scroll it into view)
		if (this._bMouseDownHappened) {
			return;
		}

		var iIndex;
		if (jQuery(this.oDomRef).data("sap.INItem") && this._sFocusEvent) {
			// if nested ItemNavigation need to know if focused by parent ItemNavigation
			switch (this._sFocusEvent) {
			case "sapnext":
				iIndex = 0;
				break;
			case "sapprevious":
				iIndex = this.aItemDomRefs.length-1;
				break;
			default:
				iIndex = this.iSelectedIndex != -1 ?  this.iSelectedIndex : (this.iFocusedIndex != -1 ? this.iFocusedIndex : 0);
			break;
			}
			this._sFocusEvent = undefined;
		} else{
			iIndex = this.iSelectedIndex != -1 ?  this.iSelectedIndex : (this.iFocusedIndex != -1 ? this.iFocusedIndex : 0);
		}

		this.focusItem(iIndex, oEvent);
		if (this.iFocusedIndex == -1) {
			// no item focused, maybe not focusable -> try the next one
			for (var i=iIndex+1; i<this.aItemDomRefs.length; i++) {
				this.focusItem(i,oEvent);
				if (this.iFocusedIndex == i) {
					break;
				}
			}
			if (this.iFocusedIndex == -1 && iIndex > 0) {
				// still no item selected, try to find a previous one
				for (var i=iIndex-1; i>=0; i--) {
					this.focusItem(i,oEvent);
					if (this.iFocusedIndex == i) {
						break;
					}
				}
			}
		}
		//cancel the bubbling of event in this case
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}else if(!this.bISetFocus){
		// check if this is really the already focused item
		// in case of a click on a label this could be an other item
		if (this.aItemDomRefs && oEvent.target != this.aItemDomRefs[this.iFocusedIndex]) {
			for (var i=0; i<this.aItemDomRefs.length; i++) {
				if (oEvent.target == this.aItemDomRefs[i]) {
					this.focusItem(i,oEvent);
					break;
				}
			}
		}else{
			//give focused item to registered application
			this.fireEvent(sap.ui.core.delegate.ItemNavigation.Events.AfterFocus,{index:this.iFocusedIndex, event:oEvent});
		}
	}
	this.bISetFocus = false;
};

/**
 * Handles the onsapfocusleave event
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsapfocusleave = function(oEvent) {
	if (!oEvent.relatedControlId || !jQuery.sap.containsOrEquals(this.oDomRef, sap.ui.getCore().byId(oEvent.relatedControlId).getFocusDomRef())) {
		// entirely leaving the control handled by this ItemNavigation instance
		this.setFocusedIndex(this.iSelectedIndex != -1 ?  this.iSelectedIndex : (this.iFocusedIndex != -1 ? this.iFocusedIndex : 0));

		var $DomRef = jQuery(this.oDomRef);
		if($DomRef.data("sap.InNavArea") === false) { // check for false to avoid undefinded
			// if in action mode switch back to navigation mode
			$DomRef.data("sap.InNavArea", true);
		}
	}
};

/**
 * Handles the onmousedown event
 * Sets the focus to the item if it occured on an item
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onmousedown = function(oEvent) {
	//set the focus to the clicked element or back to the last
	var oSource = oEvent.target;
	if (jQuery.sap.containsOrEquals(this.oDomRef,oSource)) {
		//the mouse down occured inside the main dom ref
		for (var i=0;i<this.aItemDomRefs.length;i++) {
			var oItem = this.aItemDomRefs[i];
			if (jQuery.sap.containsOrEquals(oItem,oSource)) {
				if (!this.bTableMode) {
					//the mouse down occured inside of an item
					this.focusItem(i, oEvent);
					// no oEvent.preventDefault(); because cursor will not be set in Textfield
					// no oEvent.stopPropagation(); because e.g. DatePicker can not close popup
				} else {
					// only focus the items if the click did not happen on a
					// focusable element!
					if (oItem === oSource || !jQuery(oSource).is(":sapFocusable")) {
						this.focusItem(i, oEvent);
						// the table mode requires not to prevent the default
						// behavior on click since we want to allow text selection
						// click into the control, ...
					}
				}
				return;
			}
		}
		if (oSource == this.oDomRef) {
			// root DomRef of item navigation has been clicked
			// focus will also come in a moment - let it know that it was the mouse who caused the focus
			this._bMouseDownHappened = true;
			var that = this;
			window.setTimeout(
				function(){
					that._bMouseDownHappened = false;
				}, 20
			);
		}
	}
};

/**
 * Handles the onsapnext event
 * Sets the focus to the next item
 * @param {jQuery.Event} oEvent the browser event
 * @private

 */
sap.ui.core.delegate.ItemNavigation.prototype.onsapnext = function(oEvent) {
	
	if(!jQuery.sap.containsOrEquals(this.oDomRef,oEvent.target)){
		// current element is not part of the navigation content
		return;
	}

	if (jQuery(this.oDomRef).data("sap.InNavArea")) {
		// control is in navigation mode -> no ItemNavigation
		return;
	}

	// in the table mode we only react on events of the domrefs
	if (this.bTableMode && jQuery.inArray(oEvent.target, this.aItemDomRefs) === -1) {
		return;
	}

	//focus the next item
	var iIndex = this.iFocusedIndex;
	var bFirstTime = true;
	if (iIndex > -1) {
		if (this.bTableMode) {
			var iRowCount = this.aItemDomRefs.length / this.iColumns;
			var iRow = Math.floor(iIndex / this.iColumns);
			var iCol = iIndex % this.iColumns;
			if (oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN) {
				if (iRow  < iRowCount - 1) {
					iIndex += this.iColumns;
				}
			} else {
				if (iCol < this.iColumns - 1) {
					iIndex += 1;
				}
			}
		} else {
			do{
				if(this.iColumns > 1 && oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN){
					if( (iIndex + this.iColumns) >= this.aItemDomRefs.length){
						// on bottom -> begin on top of next column
						if((iIndex % this.iColumns) < (this.iColumns -1)){
							iIndex = (iIndex % this.iColumns) + 1;
						}else if(this.bCycling){
							iIndex = 0;
						}
					}else{
						iIndex = iIndex + this.iColumns;
					}
				}else{
					if (iIndex == this.aItemDomRefs.length-1){
						//last item
						if (jQuery(this.oDomRef).data("sap.INItem")) {
							// if nested ItemNavigations leave here to ItemNavigation of parent
							return;
						}else if(this.bCycling){
							// in cycling case focus first one, if not - don't change
							iIndex = 0;
						}else{
							// last one, no next item, so leave focus on already focused item (to prevent endless loops)
							iIndex = this.iFocusedIndex;
						}
					}else{
						iIndex++;
					}
				}

				if (iIndex == this.iFocusedIndex) {
					if (bFirstTime) {
						bFirstTime = false;
					} else {
						throw new Error("ItemNavigation has no visible/existing items and is hence unable to select the next one");
					}
				}

			// if item is not visible or a dummy item go to the next one
			}while(!this.aItemDomRefs[iIndex] || !jQuery(this.aItemDomRefs[iIndex]).is(":visible") || jQuery(this.aItemDomRefs[iIndex]).css('visibility') == 'hidden'
				|| !jQuery(this.aItemDomRefs[iIndex]).is(":sapFocusable"));
		}
		this.focusItem(iIndex, oEvent);
		//cancel the event otherwise the browser will scroll
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};
/**
 * Ensure the sapnext event with modifiers is also handled
 * @see #onsapnext
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsapnextmodifiers = sap.ui.core.delegate.ItemNavigation.prototype.onsapnext;

/**
 * Handles the onsapprevious event
 * Sets the focus to the previous item
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsapprevious = function(oEvent) {

	if(!jQuery.sap.containsOrEquals(this.oDomRef,oEvent.target)){
		// current element is not part of the navigation content
		return;
	}


	if (jQuery(this.oDomRef).data("sap.InNavArea")) {
		// control is in navigation mode -> no ItemNavigation
		return;
	}

	// in the table mode we only react on events of the domrefs
	if (this.bTableMode && jQuery.inArray(oEvent.target, this.aItemDomRefs) === -1) {
		return;
	}

	//focus the previous item
	var iIndex = this.iFocusedIndex;
	var bFirstTime = true;
	if (iIndex > -1) {
		if (this.bTableMode) {
			var iRowCount = this.aItemDomRefs.length / this.iColumns;
			var iRow = Math.floor(iIndex / this.iColumns);
			var iCol = iIndex % this.iColumns;
			if (oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP) {
				if (iRow  > 0) {
					iIndex -= this.iColumns;
				}
			} else {
				if (iCol > 0) {
					iIndex -= 1;
				}
			}
		} else {
			do{
				if(this.iColumns > 1 && oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_UP){
					if( (iIndex - this.iColumns) < 0){
						// on top -> begin on end of previous column
						var iCol = 0;
						if((iIndex % this.iColumns) > 0){
							iCol = (iIndex % this.iColumns) - 1;
						}else if(this.bCycling){
							iCol = this.iColumns - 1;
						}
						if (iIndex === 0 && iCol === 0) {
							iIndex = 0;
						} else {
							var iRows = Math.ceil(this.aItemDomRefs.length / this.iColumns);
							iIndex = iCol + ((iRows-1)*this.iColumns);
							if(iIndex >= this.aItemDomRefs.length){
								iIndex = iIndex - this.iColumns;
							}
						}
					}else{
						iIndex = iIndex - this.iColumns;
					}
				}else{
					if (iIndex == 0){
						// first item
						if (jQuery(this.oDomRef).data("sap.INItem")) {
							// if nested ItemNavigations leave here to ItemNavigation of parent
							return;
						}else if(this.bCycling){
							//in cycling case focus last one, if not - don't change
							iIndex = this.aItemDomRefs.length - 1;
						}else{
							// first one, no next item, so leave focus on already focused item (to prevent endless loops)
							iIndex = this.iFocusedIndex;
						}
					}else{
						iIndex--;
					}
				}

				if (iIndex == this.iFocusedIndex) {
					if (bFirstTime) {
						bFirstTime = false;
					} else {
						throw new Error("ItemNavigation has no visible/existing items and is hence unable to select the previous one");
					}
				}


			// if item is not visible or a dummy item go to the next one
			}while(!this.aItemDomRefs[iIndex] || !jQuery(this.aItemDomRefs[iIndex]).is(":visible") || jQuery(this.aItemDomRefs[iIndex]).css('visibility') == 'hidden'
				|| !jQuery(this.aItemDomRefs[iIndex]).is(":sapFocusable"));
		}
		this.focusItem(iIndex, oEvent);
		//cancel the event otherwise the browser will scroll
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};
/**
 * Ensure the sapprevious event with modifiers is also handled
 * @see #onsapprevious
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsappreviousmodifiers = sap.ui.core.delegate.ItemNavigation.prototype.onsapprevious;

/**
 * Handles the onsappageup event
 * Sets the focus to the previous page item of iPageSize>0
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsappageup = function(oEvent) {

	if(!jQuery.sap.containsOrEquals(this.oDomRef,oEvent.target)){
		// current element is not part of the navigation content
		return;
	}

	// in the table mode we only react on events of the domrefs
	if (this.bTableMode && jQuery.inArray(oEvent.target, this.aItemDomRefs) === -1) {
		return;
	}

	if (this.iPageSize > 0) {
		var iIndex = this.iFocusedIndex;
		if (iIndex > -1) {
			iIndex = iIndex - this.iPageSize;
			while (iIndex > 0 && !jQuery(this.aItemDomRefs[iIndex]).is(":sapFocusable")){
				iIndex--;
			}
			if (iIndex < 0) {
				iIndex = 0;
			}
			this.focusItem(iIndex, oEvent);
		}
	} else if (this.bTableMode) {
		var iIndex = this.iFocusedIndex % this.iColumns;
		this.focusItem(iIndex, oEvent);
	}

	//cancel the event otherwise the browser will scroll
	oEvent.preventDefault();
	oEvent.stopPropagation();

};

/**
 * Handles the onsappagedown event
 * Sets the focus to the previous page item of iPageSize>0
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsappagedown = function(oEvent) {

	if(!jQuery.sap.containsOrEquals(this.oDomRef,oEvent.target)){
		// current element is not part of the navigation content
		return;
	}

	// in the table mode we only react on events of the domrefs
	if (this.bTableMode && jQuery.inArray(oEvent.target, this.aItemDomRefs) === -1) {
		return;
	}

	if (this.bTableMode) {
		var iRowCount = this.aItemDomRefs.length / this.iColumns;
		var iCol = this.iFocusedIndex % this.iColumns;
		iIndex = (iRowCount - 1) * this.iColumns + iCol;
		this.focusItem(iIndex, oEvent);
	} else {
		if (this.iPageSize > 0) {
			var iIndex = this.iFocusedIndex;
			if (iIndex > -1) {
				iIndex = iIndex + this.iPageSize;
				while (iIndex < this.aItemDomRefs.length-1 && !jQuery(this.aItemDomRefs[iIndex]).is(":sapFocusable")){
					iIndex++;
				}
				if (iIndex > this.aItemDomRefs.length-1) {
					iIndex = this.aItemDomRefs.length-1;
				}
				this.focusItem(iIndex, oEvent);
			}
		}
	}

	//cancel the event otherwise the browser will scroll
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Handles the onsaphome event
 * Sets the focus to first visible and focusable item
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsaphome = function(oEvent) {

	if(!jQuery.sap.containsOrEquals(this.oDomRef,oEvent.target) || oEvent.shiftKey || oEvent.altKey){
		// current element is not part of the navigation content
		// or shift or alt key is pressed
		return;
	}

	// in the table mode we only react on events of the domrefs
	if (this.bTableMode && jQuery.inArray(oEvent.target, this.aItemDomRefs) === -1) {
		return;
	}

	var iIndex = 0;
	if (this.bTableMode) {
		if (!(oEvent.metaKey || oEvent.ctrlKey)) {
			var iRowCount = this.aItemDomRefs.length / this.iColumns;
			var iRow = Math.floor(this.iFocusedIndex / this.iColumns);
			iIndex = iRow * this.iColumns;
		}
	} else {
		if (!!(oEvent.metaKey || oEvent.ctrlKey)) {
			// do not handle ctrl
			return;
		}
		while(!this.aItemDomRefs[iIndex] || !jQuery(this.aItemDomRefs[iIndex]).is(":visible") || jQuery(this.aItemDomRefs[iIndex]).css('visibility') == 'hidden'
			|| !jQuery(this.aItemDomRefs[iIndex]).is(":sapFocusable")){
			iIndex++;
			if (iIndex == this.aItemDomRefs.length) {
				// no visible item -> no new focus
				return;
			}
		}
	}

	this.focusItem(iIndex, oEvent);
	//cancel the event otherwise the browser will scroll
	oEvent.preventDefault();
	oEvent.stopPropagation();
};
/**
 * Ensure the sapprevious event with modifiers is also handled
 * @see #onsaphome
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsaphomemodifiers = sap.ui.core.delegate.ItemNavigation.prototype.onsaphome;

/**
 * Handles the onsapend event
 * Sets the focus to last visible and focusable item
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsapend = function(oEvent) {

	if(!jQuery.sap.containsOrEquals(this.oDomRef,oEvent.target) || oEvent.shiftKey || oEvent.altKey){
		// current element is not part of the navigation content
		// or shift or alt key is pressed
		return;
	}

	// in the table mode we only react on events of the domrefs
	if (this.bTableMode && jQuery.inArray(oEvent.target, this.aItemDomRefs) === -1) {
		return;
	}

	var iIndex = this.aItemDomRefs.length-1;
	if (this.bTableMode) {
		if (!(oEvent.metaKey || oEvent.ctrlKey)) {
			var iRowCount = this.aItemDomRefs.length / this.iColumns;
			var iRow = Math.floor(this.iFocusedIndex / this.iColumns);
			iIndex = iRow * this.iColumns + this.iColumns - 1;
		}
	} else {
		if (!!(oEvent.metaKey || oEvent.ctrlKey)) {
			// do not handle ctrl
			return;
		}
		while(!this.aItemDomRefs[iIndex] || !jQuery(this.aItemDomRefs[iIndex]).is(":visible") || jQuery(this.aItemDomRefs[iIndex]).css('visibility') == 'hidden'
			|| !jQuery(this.aItemDomRefs[iIndex]).is(":sapFocusable")){
			iIndex--;
			if (iIndex < 0) {
				// no visible item -> no new focus
				return;
			}
		}
	}

	this.focusItem(iIndex, oEvent);
	//cancel the event otherwise the browser will scroll
	oEvent.preventDefault();
	oEvent.stopPropagation();
};
/**
 * Ensure the sapprevious event with modifiers is also handled
 * @see #onsapend
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.onsapendmodifiers = sap.ui.core.delegate.ItemNavigation.prototype.onsapend;

/**
 * Sets tabIndex of the RootElement to 0. Is used, for example in image map for IE browser in order to avoid tabIndex -1 on image with what it would not be tabable at all.
 * @private
 */
sap.ui.core.delegate.ItemNavigation.prototype.setTabIndex0 = function() {

	this.iTabIndex = 0;
	this.iActiveTabIndex = 0;

};

/*
 * toggle navigation/action mode on F2
 */
sap.ui.core.delegate.ItemNavigation.prototype.onkeyup = function(oEvent) {

	if (oEvent.keyCode == jQuery.sap.KeyCodes.F2) {
		var $DomRef = jQuery(this.oDomRef);
		if ($DomRef.data("sap.InNavArea")) {
			$DomRef.data("sap.InNavArea", false);
		} else if($DomRef.data("sap.InNavArea") === false) { // check for false to avoid undefined
			$DomRef.data("sap.InNavArea", true);
		}
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}

};
}; // end of sap.ui.core.delegate.ItemNavigation
if ( !jQuery.sap.isDeclared('sap.ui.core.format.DateFormat') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.format.DateFormat
jQuery.sap.declare("sap.ui.core.format.DateFormat");


/**
 * Constructor for DateFormat - must not be used: To get a DateFormat instance, please use getInstance, getDateTimeInstance or getTimeInstance.
 *
 * @class
 * The DateFormat is a static class for formatting and parsing date and time values according
 * to a set of format options.
 *
 * Supported format options are pattern based on Unicode LDML Date Format notation.
 * If no pattern is specified a default pattern according to the locale settings is used.
 *
 * @public
 * @see http://unicode.org/reports/tr35/#Date_Field_Symbol_Table
 */
sap.ui.core.format.DateFormat = function() {
	// Do not use the constructor
	throw new Error();
};

sap.ui.core.format.DateFormat.oDateInfo = {
	oDefaultFormatOptions: {
		style: "medium"
	},
	aFallbackFormatOptions: [
		{style: "short"},
		{style: "medium"},
		{pattern: "yyyy-MM-dd"},
		{pattern: "yyyyMMdd"}
	],
	getPattern: function(oLocaleData, sStyle) {
		return oLocaleData.getDatePattern(sStyle);
	},
	oRequiredParts: {
		"text": true, "year": true, "weekYear": true, "month": true, "day": true
	}
};

sap.ui.core.format.DateFormat.oDateTimeInfo = {
	oDefaultFormatOptions: {
		style: "medium"
	},
	aFallbackFormatOptions: [
      	{style: "short"},
    	{style: "medium"},
    	{pattern: "yyyy-MM-dd'T'hh:mm:ss"},
    	{pattern: "yyyyMMdd hhmmss"}
	],
	getPattern: function(oLocaleData, sStyle) {
		var sDateTimePattern = oLocaleData.getDateTimePattern(sStyle),
			sDatePattern = oLocaleData.getDatePattern(sStyle),
			sTimePattern = oLocaleData.getTimePattern(sStyle);
		return sDateTimePattern.replace("{1}", sDatePattern).replace("{0}", sTimePattern);
	},
	oRequiredParts: {
		"text": true, "year": true, "weekYear": true, "month": true, "day": true, "hour0_23": true,  
		"hour1_24": true, "hour0_11": true, "hour1_12": true
	}

};

sap.ui.core.format.DateFormat.oTimeInfo = {
	oDefaultFormatOptions: {
		style: "medium"
	},
	aFallbackFormatOptions: [
      	{style: "short"},
    	{style: "medium"},
    	{pattern: "hh:mm:ss"},
    	{pattern: "hhmmss"}
	],
	getPattern: function(oLocaleData, sStyle) {
		return oLocaleData.getTimePattern(sStyle);
	},
	oRequiredParts: {
		"text": true, "hour0_23": true, "hour1_24": true, "hour0_11": true, "hour1_12": true
	}
};


/**
 * @see sap.ui.core.format.DateFormat.getDateInstance
 */
sap.ui.core.format.DateFormat.getInstance = function(oFormatOptions, oLocale) {
	return this.getDateInstance(oFormatOptions, oLocale);
};


/**
 * Get a date instance of the DateFormat, which can be used for formatting.
 *
 * @param {object} [oFormatOptions] Object which defines the format options
 * @param {string} [oFormatOptions.pattern] a data pattern in LDML format. It is not verified whether the pattern represents only a date.  
 * @param {string} [oFormatOptions.style] either empty or 'short, 'medium' or 'long'. If no pattern is given, a locale dependent default date pattern of that style is used from the LocaleData class.    
 * @param {sap.ui.core.Locale} [oLocale] Locale to ask for locale specific texts/settings
 * @return {sap.ui.core.format.DateFormat} date instance of the DateFormat
 * @static
 * @public
 */
sap.ui.core.format.DateFormat.getDateInstance = function(oFormatOptions, oLocale) {
	return this.createInstance(oFormatOptions, oLocale, this.oDateInfo);
};

/**
 * Get a datetime instance of the DateFormat, which can be used for formatting.
 *
 * @param {object} [oFormatOptions] Object which defines the format options
 * @param {string} [oFormatOptions.pattern] a datetime pattern in LDML format. It is not verified whether the pattern represents a full datetime.  
 * @param {string} [oFormatOptions.style] either empty or 'short, 'medium' or 'long'. If no pattern is given, a locale dependent default datetime pattern of that style is used from the LocaleData class.    
 * @param {sap.ui.core.Locale} [oLocale] Locale to ask for locale specific texts/settings
 * @return {sap.ui.core.format.DateFormat} datetime instance of the DateFormat
 * @static
 * @public
 */
sap.ui.core.format.DateFormat.getDateTimeInstance = function(oFormatOptions, oLocale) {
	return this.createInstance(oFormatOptions, oLocale, this.oDateTimeInfo);
};

/**
 * Get a time instance of the DateFormat, which can be used for formatting.
 *
 * @param {object} [oFormatOptions] Object which defines the format options
 * @param {string} [oFormatOptions.pattern] a time pattern in LDML format. It is not verified whether the pattern only represents a time.  
 * @param {string} [oFormatOptions.style] either empty or 'short, 'medium' or 'long'. If no pattern is given, a locale dependent default time pattern of that style is used from the LocaleData class.    
 * @param {sap.ui.core.Locale} [oLocale] Locale to ask for locale specific texts/settings
 * @return {sap.ui.core.format.DateFormat} time instance of the DateFormat
 * @static
 * @public
 */
sap.ui.core.format.DateFormat.getTimeInstance = function(oFormatOptions, oLocale) {
	return this.createInstance(oFormatOptions, oLocale, this.oTimeInfo);
};

/**
 * Create instance of the DateFormat.
 *
 * @param {object} [oFormatOptions] Object which defines the format options
 * @param {sap.ui.core.Locale} [oLocale] Locale to ask for locale specific texts/settings
 * @return {sap.ui.core.format.DateFormat} time instance of the DateFormat
 * @static
 * @private
 */
sap.ui.core.format.DateFormat.createInstance = function(oFormatOptions, oLocale, oInfo) {
	// Create an instance of the DateFormat
	var oFormat = jQuery.sap.newObject(this.prototype);
	
	// Handle optional parameters
	if ( oFormatOptions instanceof sap.ui.core.Locale ) {
		oLocale = oFormatOptions;
		oFormatOptions = undefined;
	}
	
	// Get Locale and LocaleData to use
	if (!oLocale) {
		oLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale();
	}
	oFormat.oLocale = oLocale;
	oFormat.oLocaleData = sap.ui.core.LocaleData.getInstance(oLocale);
	
	// Extend the default format options with custom format options and retrieve the pattern
	// from the LocaleData, in case it is not defined yet
	oFormat.oFormatOptions = jQuery.extend(false, {}, oInfo.oDefaultFormatOptions, oFormatOptions);
	if (!oFormat.oFormatOptions.pattern) {
		oFormat.oFormatOptions.pattern = oInfo.getPattern(oFormat.oLocaleData, oFormat.oFormatOptions.style);
	}

	// If fallback DateFormats have not been created yet, do it now
	if (!oInfo.aFallbackFormats) {
		oInfo.aFallbackFormats = [];
		jQuery.each(oInfo.aFallbackFormatOptions, function(i, oFormatOptions) {
			var oFallbackFormat = sap.ui.core.format.DateFormat.createInstance(oFormatOptions, oLocale, oInfo);
			oFallbackFormat.bIsFallback = true;
			oInfo.aFallbackFormats.push(oFallbackFormat);
		})
	}
	oFormat.aFallbackFormats = oInfo.aFallbackFormats;
	oFormat.oRequiredParts = oInfo.oRequiredParts;
	
	oFormat.init();
	return oFormat;
};

/**
 * Initialize date format
 */
sap.ui.core.format.DateFormat.prototype.init = function() {
	this.aMonthsAbbrev = this.oLocaleData.getMonths("abbreviated");
	this.aMonthsWide = this.oLocaleData.getMonths("wide");
	this.aDaysAbbrev = this.oLocaleData.getDays("abbreviated");
	this.aDaysWide = this.oLocaleData.getDays("wide");
	this.aDayPeriods = this.oLocaleData.getDayPeriods("abbreviated");
	this.aFormatArray = this.parseJavaDateFormat(this.oFormatOptions.pattern);
};

/**
 * Pattern elements
 */
sap.ui.core.format.DateFormat.prototype.oStates = {
	"G": "era",
	"y": "year",
	"Y": "weekYear",
	"M": "month",
	"w": "weekInYear",
	"W": "weekInMonth",
	"D": "dayInYear",
	"d": "day",
	"F": "dayOfWeekInMonth",
	"E": "dayNameInWeek",
	"u": "dayNumberOfWeek",
	"a": "amPmMarker",
	"H": "hour0_23",
	"k": "hour1_24",
	"K": "hour0_11",
	"h": "hour1_12",
	"m": "minute",
	"s": "second",
	"S": "millisecond",
	"z": "timezoneGeneral",
	"Z": "timezoneRFC822",
	"X": "timezoneISO8601"
};

/**
 * Format a date according to the given format options.
 *
 * @param {Date} oValue the vale to format
 * @param {boolean} bUTC whether to use UTC
 * @return {string} the formatted output value
 * @public
 */
sap.ui.core.format.DateFormat.prototype.format = function(oDate, bUTC) {
	var aBuffer = [],
		oPart,
		iDay = bUTC ? oDate.getUTCDay() : oDate.getDay(),
		iDate = bUTC ? oDate.getUTCDate() : oDate.getDate(),
		iMonth = bUTC ? oDate.getUTCMonth() : oDate.getMonth(),
		iYear = bUTC ? oDate.getUTCFullYear() : oDate.getFullYear(),
		iMilliseconds = bUTC ? oDate.getUTCMilliseconds() : oDate.getMilliseconds(),
		iSeconds = bUTC ? oDate.getUTCSeconds() : oDate.getSeconds(),
		iMinutes = bUTC ? oDate.getUTCMinutes() : oDate.getMinutes(),
		iHours = bUTC ? oDate.getUTCHours() : oDate.getHours(),
		iTZOffset = Math.abs(oDate.getTimezoneOffset()),
		bPositiveOffset = oDate.getTimezoneOffset() > 0,
		iHourOffset = Math.floor(iTZOffset / 60),
		iMinuteOffset = iTZOffset % 60,
		sYear,
		sWeek,
		sHours,
		sResult;

	for (var i = 0; i < this.aFormatArray.length; i++) {
		oPart = this.aFormatArray[i];
		switch (oPart.sType) {
			case "text":
				aBuffer.push(oPart.sValue);
				break;
			case "day":
				aBuffer.push(jQuery.sap.padLeft(String(iDate), "0", oPart.iDigits));
				break;
			case "dayNameInWeek":
				if (oPart.iDigits < 4) {
					aBuffer.push(this.aDaysAbbrev[iDay]);
				} else if (oPart.iDigits >= 4){
					aBuffer.push(this.aDaysWide[iDay]);
				}
				break;
			case "dayNumberOfWeek":
				aBuffer.push(iDay || 7);
				break;
			case "month":
				if (oPart.iDigits == 3) {
					aBuffer.push(this.aMonthsAbbrev[iMonth]);
				} else if (oPart.iDigits >= 4){
					aBuffer.push(this.aMonthsWide[iMonth]);
				} else {
					aBuffer.push(jQuery.sap.padLeft(String(iMonth + 1), "0", oPart.iDigits));
				}
				break;
			case "era":
				aBuffer.push("AD");
				break;
			case "year":
			case "weekYear":
				sYear = "" + iYear;
				if (oPart.iDigits == 2 && sYear.length > 2) {
					sYear = sYear.substr(sYear.length - 2);
				}
				aBuffer.push(jQuery.sap.padLeft(sYear, "0", oPart.iDigits));
				break;
			case "weekInYear":
				sWeek = "";
				//TODO getWeek does not exist on Date object
				//-> this is a preparation for a future or custom week support
				if (oDate.getWeek) {
					sWeek += oDate.getWeek();
				}
				aBuffer.push(jQuery.sap.padLeft(sWeek, "0", oPart.iDigits));
				break;
			case "hour0_23":
				aBuffer.push(jQuery.sap.padLeft(String(iHours), "0", oPart.iDigits));
				break;
			case "hour1_24":
				if (iHours == 0) {
					sHours = "24";
				}
				else {
					sHours = String(iHours);
				}
				aBuffer.push(jQuery.sap.padLeft(sHours, "0", oPart.iDigits));
				break;
			case "hour0_11":
				if (iHours > 11) {
					sHours = String(iHours - 12);
				}
				else {
					sHours = String(iHours)
				}
				aBuffer.push(jQuery.sap.padLeft(sHours, "0", oPart.iDigits));
				break;
			case "hour1_12":
				if (iHours > 12) {
					sHours = String(iHours - 12);
				}
				else if (iHours == 0) {
					sHours = "12";
				}
				else {
					sHours = String(iHours)
				}
				aBuffer.push(jQuery.sap.padLeft(sHours, "0", oPart.iDigits));
				break;
			case "minute":
				aBuffer.push(jQuery.sap.padLeft(String(iMinutes), "0", oPart.iDigits));
				break;
			case "second":
				aBuffer.push(jQuery.sap.padLeft(String(iSeconds), "0", oPart.iDigits));
				break;
			case "millisecond":
				aBuffer.push(jQuery.sap.padLeft(String(iMilliseconds), "0", oPart.iDigits));
				break;
			case "amPmMarker":
				var iDayPeriod = iHours < 12 ? 0 : 1;
				aBuffer.push(this.aDayPeriods[iDayPeriod]);
				break;
			case "timezoneGeneral":
				//TODO getTimezoneLong and getTimezoneShort does not exist on Date object
				//-> this is a preparation for a future full timezone support (only used by unit test so far)
				if (oPart.iDigits > 3 && oDate.getTimezoneLong) {
					aBuffer.push(oDate.getTimezoneLong());
					break;
				}
				else if (oDate.getTimezoneShort){
					aBuffer.push(oDate.getTimezoneShort());
					break;
				}
				aBuffer.push("GMT");
			case "timezoneISO8601":
				if (!bUTC && iTZOffset != 0) {
					aBuffer.push(bPositiveOffset ? "-" : "+");
					aBuffer.push(jQuery.sap.padLeft(String(iHourOffset), "0", 2));
					aBuffer.push(":");
					aBuffer.push(jQuery.sap.padLeft(String(iMinuteOffset), "0", 2));
				}
				break;
			case "timezoneRFC822":
				if (!bUTC && iTZOffset != 0) {
					aBuffer.push(bPositiveOffset ? "-" : "+");
					aBuffer.push(jQuery.sap.padLeft(String(iHourOffset), "0", 2));
					aBuffer.push(jQuery.sap.padLeft(String(iMinuteOffset), "0", 2));
				}
				break;

		}
	}

	sResult = aBuffer.join("");
	if (sap.ui.getCore().getConfiguration().getOriginInfo()) {
		sResult = new String(sResult);
		sResult.originInfo = {
			source: "Common Locale Data Repository",
			locale: this.oLocale.toString(),
			style: this.oFormatOptions.style,
			pattern: this.oFormatOptions.pattern
		};
	}

	return sResult;
};

/**
 * Parse a string which is formatted according to the given format options.
 *
 * @param {string} sValue the string containing a formatted date/time value
 * @return {Date} the parsed value
 * @public
 */
sap.ui.core.format.DateFormat.prototype.parse = function(oValue) {
	var oDate,
		iIndex = 0,
		bError = false,
		iDay = null,
		iMonth = null,
		iYear = null,
		iHours = null,
		iMinutes = null,
		iSeconds = null,
		iMilliseconds = null,
		bPM = false,
		oPart,
		sPart,
		iTZDiff = null,
		bValid = true,
		oRequiredParts = this.oRequiredParts;

	function isNumber(iCharCode) {
		return iCharCode >= 48 && iCharCode <= 57;
	}

	function findNumbers(iMaxLength) {
		var iLength = 0;
		while (iLength < iMaxLength && isNumber(oValue.charCodeAt(iIndex + iLength))) {
			iLength++;
		}
		return oValue.substr(iIndex, iLength);
	}

	function findEntry(aList) {
		var i;
		for (i = 0; i < aList.length; i++) {
			if (oValue.indexOf(aList[i], iIndex) == iIndex) {
				return aList[i];
			}
		}
		return null;
	}

	function findEntryIndex(aList) {
		var i;
		for (i = 0; i < aList.length; i++) {
			if (oValue.indexOf(aList[i], iIndex) == iIndex) {
				return i;
			}
		}
		return null;
	}

	function parseTZ(bISO) {
		var iTZFactor = oValue.charAt(iIndex) == "+" ? -1 : 1;
		iIndex++; //"+" or "-"
		sPart = findNumbers(2);
		var iTZDiffHour = parseInt(sPart, 10);
		iIndex = iIndex+2; //hh: 2 digits for hours
		if(bISO){
			iIndex++; //":"
		}
		sPart = findNumbers(2);
		iIndex = iIndex+2; //mm: 2 digits for minutes
		iTZDiff = parseInt(sPart, 10);
		iTZDiff = (iTZDiff + 60*iTZDiffHour)*iTZFactor;
	}
	
	function checkValid(sType, bPartInvalid) {
		if (sType in oRequiredParts && bPartInvalid) {
			bValid = false;
		}
	} 
	
	oValue = jQuery.trim(oValue);

	for (var i = 0; i < this.aFormatArray.length; i++) {
		oPart = this.aFormatArray[i];
		switch (oPart.sType) {
			case "text":
				if (oValue.indexOf(oPart.sValue, iIndex) == iIndex) {
					iIndex += oPart.sValue.length;
				} else {
					// only require text, if next part is also required
					checkValid(oPart.sType, this.aFormatArray[i+1].sType in oRequiredParts);
				}
				break;
			case "day":
				sPart = findNumbers(Math.max(oPart.iDigits, 2));
				checkValid(oPart.sType, sPart === "");
				iIndex += sPart.length;
				iDay = parseInt(sPart, 10);
				break;
			case "dayNameInWeek":
				sPart = findEntry(this.aDaysWide);
				if (!sPart) {
					sPart = findEntry(this.aDaysAbbrev);
				}
				if (sPart) {
					iIndex += sPart.length;
				}
				break;
			case "dayNumberOfWeek":
				sPart = findNumbers(oPart.iDigits);
				iIndex += sPart.length;
				break;
			case "month":
				if (oPart.iDigits < 3) {
					sPart = findNumbers(Math.max(oPart.iDigits, 2));
					checkValid(oPart.sType, sPart === "");
					iMonth = parseInt(sPart, 10) - 1;
					iIndex += sPart.length;
				} else {
					iMonth = findEntryIndex(this.aMonthsWide);
					if (iMonth != null) {
						iIndex += this.aMonthsWide[iMonth].length;
					}
					else {
						iMonth = findEntryIndex(this.aMonthsAbbrev);
						if (iMonth != null) {
							iIndex += this.aMonthsAbbrev[iMonth].length;
						}
						else {
							checkValid(oPart.sType, true);
						}
					}
				}
				break;
			case "era":
				// TODO
				break;
			case "year":
			case "weekYear":
				if (oPart.iDigits == 1) {
					sPart = findNumbers(4);
					iIndex += sPart.length;
				}
				else if (oPart.iDigits == 2) {
					sPart = findNumbers(2);
					if (sPart.length == 2) {
						iYear = parseInt(sPart, 10);
						if (iYear < 90) {
							sPart = "20" + sPart;
						} else {
							sPart = "19" + sPart;
						}
						iIndex +=2;
					}
					else {
						iIndex += sPart.length;
					}
				}
				else {
					sPart = findNumbers(oPart.iDigits);
					iIndex += sPart.length;
				}
				checkValid(oPart.sType, sPart === "");
				iYear = parseInt(sPart, 10);
				break;
			case "weekInYear":
				// TODO
				break;
			case "hour0_23":
				sPart = findNumbers(Math.max(oPart.iDigits, 2));
				checkValid(oPart.sType, sPart === "");
				iIndex += sPart.length;
				iHours = parseInt(sPart, 10);
				break;
			case "hour1_24":
				sPart = findNumbers(Math.max(oPart.iDigits, 2));
				checkValid(oPart.sType, sPart === "");
				iIndex += sPart.length;
				iHours = parseInt(sPart, 10);
				if (iHours == 24) {
					iHours = 0;
				}
				break;
			case "hour0_11":
				sPart = findNumbers(Math.max(oPart.iDigits, 2));
				checkValid(oPart.sType, sPart === "");
				iIndex += sPart.length;
				iHours = parseInt(sPart, 10);
				break;
			case "hour1_12":
				sPart = findNumbers(Math.max(oPart.iDigits, 2));
				checkValid(oPart.sType, sPart === "");
				iIndex += sPart.length;
				iHours = parseInt(sPart, 10);
				if (iHours == 12) {
					iHours = 0;
				}
				break;
			case "minute":
				sPart = findNumbers(Math.max(oPart.iDigits, 2));
				checkValid(oPart.sType, sPart === "");
				iIndex += sPart.length;
				iMinutes = parseInt(sPart, 10);
				break;
			case "second":
				sPart = findNumbers(Math.max(oPart.iDigits, 2));
				checkValid(oPart.sType, sPart === "");
				iIndex += sPart.length;
				iSeconds = parseInt(sPart, 10);
				break;
			case "millisecond":
				sPart = findNumbers(Math.max(oPart.iDigits, 3));
				sPart = jQuery.sap.padRight(sPart, "0", 3);
				iIndex += sPart.length;
				iMilliseconds = parseInt(sPart, 10);
				break;
			case "amPmMarker":
				var sAM = this.aDayPeriods[0],
					sPM = this.aDayPeriods[1];
				if (oValue.indexOf(sAM, iIndex) == iIndex) {
					bPM = false;
					iIndex += 2;
				}
				else if (oValue.indexOf(sPM, iIndex) == iIndex) {
					bPM = true;
					iIndex += 2;
				}
				break;
			case "timezoneGeneral": //e.g. GMT-02:00 or GMT+02:00
				var oTZ = oValue.substring(iIndex, iIndex+3);
				if(oTZ === "GMT" || oTZ === "UTC"){
					iIndex = iIndex+3;
				}else if(oValue.substring(iIndex, iIndex+2) === "UT"){
					iIndex = iIndex+2;
				}else if(oValue.charAt(iIndex) == "Z"){
					iIndex = iIndex+1;
					iTZDiff = 0;
					break;
				}else{
					jQuery.sap.log.error(oValue + " cannot be parsed correcly by sap.ui.core.format.DateFormat: The given timezone is not supported!");
					break;
				}
			case "timezoneISO8601": //e.g. -02:00 or +02:00
				parseTZ(true);
				break;
			case "timezoneRFC822": //e.g. -0200 or +0200
				parseTZ(false);
				break;

		}
		if (!bValid) {
			break;
		}
	}
	
	// If input value has not been completely parsed, mark it as invalid
	if (iIndex < oValue.length) {
		bValid = false;
	}
	
	if (bPM) {
		iHours += 12;
	}
	
	if (bValid) {
		if (iTZDiff != null) {
			oDate = new Date(0);
			oDate.setUTCFullYear(iYear || 1970);
			oDate.setUTCMonth(iMonth || 0);
			oDate.setUTCDate(iDay || 1);
			oDate.setUTCHours(iHours || 0);
			oDate.setUTCMinutes((iMinutes || 0) + iTZDiff);
			oDate.setUTCSeconds(iSeconds || 0);
			oDate.setUTCMilliseconds(iMilliseconds || 0);
		} else {
			oDate = new Date(1970, 0, 1, 0, 0, 0);
			oDate.setFullYear(iYear || 1970);
			oDate.setMonth(iMonth || 0);
			oDate.setDate(iDay || 1);
			oDate.setHours(iHours || 0);
			oDate.setMinutes(iMinutes || 0);
			oDate.setSeconds(iSeconds || 0);
			oDate.setMilliseconds(iMilliseconds || 0);
		}
		return oDate;
	}
	
	if (!this.bIsFallback) {
		jQuery.each(this.aFallbackFormats, function(i, oFallbackFormat) {
			oDate = oFallbackFormat.parse(oValue);
			if (oDate) {
				return false;
			}
		});
		return oDate;
	}
	
	return null;

};


/**
 * Parse the date format string and create an format array from it, which can be
 * used for parsing and formatting the date
 *
 * @param sFormat the java date format string
 * @returns {Array} format array
 */
sap.ui.core.format.DateFormat.prototype.parseJavaDateFormat = function(sFormat) {
	var aFormatArray = [],
		i,
		bQuoted = false,
		oCurrentObject = null,
		sState = "",
		sNewState = "";


	for (i = 0; i < sFormat.length; i++) {
		var sCurChar = sFormat.charAt(i), sNextChar, sPrevChar, sPrevPrevChar;
		if (bQuoted) {
			if (sCurChar == "'") {
				sPrevChar = sFormat.charAt(i - 1);
				sPrevPrevChar = sFormat.charAt(i - 2);
				sNextChar = sFormat.charAt(i + 1);
				// handle abc''def correctly
				if (sPrevChar == "'" && sPrevPrevChar != "'") {
					bQuoted = false;
				}
				// handle 'abc''def' correctly
				else if (sNextChar == "'") {
					i += 1;
				}
				//  normal quote 'abcdef'
				else {
					bQuoted = false;
					continue;
				}
			}
			if (sState == "text") {
				oCurrentObject.sValue += sCurChar;
			} else {
				oCurrentObject = {
					sType:"text",
					sValue : sCurChar
				};
				aFormatArray.push(oCurrentObject);
				sState = "text";
			}

		} else {
			if (sCurChar == "'") {
				bQuoted = true;
			}
			else if (this.oStates[sCurChar]){
				sNewState = this.oStates[sCurChar];
				if (sState == sNewState) {
					oCurrentObject.iDigits++;
				} else {
					oCurrentObject = {
						sType: sNewState,
						iDigits: 1
					};
					aFormatArray.push(oCurrentObject);
					sState = sNewState;
				}
			}
			else {
				if (sState == "text") {
					oCurrentObject.sValue += sCurChar;
				} else {
					oCurrentObject = {
						sType:"text",
						sValue : sCurChar
					};
					aFormatArray.push(oCurrentObject);
					sState = "text";
				}
			}
		}

	}
	return aFormatArray;
};

}; // end of sap.ui.core.format.DateFormat
if ( !jQuery.sap.isDeclared('sap.ui.core.format.NumberFormat') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.format.NumberFormat
jQuery.sap.declare("sap.ui.core.format.NumberFormat");


/**
 * Format classes
 *
 * @namespace
 * @name sap.ui.core.format
 * @public
 */

/**
 * Constructor for NumberFormat - must not be used: To get a NumberFormat instance, please use getInstance, getFloatInstance or getIntegerInstance.
 *
 * @class
 * The NumberFormat is a static class for formatting and parsing numeric values according
 * to a set of format options.
 *
 * Supported format options:
 * <ul>
 * <li>minIntegerDigits: minimal number of non-fraction digits</li>
 * <li>maxIntegerDigits: maximum number of non-fraction digits</li>
 * <li>minFractionDigits: minimal number of fraction digits</li>
 * <li>maxFractionDigits: maximum number of fraction digits</li>
 * <li>groupingEnabled: enable grouping (show the grouping separators</li>
 * <li>groupingSeparator: the used grouping separator</li>
 * <li>decimalSeparator: the used decimal separator</li>
 * <li>plusSign: the used plus symbol</li>
 * <li>minusSign: the used minus symbol</li>
 * </ul>
 * For format options which are not specified default values according to the type and locale settings are used.
 *
 * @public
 */
sap.ui.core.format.NumberFormat = function(oFormatOptions) {
	// Do not use the constructor
	throw new Error();
};
sap.ui.core.format.NumberFormat.prototype = jQuery.sap.newObject(sap.ui.base.Object.prototype);

/*
 * Default format options for Integer
 */
sap.ui.core.format.NumberFormat.oDefaultIntegerFormat = {
	minIntegerDigits: 1,
	maxIntegerDigits: 99,
	minFractionDigits: 0,
	maxFractionDigits: 0,
	groupingEnabled: false,
	groupingSeparator: ",",
	decimalSeparator: ".",
	plusSign: "+",
	minusSign: "-",
	isInteger: true
};

/*
 * Default format options for Float
 */
sap.ui.core.format.NumberFormat.oDefaultFloatFormat = {
	minIntegerDigits: 1,
	maxIntegerDigits: 99,
	minFractionDigits: 0,
	maxFractionDigits: 99,
	groupingEnabled: true,
	groupingSeparator: ",",
	decimalSeparator: ".",
	plusSign: "+",
	minusSign: "-",
	isInteger: false
};

/**
 * @see sap.ui.core.format.NumberFormat.getFloatInstance
 */
sap.ui.core.format.NumberFormat.getInstance = function(oFormatOptions, oLocale) {
	return this.getFloatInstance(oFormatOptions, oLocale);
};

/**
 * Get a float instance of the NumberFormat, which can be used for formatting.
 *
 * @param {object} [oFormatOptions] Object which defines the format options
 * @return {sap.ui.core.format.NumberFormat} float instance of the NumberFormat
 * @static
 * @public
 */
sap.ui.core.format.NumberFormat.getFloatInstance = function(oFormatOptions, oLocale) {
	var oFormat = this.createInstance(oFormatOptions, oLocale);
	oFormat.oFormatOptions = jQuery.extend(false, {}, this.oDefaultFloatFormat, this.getLocaleFormatOptions(oFormat.oLocaleData), oFormatOptions);
	return oFormat;
};

/**
 * Get an integer instance of the NumberFormat, which can be used for formatting.
 *
 * @param {object} [oFormatOptions] Object which defines the format options
 * @return {sap.ui.core.format.NumberFormat} integer instance of the NumberFormat
 * @static
 * @public
 */
sap.ui.core.format.NumberFormat.getIntegerInstance = function(oFormatOptions, oLocale) {
	var oFormat = this.createInstance(oFormatOptions, oLocale);
	oFormat.oFormatOptions = jQuery.extend(false, {}, this.oDefaultIntegerFormat, this.getLocaleFormatOptions(oFormat.oLocaleData), oFormatOptions);
	return oFormat;
};

/**
 * Create an instance of the NumberFormat.
 *
 * @param {object} [oFormatOptions] Object which defines the format options
 * @return {sap.ui.core.format.NumberFormat} integer instance of the NumberFormat
 * @static
 * @private
 */
sap.ui.core.format.NumberFormat.createInstance = function(oFormatOptions, oLocale) {
	var oFormat = jQuery.sap.newObject(this.prototype);
	if ( oFormatOptions instanceof sap.ui.core.Locale ) {
		oLocale = oFormatOptions;
		oFormatOptions = undefined;
	}
	if (!oLocale) {
		oLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale();
	}
	oFormat.oLocale = oLocale;
	oFormat.oLocaleData = sap.ui.core.LocaleData.getInstance(oLocale);
	return oFormat;
};


/**
 * Get locale dependent default format options.
 *
 * @static
 */
sap.ui.core.format.NumberFormat.getLocaleFormatOptions = function(oLocaleData) {
	return {
		plusSign: oLocaleData.getNumberSymbol("plusSign"),
		minusSign: oLocaleData.getNumberSymbol("minusSign"),
		decimalSeparator: oLocaleData.getNumberSymbol("decimal"),
		groupingSeparator: oLocaleData.getNumberSymbol("group")
	}
};

/**
 * Format a number according to the given format options.
 *
 * @param {number} oValue the number to format
 * @return {string} the formatted output value
 * @public
 */
sap.ui.core.format.NumberFormat.prototype.format = function(oValue) {
	var sNumber = "" + oValue,
		sIntegerPart = "",
		sFractionPart = "",
		sGroupedIntegerPart = "",
		sResult = "",
		iPosition = 0,
		iLength = 0,
		bNegative = oValue < 0,
		iDotPos = -1,
		oOptions = this.oFormatOptions;

	// if number is negative remove minus
	if (bNegative) {
		sNumber = sNumber.substr(1);
	}

	// if number contains fraction, extract it
	iDotPos = sNumber.indexOf(".");
	if (iDotPos > -1) {
		sIntegerPart = sNumber.substr(0, iDotPos);
		sFractionPart = sNumber.substr(iDotPos + 1);
	}
	else {
		sIntegerPart = sNumber
	}

	// integer part length
	if (sIntegerPart.length < oOptions.minIntegerDigits) {
		sIntegerPart = jQuery.sap.padLeft(sIntegerPart, "0", oOptions.minIntegerDigits);
	}
	else if (sIntegerPart.length > oOptions.maxIntegerDigits) {
		sIntegerPart = jQuery.sap.padLeft("", "?", oOptions.maxIntegerDigits);
	}

	// fraction part length
	if (sFractionPart.length < oOptions.minFractionDigits) {
		sFractionPart = jQuery.sap.padRight(sFractionPart, "0", oOptions.minFractionDigits);
	}
	else if (sFractionPart.length > oOptions.maxFractionDigits) {
		sFractionPart = sFractionPart.substr(0, oOptions.maxFractionDigits);
	}

	// grouping
	iLength = sIntegerPart.length;
	if (oOptions.groupingEnabled && iLength > 3) {
		iPosition = iLength % 3 || 3;
		sGroupedIntegerPart = sIntegerPart.substr(0, iPosition);
		while (iPosition < sIntegerPart.length) {
			sGroupedIntegerPart += oOptions.groupingSeparator;
			sGroupedIntegerPart += sIntegerPart.substr(iPosition, 3);
			iPosition += 3;
		}
		sIntegerPart = sGroupedIntegerPart;
	}

	// combine
	if (bNegative) {
		sResult = oOptions.minusSign;
	}
	sResult += sIntegerPart;
	if (sFractionPart) {
		sResult += oOptions.decimalSeparator + sFractionPart;
	}

	if (sap.ui.getCore().getConfiguration().getOriginInfo()) {
		sResult = new String(sResult);
		sResult.originInfo = {
			source: "Common Locale Data Repository",
			locale: this.oLocale.toString()
		};
	}

	return sResult;

};

/**
 * Parse a string which is formatted according to the given format options.
 *
 * @param {string} sValue the string containing a formatted numeric value
 * @return {number} the parsed value
 * @public
 */
sap.ui.core.format.NumberFormat.prototype.parse = function(sValue) {
	var oOptions = this.oFormatOptions,
		sRegExpFloat = "^\\s*([+-]?(?:[0-9\\" + oOptions.groupingSeparator + "]+|[0-9\\" + oOptions.groupingSeparator + "]*\\" + oOptions.decimalSeparator + "[0-9]+)([eE][+-][0-9]+)?)\\s*$",
		sRegExpInt = "^\\s*([+-]?[0-9\\" + oOptions.groupingSeparator + "]+)\\s*$",
		oGroupingRegExp = new RegExp("\\" + oOptions.groupingSeparator, "g"),
		oDecimalRegExp = new RegExp("\\" + oOptions.decimalSeparator, "g"),
		oRegExp,
		oResult = 0;
	
	// Check for valid syntax
	if (oOptions.isInteger) {
		oRegExp = new RegExp(sRegExpInt);
	} else {
		oRegExp = new RegExp(sRegExpFloat);
	}
	if (!oRegExp.test(sValue)) {
		return NaN;
	}
	
	// Remove grouping separator and replace locale dependant decimal separator, 
	// before calling parseInt/parseFloat
	sValue = sValue.replace(oGroupingRegExp, "");
	if (oOptions.isInteger) {
		oResult = parseInt(sValue, 10);
	}
	else {
		sValue = sValue.replace(oDecimalRegExp, ".");
		oResult = parseFloat(sValue);
	}
	return oResult;
};

}; // end of sap.ui.core.format.NumberFormat
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.Controller') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides base class for controllers (part of MVC concept)
jQuery.sap.declare("sap.ui.core.mvc.Controller");


(function(){
	var mRegistry = {};

	/**
	 * Instantiates a (MVC-style) Controller. Consumers should call the constructor only in the
	 * typed controller scenario. In the generic controller use case, they should use
	 * {@link sap.ui.controller} instead.
	 *
	 * @class A generic controller implementation for the UI5 Model View controller concept.
	 *
	 * Can either be used as a generic controller which is enriched on the fly with methods
	 * and properties (see {@link sap.ui.controller}) or  as a base class for typed controllers.
	 *
	 * @param {string || object[]} sName The name of the Controller to instantiate. If a Controller is defined as real sub-class,
	 *                                   the "arguments" of the sub-class constructor should be given instead.
	 * @public
	 * @name sap.ui.core.mvc.Controller
	 */
	sap.ui.base.EventProvider.extend("sap.ui.core.mvc.Controller", /** @lends sap.ui.core.mvc.Controller */ {
		
		constructor : function(sName) {
			var oToExtend = null;
			if (typeof(sName) == "string") {
				/* TODO the whole if block is unnecessary, if constructor is really private (as documented) */
				if (!mRegistry[sName]) {
					jQuery.sap.require({modName: sName, type: "controller"}); // maybe there is a controller definition, but it has not been loaded yet -> try to load
	
					if (!mRegistry[sName]) {
						throw new Error("Controller type " + sName + " is undefined.");
					}
				}
				oToExtend = mRegistry[sName];
			}
	
			sap.ui.base.EventProvider.apply(this,arguments);
	
			if (oToExtend) {
				jQuery.extend(this, mRegistry[sName]);
			}
	
		}

	});

	/**
	 * Creates a new subclass of class sap.ui.core.mvc.Controller with name <code>sClassName</code> 
	 * and enriches it with the information contained in <code>oClassInfo</code>.
	 * 
	 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
	 * see {@link sap.ui.base.Object.extend Object.extend}.
	 *   
	 * @param {string} sClassName name of the class to be created
	 * @param {object} [oClassInfo] object literal with informations about the class  
	 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
	 * @return {function} the created class / constructor function
	 * @public
	 * @static
	 * @name sap.ui.core.mvc.Controller.extend
	 * @function
	 */

	/**
	 * Defines a controller class or creates an instance of an already defined controller class.
	 *
	 * When a name and a controller implementation object is given, a new controller class
	 * of the given name is created. The members of the implementation object will be copied
	 * into each new instance of that controller class (shallow copy).
	 * <b>Note</b>: as the members are shallow copied, controller instances will share all object values.
	 * This might or might not be what applications expect.
	 *
	 * If only a name is given, a new instance of the named Controller class is returned.
	 *
	 * @param {string} sName The Controller name
	 * @param {object} [oControllerImpl] An object literal defining the methods and properties of the Controller
	 * @return {void | sap.ui.core.mvc.Controller} void or the new controller instance, depending on the use case
	 * @public
	 */
	sap.ui.controller = function(sName, oControllerImpl) {
		if (!sName) {
			throw new Error("Controller name ('sName' parameter) is required");
		}

		if (!oControllerImpl) {
			// controller *instantiation*

			// check if controller is available, either anonymous or typed
			if ( !mRegistry[sName] && !jQuery.sap.getObject(sName) ) {
				// if not, try to load an external controller definition module
				jQuery.sap.require({modName: sName, type: "controller"});
			}

			if ( mRegistry[sName] ) {
				// anonymous controller
				return new sap.ui.core.mvc.Controller(sName);
			} else {
				var CTypedController = jQuery.sap.getObject(sName);
				if ( typeof CTypedController === "function" && CTypedController.prototype instanceof sap.ui.core.mvc.Controller ) {
					// typed controller
					return new CTypedController();
				}
			}
			throw new Error("Controller " + sName + " couldn't be instantiated");
		} else {
			// controller *definition*
			mRegistry[sName] = oControllerImpl;
		}

	};

	/**
	 * Returns the view associated with this controller or undefined.
	 * @return {sap.ui.core.mvc.View} View connected to this controller.
	 * @public
	 */
	sap.ui.core.mvc.Controller.prototype.getView = function() {
		return this.oView;
	};

	/**
	 * Returns an Element of the connected view with the given local Id.
	 *
	 * Views automatically prepend their own id as a prefix to created Elements
	 * to make the ids unique even in the case of multiple view instances.
	 * This method helps to find an element by its local id only.
	 *
	 * If no view is connected or if the view doesn't contain an element with
	 * the given local id, undefined is returned.
	 *
	 * @param {string} sId The view-local id
	 * @return {sap.ui.core.Element} Element by its (view local) id
	 * @public
	 */
	sap.ui.core.mvc.Controller.prototype.byId = function(sId) {
		return this.oView ? this.oView.byId(sId): undefined;
	};


	/**
	 * Converts a view local id to a globally unique one by prepending
	 * the view id.
	 *
	 * If no view is connected, undefined is returned.
	 *
	 * @param {string} sId The view-local id
	 * @return {string} The prefixed id
	 * @public
	 */
	sap.ui.core.mvc.Controller.prototype.createId = function(sId) {
		return this.oView ? this.oView.createId(sId): undefined;
	};


	sap.ui.core.mvc.Controller.prototype.connectToView = function(oView) {
		this.oView = oView;

		if (this.onInit) {
			oView.attachAfterInit(this.onInit, this);
		}
		if (this.onExit) {
			oView.attachBeforeExit(this.onExit, this);
		}
		if (this.onAfterRendering) {
			oView.attachAfterRendering(this.onAfterRendering, this);
		}
		if (this.onBeforeRendering) {
			oView.attachBeforeRendering(this.onBeforeRendering, this);
		}
		//oView.addDelegate(this);
	};

}());
}; // end of sap.ui.core.mvc.Controller
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.HTMLViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for JSView
jQuery.sap.declare("sap.ui.core.mvc.HTMLViewRenderer");


/**
 * @class JSView renderer.
 * @static
 */
sap.ui.core.mvc.HTMLViewRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.core.mvc.HTMLViewRenderer.render = function(oRenderManager, oControl){
	// convenience variable
	var rm = oRenderManager;

	// write the HTML into the render manager
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiView");
	rm.addClass("sapUiHTMLView");
	sap.ui.core.mvc.ViewRenderer.addDisplayClass(rm, oControl);
	rm.addStyle("width", oControl.getWidth());
	rm.addStyle("height", oControl.getHeight());
	rm.writeStyles();
	rm.writeClasses();
	rm.write(">");
	
	var sHTML = oControl._oTemplate.innerHTML;

	var content = oControl.getContent();
	var aDeferred = [];
	
	// helper method to render the controls
	var renderControl = function(oControl) {
		var sTemp = sap.ui.core.mvc.HTMLViewRenderer._getHTML(rm, oControl, sHTML);
		if (sTemp) {
			sHTML = sTemp;
		} else {
			aDeferred.push(oControl);
		}
	};

	if (content) {
		if (jQuery.isArray(content)) {
			// looks like an Array
			for (var i = 0; i < content.length; i++) {
				renderControl(content[i]);
			}

		} else if (content) {
			// should be a Control
			renderControl(content);
		}
	}

	rm.write(sHTML);
	
	// all controls that are not found in the template will be added at the end
	for (var i = 0; i < aDeferred.length; i++) {
		rm.renderControl(aDeferred[i]);
	}

	rm.write("</div>");
};


/**
 * Replaces the control placeholder in the given HTML template. Returns the new HTML template if the control was found in the template.
 * 
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 * @param {string} sHTML the HTML to replace with the control HTML
 * @return {string} the replaced HTML. Empty string "" when the control ID was not found in the given HTML string.
 * @private
 */
sap.ui.core.mvc.HTMLViewRenderer._getHTML = function (oRenderManager, oControl, sHTML) {
	var sId = oControl.getId();
	// First add new lines before any div, so that we can use an easy regexp
	sHTML = sHTML.replace(/(<div)/gi, "\n$1");
	// Simple replace the placeholder with control html
	var regExp = new RegExp('<div.*?data-sap-ui-id="' + sId + '".*?></div>', "gi");
	var aMatches = regExp.exec(sHTML);
	if (aMatches) {
		sHTML = sHTML.replace(aMatches[0], oRenderManager.getHTML(oControl));
		return sHTML;
	} else {
		return "";
	}
};
}; // end of sap.ui.core.mvc.HTMLViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.JSONViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for JSONView
jQuery.sap.declare("sap.ui.core.mvc.JSONViewRenderer");


/**
 * @class JSONView renderer.
 * @static
 */
sap.ui.core.mvc.JSONViewRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.core.mvc.JSONViewRenderer.render = function(oRenderManager, oControl){
	// convenience variable
	var rm = oRenderManager;

	// write the HTML into the render manager
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiView");
	rm.addClass("sapUiJSONView");
	sap.ui.core.mvc.ViewRenderer.addDisplayClass(rm, oControl);
	rm.addStyle("width", oControl.getWidth());
	rm.addStyle("height", oControl.getHeight());
	rm.writeStyles();
	rm.writeClasses();
	rm.write(">");

	var content = oControl.getContent();
	if (content) {
		if (content.length && !(content instanceof sap.ui.core.Control)) {
			// looks like an Array
			for (var i = 0; i < content.length; i++) {
				rm.renderControl(content[i]);
			}

		} else {
			// should be a Control
			rm.renderControl(oControl.getContent());
		}
	}

	rm.write("</div>");
};

}; // end of sap.ui.core.mvc.JSONViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.JSViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for JSView
jQuery.sap.declare("sap.ui.core.mvc.JSViewRenderer");


/**
 * @class JSView renderer.
 * @static
 */
sap.ui.core.mvc.JSViewRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.core.mvc.JSViewRenderer.render = function(oRenderManager, oControl){
	// convenience variable
	var rm = oRenderManager;

	// write the HTML into the render manager
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiView");
	rm.addClass("sapUiJSView");
	sap.ui.core.mvc.ViewRenderer.addDisplayClass(rm, oControl);
	rm.addStyle("width", oControl.getWidth());
	rm.addStyle("height", oControl.getHeight());
	rm.writeStyles();
	rm.writeClasses();
	rm.write(">");

	var content = oControl.getContent();
	if (content) {
		if (jQuery.isArray(content)) {
			// looks like an Array
			for (var i = 0; i < content.length; i++) {
				rm.renderControl(content[i]);
			}

		} else if (content) {
			// should be a Control
			rm.renderControl(content);
		}
	}

	rm.write("</div>");
};

}; // end of sap.ui.core.mvc.JSViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.core.support.Plugin') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.support.Plugin
jQuery.sap.declare("sap.ui.core.support.Plugin");





/**
 * Creates an instance of sap.ui.core.support.Plugin.
 * @class This class represents a plugin for the support tool functionality of UI5. This class is internal and all its functions must not be used by an application.
 *
 * @abstract
 * @extends sap.ui.base.Object
 * @version 1.12.0
 * @constructor
 * @private
 * @name sap.ui.core.support.Plugin
 */
sap.ui.base.Object.extend("sap.ui.core.support.Plugin", {
	constructor : function(sId, sTitle, oStub) {
		sap.ui.base.Object.apply(this);
		this._id = sId ? sId : jQuery.sap.uid();
		this._title = sTitle ? sTitle : "";
		this._bActive = false;
		this._aEventIds = [];
		this._bIsToolPlugin = oStub.getType() === sap.ui.core.support.Support.StubType.TOOL;
	}
});


/**
 * Inititalization function called each time the support mode is started
 * (support popup is opened).
 * 
 * @param {sap.ui.core.support.Support} oSupportStub the support stub
 * @private
 */
sap.ui.core.support.Plugin.prototype.init = function(oSupportStub){
	for(var i=0; i<this._aEventIds.length; i++){
		var fHandler = this["on"+this._aEventIds[i]];
		if(fHandler && jQuery.isFunction(fHandler)){
			oSupportStub.attachEvent(this._aEventIds[i], fHandler, this);
		}
	}
	this._bActive = true;
};


/**
 * Finalization function called each time the support mode is ended
 * (support popup is closed).
 * 
 * @param {sap.ui.core.support.Support} oSupportStub the support stub
 * @private
 */
sap.ui.core.support.Plugin.prototype.exit = function(oSupportStub){
	for(var i=0; i<this._aEventIds.length; i++){
		var fHandler = this["on"+this._aEventIds[i]];
		if(fHandler && jQuery.isFunction(fHandler)){
			oSupportStub.detachEvent(this._aEventIds[i], fHandler, this);
		}
	}
	this._bActive = false;
};


/**
 * Returns the id of this plugin instance.
 * 
 * @return {string} the id
 * @private
 */
sap.ui.core.support.Plugin.prototype.getId = function(){
	return this._id;
};


/**
 * Returns the title of this plugin instance.
 * 
 * @return {string} the title
 * @private
 */
sap.ui.core.support.Plugin.prototype.getTitle = function(){
	return this._title;
};


/**
 * Returns <code>true</code> when this plugin instance runs in the support tool, <code>false</code> otherwise.
 * 
 * @see sap.ui.core.support.Support.StubType.TOOL
 * @return {boolean} whether this plugin instance runs in the support tool
 * @private
 */
sap.ui.core.support.Plugin.prototype.isToolPlugin = function(){
	return this._bIsToolPlugin;
}


/**
 * Returns the DOM node that represents this plugin wrapped as jQuery object.
 * 
 * @return {jQuery} The jQuery wrapped plugin's DOM reference
 * @private
 */
sap.ui.core.support.Plugin.prototype.$ = function(){
	var jRef = jQuery.sap.byId(this.getId());
	if(jRef.length == 0){
		jRef = jQuery("<DIV/>", {id:this.getId()});
		jRef.appendTo(jQuery(".sapUiSupportCntnt"));
	}
	return jRef;
};


/**
 * Returns whether the plugin is currently active or not.
 * 
 * @return {boolean} whether the plugin is currently active or not
 * @private
 */
sap.ui.core.support.Plugin.prototype.isActive = function(){
	return this._bActive;
};
}; // end of sap.ui.core.support.Plugin
if ( !jQuery.sap.isDeclared('sap.ui.core.support.Support') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the basic UI5 support functionality
jQuery.sap.declare("sap.ui.core.support.Support");







(function() {
	
	/**
	 * Constructor for sap.ui.core.support.Support - must not be used: To get the singleton instance, use
	 * sap.ui.core.support.Support.getStub.
	 * 
	 * @class This class provides the support tool functionality of UI5. This class is internal and all its functions must not be used by an application.
	 *
	 * @extends sap.ui.base.EventProvider
	 * @version 1.12.0
	 * @constructor
	 * @private
	 * @name sap.ui.core.support.Support
	 */
	sap.ui.base.EventProvider.extend("sap.ui.core.support.Support", {
		constructor: function(sType) {
			if(!_bPrivate){
				throw Error();
			}
			sap.ui.base.EventProvider.apply(this);
			
			var that = this;
			
			this._sType = sType;
			this._sLocalOrigin = window.location.protocol + "//" + window.location.host;
			
			var fHandler = jQuery.proxy(this._receiveEvent, this);
			if(window.addEventListener){
				window.addEventListener("message", fHandler, false);
			}else{
				window.attachEvent("onmessage", fHandler);
			}
			
			switch(sType) {
				case mTypes.APPLICATION:
					this._isOpen = false;
					this.attachEvent(mEvents.TEAR_DOWN, function(oEvent){
						that._isOpen = false;
						if(jQuery.browser.msie){
							jQuery.sap.byId(ID_SUPPORT_AREA+"-frame").remove();
						}else{
							close(that._oRemoteWindow);
						}
						that._oRemoteWindow = null;
						exitPlugins(that, false);
					});
					this.attachEvent(mEvents.SETUP, function(oEvent){
						that._isOpen = true;
						initPlugins(that, false);
					});
					break;
				case mTypes.IFRAME:
					this._oRemoteWindow = window.parent;
					this._sRemoteOrigin = jQuery.sap.getUriParameters().get("sap-ui-xx-support-origin");
					this.openSupportTool();
					jQuery(window).bind("unload", function(oEvent){
						close(that._oOpenedWindow);
					});
					break;
				case mTypes.TOOL:
					this._oRemoteWindow = window.opener;
					this._sRemoteOrigin = jQuery.sap.getUriParameters().get("sap-ui-xx-support-origin");
					jQuery(window).bind("unload", function(oEvent){
						that.sendEvent(mEvents.TEAR_DOWN);
						exitPlugins(that, true);
					});
					jQuery(function(){
						initPlugins(that, true);
						that.sendEvent(mEvents.SETUP);
					});
					break;
			}
			
		}
	});
	
	
	var mTypes = {
		APPLICATION: "APPLICATION", //Application stub -> the "standard one"
		IFRAME: "IFRAME", //Used by the Internet Explorer iFrame bridge only
		TOOL: "TOOL" //Used by the support tool only
	};
	
	
	var mEvents = {
		SETUP: "sapUiSupportSetup", //Event when support tool is opened
		TEAR_DOWN: "sapUiSupportTeardown" //Event when support tool is closed
	};
	
	
	/**
	 * Enumeration providing the possible support stub types.
	 *
	 * @static
	 * @namespace
	 * @protected
	 */
	sap.ui.core.support.Support.StubType = mTypes;

	
	/**
	 * Enumeration providing the predefined support event ids.
	 *
	 * @static
	 * @namespace
	 * @protected
	 */
	sap.ui.core.support.Support.EventType = mEvents;
	
	/**
	 * Support plugin registration
	 * @private
	 */
	sap.ui.core.support.Support.TOOL_SIDE_PLUGINS = ["sap.ui.core.support.plugins.TechInfo", "sap.ui.core.support.plugins.ControlTree", "sap.ui.core.support.plugins.Trace", "sap.ui.core.support.plugins.Performance", "sap.ui.core.support.plugins.MessageTest"];
	sap.ui.core.support.Support.APP_SIDE_PLUGINS = ["sap.ui.core.support.plugins.TechInfo", "sap.ui.core.support.plugins.ControlTree", "sap.ui.core.support.plugins.Trace", "sap.ui.core.support.plugins.Performance", "sap.ui.core.support.plugins.Selector"];
		
	
	/**
	 * Returns the support stub instance. If an instance was not yet available a new one is
	 * with the given type is created.
	 * 
	 * This function is internal and must not be called by an application.
	 *
	 * @param {string} [sType=sap.ui.core.support.Support.EventType.APPLICATION] the type
	 * @return {sap.ui.core.support.Support} the support stub
	 * @static
	 * @protected
	 */
	sap.ui.core.support.Support.getStub = function(sType) {
		if(_oStubInstance){
			return _oStubInstance;
		}
		
		if(sType != mTypes.APPLICATION && sType != mTypes.IFRAME && sType != mTypes.TOOL){
			sType = mTypes.APPLICATION;
		}
		
		_bPrivate = true;
		_oStubInstance = new sap.ui.core.support.Support(sType);
		_bPrivate = false;
		
		return _oStubInstance;
	};
	
	
	/**
	 * Returns the type of this support stub.
	 * 
	 * @see sap.ui.core.support.Support.StubType
	 * @name sap.ui.core.support.Support.prototype.getType
	 * @function
	 * @return {string} the type of the support stub
	 * @protected
	 */
	sap.ui.core.support.Support.prototype.getType = function() {
		return this._sType;
	};	
	
	
	/**
	 * Receive event handler for postMessage communication.
	 * 
	 * @name sap.ui.core.support.Support.prototype._receiveEvent
	 * @function
	 * @param {object} oEvent the event
	 * @private
	 */
	sap.ui.core.support.Support.prototype._receiveEvent = function(oEvent) {
		if(jQuery("html").attr("data-sap-ui-browser") != "ie8"){
			if(oEvent.source != this._oRemoteWindow){
				return;
			}
		}
		
		this._oRemoteOrigin = oEvent.origin;
		
		if(this._sType === mTypes.IFRAME){
			var that = this;
			var data = oEvent.data;
			setTimeout(function(){
				that._oOpenedWindow.sap.ui.core.support.Support.getStub(mTypes.TOOL)._receiveEvent({source: window, data: data, origin: that._sLocalOrigin});
			}, 0);
		}else{
			var oData = window.JSON.parse(oEvent.data);
			var sEventId = oData.eventId;
			var mParams = oData.params;
			this.fireEvent(sEventId, mParams);
		}
	};
	
	
	/**
	 * Sends an event to the remote window.
	 * 
	 * @name sap.ui.core.support.Support.prototype.sendEvent
	 * @function
	 * @param {String} sEventId the event id
	 * @param {Object} [mParams] the parameter map (JSON)
	 * @protected
	 */
	sap.ui.core.support.Support.prototype.sendEvent = function(sEventId, mParams) {
		if(!this._oRemoteWindow){
			return;
		}
		
		mParams = mParams ? mParams : {};
		
		if(jQuery.browser.msie && this._sType === mTypes.TOOL){
			this._oRemoteWindow.sap.ui.core.support.Support.getStub(mTypes.IFRAME).sendEvent(sEventId, mParams);
		}else{
			var mParamsLocal = mParams;
			if(jQuery.browser.msie){
				//Attention mParams comes from an other window
				//-> (mParams instanceof Object == false)!
				mParamsLocal = {};
				jQuery.extend(true, mParamsLocal, mParams);
			}
			var oData = {"eventId": sEventId, "params": mParamsLocal};
			var sData = window.JSON.stringify(oData);
			this._oRemoteWindow.postMessage(sData, this._sRemoteOrigin);
		}
	};
	
	
	/**
	 * Opens the support tool in an external browser window.
	 * 
	 * @name sap.ui.core.support.Support.prototype.openSupportTool
	 * @function
	 * @protected
	 */
	sap.ui.core.support.Support.prototype.openSupportTool = function() {	
		var sToolUrl = jQuery.sap.getModulePath("sap.ui.core.support", "/support.html");
		var sOriginParam = "?sap-ui-xx-support-origin="+jQuery.sap.encodeURL(this._sLocalOrigin);
		
		function checkLocalUrl(sUrl){
			//TODO find a proper check
			return (sUrl.indexOf(".") == 0 || sUrl.indexOf("/") == 0 || sUrl.indexOf("://") < 0);
		};
		
		if(this._sType === mTypes.APPLICATION){
			if(!this._isOpen){
				if(jQuery.browser.msie){
					var sIFrameUrl = jQuery.sap.getModulePath("sap.ui.core.support", "/msiebridge.html");
					getSupportArea().html("").append("<iframe id=\""+ID_SUPPORT_AREA+"-frame\" src=\""+sIFrameUrl+sOriginParam+"\" onload=\"sap.ui.core.support.Support._onSupportIFrameLoaded();\"></iframe>");
					this._sRemoteOrigin = checkLocalUrl(sIFrameUrl) ? this._sLocalOrigin : sIFrameUrl;
				}else{
					this._oRemoteWindow = openWindow(sToolUrl + sOriginParam);
					this._sRemoteOrigin = checkLocalUrl(sToolUrl) ? this._sLocalOrigin : sToolUrl;
				}
			}
		}else if(this._sType === mTypes.IFRAME){
			this._oOpenedWindow = openWindow(sToolUrl + sOriginParam);
		}
	};
	
	
	/**
	 * Event Handler which is bound to the onload event of the Internet Explorer iFrame bridge.
	 * 
	 * @name sap.ui.core.support.Support._onSupportIFrameLoaded
	 * @function
	 * @static
	 * @private
	 */
	sap.ui.core.support.Support._onSupportIFrameLoaded = function(){
		_oStubInstance._oRemoteWindow = jQuery.sap.byId(ID_SUPPORT_AREA+"-frame")[0].contentWindow;
	};
	
	
	/**
	 * @see sap.ui.base.EventProvider.prototype.toString
	 * 
	 * @name sap.ui.core.support.Support.prototype.toString
	 * @function
	 * @protected
	 */
	sap.ui.core.support.Support.prototype.toString = function() {
		return "sap.ui.core.support.Support";
	};
	
	
	/**
	 * @see sap.ui.base.EventProvider.prototype.fireEvent
	 *
	 * @name sap.ui.core.support.Support.prototype.fireEvent
	 * @function
	 * @param {String} sEventId the event id
	 * @param {Object} [mParameters] the parameter map (JSON)
	 * @return {sap.ui.core.support.Support} Returns <code>this</code> to allow method chaining
	 * @private
	 */
	
	
	/**
	 * @see sap.ui.base.EventProvider.prototype.detachEvent
	 * 
	 * @name sap.ui.core.support.Support.prototype.detachEvent
	 * @function
	 * @protected
	 */
	
	
	/**
	 * @see sap.ui.base.EventProvider.prototype.attachEvent
	 * 
	 * @name sap.ui.core.support.Support.prototype.attachEvent
	 * @function
	 * @protected
	 */

	
	//*************** PRIVATE **************
	
	var _bPrivate = false; //Ensures that the constructor can not be called from outside
	var _oStubInstance; //The stub instance
	
	var ID_SUPPORT_AREA = "sap-ui-support";
	
	
	function getSupportArea() {
		var $support = jQuery("#"+ID_SUPPORT_AREA);
		if ($support.length === 0){
			$support = jQuery("<DIV/>", {id:ID_SUPPORT_AREA}).
				addClass("sapUiHidden").
				appendTo(document.body);
		}
		return $support;
	};
	
	
	function openWindow(sUrl) {
		return window.open(sUrl,
			"sapUiSupportTool",
			"width=800,height=700,status=no,toolbar=no,menubar=no,resizable=yes,location=no,directories=no,scrollbars=yes"
		);
	};
	
	
	function close(oWindow) {
		if(!oWindow){
			return;
		}
		try{
			oWindow.close();
		}catch(e){}
	};
	
	
	function initPlugins(oStub, bTool) {
		var aPlugins = bTool ? sap.ui.core.support.Support.TOOL_SIDE_PLUGINS : sap.ui.core.support.Support.APP_SIDE_PLUGINS;
		
		for(var i=0; i<aPlugins.length; i++){
			if(typeof(aPlugins[i]) === "string"){
				jQuery.sap.require(aPlugins[i]);
				var fPluginConstructor = jQuery.sap.getObject(aPlugins[i]);
				aPlugins[i] = new fPluginConstructor(oStub);
				if(oStub.getType() === mTypes.TOOL){
					wrapPlugin(aPlugins[i]);
				}
				aPlugins[i].init(oStub);
			}else if(aPlugins[i] instanceof sap.ui.core.support.Plugin) {
				aPlugins[i].init(oStub);
			}
		}
		
		if(bTool){
			sap.ui.core.support.Support.TOOL_SIDE_PLUGINS = aPlugins;
		}else{
			sap.ui.core.support.Support.APP_SIDE_PLUGINS = aPlugins;
		}
	};
	
	
	function exitPlugins(oStub, bTool) {
		var aPlugins = bTool ? sap.ui.core.support.Support.TOOL_SIDE_PLUGINS : sap.ui.core.support.Support.APP_SIDE_PLUGINS;
		for(var i=0; i<aPlugins.length; i++){
			if(aPlugins[i] instanceof sap.ui.core.support.Plugin) {
				aPlugins[i].exit(oStub, bTool);
			}
		}
	};
	
	
	function wrapPlugin(oPlugin) {
		oPlugin.$().replaceWith("<div  id='"+oPlugin.getId()+"-Panel' class='sapUiSupportPnl'><h2 class='sapUiSupportPnlHdr'>"+
				oPlugin.getTitle()+"<div id='"+oPlugin.getId()+"-PanelHandle' class='sapUiSupportPnlHdrHdl sapUiSupportPnlHdrHdlClosed'></div></h2><div id='"+
				oPlugin.getId()+"-PanelContent' class='sapUiSupportPnlCntnt sapUiSupportHidden'><div id='"+
				oPlugin.getId()+"' class='sapUiSupportPlugin'></div></div></div>");
		
		jQuery.sap.byId(oPlugin.getId()+"-PanelHandle").click(function(){
			var jHandleRef = jQuery.sap.byId(oPlugin.getId()+"-PanelHandle");
			if(jHandleRef.hasClass("sapUiSupportPnlHdrHdlClosed")){
				jHandleRef.removeClass("sapUiSupportPnlHdrHdlClosed");
				jQuery.sap.byId(oPlugin.getId()+"-PanelContent").removeClass("sapUiSupportHidden");
			}else{
				jHandleRef.addClass("sapUiSupportPnlHdrHdlClosed");
				jQuery.sap.byId(oPlugin.getId()+"-PanelContent").addClass("sapUiSupportHidden");
			}
		});
	};
	
}());

}; // end of sap.ui.core.support.Support
if ( !jQuery.sap.isDeclared('sap.ui.core.support.plugins.ControlTree') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.support.plugins.ControlTree (ControlTree support plugin)
jQuery.sap.declare("sap.ui.core.support.plugins.ControlTree");



(function() {

	/**
	 * Creates an instance of sap.ui.core.support.plugins.ControlTree.
	 * @class This class represents the ControlTree plugin for the support tool functionality of UI5. This class is internal and all its functions must not be used by an application.
	 * @abstract
	 * @extends sap.ui.base.Object
	 * @version 1.12.0
	 * @constructor
	 * @private
	 * @name sap.ui.core.support.plugins.ControlTree
	 */
	sap.ui.core.support.Plugin.extend("sap.ui.core.support.plugins.ControlTree", {
		constructor : function(oSupportStub) {
			sap.ui.core.support.Plugin.apply(this, ["sapUiSupportControlTree", "Control Tree", oSupportStub]);
	
			this._oStub = oSupportStub;
			
			if (this.isToolPlugin()) {
				// TOOLS SIDE!
				this._aEventIds = [this.getId() + "Entry", "sapUiSupportSelectorSelect", "sapUiSupportControlProperties"];
			} else {
				// APPS SIDE!
				this._aEventIds = ["sapUiSupportRequestControlProperties", "sapUiSupportControlPropertyChange"];

				// register as core plugin
				var that = this;
				sap.ui.getCore().registerPlugin({
					startPlugin: function(oCore) {
						that.oCore = oCore;
					},
					stopPlugin: function() {
						that.oCore = undefined;
					}
				});
				
			}
		}
	});
	
	
	function initInTools(oSupportStub) {
		this.$().find("li img.sapUiControlTreeIcon").live("click", jQuery.proxy(this._onIconClick, this));
		this.$().find("li span").live("click", jQuery.proxy(this._onNodeClick, this));
		this.$().find("[data-sap-ui-name]").live("change", jQuery.proxy(this._onPropertyChange, this));
	};
	
	function initInApps(oSupportStub) {

		// Quirks mode (IE) doesn't have the JSON object
		if (JSON) {
			
			var oUIAreas = this.oCore.mUIAreas;
			var aControlTree = [];
			
			function serializeElement(oElement) {
				var mElement = {id: oElement.getId(), type: "", aggregation: [], association: []};
				if (oElement instanceof sap.ui.core.UIArea) {
					mElement.library = "sap.ui.core";
					mElement.type = "sap.ui.core.UIArea";
					jQuery.each(oElement.getContent(), function(iIndex, oElement) {
						var mChild = serializeElement(oElement);
						mElement.aggregation.push(mChild);
					});
				} else {
					mElement.library = oElement.getMetadata().getLibraryName();
					mElement.type = oElement.getMetadata().getElementName();
					if (oElement.mAggregations) {
						for (var sAggrName in oElement.mAggregations) {
							var oAggrElement = oElement.mAggregations[sAggrName];
							if (oAggrElement) {
								var aElements = jQuery.isArray(oAggrElement) ? oAggrElement : [oAggrElement];
								jQuery.each(aElements, function(iIndex, oValue) {
									// tooltips are also part of aggregations
									if (oValue instanceof sap.ui.core.Element) {
										var mChild = serializeElement(oValue);
										mElement.aggregation.push(mChild);
									}
								});
							}
						}
					}
					if (oElement.mAssociations) {
						for (var sAssocName in oElement.mAssociations) {
							var sAssocId = oElement.mAssociations[sAssocName];
							if (sAssocId) {
								var aAssocIds = jQuery.isArray(sAssocId) ? sAssocId : [sAssocId];
								jQuery.each(aAssocIds, function(iIndex, oValue) {
									mElement.association.push(oValue);
								});
							}
						}
					}
				}
				return mElement;
			};
			
			jQuery.each(this.oCore.mUIAreas, function(iIndex, oUIArea) {
				var mElement = serializeElement(oUIArea);
				aControlTree.push(mElement);
			});
			
			oSupportStub.sendEvent(this.getId() + "Entry", {controlTree: JSON.stringify(aControlTree)});
			
		}
		
	};
	
	sap.ui.core.support.plugins.ControlTree.prototype.init = function(oSupportStub){
		sap.ui.core.support.Plugin.prototype.init.apply(this, arguments);
		
		if (this.isToolPlugin()) {
			initInTools.call(this, oSupportStub);
		} else {
			initInApps.call(this, oSupportStub);
		}
		
	};

	

	sap.ui.core.support.plugins.ControlTree.prototype.exit = function(oSupportStub){
		sap.ui.core.support.Plugin.prototype.exit.apply(this, arguments);
		if (this.isToolPlugin()) {
			this.$().find("li img.sapUiControlTreeIcon").die();
			this.$().find("li span").die();
		}
	};
	
	
	/**
	 * Handler for sapUiSupportControlTreeEntry event
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.ControlTree.prototype.onsapUiSupportControlTreeEntry = function(oEvent) {

		var that = this;
		var aControlTree = JSON.parse(oEvent.getParameter("controlTree"));
		
		function renderNode(mElement, rm) {
			var bHasChildren = mElement.aggregation.length > 0 || mElement.association.length > 0;
			rm.write("<li id=\"sap-debug-controltree-" + mElement.id + "\" class=\"sapUiControlTreeElement\">");
			var sImage = bHasChildren ? "minus" : "space";
			rm.write("<img class=\"sapUiControlTreeIcon\" style=\"height: 12px; width: 12px;\" align=\"middle\" src=\"../../../../testsuite/images/" + sImage + ".gif\" />");
			var sPath = mElement.library.replace(/\./g, "/") + "/images/controls/" + mElement.type + ".gif";
			rm.write("<img style=\"height: 16px; width: 16px;\" align=\"middle\" src=\"../../../../../test-resources/" + sPath + "\" />");
			var sClass = mElement.type.lastIndexOf(".") > 0 ? mElement.type.substring(mElement.type.lastIndexOf(".") + 1) : mElement.type;
			rm.write("<span title=\"" + mElement.type + "\">" + sClass + " - " + mElement.id + "</span>");
			if (mElement.aggregation.length > 0) {
				rm.write("<ul>");
				jQuery.each(mElement.aggregation, function(iIndex, oValue) {
					renderNode(oValue, rm);
				});
				rm.write("</ul>");
			}
			if (mElement.association.length > 0) {
				rm.write("<ul>");
				jQuery.each(mElement.association, function(iIndex, oValue) {
					rm.write("<li id=\"sap-debug-controltreelink-" + oValue + "\" class=\"sapUiControlTreeLink\">");
					rm.write("<img style=\"height: 12px; width: 12px;\" align=\"middle\" src=\"../../../../testsuite/images/space.gif\" />");
					rm.write("<img style=\"height: 12px; width: 12px;\" align=\"middle\" src=\"../../../../testsuite/images/link.gif\" />");
					rm.write("<span title='Association to \"" + oValue + "\"'>" + oValue + "</span>");
					rm.write("</li>");
				});
				rm.write("</ul>");
			}
			rm.write("</li>");
		}
		
		var rm = sap.ui.getCore().createRenderManager();
		rm.write("<div id=\"sapUiSupportControlTreeArea\"><ul>");
		jQuery.each(aControlTree, function(iIndex, oValue) {
			renderNode(oValue, rm);
		});
		rm.write("</ul></div><div id=\"sapUiSupportControlPropertiesArea\"></div>");
		rm.flush(this.$().get(0));
		rm.destroy();

	};

	
	sap.ui.core.support.plugins.ControlTree.prototype.onsapUiSupportSelectorSelect = function(oEvent) {
		var sControlId = oEvent.getParameter("id");
		jQuery(".sapUiControlTreeElement > span").removeClass("sapUiSupportControlTreeSelected");
		var that = this;
		jQuery.sap.byId("sap-debug-controltree-" + sControlId).parents("[data-sap-ui-collapsed]").each(function(iIndex, oValue) {
			that._onIconClick({srcElement: jQuery(oValue).find("img:first").get(0)});
		});
		var oPosition = jQuery.sap.byId("sap-debug-controltree-" + sControlId).children("span").addClass("sapUiSupportControlTreeSelected").position();
		var iScrollTop = this.$().find("#sapUiSupportControlTreeArea").scrollTop();
		this.$().find("#sapUiSupportControlTreeArea").scrollTop(iScrollTop + oPosition.top);
		
		this._oStub.sendEvent("sapUiSupportRequestControlProperties", {id: sControlId});
		
	};
	
	sap.ui.core.support.plugins.ControlTree.prototype._onNodeClick = function(oEvent) {
		var oSource = oEvent.srcElement || oEvent.target;
		var $li = jQuery(oSource).closest("li");
		if ($li.hasClass("sapUiControlTreeElement")) {
			jQuery(".sapUiControlTreeElement > span").removeClass("sapUiSupportControlTreeSelected");
			$li.children("span").addClass("sapUiSupportControlTreeSelected");
			this._oStub.sendEvent("sapUiSupportSelectorHighlight", {id: $li.attr("id").substring("sap-debug-controltree-".length)});
			this._oStub.sendEvent("sapUiSupportRequestControlProperties", {id: $li.attr("id").substring("sap-debug-controltree-".length)});
		}
		oEvent.stopPropagation();
	};
	
	sap.ui.core.support.plugins.ControlTree.prototype._onIconClick = function(oEvent) {
		var oSource = oEvent.srcElement || oEvent.target;
		var $source = jQuery(oSource);
		if ($source.parent().attr("data-sap-ui-collapsed")) {
			$source.attr("src", $source.attr("src").replace("plus", "minus")).parent().removeAttr("data-sap-ui-collapsed");
			$source.siblings("ul").show();
		} else {
			$source.attr("src", $source.attr("src").replace("minus", "plus")).parent().attr("data-sap-ui-collapsed", "true");
			$source.siblings("ul").hide();
		}
		if (oEvent.stopPropagation) {
			oEvent.stopPropagation();
		}
	};
	
	
	sap.ui.core.support.plugins.ControlTree.prototype.onsapUiSupportRequestControlProperties = function(oEvent) {
	
		var pSimpleType = /^((boolean|string|int|float)(\[\])?)$/;

		var aControlProps = [];
		
		var oControl = sap.ui.getCore().byId(oEvent.getParameter("id"));
		
		if (!oControl && sap.ui.getCore().getUIArea(oEvent.getParameter("id"))) {

			aControlProps.push({
				control: "sap.ui.core.UIArea",
				properties: [],
				aggregations: []
			});
			
		} else if (oControl) {
			
			var oMetadata = oControl.getMetadata();
			
			while(oMetadata instanceof sap.ui.core.ElementMetadata) {
				
				var mControlProp = {
					control: oMetadata.getName(),
					properties: [],
					aggregations: []
				};
				
				var mProperties = oMetadata.getProperties();
				jQuery.each(mProperties, function(sKey, oProperty) {
					var mProperty = {};
					jQuery.each(oProperty, function(sName, sValue) {
						if (sName.substring(0, 1) !== "_") {
							mProperty[sName] = sValue;
						}
						var oType = sap.ui.base.DataType.getType(oProperty.type);
						if (oType && !(oType instanceof sap.ui.base.DataType)) {
							mProperty["enumValues"] = oType;
						}
					});
					mProperty.value = oControl.getProperty(sKey);
					mControlProp.properties.push(mProperty);
				});
				
				var mAggregations = oMetadata.getAggregations();
				jQuery.each(mAggregations, function(sKey, oAggregation) {
					if (oAggregation.altTypes && oAggregation.altTypes[0] && pSimpleType.test(oAggregation.altTypes[0])) {
						var mAggregation = {};
						jQuery.each(oAggregation, function(sName, sValue) {
							if (sName.substring(0, 1) !== "_") {
								mAggregation[sName] = sValue;
							}
						});
						mAggregation.value = oControl.getAggregation(sKey);
						mControlProp.aggregations.push(mAggregation);
					}
				});
				
				aControlProps.push(mControlProp);
				
				oMetadata = oMetadata.getParent();
				
			}

		}
		
		this._oStub.sendEvent("sapUiSupportControlProperties", {id: oEvent.getParameter("id"), properties: JSON.stringify(aControlProps)});
		
	};
	
	
	sap.ui.core.support.plugins.ControlTree.prototype.onsapUiSupportControlProperties = function(oEvent) {
	
		var aControlProps = JSON.parse(oEvent.getParameter("properties"));

		var rm = sap.ui.getCore().createRenderManager();
		rm.write("<ul data-sap-ui-controlid='" + oEvent.getParameter("id") + "'>");
		jQuery.each(aControlProps, function(iIndex, oValue) {
			
			rm.write("<li>");
			
			rm.write("<span><label class='sapUiSupportLabel'>BaseType:</label> <code>" + oValue.control + "</code></span>");
			
			if (oValue.properties.length > 0 || oValue.aggregations.length > 0) {
				
				rm.write("<div class=\"sapUiSupportControlProperties\"><table><colgroup><col width=\"50%\"/><col width=\"50%\"/></colgroup>");
				
				jQuery.each(oValue.properties, function(iIndex, oProperty) {
					
					rm.write("<tr><td>");
					
					rm.write("&nbsp;&nbsp;<label class='sapUiSupportLabel'>" + oProperty.name + "</label>");
					rm.write("</td><td>");
					
					if (oProperty.type === "boolean") {

						rm.write("<input type='checkbox' ");
						rm.write("data-sap-ui-name='" + oProperty.name + "' ");
						if (oProperty.value == true) {
							rm.write("checked='checked'");
						}
						rm.write("/>");
						
					} else if (oProperty.enumValues) {
						
						rm.write("<div><select ");
						rm.write("data-sap-ui-name='" + oProperty.name + "'>");
						jQuery.each(oProperty.enumValues, function(sKey, sValue) {
							rm.write("<option>");
							rm.writeEscaped(sKey);
							rm.write("</option>");
						})
						rm.write("</select></div>");
						
					} else {
						
						rm.write("<div><input type='text' ");
						rm.write("data-sap-ui-name='" + oProperty.name + "' ");
						if (oProperty.value) {
							rm.write("value='");
							rm.writeEscaped("" + oProperty.value);
							rm.write("'");
						}
						rm.write("/></div>");
						
						
					}
					
					rm.write("</td></tr>");
					
				});

				jQuery.each(oValue.aggregations, function(iIndex, oAggregation) {
					
					rm.write("<tr><td>");
					
					rm.write("&nbsp;&nbsp;<label class='sapUiSupportLabel'>" + oAggregation.name + "</label>");
					rm.write("</td><td>");
					
					rm.write(jQuery.sap.encodeHTML("" + oAggregation.value));
					
					rm.write("</td></tr>");
					
				});

				rm.write("</table></div>");
				
			}
			
			rm.write("</li>");
			
		});
		rm.write("</ul>");
		rm.flush(this.$().find("#sapUiSupportControlPropertiesArea").get(0));
		rm.destroy();
		
	};
	
	
	sap.ui.core.support.plugins.ControlTree.prototype._onPropertyChange = function(oEvent) {
		var oSource = oEvent.srcElement || oEvent.target;
		var $input = jQuery(oSource);
		var sId = $input.closest("[data-sap-ui-controlid]").attr("data-sap-ui-controlid");
		var sValue = $input.val();
		if ($input.attr("type") === "checkbox") {
			sValue = "" + $input.is(":checked");
		}
		
		this._oStub.sendEvent("sapUiSupportControlPropertyChange", {id: sId, name: $input.attr("data-sap-ui-name"), value: sValue });
	};
	
	sap.ui.core.support.plugins.ControlTree.prototype.onsapUiSupportControlPropertyChange = function(oEvent) {
		
		var sId = oEvent.getParameter("id");
		var oControl = sap.ui.getCore().byId(sId);
		
		if (oControl) {

			var sName = oEvent.getParameter("name");
			var sValue = oEvent.getParameter("value");
			
			var oMetadata = oControl.getMetadata();
			oMetadata.getJSONKeys(); // hack to enrich the properties
			var oProperty = oControl.getMetadata().getAllProperties()[sName];
			
			if (oProperty && oProperty.type) {
				
				var oType = sap.ui.base.DataType.getType(oProperty.type);
				if (oType instanceof sap.ui.base.DataType) {
					
					// DATATYPE
					
					var vValue = oType.parseValue(sValue);
					if (oType.isValid(vValue) && vValue !== "(null)" ) {
						oControl[oProperty._sMutator](vValue);
					}
					
				} else if (oType) {
					
					// ENUM
					
					if (oType[sValue]) {
						oControl[oProperty._sMutator](sValue);
					}
					
				}
				
			}
			
		}
		
	};
		
}());
}; // end of sap.ui.core.support.plugins.ControlTree
if ( !jQuery.sap.isDeclared('sap.ui.core.support.plugins.MessageTest') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.support.plugins.MessageTest (Test  plugin for support tool communication)
jQuery.sap.declare("sap.ui.core.support.plugins.MessageTest");




(function() {

	/**
	 * Creates an instance of sap.ui.core.support.plugins.MessageTest.
	 * @class This class represents the plugin for the support tool functionality of UI5. This class is internal and all its functions must not be used by an application.
	 *
	 * This class is only for testing purposes for support tool communication.
	 *
	 * @abstract
	 * @extends sap.ui.base.Object
	 * @version 1.12.0
	 * @constructor
	 * @private
	 * @name sap.ui.core.support.plugins.MessageTest
	 */
	sap.ui.core.support.Plugin.extend("sap.ui.core.support.plugins.MessageTest", {
		constructor : function(oSupportStub) {
			sap.ui.core.support.Plugin.apply(this, ["sapUiSupportMessageTest", "Support Tool Communication Test", oSupportStub]);
			
			this._aEventIds = [this.getId()+"Msg", sap.ui.core.support.Support.EventType.SETUP, sap.ui.core.support.Support.EventType.TEAR_DOWN];
			this._bFirstTime = true;
		}
	});
	
	
	/**
	 * Handler for sapUiSupportMessageTestMsg event
	 * 
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.MessageTest.prototype.onsapUiSupportMessageTestMsg = function(oEvent){
		jQuery.sap.byId(this.getId()+"-Panel").removeClass("sapUiSupportHidden"); //Make panel visible with the first event
		report(this, this.getId()+"Msg", oEvent.getParameter("message"), true);
	};
	
	
	sap.ui.core.support.plugins.MessageTest.prototype.init = function(oSupportStub){
		sap.ui.core.support.Plugin.prototype.init.apply(this, arguments);
		var that = this;
		
		if(this._bFirstTime){
			this._bFirstTime = false;
			jQuery.sap.byId(this.getId()+"-Panel").addClass("sapUiSupportHidden"); //Initially hide panel
		}
		
		var rm = sap.ui.getCore().createRenderManager();
		rm.write("<div class='sapUiSupportToolbar'>");
		rm.write("<input type='text' id='"+this.getId()+"-input' class='sapUiSupportTxtFld'></input>");
		rm.write("<button id='"+this.getId()+"-send' class='sapUiSupportBtn'>Send</button>");
		rm.write("</div><div class='sapUiSupportMessageCntnt'></div>");
		rm.flush(this.$().get(0));
		rm.destroy();
		
		this._fSendHandler = function(){
			var sVal = jQuery.sap.byId(that.getId()+"-input").val();
			oSupportStub.sendEvent(that.getId()+"Msg", {"message": sVal});
			report(that, that.getId()+"Msg", sVal, false);
		};
		
		jQuery.sap.byId(this.getId()+"-send").bind("click", this._fSendHandler);
		report(this, sap.ui.core.support.Support.EventType.SETUP, "", true);
	};
	
	
	sap.ui.core.support.plugins.MessageTest.prototype.exit = function(oSupportStub){
		report(this, sap.ui.core.support.Support.EventType.TEAR_DOWN, "", true);
		if(this._fSendHandler){
			jQuery.sap.byId(this.getId()+"-send").unbind("click", this._fSendHandler);
			this._fSendHandler = null;
		}
		sap.ui.core.support.Plugin.prototype.exit.apply(this, arguments);
	};

	
	function report(oPlugin, sMessageId, sMessage, bReceive){
		jQuery(".sapUiSupportMessageCntnt", oPlugin.$()).append("<b style=\"color:"+(bReceive ? "green" : "blue")+";\">Message '"+sMessageId+"' "+(bReceive ? "received" : "send")+
				(sMessage ? ":</b> "+sMessage : "</b>")+"<br>");
	};

}());

}; // end of sap.ui.core.support.plugins.MessageTest
if ( !jQuery.sap.isDeclared('sap.ui.core.support.plugins.Performance') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.support.plugins.Performance
jQuery.sap.declare("sap.ui.core.support.plugins.Performance");




(function() {

	/**
	 * Creates an instance of sap.ui.core.support.plugins.Performance.
	 * @class This class represents the plugin for the support tool functionality of UI5. This class is internal and all its functions must not be used by an application.
	 *
	 * With this plugIn the performance measurements are displayed
	 *
	 * @abstract
	 * @extends sap.ui.base.Object
	 * @version 1.12.0
	 * @constructor
	 * @private
	 * @name sap.ui.core.support.plugins.Performance
	 */
	sap.ui.core.support.Plugin.extend("sap.ui.core.support.plugins.Performance", {
		constructor : function(oSupportStub) {
			sap.ui.core.support.Plugin.apply(this, ["sapUiSupportPerf", "Performance", oSupportStub]);

			this._oStub = oSupportStub;

			if (this.isToolPlugin()) {

				this._aEventIds = [this.getId() + "SetMeasurements",
				                   this.getId() + "SetActive"];
				jQuery.sap.require("sap.ui.core.format.DateFormat");
				this._oDateFormat = sap.ui.core.format.DateFormat.getTimeInstance({pattern: "HH:mm:ss '+' SSS"});

			} else {

				this._aEventIds = [this.getId() + "Refresh",
				                   this.getId() + "Clear",
				                   this.getId() + "Start",
				                   this.getId() + "Stop",
				                   this.getId() + "Activate"];

			}

		}
	});

	sap.ui.core.support.plugins.Performance.prototype.init = function(oSupportStub){
		sap.ui.core.support.Plugin.prototype.init.apply(this, arguments);
		if (this.isToolPlugin()) {
			initInTools.call(this, oSupportStub);
		} else {
			initInApps.call(this, oSupportStub);
		}
	};

	sap.ui.core.support.plugins.Performance.prototype.exit = function(oSupportStub){
		sap.ui.core.support.Plugin.prototype.exit.apply(this, arguments);
	};


	function initInTools(oSupportStub) {

		var rm = sap.ui.getCore().createRenderManager();
		rm.write("<div class=\"sapUiSupportToolbar\">");
		rm.write("<button id=\"" + this.getId() + "-refresh\" class=\"sapUiSupportBtn\">Refresh</button>");
		rm.write("<button id=\"" + this.getId() + "-clear\" class=\"sapUiSupportBtn\">Clear</button>");
//		rm.write("<button id=\"" + this.getId() + "-start\" class=\"sapUiSupportBtn\">Start</button>");
//		rm.write("<button id=\"" + this.getId() + "-end\" class=\"sapUiSupportBtn\">End</button>");
		rm.write("<input type=\"checkbox\" id=\"" + this.getId() + "-active\" class=\"sapUiSupportChB\">");
		rm.write("<label for=\"" + this.getId() + "-active\" class=\"sapUiSupportLabel\">Active</label>");
		rm.write("</div><div class=\"sapUiSupportPerfCntnt\">");
		rm.write("<table id=\"" + this.getId() + "-tab\" width=\"100%\">");
		rm.write("<colgroup><col><col><col><col><col><col></colgroup>");
		rm.write("<thead style=\"text-align:left;\"><tr>");
		rm.write("<th>ID</th>");
		rm.write("<th>Info</th>");
		rm.write("<th>Start</th>");
		rm.write("<th>End</th>");
		rm.write("<th>Time</th>");
		rm.write("<th>Duration</th>");
		rm.write("</tr></thead>");
		rm.write("<tbody id=\"" + this.getId() + "-tabBody\"></tbody>");
		rm.write("</table></div>");
		rm.flush(this.$().get(0));
		rm.destroy();

		jQuery.sap.byId(this.getId() + "-refresh").click(jQuery.proxy(function(oEvent) {
			this._oStub.sendEvent(this.getId() + "Refresh");
		}, this));
		jQuery.sap.byId(this.getId() + "-clear").click(jQuery.proxy(function(oEvent) {
			this._oStub.sendEvent(this.getId() + "Clear");
		}, this));
/*		jQuery.sap.byId(this.getId() + "-start").click(jQuery.proxy(function(oEvent) {
			this._oStub.sendEvent(this.getId() + "Start");
		}, this));
		jQuery.sap.byId(this.getId() + "-end").click(jQuery.proxy(function(oEvent) {
			this._oStub.sendEvent(this.getId() + "End");
		}, this));
*/
		jQuery.sap.byId(this.getId() + "-active").click(jQuery.proxy(function(oEvent) {
			var bActive = false;
			if (jQuery.sap.byId(this.getId() + "-active").attr("checked")) {
				bActive = true;
			}
			this._oStub.sendEvent(this.getId() + "Activate", {"active": bActive});
		}, this));

	};

	function initInApps(oSupportStub) {
		getPerformanceData.call(this);
	};

	function getPerformanceData(oSupportStub) {
		var bActive = jQuery.sap.measure.getActive();
		var aMeasurements = new Array();

		if (bActive) {
			aMeasurements = jQuery.sap.measure.getAllMeasurements();
		}
		this._oStub.sendEvent(this.getId() + "SetMeasurements", {"measurements": aMeasurements});
		this._oStub.sendEvent(this.getId() + "SetActive", {"active": bActive});
	};

	/**
	 * Handler for sapUiSupportPerfSetMeasurements event
	 *
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Performance.prototype.onsapUiSupportPerfSetMeasurements = function(oEvent) {

		var aMeasurements = oEvent.getParameter("measurements");
		var oTableBody = jQuery.sap.byId(this.getId() + "-tabBody");
		var rm = sap.ui.getCore().createRenderManager();

		for ( var i = 0; i < aMeasurements.length; i++) {
			var oMeasurement = aMeasurements[i];
			rm.write("<tr>");
			rm.write("<td>"+oMeasurement.id+"</td>");
			rm.write("<td>"+oMeasurement.info+"</td>");
			rm.write("<td>"+this._oDateFormat.format(new Date(oMeasurement.start))+"</td>");
			rm.write("<td>"+this._oDateFormat.format(new Date(oMeasurement.end))+"</td>");
			rm.write("<td>"+oMeasurement.time+"</td>");
			rm.write("<td>"+oMeasurement.duration+"</td>");
			rm.write("</tr>");
		}
		rm.flush(oTableBody[0]);
		rm.destroy();

	};

	/**
	 * Handler for sapUiSupportPerfSetActive event
	 *
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Performance.prototype.onsapUiSupportPerfSetActive = function(oEvent) {

		var bActive = oEvent.getParameter("active");
		var oCheckBox = jQuery.sap.byId(this.getId() + "-active");

		if (bActive) {
			oCheckBox.attr("checked", "checked");
		} else {
			oCheckBox.removeAttr("checked");
		}

	};

	/**
	 * Handler for sapUiSupportPerfRefresh event
	 *
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Performance.prototype.onsapUiSupportPerfRefresh = function(oEvent) {

		getPerformanceData.call(this);

	};

	/**
	 * Handler for sapUiSupportPerfClear event
	 *
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Performance.prototype.onsapUiSupportPerfClear = function(oEvent) {

		jQuery.sap.measure.clear();
		this._oStub.sendEvent(this.getId() + "SetMeasurements", {"measurements":[]});

	};

	/**
	 * Handler for sapUiSupportPerfStart event
	 *
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Performance.prototype.onsapUiSupportPerfStart = function(oEvent) {

		jQuery.sap.measure.start(this.getId()+"-perf","Measurement by support tool");

	};

	/**
	 * Handler for sapUiSupportPerfEnd event
	 *
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Performance.prototype.onsapUiSupportPerfEnd = function(oEvent) {

		jQuery.sap.measure.end(this.getId()+"-perf");

	};

	/**
	 * Handler for sapUiSupportPerfActivate event
	 *
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Performance.prototype.onsapUiSupportPerfActivate = function(oEvent) {

		var bActive = oEvent.getParameter("active");

		if (jQuery.sap.measure.getActive() != bActive) {
			jQuery.sap.measure.setActive(bActive);
		}

	};

}());
}; // end of sap.ui.core.support.plugins.Performance
if ( !jQuery.sap.isDeclared('sap.ui.core.support.plugins.TechInfo') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.support.plugins.TechInfo (TechInfo support plugin)
jQuery.sap.declare("sap.ui.core.support.plugins.TechInfo");





(function() {

	/**
	 * Creates an instance of sap.ui.core.support.plugins.TechInfo.
	 * @class This class represents the technical info plugin for the support tool functionality of UI5. This class is internal and all its functions must not be used by an application.
	 *
	 * @abstract
	 * @extends sap.ui.base.Object
	 * @version 1.12.0
	 * @constructor
	 * @private
	 * @name sap.ui.core.support.plugins.TechInfo
	 */
	sap.ui.core.support.Plugin.extend("sap.ui.core.support.plugins.TechInfo", {
		constructor : function(oSupportStub) {
			sap.ui.core.support.Plugin.apply(this, ["sapUiSupportTechInfo", "Technical Information", oSupportStub]);
			this._aEventIds = this.isToolPlugin() ? [this.getId()+"Data"] : [this.getId()+"ToggleDebug", this.getId()+"Refresh"];
		}
	});
	
	
	/**
	 * Handler for sapUiSupportTechInfoData event
	 * 
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.TechInfo.prototype.onsapUiSupportTechInfoData = function(oEvent){
		var that = this;
		var oData = oEvent.getParameter("data");
		oData.modules.sort();
		var html = ["<div class='sapUiSupportToolbar'>",
		            "<a href='javascript:void(0);' id='", that.getId(), "-Refresh' class='sapUiSupportLink'>Refresh</a>",
		            "<div><div class='sapUiSupportTechInfoCntnt'>",
		            "<table border='0' cellpadding='3'>"];
		line(html, true, true, "SAPUI5 Version", function(buffer){
			buffer.push(oData.version, " (build at ", oData.build, ", last change ", oData.change, ")");
		});
		line(html, true, true, "User Agent", function(buffer){
			buffer.push(oData.useragent, (oData.docmode ? ", Document Mode '" + oData.docmode + "'" : ""));
		});
		line(html, true, true, "Debug Sources", function(buffer){
			buffer.push((oData.debug ? "ON" : "OFF"), "<a href='javascript:void(0);' id='", that.getId(), "-tggleDbgSrc' class='sapUiSupportLink'>Toggle</a>");
		});
		line(html, true, true, "Application", oData.appurl);
		multiline(html, true, true, "Configuration (bootstrap)", oData.bootconfig);
		multiline(html, true, true, "Configuration (computed)", oData.config);
		line(html, true, true, "Loaded Modules", function(buffer){
			jQuery.each(oData.modules, function(i,v){
				if(v.indexOf("sap.ui.core.support") < 0){
					buffer.push("<span>", v, "</span>");
					if(i < oData.modules.length-1){
						buffer.push(", ");
					}
				}
			});
		});
		multiline(html, true, true, "URI Parameters", oData.uriparams);
		html.push("</table></div>");
		this.$().html(html.join(""));
		
		jQuery.sap.byId(this.getId()+"-tggleDbgSrc").bind("click", function(){
			sap.ui.core.support.Support.getStub().sendEvent(that.getId()+"ToggleDebug", {});
		});
		jQuery.sap.byId(this.getId()+"-Refresh").bind("click", function(){
			sap.ui.core.support.Support.getStub().sendEvent(that.getId()+"Refresh", {});
		});
	};
	
	
	/**
	 * Handler for sapUiSupportTechInfoToggleDebug event
	 * 
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.TechInfo.prototype.onsapUiSupportTechInfoToggleDebug = function(oEvent){
		jQuery.sap.debug(!!!jQuery.sap.debug());
		sendData(this);
	};
	
	
	/**
	 * Handler for sapUiSupportTechInfoRefresh event
	 * 
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.TechInfo.prototype.onsapUiSupportTechInfoRefresh = function(oEvent){
		sendData(this);
	};
	
	
	sap.ui.core.support.plugins.TechInfo.prototype.init = function(oSupportStub){
		sap.ui.core.support.Plugin.prototype.init.apply(this, arguments);
		if(!this.isToolPlugin()){
			sendData(this);
			return;
		}
		
		this.$().html("No Information available");
	};
	
	
	function sendData(oPlugin){
		var oCfg = sap.ui.getCore().getConfiguration();
		var oConfig = {
			"theme": oCfg.getTheme(),
			"language": oCfg.getLanguage(),
			"formatLocale": oCfg.getFormatLocale(),
			"accessibility": ""+oCfg.getAccessibility(),
			"animation": ""+oCfg.getAnimation(),
			"rtl": ""+oCfg.getRTL(),
			"debug": ""+oCfg.getDebug(),
			"inspect": ""+oCfg.getInspect(),
			"originInfo": ""+oCfg.getOriginInfo(),
			"noDuplicateIds": ""+oCfg.getNoDuplicateIds()
		};
		
		sap.ui.core.support.Support.getStub().sendEvent(oPlugin.getId()+"Data", {data: {
			"version": sap.ui.version,
			"build": sap.ui.buildinfo.buildtime,
			"change": sap.ui.buildinfo.lastchange,
			"useragent": navigator.userAgent,
			"docmode": document.documentMode ? document.documentMode : "",
			"debug": jQuery.sap.debug(),
			"bootconfig": window["sap-ui-config"] ? window["sap-ui-config"] : {},
			"config": oConfig,
			"modules": jQuery.sap.getAllDeclaredModules(),
			"uriparams": jQuery.sap.getUriParameters().mParams,
			"appurl": window.location.href
		}});
	};
	
	
	function line(buffer, right, border, label, content){
		buffer.push("<tr><td ", right ? "align='right' " : "", "valign='top'>", "<label class='sapUiSupportLabel'>", jQuery.sap.escapeHTML(label), "</label></td><td",
				border ? " class='sapUiSupportTechInfoBorder'" : "", ">");
		var ctnt = content;
		if(jQuery.isFunction(content)){
			ctnt = content(buffer) || "";
		}
		buffer.push(jQuery.sap.escapeHTML(ctnt));
		buffer.push("</td></tr>");
	};
	
	
	function multiline(buffer, right, border, label, content){
		line(buffer, right, border, label, function(buffer){
			buffer.push("<table border='0' cellspacing='0' cellpadding='3'>");
			jQuery.each(content, function(i,v){
				var val = "";
				if(v){
					if(typeof(v) === "string" || typeof(v) === "string" || typeof(v) === "boolean"){
						val = v;
					}else if((jQuery.isArray(v) || jQuery.isPlainObject(v)) && window.JSON){
						val = window.JSON.stringify(v);
					}
				}
				line(buffer, false, false, i, ""+val);
			});
			buffer.push("</table>");
		});
	};
	

}());
}; // end of sap.ui.core.support.plugins.TechInfo
if ( !jQuery.sap.isDeclared('sap.ui.core.support.plugins.Trace') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.support.plugins.Trace (Trace support plugin)
jQuery.sap.declare("sap.ui.core.support.plugins.Trace");



(function() {

	/**
	 * Creates an instance of sap.ui.core.support.plugins.Trace.
	 * @class This class represents the trace plugin for the support tool functionality of UI5. This class is internal and all its functions must not be used by an application.
	 *
	 * @abstract
	 * @extends sap.ui.base.Object
	 * @version 1.12.0
	 * @constructor
	 * @private
	 * @name sap.ui.core.support.plugins.Trace
	 */
	sap.ui.core.support.Plugin.extend("sap.ui.core.support.plugins.Trace", {
		constructor : function(oSupportStub) {
			sap.ui.core.support.Plugin.apply(this, ["sapUiSupportTrace", "JavaScript Trace", oSupportStub]);
	
			this._aEventIds = this.isToolPlugin() ? [this.getId()+"Entry"] : [];
			
			if(this.isToolPlugin()){
				this._aLogEntries = [];
				this._iLogLevel = jQuery.sap.log.Level.ALL;
				jQuery.sap.require("sap.ui.core.format.DateFormat");
				this._oDateFormat = sap.ui.core.format.DateFormat.getDateTimeInstance();
			}else{
				var that = this;
				jQuery.sap.log.setLevel(jQuery.sap.log.Level.ALL);
				jQuery.sap.log.addLogListener({
					onLogEntry: function(oLogEntry){
						if(that.isActive()){
							oSupportStub.sendEvent(that.getId()+"Entry", {"entry": oLogEntry});
						}
					}
				});
			}
		}
	});
	
	
	/**
	 * Handler for sapUiSupportTraceEntry event
	 * 
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Trace.prototype.onsapUiSupportTraceEntry = function(oEvent){
		log(this, oEvent.getParameter("entry"));
	};
	
	
	sap.ui.core.support.plugins.Trace.prototype.init = function(oSupportStub){
		sap.ui.core.support.Plugin.prototype.init.apply(this, arguments);
		if(!this.isToolPlugin()){
			return;
		}
		
		var that = this;
		
		var rm = sap.ui.getCore().createRenderManager();
		rm.write("<div class='sapUiSupportToolbar'>");
		rm.write("<button id='"+this.getId()+"-clear' class='sapUiSupportBtn'>Clear</button>");
		rm.write("<label class='sapUiSupportLabel'>Filter:</label><input type='text' id='"+this.getId()+"-filter' class='sapUiSupportTxtFld'></input>");
		rm.write("<label class='sapUiSupportLabel'>Log Level:</label><select id='"+this.getId()+"-loglevel' class='sapUiSupportTxtFld'>");
		rm.write("<option value='0'>FATAL</option>");
		rm.write("<option value='1'>ERROR</option>");
		rm.write("<option value='2'>WARNING</option>");
		rm.write("<option value='3'>INFO</option>");
		rm.write("<option value='4'>DEBUG</option>");
		rm.write("<option value='5'>TRACE</option>");
		rm.write("<option value='6' selected=''>ALL</option>");
		rm.write("</select>");
		rm.write("</div><div class='sapUiSupportTraceCntnt'></div>");
		rm.flush(this.$().get(0));
		rm.destroy();
		
		this._fClearHandler = function(){
			log(that);
		};
		
		this._fLogLevelHandler = function(){
			that._iLogLevel = jQuery.sap.byId(that.getId()+"-loglevel").val();
			var aResult = [];
			for(var i=0; i<that._aLogEntries.length; i++){
				if(applyFilter(that._filter, that._iLogLevel, that._aLogEntries[i])){
					aResult.push(getEntryHTML(that, that._aLogEntries[i]));
				}
			}
			log(that, aResult.join(""));
		};
		
		this._fFilterHandler = function(){
			that._filter = jQuery.sap.byId(that.getId()+"-filter").val();
			that._filter = that._filter ? that._filter.toLowerCase() : "";
			var aResult = [];
			for(var i=0; i<that._aLogEntries.length; i++){
				if(applyFilter(that._filter, that._iLogLevel, that._aLogEntries[i])){
					aResult.push(getEntryHTML(that, that._aLogEntries[i]));
				}
			}
			log(that, aResult.join(""));
		};
		
		jQuery.sap.byId(this.getId()+"-clear").bind("click", this._fClearHandler);
		jQuery.sap.byId(this.getId()+"-filter").bind("change", this._fFilterHandler);
		jQuery.sap.byId(this.getId()+"-loglevel").bind("change", this._fLogLevelHandler);
	};
	
	
	sap.ui.core.support.plugins.Trace.prototype.exit = function(oSupportStub){
		if(this._fClearHandler){
			jQuery.sap.byId(this.getId()+"-clear").unbind("click", this._fClearHandler);
			this._fClearHandler = null;
		}
		if(this._fFilterHandler){
			jQuery.sap.byId(this.getId()+"-filter").unbind("change", this._fFilterHandler);
			this._fFilterHandler = null;
		}
		if(this._fLogLevelHandler){
			jQuery.sap.byId(this.getId()+"-loglevel").unbind("change", this._fLogLevelHandler);
			this._fLogLevelHandler = null;
		}
		sap.ui.core.support.Plugin.prototype.exit.apply(this, arguments);
	};
	
	
	function log(oPlugin, oEntry){
		var jContentRef = jQuery(".sapUiSupportTraceCntnt", oPlugin.$());
		if(!oEntry){
			jContentRef.html("");
			oPlugin._aLogEntries = [];
		}else if(typeof(oEntry) === "string"){
			jContentRef.html(oEntry);
			jContentRef[0].scrollTop = jContentRef[0].scrollHeight;
		}else{
			oEntry._levelInfo = getLevel(oEntry.level);
			if(applyFilter(oPlugin._filter, oPlugin._iLogLevel, oEntry)){
				jContentRef.append(getEntryHTML(oPlugin, oEntry));
				jContentRef[0].scrollTop = jContentRef[0].scrollHeight;
			}
			oPlugin._aLogEntries.push(oEntry); 
		}
	};
	
	
	function getEntryHTML(oPlugin, oEntry){
		var aLevelInfo = oEntry._levelInfo;
		var sStyle = " style='color:"+aLevelInfo[1]+";'";
		var sResult = "<div class='sapUiSupportTraceEntry'><span class='sapUiSupportTraceEntryLevel'"+sStyle+">"+aLevelInfo[0]+
				"</span><span class='sapUiSupportTraceEntryTime'"+sStyle+">"+oPlugin._oDateFormat.format(new Date(oEntry.timestamp))+
				"</span><span class='sapUiSupportTraceEntryMessage'>"+oEntry.message+"</div>";
		return sResult;
	};
	
	
	function applyFilter(sFilterValue, iLogLevel, oEntry){
		var aLevelInfo = oEntry._levelInfo;
		if(oEntry._levelInfo[2] <= iLogLevel){
			if(sFilterValue){
				var aParts = sFilterValue.split(" ");
				var bResult = true;
				for(var i=0; i<aParts.length; i++){
					bResult = bResult && oEntry.message.toLowerCase().indexOf(aParts[i]) >= 0 || aLevelInfo[0].toLowerCase().indexOf(aParts[i]) >= 0;
				}
				return bResult;
			}
			return true;
		}
		return false;
	};
	
	
	function getLevel(iLogLevel){
		switch(iLogLevel){
			case jQuery.sap.log.Level.FATAL:
				return ["FATAL", "#E60000", iLogLevel];
			case jQuery.sap.log.Level.ERROR:
				return ["ERROR", "#E60000", iLogLevel];
			case jQuery.sap.log.Level.WARNING:
				return ["WARNING", "#FFAA00", iLogLevel];
			case jQuery.sap.log.Level.INFO:
				return ["INFO", "#000000", iLogLevel];
			case jQuery.sap.log.Level.DEBUG:
				return ["DEBUG", "#000000", iLogLevel];
			case jQuery.sap.log.Level.TRACE:
				return ["TRACE", "#000000", iLogLevel];
		}
		return ["unknown", "#000000", iLogLevel];
	};

}());
}; // end of sap.ui.core.support.plugins.Trace
if ( !jQuery.sap.isDeclared('sap.ui.debug.ControlTree') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a tree of controls for the testsuite
jQuery.sap.declare("sap.ui.debug.ControlTree");



/**
 * Constructs the class <code>sap.ui.debug.ControlTree</code> and registers
 * to the <code>sap.ui.core.Core</code> for UI change events.
 *
 * @param {sap.ui.core.Core}
 *            oCore the core instance to use for analysis
 * @param {window}
 *            oWindow reference to the window object
 * @param {DOMNode}
 *            oParentDomRef reference to the parent DOM element
 *
 * @constructor
 *
 * @class Control Tree used for the Debug Environment
 * @extends sap.ui.base.EventProvider
 * @author Martin Schaus, Frank Weigel
 * @version 1.12.0
 * @private
 */
sap.ui.debug.ControlTree = function(oCore, oWindow, oParentDomRef, bRunsEmbedded) {
	sap.ui.base.EventProvider.apply(this,arguments);
	this.oWindow = oWindow;
	this.oDocument = oWindow.document;
	this.oCore = oCore;
	this.oSelectedNode = null;
	this.oParentDomRef = oParentDomRef;
	this.oSelectionHighlighter = new sap.ui.debug.Highlighter("sap-ui-testsuite-SelectionHighlighter");
	this.oHoverHighlighter = new sap.ui.debug.Highlighter("sap-ui-testsuite-HoverHighlighter", true, '#c8f', 1);
	var that = this;
	jQuery(oParentDomRef).bind("click",function(evt) {
		that.onclick(evt);
	})
	.bind("mouseover",function(evt) {
		that.onmouseover(evt);
	})
	.bind("mouseout",function(evt) {
		that.onmouseout(evt);
	});
	this.enableInplaceControlSelection();// see below...
	this.oCore.attachUIUpdated(this.renderDelayed, this);
	this.sSelectedNodeId = "";
	this.sResourcePath = bRunsEmbedded ? jQuery.sap.getModulePath("", "/") : (window.top.testfwk.sResourceRoot || "../");
	this.sTestResourcePath = this.sResourcePath + "../test-resources/";
	this.sSpaceUrl = this.sResourcePath + "testsuite/images/space.gif";
	this.sMinusUrl = this.sResourcePath + "testsuite/images/minus.gif";
	this.sPlusUrl = this.sResourcePath + "testsuite/images/plus.gif";
	this.sLinkUrl = this.sResourcePath + "testsuite/images/link.gif";
};
sap.ui.debug.ControlTree.prototype = jQuery.sap.newObject(sap.ui.base.EventProvider.prototype);

sap.ui.base.Object.defineClass("sap.ui.debug.ControlTree", {
		// ---- object ----
		baseType : "sap.ui.base.EventProvider",
		publicMethods : []
	});

/** events of the ControlTree */
sap.ui.debug.ControlTree.M_EVENTS = {
	SELECT : "SELECT"
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.exit = function() {
	jQuery(document).unbind();
	jQuery(this.oParentDomRef).unbind();
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.renderDelayed = function() {
	if (this.oTimer) {
		this.oWindow.jQuery.sap.clearDelayedCall(this.oTimer);
	}
	this.oTimer = this.oWindow.jQuery.sap.delayedCall(0,this,"render");
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.render = function() {
	var oDomRef = this.oParentDomRef;
	var oUIArea = null,
		oUIAreas = this.oCore.mUIAreas;
	oDomRef.innerHTML = "";
	for (var i in oUIAreas) {
		var oUIArea = oUIAreas[i],
			oDomNode = this.createTreeNodeDomRef(oUIArea.getId(),0,"UIArea", this.sTestResourcePath + "sap/ui/core/images/controls/sap.ui.core.UIArea.gif");
		oDomRef.appendChild(oDomNode);

		var aRootControls = oUIArea.getContent();
		for(var i = 0, l = aRootControls.length; i < l; i++){
			this.renderNode(oDomRef,aRootControls[i],1);
		}
	}
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.createTreeNodeDomRef = function(sId,iLevel,sType,sIcon) {
	var oDomNode = this.oParentDomRef.ownerDocument.createElement("DIV");
	oDomNode.setAttribute("id","sap-debug-controltree-" + sId);
	var sShortType = sType.substring(sType.lastIndexOf(".")>-1?sType.lastIndexOf(".")+1:0);
	oDomNode.innerHTML = "<img style='height:12px;width:12px;display:none' src='" + this.sSpaceUrl + "' align='absmiddle'/><img style='height:16px;width:16px' src='" + sIcon + "' align='absmiddle'/>&nbsp;<span>" + sShortType + " - " + sId+"</span>";
	oDomNode.style.overflow = "hidden";
	oDomNode.style.whiteSpace = "nowrap";
	oDomNode.style.textOverflow = "ellipsis";
	oDomNode.style.paddingLeft = (iLevel * 16) + "px";
	oDomNode.style.height = "20px";
	oDomNode.style.cursor = "default";
	oDomNode.setAttribute("sap-type",sType);
	oDomNode.setAttribute("sap-id",sId);
	oDomNode.setAttribute("sap-expanded","true");
	oDomNode.setAttribute("sap-level","" + iLevel);
	oDomNode.title = sType + " - " + sId;
	return oDomNode;
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.createLinkNode = function(oParentRef, sId, iLevel, sType) {
	var oDomNode = this.oParentDomRef.ownerDocument.createElement("DIV");
	oDomNode.setAttribute("id","sap-debug-controltreelink-" + sId);
	var sShortType = sType ? sType.substring(sType.lastIndexOf(".")>-1?sType.lastIndexOf(".")+1:0) : "";
	oDomNode.innerHTML = "<img style='height:12px;width:12px;display:none' src='" + this.sSpaceUrl + "' align='absmiddle'/><img style='height:12px;width:12px' src='" + this.sLinkUrl + "' align='absmiddle'/>&nbsp;<span style='color:#888;border-bottom:1px dotted #888;'>" + (sShortType ? sShortType + " - " : "") + sId+"</span>";
	oDomNode.style.overflow = "hidden";
	oDomNode.style.whiteSpace = "nowrap";
	oDomNode.style.textOverflow = "ellipsis";
	oDomNode.style.paddingLeft = (iLevel * 16) + "px";
	oDomNode.style.height = "20px";
	oDomNode.style.cursor = "default";
	oDomNode.setAttribute("sap-type","Link");
	oDomNode.setAttribute("sap-id",sId);
	oDomNode.setAttribute("sap-expanded","true");
	oDomNode.setAttribute("sap-level","" + iLevel);
	oDomNode.title = "Association to '" + sId + "'";
	oParentRef.appendChild(oDomNode);
	return oDomNode;
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.renderNode = function(oDomRef,oControl,iLevel) {
	if (!oControl) {
		return;
	}

	var oMetadata = oControl.getMetadata();
	var sIcon = this.sTestResourcePath + oMetadata.getLibraryName().replace(/\./g, "/") + "/images/controls/"+oMetadata.getName()+".gif";
	var oDomNode = this.createTreeNodeDomRef(oControl.getId(),iLevel,oMetadata.getName(),sIcon);
	oDomRef.appendChild(oDomNode);
	var bRequiresExpanding = false;
	if (oControl.mAggregations) {
		for (var n in oControl.mAggregations) {
			bRequiresExpanding = true;
			var oAggregation = oControl.mAggregations[n];
			if (oAggregation && oAggregation.length) {
				for (var i=0;i<oAggregation.length;i++) {
					var o = oAggregation[i];
					if (o  instanceof sap.ui.core.Element) {
						this.renderNode(oDomRef,oAggregation[i],iLevel+1);
					}
				}
			} else if (oAggregation instanceof sap.ui.core.Element) {
				this.renderNode(oDomRef,oAggregation,iLevel+1);
			}
		}
	}
	if (oControl.mAssociations) {
		for (var n in oControl.mAssociations) {
			bRequiresExpanding = true;
			var oAssociation = oControl.mAssociations[n];
			if (jQuery.isArray(oAssociation)) {
				for (var i=0;i<oAssociation.length;i++) {
					var o = oAssociation[i];
					if (typeof o === "string") {
						this.createLinkNode(oDomRef, o, iLevel+1);
					}
				}
			} else if (typeof oAssociation === "string") {
				this.createLinkNode(oDomRef, oAssociation, iLevel+1);
			}
		}
	}
	if ( bRequiresExpanding ) {
		var oExpandImage = oDomNode.getElementsByTagName("IMG")[0];
		oExpandImage.src=this.sMinusUrl;
		oExpandImage.style.display="";
	}

};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.onclick = function(oEvent) {
	var oSource = oEvent.srcElement || oEvent.target;
	if (oSource.tagName == "IMG") {
		var oParent = oSource.parentNode,
			iLevel = parseInt(oParent.getAttribute("sap-level"), 10),
			oNextNode = oParent.nextSibling,
			bExpanded = oParent.getAttribute("sap-expanded") == "true";
		// propagate expanded state to all children
		oSource = oParent.firstChild;
		if (oNextNode) {
			var iNextLevel = parseInt(oNextNode.getAttribute("sap-level"), 10);
			while (oNextNode && iNextLevel > iLevel) {
				var oExpandImage = oNextNode.getElementsByTagName("IMG")[0];
				if (bExpanded) {
					oNextNode.style.display = "none";
					oNextNode.setAttribute("sap-expanded","false");
					if ( oExpandImage && oExpandImage.src !== this.sSpaceUrl ) {
						oExpandImage.src = this.sPlusUrl;
					}
				} else {
					oNextNode.style.display = "block";
					oNextNode.setAttribute("sap-expanded","true");
					if ( oExpandImage && oExpandImage.src !== this.sSpaceUrl ) {
						oExpandImage.src = this.sMinusUrl;
					}
				}
				oNextNode = oNextNode.nextSibling;
				if (oNextNode) {
					iNextLevel = parseInt(oNextNode.getAttribute("sap-level"), 10);
				}
			}
		}
		if (bExpanded) {
			oSource.src = this.sPlusUrl;
			oParent.setAttribute("sap-expanded","false");
		} else {
			oSource.src = this.sMinusUrl;
			oParent.setAttribute("sap-expanded","true");
		}

	} else if (oSource.getAttribute("sap-type") == "UIArea") {

	} else {
		if (oSource.tagName != "SPAN") {
			oSource = oSource.getElementsByTagName("SPAN")[0];
		}
		var oParent = oSource.parentNode,
			sId = oParent.getAttribute("sap-id"),
			oElement = this.oCore.getElementById(sId),
			sNodeId = oParent.getAttribute("sap-type") === "Link" ? "sap-debug-controltree-" + sId : oParent.id;
		this.oSelectionHighlighter.hide();
		if (oElement && oElement instanceof sap.ui.core.Element) {
			this.oSelectionHighlighter.highlight(oElement.getDomRef());
			this.oHoverHighlighter.hide();
		}
		this.deselectNode(this.sSelectedNodeId);
		this.selectNode(sNodeId);
	}
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.onmouseover = function(oEvent) {
	var oSource = oEvent.srcElement || oEvent.target;
	if (oSource.tagName=="SPAN") {
		this.oHoverHighlighter.highlight(this.getTargetDomRef(oSource.parentNode));
	}
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.onmouseout = function(oEvent) {
	var oSource = oEvent.srcElement || oEvent.target;
	if (oSource.tagName=="SPAN") {
		if ( this.getTargetDomRef(oSource.parentNode) ) {
			this.oHoverHighlighter.hide();
		}
	}
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.selectNode = function(sId) {
	if (!sId) {
		return;
	}
	var oDomRef = jQuery.sap.domById(sId, jQuery.sap.ownerWindow(this.oParentDomRef));
	if ( !oDomRef ) {
		jQuery.sap.log.warning("Control with Id '" + sId.substring(22) + "' not found in tree");
		return;
	}
	var	sControlId = oDomRef.getAttribute("sap-id");
	var oSpan = oDomRef.getElementsByTagName("SPAN")[0];
	oSpan.style.backgroundColor = "#000066";
	oSpan.style.color = "#FFFFFF";
	this.sSelectedNodeId = sId;

	this.fireEvent(sap.ui.debug.ControlTree.M_EVENTS.SELECT,{id:sId, controlId: sControlId});
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.ControlTree.prototype.deselectNode = function(sId) {
	if (!sId) {
		return;
	}
	var oDomRef = jQuery.sap.domById(sId, jQuery.sap.ownerWindow(this.oParentDomRef));
	var oSpan = oDomRef.getElementsByTagName("SPAN")[0];
	oSpan.style.backgroundColor = "transparent";
	oSpan.style.color = "#000000";
	this.sSelectedNodeId = sId;
};

/**
 * Tries to find the innermost DOM node in the source window that contains the
 * SAPUI5 element/UIArea identified by the given tree node.
 *
 * If elements in the hierarchy don't return a value for {@link sap.ui.core.Element#getDomRef}
 * (e.g. because they don't render a DOM node with their own id), enclosing parents
 * are checked until the UIArea is reached.
 *
 * @param oTreeNodeDomRef the tree node to start the search for
 * @return {DOMNode} best matching source DOM node
 * @private
 */
sap.ui.debug.ControlTree.prototype.getTargetDomRef = function(oTreeNodeDomRef) {
	var sType = oTreeNodeDomRef.getAttribute("sap-type"),
		sId = oTreeNodeDomRef.getAttribute("sap-id"),
		oSomething = sType === "UIArea" ? this.oCore.getUIArea(sId) : this.oCore.getElementById(sId);

	while (oSomething && oSomething instanceof sap.ui.core.Element) {
		var oDomRef = oSomething.getDomRef();
		if ( oDomRef ) {
			return oDomRef;
		}
		oSomething = oSomething.getParent();
	}

	if ( oSomething instanceof sap.ui.core.UIArea ) {
		return oSomething.getRootNode();
	}
};

/**
 * Enables an 'onhover' handler in the content window that allows to see control borders.
 * @private
 */
sap.ui.debug.ControlTree.prototype.enableInplaceControlSelection = function() {
	var that = this;
	jQuery(document).bind("mouseover" , function (oEvt) { that.selectControlInTree(oEvt); });
};

sap.ui.debug.ControlTree.prototype.selectControlInTree = function( oEvt ) {
	if ( oEvt ) {
	  if ( oEvt.ctrlKey && oEvt.shiftKey && !oEvt.altKey ) {
		  var oControl = oEvt.srcElement || oEvt.target;
		  while (oControl && (!oControl.id || !this.oCore.getControl(oControl.id )) ) {
			oControl = oControl.parentNode;
		}
		 if ( oControl && oControl.id && this.oCore.getControl(oControl.id ) ) {
			this.oHoverHighlighter.highlight(oControl);
		 } else {
		// this.selectControlInTreeByCtrlId(sId);
			  this.oHoverHighlighter.hide();
		 }

	  } else {
		  this.oHoverHighlighter.hide();
	  }
	}
};
}; // end of sap.ui.debug.ControlTree
if ( !jQuery.sap.isDeclared('sap.ui.debug.Highlighter') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a helper that can highlight a given control
jQuery.sap.declare("sap.ui.debug.Highlighter");



/**
 * Creates a new highlighter object without displaying it.
 *
 * The DOM node is not created until the first call to method {@link #highlight}.
 *
 * @param {string} [sId] id that is used by the new highlighter
 * @param {boolean} [bFilled] whether the box of the highlighter is partially opaque (20%), defaults to false
 * @param {string} [sColor] the CSS color of the border and the box (defaults to blue)
 * @param {int} [iBorderWidth] the width of the border
 *
 * @class Helper class to display a colored rectangle around and above a given DOM node
 * @author Frank Weigel
 * @since 0.8.7
 * @public
 */
sap.ui.debug.Highlighter = function(sId, bFilled, sColor, iBorderWidth) {
	this.sId = sId || jQuery.sap.uid();
	this.bFilled = (bFilled == true);
	this.sColor = sColor || 'blue';
	if ( isNaN(iBorderWidth ) ) {
		this.iBorderWidth = 2;
	} else if ( iBorderWidth <= 0 ) {
		this.iBorderWidth = 0;
	} else {
		this.iBorderWidth = iBorderWidth;
	}
};

/**
 * Shows a rectangle/box that surrounds the given DomRef.
 *
 * If this is the first call to {@link #highlight} for this instance, then
 * a DOM node for the highlighter is created in the same document as the given <code>oDomRef</code>.
 *
 * <b>Note:</b> As the DOM node is reused across multiple calls, the highlighter must only be used
 * within a single document.
 */
sap.ui.debug.Highlighter.prototype.highlight = function(oDomRef) {
	if (!oDomRef || !oDomRef.parentNode) {
		return;
	}

	var oHighlightRect = jQuery.sap.domById(this.sId);
	if (!oHighlightRect) {
		oHighlightRect = oDomRef.ownerDocument.createElement("DIV");
		oHighlightRect.setAttribute("id", this.sId);
		oHighlightRect.style.position = "absolute";
		oHighlightRect.style.border = this.iBorderWidth + "px solid " + this.sColor;
		oHighlightRect.style.display = "none";
		oHighlightRect.style.margin = "0px";
		oHighlightRect.style.padding = "0px";
		if ( this.bFilled ) {
			oHighlightRect.innerHTML = "<div style='background-color:" + this.sColor + ";opacity:0.2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);height:100%;width:100%'>&nbsp;</div>";
		}
		oDomRef.ownerDocument.body.appendChild(oHighlightRect);
	}
	var oRect = jQuery(oDomRef).rect();
	oHighlightRect.style.top = (oRect.top-this.iBorderWidth) + "px";
	oHighlightRect.style.left = (oRect.left-this.iBorderWidth) + "px";
	oHighlightRect.style.width = (oRect.width) + "px";
	oHighlightRect.style.height = (oRect.height) + "px";
	oHighlightRect.style.display = "block";
};

/**
 * Hides the rectangle/box if it is currently shown.
 */
sap.ui.debug.Highlighter.prototype.hide = function() {
	var oHighlightRect = jQuery.sap.domById(this.sId);
	if (!oHighlightRect) {
		return;
	}
	oHighlightRect.style.display = "none";
};
}; // end of sap.ui.debug.Highlighter
if ( !jQuery.sap.isDeclared('sap.ui.model.Binding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides an abstraction for model bindings
jQuery.sap.declare("sap.ui.model.Binding");


/**
 * Constructor for Binding class.
 *
 * @class
 * The Binding is the object, which holds the necessary information for a data binding,
 * like the binding path and the binding context, and acts like an interface to the
 * model for the control, so it is the event provider for changes in the data model
 * and provides getters for accessing properties or lists.
 *
 * @param {sap.ui.model.Model} the model
 * @param {String} sPath the path
 * @param {Object} oContext the context object
 * @abstract
 * @public
 * @name sap.ui.model.Binding
 */
sap.ui.base.EventProvider.extend("sap.ui.model.Binding", /** @lends sap.ui.model.Binding */ {
	
	constructor : function(oModel, sPath, oContext, mParameters){
		sap.ui.base.EventProvider.apply(this);
	
		this.sPath = sPath;
		this.oContext = oContext;
		this.oModel = oModel;
		this.mParameters = mParameters;
	
	},

	metadata : {
		"abstract" : true,
	  publicMethods : [
			// methods
			"getPath", "getContext", "getModel", "attachChange", "detachChange"
	  ]
	
	}

});

/**
 * Creates a new subclass of class sap.ui.model.Binding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.Binding.extend
 * @function
 */

// Getter
/**
 * Getter for path
 * @return {String} the binding path
 */
sap.ui.model.Binding.prototype.getPath = function() {
	return this.sPath;
};

/**
 * Getter for context
 * @return {Object} the context object
 */
sap.ui.model.Binding.prototype.getContext = function() {
	return this.oContext;
};

/**
 * Setter for context
 * @param {Object} oContext the new context object
 */
sap.ui.model.Binding.prototype.setContext = function(oContext) {
	if (this.oContext != oContext) {
		this.oContext = oContext;
		this._fireChange();
	}
};

/**
 * Getter for model
 * @return {sap.ui.core.Model} the model
 */
sap.ui.model.Binding.prototype.getModel = function() {
	return this.oModel;
};

// Eventing and related
/**
 * Attach event-handler <code>fnFunction</code> to the '_change' event of this <code>sap.ui.model.Model</code>.<br/>
 * @param {function} fnFunction The function to call, when the event occurs.
 * @param {object} [oListener] object on which to call the given function.
 * @protected
 */
sap.ui.model.Binding.prototype.attachChange = function(fnFunction, oListener) {
	if (!this.hasListeners("_change")) {
		this.oModel.addBinding(this);
	}
	this.attachEvent("_change", fnFunction, oListener);
};

/**
 * Detach event-handler <code>fnFunction</code> from the '_change' event of this <code>sap.ui.model.Model</code>.<br/>
 * @param {function} fnFunction The function to call, when the event occurs.
 * @param {object} [oListener] object on which to call the given function.
 * @protected
 */
sap.ui.model.Binding.prototype.detachChange = function(fnFunction, oListener) {
	this.detachEvent("_change", fnFunction, oListener);
	if (!this.hasListeners("_change")) {
		this.oModel.removeBinding(this);
	}
};

/**
 * Fire event _change to attached listeners.

 * @param {Map}
 *         mArguments the arguments to pass along with the event.
 * @private
 */
sap.ui.model.Binding.prototype._fireChange = function(mArguments) {
	this.fireEvent("_change", mArguments);
};

/**
 * Determines if the binding should be updated by comparing the current model against a specified model.
 * @param {object} oModel The model instance to compare against
 * @returns {boolean} true if this binding should be updated
 * @protected
 */
sap.ui.model.Binding.prototype.updateRequired = function(oModel) {
	return oModel && this.getModel() === oModel;
};

}; // end of sap.ui.model.Binding
if ( !jQuery.sap.isDeclared('sap.ui.model.Context') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides an abstraction for model bindings
jQuery.sap.declare("sap.ui.model.Context");


/**
 * Constructor for Context class.
 *
 * @class
 * The Context is a pointer to an object in the model data, which is used to 
 * allow definition of relative bindings, which are resolved relative to the
 * defined object.
 * Context elements are created either by the ListBinding for each list entry
 * or by using createBindingContext.
 *
 * @param {sap.ui.model.Model} the model
 * @param {String} sPath the path
 * @param {Object} oContext the context object
 * @abstract
 * @public
 * @name sap.ui.model.Context
 */
sap.ui.base.Object.extend("sap.ui.model.Context", /** @lends sap.ui.model.Context */ {
	
	constructor : function(oModel, sPath){

		sap.ui.base.Object.apply(this);
	
		this.oModel = oModel;
		this.sPath = sPath;
	
	},
	
	metadata : {
		"abstract" : true,
	  publicMethods : [
			"getModel", "getPath", "getProperty", "getObject"
		]
	}

});

/**
 * Creates a new subclass of class sap.ui.model.Context with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.C.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.Context.extend
 * @function
 */

// Getter
/**
 * Getter for model
 * @public
 * @return {sap.ui.core.Model} the model
 */
sap.ui.model.Context.prototype.getModel = function() {
	return this.oModel;
};

/**
 * Getter for path
 * @public
 * @return {String} the binding path
 */
sap.ui.model.Context.prototype.getPath = function() {
	return this.sPath;
};

/**
 * Gets the property with the given relative binding path
 * @public
 * @param {String} sPath the binding path
 * @return {any} the property value
 */
sap.ui.model.Context.prototype.getProperty = function(sPath) {
	return this.oModel.getProperty(sPath, this);
};

/**
 * Gets the (model dependent) object the context points to
 * @public
 * @return {object} the context object
 */
sap.ui.model.Context.prototype.getObject = function() {
	return this.oModel.getProperty(this.sPath);
};

/** 
 * toString method returns path for compatbility
 */
sap.ui.model.Context.prototype.toString = function() {
	return this.sPath;
};

}; // end of sap.ui.model.Context
if ( !jQuery.sap.isDeclared('sap.ui.model.ContextBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides an abstraction for list bindings
jQuery.sap.declare("sap.ui.model.ContextBinding");


/**
 * Constructor for ContextBinding
 *
 * @class
 * The ContextBinding is a specific binding for a setting context for the model
 *
 * @param {sap.ui.model.Model} oModel
 * @param {String} sPath
 * @param {Object} oContext
 * @param {Object} [mParameters]
 * @abstract
 * @public
 * @name sap.ui.model.ContextBinding
 */
sap.ui.model.Binding.extend("sap.ui.model.ContextBinding", /** @lends sap.ui.model.ContextBinding */ {
	
	constructor : function(oModel, sPath, oContext, mParameters){
		var that = this;
		sap.ui.model.Binding.call(this, oModel, sPath, oContext, mParameters);
		oModel.createBindingContext(sPath, oContext, mParameters, function(oContext) {
			that.oElementContext = oContext;
			that._fireChange();
		});
	},

	metadata : {
		 publicMethods : [
		 // methods
		 	"getElementContext"
		 ]
	}
});

/**
 * Creates a new subclass of class sap.ui.model.ContextBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.ContextBinding.extend
 * @function
 */

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 *
 * @param {boolean} bForceupdate
 */
sap.ui.model.ContextBinding.prototype.checkUpdate = function(bForceupdate, oEvent) {
	this._fireChange(oEvent);
};

sap.ui.model.ContextBinding.prototype._refresh = function() {
	var that = this;
	//recreate Context: force update
	this.oModel.createBindingContext(this.sPath, this.oContext, this.mParameters, function(oContext) {
		that.oElementContext = oContext;
		that._fireChange();
	},true);
};

sap.ui.model.ContextBinding.prototype.setContext = function(oContext) {
	var that = this;
	if (this.oContext != oContext) {
		this.oContext = oContext;
		this.oModel.createBindingContext(this.sPath, this.oContext, this.mParameters, function(oContext) {
			that.oElementContext = oContext;
			that._fireChange();
		});
	}
};

sap.ui.model.ContextBinding.prototype.getBoundContext = function(oContext) {
	return this.oElementContext;
};
}; // end of sap.ui.model.ContextBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.Filter') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a filter for list bindings
jQuery.sap.declare("sap.ui.model.Filter");


/**
 * Constructor for Filter
 *
 * @class
 * Filter for the list binding
 *
 *
 * @param {String} sPath the binding path for this filter
 * @param {sap.ui.model.FilterOperator} sOperator Operator used for the filter
 * @param {Object} oValue1 First value to use for filter
 * @param {Object} [oValue2=null] Second value to use for filter (optional)
 * @public
 * @name sap.ui.model.Filter
 */
sap.ui.base.Object.extend("sap.ui.model.Filter", /** @lends sap.ui.model.Filter */ {
	
	constructor : function(sPath, sOperator, oValue1, oValue2){
		this.sPath = sPath;
		this.sOperator = sOperator;
		this.oValue1 = oValue1;
		this.oValue2 = oValue2;
  }

});

/**
 * Creates a new subclass of class sap.ui.model.Filter with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.Filter.extend
 * @function
 */


}; // end of sap.ui.model.Filter
if ( !jQuery.sap.isDeclared('sap.ui.model.ListBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides an abstraction for list bindings
jQuery.sap.declare("sap.ui.model.ListBinding");




/**
 * Constructor for ListBinding
 *
 * @class
 * The ListBinding is a specific binding for lists in the model, which can be used
 * to populate Tables or ItemLists.
 *
 * @param {sap.ui.model.Model} oModel
 * @param {String} sPath
 * @param {Object} oContext
 * @abstract
 * @public
 * @name sap.ui.model.ListBinding
 */
sap.ui.model.Binding.extend("sap.ui.model.ListBinding", /** @lends sap.ui.model.ListBinding */ {
	
	constructor : function(oModel, sPath, oContext, oSorter, aFilters, mParameters){
		sap.ui.model.Binding.call(this, oModel, sPath, oContext, mParameters);
		this.oSorter = oSorter;
		this.aFilters = aFilters;
		this.bUseExtendedChangeDetection = false;
	},
	
  metadata : {
		"abstract" : true,

		publicMethods : [
		  // methods
		  "getContexts", "sort", "attachSort", "detachSort", "filter", "attachFilter", "detachFilter", "getDistinctValues", "isGrouped"
	  ]
  }
	
});

/**
 * Creates a new subclass of class sap.ui.model.ListBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.ListBinding.extend
 * @function
 */


// the 'abstract methods' to be implemented by child classes
/**
 * Returns the current value of the bound target
 *
 * @function
 * @name sap.ui.model.ListBinding.prototype.getContexts
 * @return {sap.ui.model.Context[]} the array of contexts for each row of the bound list
 *
 * @public
 */

/**
 * Filters the list according to the filter definitions
 *
 * @function
 * @name sap.ui.model.ListBinding.prototype.filter
 * @param {object[]} aFilters Array of filter objects
 * @return {sap.ui.model.ListBinding} returns <code>this</code> to facilitate method chaining 
 *
 * @public
 */

/**
 * Sorts the list according to the sorter object
 *
 * @function
 * @name sap.ui.model.ListBinding.prototype.sort
 * @param {sap.ui.model.Sorter} oSorter the Sorter object which defines the sort order
 * @return {sap.ui.model.ListBinding} returns <code>this</code> to facilitate method chaining 
 * @public
 */

// base methods, may be overridden by child classes
/**
 * Returns list of distinct values for the given relative binding path
 *
 * @param {string} sPath the relative binding path
 * @return {Array} the array of distinct values.
 *
 * @public
 */
sap.ui.model.ListBinding.prototype.getDistinctValues = function(sPath) {
	return null;
};

//Eventing and related
/**
 * Attach event-handler <code>fnFunction</code> to the '_sort' event of this <code>sap.ui.model.ListBinding</code>.<br/>
 * @param {function} fnFunction The function to call, when the event occurs.
 * @param {object} [oListener] object on which to call the given function.
 * @protected
 * @deprecated use the change event. It now contains a parameter (reason : "sort") when a sorter event is fired.
 */
sap.ui.model.ListBinding.prototype.attachSort = function(fnFunction, oListener) {
	this.attachEvent("_sort", fnFunction, oListener);
};

/**
 * Detach event-handler <code>fnFunction</code> from the '_sort' event of this <code>sap.ui.model.ListBinding</code>.<br/>
 * @param {function} fnFunction The function to call, when the event occurs.
 * @param {object} [oListener] object on which to call the given function.
 * @protected
 * @deprecated use the change event.
 */
sap.ui.model.ListBinding.prototype.detachSort = function(fnFunction, oListener) {
	this.detachEvent("_sort", fnFunction, oListener);
};

/**
 * Fire event _change to attached listeners.
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @private
 * @deprecated use the change event. It now contains a parameter (reason : "sort") when a sorter event is fired.
 */
sap.ui.model.ListBinding.prototype._fireSort = function(mArguments) {
	this.fireEvent("_sort", mArguments);
};

/**
 * Attach event-handler <code>fnFunction</code> to the '_filter' event of this <code>sap.ui.model.ListBinding</code>.<br/>
 * @param {function} fnFunction The function to call, when the event occurs.
 * @param {object} [oListener] object on which to call the given function.
 * @protected
 * @deprecated use the change event. It now contains a parameter (reason : "filter") when a filter event is fired.
 */
sap.ui.model.ListBinding.prototype.attachFilter = function(fnFunction, oListener) {
	this.attachEvent("_filter", fnFunction, oListener);
};

/**
 * Detach event-handler <code>fnFunction</code> from the '_filter' event of this <code>sap.ui.model.ListBinding</code>.<br/>
 * @param {function} fnFunction The function to call, when the event occurs.
 * @param {object} [oListener] object on which to call the given function.
 * @protected
 * @deprecated use the change event.
 */
sap.ui.model.ListBinding.prototype.detachFilter = function(fnFunction, oListener) {
	this.detachEvent("_filter", fnFunction, oListener);
};

/**
 * Checks if grouping is enabled for the binding<br/>
 * @public
 */
sap.ui.model.ListBinding.prototype.isGrouped = function() {
	return this.oSorter && !!this.oSorter.fnGroup;
};

/**
 * Fire event _filter to attached listeners.
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @private
 * @deprecated use the change event. It now contains a parameter (reason : "filter") when a filter event is fired.
 */
sap.ui.model.ListBinding.prototype._fireFilter = function(mArguments) {
	this.fireEvent("_filter", mArguments);
};


/**
 * Enable extended change detection
 * @private
 */
sap.ui.model.ListBinding.prototype.enableExtendedChangeDetection = function( ) {
	this.bUseExtendedChangeDetection  = true;
	if (this.update) {
		this.update();
	}
};

}; // end of sap.ui.model.ListBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.Model') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.Model");




/**
 * The SAPUI5 Data Binding API.
 *
 * The default binding mode for model implementations (if not implemented otherwise) is two way and the supported binding modes by the model
 * are one way, two way and one time. The default binding mode can be changed by the application for each model instance.
 * A model implementation should specify its supported binding modes and set the default binding mode accordingly
 * (e.g. if the model supports only one way binding the default binding mode should also be set to one way).
 *
 * @namespace
 * @name sap.ui.model
 * @public
 */

/**
 * Constructor for a new Model.
 *
 * @class
 * This is an abstract base class for model objects.
 * @abstract
 *
 * @extends sap.ui.base.Object
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @name sap.ui.model.Model
 */
sap.ui.base.EventProvider.extend("sap.ui.model.Model", /** @lends sap.ui.model.Model */ {
	
	constructor : function () {
		sap.ui.base.EventProvider.apply(this, arguments);
	
		this.oData = {};
		this.aBindings = [];
		this.mContexts = {};
		this.iSizeLimit = 100;
		this.sDefaultBindingMode = sap.ui.model.BindingMode.TwoWay;
		this.mSupportedBindingModes = {"OneWay": true, "TwoWay": true, "OneTime": true};
		this.bLegacySyntax = false;
	},

	metadata : {

		"abstract" : true,
		publicMethods : [
			// methods
			"bindProperty", "bindList", "bindTree", "bindContext", "createBindingContext", "destroyBindingContext", "getProperty",
			"getDefaultBindingMode", "setDefaultBindingMode", "isBindingModeSupported", "attachParseError", "detachParseError",
			"attachRequestCompleted", "detachRequestCompleted", "attachRequestFailed", "detachRequestFailed", "attachRequestSent",
			"detachRequestSent", "setSizeLimit"
	  ]
	
	  /* the following would save code, but requires the new ManagedObject (1.9.1) 
	  , events : {
	  	"parseError" : {},
	  	"requestFailed" : {},
	  	"requestSent" : {},
	  	"requestCompleted" ; {} 
	  }
	  */
	
	}

});

/**
 * Creates a new subclass of class sap.ui.model.Model with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.Model.extend
 * @function
 */


/**
 * Map of event names, that are provided by the model.
 */
sap.ui.model.Model.M_EVENTS = {
	/**
	 * Depending on the model implementation a ParseError should be fired if a parse error occurred.
	 * Contains the parameters:
	 * errorCode, url, reason, srcText, line, linepos, filepos
	 */
	ParseError : "parseError",

	/**
	 * Depending on the model implementation a RequestFailed should be fired if a request to a backend failed.
	 * Contains the parameters:
	 * message, statusCode, statusText and responseText
	 */
	RequestFailed : "requestFailed",

	/**
	 * Depending on the model implementation a RequestSent should be fired when a request to a backend is sent.
	 * Contains Parameters: url, type, async, info
	 */
	RequestSent : "requestSent",

	/**
	 * Depending on the model implementation a RequestCompleted should be fired when a request to a backend is completed regardless if the request failed or succeeded.
	 * Contains Parameters: url, type, async, info
	 */
	RequestCompleted : "requestCompleted"
};

/**
 * The 'requestFailed' event is fired, when data retrieval from a backend failed.
 *
 * @name sap.ui.model.Model#requestFailed
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.message A text that describes the failure.
 * @param {string} oControlEvent.getParameters.statusCode HTTP status code returned by the request (if available)
 * @param {string} oControlEvent.getParameters.statusText The status as a text, details not specified, intended only for diagnosis output
 * @param {string} oControlEvent.getParameters.responseText Response that has been received for the request ,as a text string
 * @public
 */

/**
 * Attach event-handler <code>fnFunction</code> to the 'requestFailed' event of this <code>sap.ui.model.Model</code>.<br/>
 *
 *
 * @param {object}
 *            [oData] The object, that should be passed along with the event-object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, this Model is used.
 *
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.Model.prototype.attachRequestFailed = function(oData, fnFunction, oListener) {
	this.attachEvent("requestFailed", oData, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'requestFailed' event of this <code>sap.ui.model.Model</code>.<br/>
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.Model.prototype.detachRequestFailed = function(fnFunction, oListener) {
	this.detachEvent("requestFailed", fnFunction, oListener);
	return this;
};

/**
 * Fire event requestFailed to attached listeners.
 *
 * @param {object} [mArguments] the arguments to pass along with the event.
 * @param {string} [mArguments.message]  A text that describes the failure.
 * @param {string} [mArguments.statusCode]  HTTP status code returned by the request (if available)
 * @param {string} [mArguments.statusText] The status as a text, details not specified, intended only for diagnosis output
 * @param {string} [mArguments.responseText] Response that has been received for the request ,as a text string
 * 
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.model.Model.prototype.fireRequestFailed = function(mArguments) {
	this.fireEvent("requestFailed", mArguments);
	return this;
};


/**
 * The 'parseError' event is fired when parsing of a model document (e.g. XML response) fails.
 *
 * @name sap.ui.model.Model#parseError
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.errorCode
 * @param {string} oControlEvent.getParameters.url
 * @param {string} oControlEvent.getParameters.reason
 * @param {string} oControlEvent.getParameters.srcText
 * @param {int} oControlEvent.getParameters.line
 * @param {int} oControlEvent.getParameters.linepos
 * @param {int} oControlEvent.getParameters.filepos
 * @public
 */

/**
 * Attach event-handler <code>fnFunction</code> to the 'parseError' event of this <code>sap.ui.model.Model</code>.<br/>
 *
 *
 * @param {object}
 *            [oData] The object, that should be passed along with the event-object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, the global context (window) is used.
 *
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.Model.prototype.attachParseError = function(oData, fnFunction, oListener) {
	this.attachEvent("parseError", oData, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'parseError' event of this <code>sap.ui.model.Model</code>.<br/>
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.Model.prototype.detachParseError = function(fnFunction, oListener) {
	this.detachEvent("parseError", fnFunction, oListener);
	return this;
};

/**
 * Fire event parseError to attached listeners.
 *
 * @param {object} [mArguments] the arguments to pass along with the event.
 * @param {int} [mArguments.errorCode]
 * @param {string} [mArguments.url]
 * @param {string} [mArguments.reason]
 * @param {string} [mArguments.srcText]
 * @param {int} [mArguments.line]
 * @param {int} [mArguments.linepos]
 * @param {int} [mArguments.filepos]
 *
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.model.Model.prototype.fireParseError = function(mArguments) {
	this.fireEvent("parseError", mArguments);
	return this;
};

/**
 * The 'requestSent' event is fired, after a request has been sent to a backend.
 *
 * Note: Subclasses might add additional parameters to the event object.
 * 
 * @name sap.ui.model.Model#requestSent
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters
 * @param {string} oControlEvent.getParameters.url The url which is sent to the backend
 * @param {string} oControlEvent.getParameters.type The type of the request (if available)
 * @param {boolean} [oControlEvent.getParameters.async] If the request is synchronous or asynchronous (if available)
 * @param {string} [oControlEvent.getParameters.info] Additional information for the request (if available)
 * @public
 */

/**
 * Attach event-handler <code>fnFunction</code> to the 'requestSent' event of this <code>sap.ui.model.Model</code>.
 *
 *
 * @param {object}
 *            [oData] The object, that should be passed along with the event-object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, the global context (window) is used.
 *
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.Model.prototype.attachRequestSent = function(oData, fnFunction, oListener) {
	this.attachEvent("requestSent", oData, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'requestSent' event of this <code>sap.ui.model.Model</code>.
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.Model.prototype.detachRequestSent = function(fnFunction, oListener) {
	this.detachEvent("requestSent", fnFunction, oListener);
	return this;
};

/**
 * Fire event requestSent to attached listeners.
 *
 * @param {object} [mArguments] the arguments to pass along with the event.
 * @param {string} [mArguments.url] The url which is sent to the backend.
 * @param {string} [mArguments.type] The type of the request (if available)
 * @param {boolean} [mArguments.async] If the request is synchronous or asynchronous (if available)
 * @param {string} [mArguments.info] additional information for the request (if available)
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.model.Model.prototype.fireRequestSent = function(mArguments) {
	this.fireEvent("requestSent", mArguments);
	return this;
};

/**
 * The 'requestCompleted' event is fired, after a request has been completed (includes receiving a response), 
 * no matter whether the request succeeded or not.
 * 
 * Note: Subclasses might add additional parameters to the event object.
 * 
 * @name sap.ui.model.Model#requestCompleted
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters
 * @param {string} oControlEvent.getParameters.url The url which was sent to the backend
 * @param {string} oControlEvent.getParameters.type The type of the request (if available)
 * @param {boolean} [oControlEvent.getParameters.async] If the request is synchronous or asynchronous (if available)
 * @param {string} [oControlEvent.getParameters.info] Additional information for the request (if available)
 * @public
 */

/**
 * Attach event-handler <code>fnFunction</code> to the 'requestCompleted' event of this <code>sap.ui.model.Model</code>.
 *
 *
 * @param {object}
 *            [oData] The object, that should be passed along with the event-object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, the global context (window) is used.
 *
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.Model.prototype.attachRequestCompleted = function(oData, fnFunction, oListener) {
	this.attachEvent("requestCompleted", oData, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'requestCompleted' event of this <code>sap.ui.model.Model</code>.
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.Model.prototype.detachRequestCompleted = function(fnFunction, oListener) {
	this.detachEvent("requestCompleted", fnFunction, oListener);
	return this;
};

/**
 * Fire event requestCompleted to attached listeners.
 *
 * @param {object} [mArguments] the arguments to pass along with the event.
 * @param {string} [mArguments.url] The url which was sent to the backend.
 * @param {string} [mArguments.type] The type of the request (if available)
 * @param {boolean} [mArguments.async] If the request was synchronous or asynchronous (if available)
 * @param {string} [mArguments.info] additional information for the request (if available)
 *
 * @return {sap.ui.model.Model} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.model.Model.prototype.fireRequestCompleted = function(mArguments) {
	this.fireEvent("requestCompleted", mArguments);
	return this;
};


// the 'abstract methods' to be implemented by child classes

/**
 * Implement in inheriting classes
 * @abstract
 *
 * @name sap.ui.model.Model.prototype.bindProperty
 * @function
 * @param {string}
 *         sPath the path pointing to the property that should be bound
 * @param {object}
 *         [oContext=null] the context object for this databinding (optional)
 * @param {object}
 *         [mParameters=null] additional model specific parameters (optional)
 * @return {sap.ui.model.PropertyBinding}
 *
 * @public
 */

/**
 * Implement in inheriting classes
 * @abstract
 *
 * @name sap.ui.model.Model.prototype.bindList
 * @function
 * @param {string}
 *         sPath the path pointing to the list / array that should be bound
 * @param {object}
 *         [oContext=null] the context object for this databinding (optional)
 * @param {sap.ui.model.Sorter}
 *         [oSorter=null] initial sort order (optional)
 * @param {array}
 *         [aFilters=null] predefined filter/s contained in an array (optional)
 * @param {object}
 *         [mParameters=null] additional model specific parameters (optional)
 * @return {sap.ui.model.ListBinding}

 * @public
 */

/**
 * Implement in inheriting classes
 * @abstract
 *
 * @name sap.ui.model.Model.prototype.bindTree
 * @function
 * @param {string}
 *         sPath the path pointing to the tree / array that should be bound
 * @param {object}
 *         [oContext=null] the context object for this databinding (optional)
 * @param {array}
 *         [aFilters=null] predefined filter/s contained in an array (optional)
 * @param {object}
 *         [mParameters=null] additional model specific parameters (optional)
 * @return {sap.ui.model.TreeBinding}

 * @public
 */

/**
 * Implement in inheriting classes
 * @abstract
 *
 * @name sap.ui.model.Model.prototype.createBindingContext
 * @function
 * @param {string}
 *         sPath the path to create the new context from
 * @param {object}
 *		   [oContext=null] the context which should be used to create the new binding context
 * @param {object}
 *		   [mParameters=null] the parameters used to create the new binding context
 * @param {function}
 *         fnCallBack the function which should be called after the binding context has been created
 * @param {boolean}
 *         [bForceUpdate] force update even if data is already available 
 *         
 * @public
 */

/**
 * Implement in inheriting classes
 * @abstract
 *
 * @name sap.ui.model.Model.prototype.destroyBindingContext
 * @function
 * @param {object}
 *         oContext to destroy

 * @public
 */

/**
 * Implement in inheriting classes
 * @abstract
 *
 * @name sap.ui.model.Model.prototype.getProperty
 * @function
 * @param {string}
 *         sPath the path to where to read the attribute value
 * @param {object}
 *		   [oContext=null] the context with which the path should be resolved
 * @public
 */

/**
 * Create ContextBinding
 * 
 * @name sap.ui.model.Model.prototype.bindContext
 * @function
 * @param {string}
 *         sPath the path pointing to the property that should be bound
 * @param {object}
 *         [oContext=null] the context object for this databinding (optional)
 * @param {object}
 *         [mParameters=null] additional model specific parameters (optional)
 * @return {sap.ui.model.ContextBinding}
 *
 * @public
 */
sap.ui.model.Model.prototype.bindContext = function(sPath, oContext, mParameters) {
	var oBinding = new sap.ui.model.ContextBinding(this, sPath, oContext, mParameters);
	return oBinding;
};

/**
 * Gets a binding context. If context already exists, return it from the map,
 * otherwise create one using the context constructor.
 *
 * @param {string} sPath the path
 */
sap.ui.model.Model.prototype.getContext = function(sPath) {
	var oContext = this.mContexts[sPath];
	if (!oContext) {
		 if (!jQuery.sap.startsWith(sPath, "/")) {
			 sPath = "/" + sPath;
		 }
		oContext = new sap.ui.model.Context(this, sPath);
		this.mContexts[sPath] = oContext;
	}
	return oContext;
};

/**
 * Resolve the path relative to the given context.
 * 
 * If a relative path is given (not starting with a '/') but no context,
 * then the path can't be resolved and undefined is returned.
 *
 * For backward compatibility, the behavior of this method can be changed by 
 * setting the 'legacySyntax' property. Then an unresolvable, relative path 
 * is automatically converted into an absolute path.
 * 
 * @param {string} sPath path to resolve
 * @param {sap.ui.core.Context} [oContext] context to resolve a relative path against
 * @return {string} resolved path or undefined
 */
sap.ui.model.Model.prototype.resolve = function(sPath, oContext) {
	var bIsRelative = !jQuery.sap.startsWith(sPath, "/"),
		sResolvedPath = sPath,
		sContextPath;
	if (bIsRelative) {
		if (oContext) {
			sContextPath = oContext.getPath();
			sResolvedPath = sContextPath + (jQuery.sap.endsWith(sContextPath, "/") ? "" : "/") + sPath;
		}
		else {
			sResolvedPath = this.isLegacySyntax() ? "/" + sPath : undefined;
		}
	}
	// invariant: path never ends with a slash
	if (sResolvedPath && jQuery.sap.endsWith(sResolvedPath, "/")) {
		sResolvedPath = sResolvedPath.substr(0, sResolvedPath.length - 1);
	}
	return sResolvedPath;
};

/**
 * Add a binding to this model
 *
 * @param {sap.ui.model.Binding} oBinding the binding to be added
 */
sap.ui.model.Model.prototype.addBinding = function(oBinding) {
	this.aBindings.push(oBinding);
};

/**
 * Remove a binding from the model
 *
 * @param {sap.ui.model.Binding} oBinding the binding to be removed
 */
sap.ui.model.Model.prototype.removeBinding = function(oBinding) {
	for (var i = 0; i < this.aBindings.length; i++) {
		if (this.aBindings[i] == oBinding) {
			this.aBindings.splice(i, 1);
			break;
		}
	}
};

/**
 * Get the default binding mode for the model
 *
 * @return {sap.ui.model.BindingMode} default binding mode of the model
 *
 * @public
 */
sap.ui.model.Model.prototype.getDefaultBindingMode = function() {
	return this.sDefaultBindingMode;
};

/**
 * Set the default binding mode for the model. If the default binding mode should be changed,
 * this method should be called directly after model instance creation and before any binding creation.
 * Otherwise it is not guaranteed that the existing bindings will be updated with the new binding mode.
 *
 * @param {sap.ui.model.BindingMode} sMode the default binding mode to set for the model
 *
 * @public
 */
sap.ui.model.Model.prototype.setDefaultBindingMode = function(sMode) {
	if (this.isBindingModeSupported(sMode)) {
		this.sDefaultBindingMode = sMode;
	}
	else {
		throw new Error("Binding mode " + sMode + " is not supported by this model.");
	}
};

/**
 * Check if the specified binding mode is supported by the model.
 *
 * @param {sap.ui.model.BindingMode} sMode the binding mode to check
 *
 * @public
 */
sap.ui.model.Model.prototype.isBindingModeSupported = function(sMode) {
	return (sMode in this.mSupportedBindingModes);
};

/**
 * Enables legacy path syntax handling
 * 
 * This defines, whether relative bindings, which do not have a defined
 * binding context, should be compatible to earlier releases which means
 * they are resolved relative to the root element or handled strict and
 * stay unresolved until a binding context is set
 *
 * @param {boolean} bCompatibleSyntax the path syntax to use
 *
 * @public
 */
sap.ui.model.Model.prototype.setLegacySyntax = function(bLegacySyntax) {
	this.bLegacySyntax = bLegacySyntax;
};

/**
 * Returns whether legacy path syntax is used
 *
 * @return {boolean} 
 * 
 * @public
 */
sap.ui.model.Model.prototype.isLegacySyntax = function() {
	return this.bLegacySyntax;
};

/**
 * Set the maximum number of entries which are used for for list bindings.
 * @param {int} collection size limit  
 * @public
 */
sap.ui.model.Model.prototype.setSizeLimit = function(iSizeLimit) {
	this.iSizeLimit = iSizeLimit;
};

sap.ui.model.Model.prototype.getInterface = function() {
	return this;
};


}; // end of sap.ui.model.Model
if ( !jQuery.sap.isDeclared('sap.ui.model.SelectionModel') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.model.SelectionModel
jQuery.sap.declare("sap.ui.model.SelectionModel");




/**
 * Constructs an instance of a sap.ui.model.SelectionModel.
 *
 * @class sap.ui.model.SelectionModel
 * @extends sap.ui.base.Object
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @param {int} iSelectionMode <code>sap.ui.model.SelectionModel.SINGLE_SELECTION</code> or <code>sap.ui.model.SelectionModel.MULTI_SELECTION</code>
 *
 * @constructor
 * @public
 * @name sap.ui.model.SelectionModel
 */
sap.ui.base.EventProvider.extend("sap.ui.model.SelectionModel", /** @lends sap.ui.model.SelectionModel */ {
	
	constructor : function(iSelectionMode) {
		sap.ui.base.EventProvider.apply(this);
	
		this.iSelectionMode = iSelectionMode || sap.ui.model.SelectionModel.SINGLE_SELECTION;
	
		this.aSelectedIndices = [];
		this.iLeadIndex = -1;
		
		this.fnSort = function(a, b) { return a - b; };
		this.fnSortReverse = function(a, b) { return b - a; };
		
	}

});

/**
 * SelectionMode: Single Selection
 * @public
 */
sap.ui.model.SelectionModel.SINGLE_SELECTION = 0;

/**
 * SelectionMode: Multi Selection
 * @public
 */
sap.ui.model.SelectionModel.MULTI_SELECTION = 1;


/**
 * Returns the current selection mode.
 * @return {int} the current selection mode
 * @public
 */
sap.ui.model.SelectionModel.prototype.getSelectionMode = function() {
	return this.iSelectionMode;
};

/**
 * Sets the selection mode. The following list describes the accepted
 * selection modes:
 * <ul>
 * <li><code>sap.ui.model.SelectionModel.SINGLE_SELECTION</code> -
 *   Only one list index can be selected at a time. In this mode,
 *   <code>setSelectionInterval</code> and <code>addSelectionInterval</code> are
 *   equivalent, both replacing the current selection with the index
 *   represented by the second argument (the "lead").
 * <li><code>sap.ui.model.SelectionModel.MULTI_SELECTION</code> -
 *   In this mode, there's no restriction on what can be selected.
 * </ul>
 *
 * @param iSelectionMode {int} selection mode
 * @public
 */
sap.ui.model.SelectionModel.prototype.setSelectionMode = function(iSelectionMode) {
	this.iSelectionMode = iSelectionMode || sap.ui.model.SelectionModel.SINGLE_SELECTION;
};

/**
 * Returns true if the specified index is selected.
 * @return {boolean} true if the specified index is selected.
 * @public
 */
sap.ui.model.SelectionModel.prototype.isSelectedIndex = function(iIndex) {
	return jQuery.inArray(iIndex, this.aSelectedIndices) !== -1;
};

/**
 * Return the second index argument from the most recent call to
 * setSelectionInterval(), addSelectionInterval() or removeSelectionInterval().
 * @return {int} lead selected index
 * @public
 */
sap.ui.model.SelectionModel.prototype.getLeadSelectedIndex = function() {
	return this.iLeadIndex;
};

/**
 * Set the lead selection index.
 * @param {int} iLeadIndex sets the lead selected index
 * @return {sap.ui.model.SelectionModel} <code>this</code> to allow method chaining
 * @private
 */
sap.ui.model.SelectionModel.prototype.setLeadSelectedIndex = function(iLeadIndex) {
	jQuery.sap.assert(typeof iLeadIndex === "number", "iLeadIndex must be an integer");
	// TODO: do we want to have a specific behavior for the lead selection so
	//       that it could be handled in another way? if yes we should consider
	//       also to rework the dataset which is using this method
	//this.iLeadIndex = iLeadIndex;  
	this.setSelectionInterval(iLeadIndex, iLeadIndex);
	return this;
};


/**
 * Returns the first selected index or -1 if the selection is empty.
 * @return {int} first selected index or -1
 * @private
 */
sap.ui.model.SelectionModel.prototype.getMinSelectionIndex = function() {
	if (this.aSelectedIndices.length > 0) {
		var aIndices = this.aSelectedIndices.sort(this.fnSort);
		return aIndices[0];
	} else {
		return -1;
	}
};

/**
 * Returns the last selected index or -1 if the selection is empty.
 * @return {int} last selected index or -1
 * @private
 */
sap.ui.model.SelectionModel.prototype.getMaxSelectionIndex = function() {
	if (this.aSelectedIndices.length > 0) {
		var aIndices = this.aSelectedIndices.sort(this.fnSortReverse);
		return aIndices[0];
	} else {
		return -1;
	}
};


/**
 * Returns the selected indices as array
 * @return array of selected indices
 * @public
 */
sap.ui.model.SelectionModel.prototype.getSelectedIndices = function() {
	var aIndices = this.aSelectedIndices.sort(this.fnSort);
	return aIndices;
};


/**
 * Changes the selection to be equal to the range <code>iFromIndex</code> and <code>iToIndex</code>
 * inclusive. If <code>iFromIndex</code> is smaller than <code>iToIndex</code>, both parameters are swapped.
 * 
 * In <code>SINGLE_SELECTION</code> selection mode, only <code>iToindex</iToIndex> is used.
 * 
 * If this call results in a change to the current selection, then a  
 * <code>SelectionChanged</code> event is fired.
 *
 * @param {int} iFromIndex one end of the interval.
 * @param {int} iToIndex other end of the interval
 * @return {sap.ui.model.SelectionModel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.SelectionModel.prototype.setSelectionInterval = function(iFromIndex, iToIndex) {
	jQuery.sap.assert(typeof iFromIndex === "number", "iFromIndex must be an integer");
	jQuery.sap.assert(typeof iToIndex === "number", "iToIndex must be an integer");
	
	if (this.iSelectionMode === sap.ui.model.SelectionModel.SINGLE_SELECTION) {
		iFromIndex = iToIndex;
	}
	
	var iFrom = Math.min(iFromIndex, iToIndex);
	var iTo = Math.max(iFromIndex, iToIndex);

	// set new selection range, determine set of changed indices
	var aChangedRowIndices = this.aSelectedIndices.slice();
	var aSelectedIndices = [];
	for (var iIndex = iFrom; iIndex <= iTo; iIndex++) {
		aSelectedIndices.push(iIndex);
		var pos = jQuery.inArray(iIndex, aChangedRowIndices);
		if ( pos === -1 ) {
			aChangedRowIndices.push(iIndex);
		} else {
			aChangedRowIndices.splice(pos, 1);
		}
	}
	this._update(aSelectedIndices, iTo, aChangedRowIndices);
	return this;
};

/**
 * Changes the selection to be the union of the current selection
 * and the range between <code>iFromIndex</code> and <code>iToIndex</code> inclusive.
 * If <code>iFromIndex</code> is smaller than <code>iToIndex</code>, both parameters are swapped.
 * 
 * In <code>SINGLE_SELECTION</code> selection mode, this is equivalent
 * to calling <code>setSelectionInterval</code>, and only the second index
 * is used.
 *
 * If this call results in a change to the current selection or lead selection, then a  
 * <code>SelectionChanged</code> event is fired.
 *
 * @param {int} iFromIndex one end of the interval.
 * @param {int} iToIndex other end of the interval
 * @return {sap.ui.model.SelectionModel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.SelectionModel.prototype.addSelectionInterval = function(iFromIndex, iToIndex) {
	jQuery.sap.assert(typeof iFromIndex === "number", "iFromIndex must be an integer");
	jQuery.sap.assert(typeof iToIndex === "number", "iToIndex must be an integer");
	
	if (this.iSelectionMode === sap.ui.model.SelectionModel.SINGLE_SELECTION) {
		return this.setSelectionInterval(iFromIndex, iToIndex);
	}

	var iFrom = Math.min(iFromIndex, iToIndex);
	var iTo = Math.max(iFromIndex, iToIndex);
	
	var aChangedRowIndices = [];
	var aSelectedIndices = this.aSelectedIndices;

	for (var iIndex = iFrom; iIndex <= iTo; iIndex++) {
		if (jQuery.inArray(iIndex, aSelectedIndices) === -1) {
			aSelectedIndices.push(iIndex);
			aChangedRowIndices.push(iIndex);
		}
	}
	this._update(aSelectedIndices, iTo, aChangedRowIndices);
	return this;
};

/**
 * Changes the selection to be the set difference of the current selection
 * and the indices between <code>iFromIndex</code> and <code>iToIndex</code> inclusive.
 * If <code>iFromIndex</code> is smaller than <code>iToIndex</code>, both parameters are swapped.
 *
 * If the range of removed selection indices includes the current lead selection,
 * then the lead selection will be unset (set to -1).
 *   
 * If this call results in a change to the current selection or lead selection, then a  
 * <code>SelectionChanged</code> event is fired.
 *
 * @param {int} iFromIndex one end of the interval.
 * @param {int} iToIndex other end of the interval
 * @return {sap.ui.model.SelectionModel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.SelectionModel.prototype.removeSelectionInterval = function(iFromIndex, iToIndex) {
	jQuery.sap.assert(typeof iFromIndex === "number", "iFromIndex must be an integer");
	jQuery.sap.assert(typeof iToIndex === "number", "iToIndex must be an integer");
	
	if (this.iSelectionMode === sap.ui.model.SelectionModel.SINGLE_SELECTION) {
		iFromIndex = iToIndex;
	}
	
	var iFrom = Math.min(iFromIndex, iToIndex);
	var iTo = Math.max(iFromIndex, iToIndex);
	
	var aChangedRowIndices = [];
	var aSelectedIndices = this.aSelectedIndices;
	var iLeadIndex = this.iLeadIndex;
	for (var iIndex = iFrom; iIndex <= iTo; iIndex++) {
		var iIndexToRemove = jQuery.inArray(iIndex, aSelectedIndices);
		if (iIndexToRemove > -1) {
			aSelectedIndices.splice(iIndexToRemove, 1);
			aChangedRowIndices.push(iIndex);
		}
		if (iIndex === this.iLeadIndex) {
			iLeadIndex = -1;
		}
	}
	this._update(aSelectedIndices, iLeadIndex, aChangedRowIndices);
	return this;
};


/**
 * Change the selection to the empty set and clears the lead selection.
 * 
 * If this call results in a change to the current selection or lead selection, then a  
 * <code>SelectionChanged</code> event is fired.
 *
 * @return {sap.ui.model.SelectionModel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.SelectionModel.prototype.clearSelection = function() {
	if (this.aSelectedIndices.length > 0 || this.iLeadIndex !== -1 ) {
		this._update([], -1, this.aSelectedIndices.slice());
	}
	return this;
};


/**
 * Attach event-handler <code>fnFunction</code> to the 'selectionChanged' event of this <code>sap.ui.model.SelectionModel</code>.<br/>
 *
 * @param {object}
 *            [oData] The object, that should be passed along with the event-object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, this Model is used.
 *
 * @return {sap.ui.model.SelectionModel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.SelectionModel.prototype.attachSelectionChanged = function(oData, fnFunction, oListener) {
	this.attachEvent("selectionChanged", oData, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'selectionChanged' event of this <code>sap.ui.model.SelectionModel</code>.<br/>
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.model.SelectionModel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.model.SelectionModel.prototype.detachSelectionChanged = function(fnFunction, oListener) {
	this.detachEvent("selectionChanged", fnFunction, oListener);
	return this;
};

/**
 * Fire event 'selectionChanged' to attached listeners.
 *
 * Expects following event parameters:
 * <ul>
 * <li>'leadIndex' of type <code>int</code> Lead selection index.</li>
 * <li>'rowIndices' of type <code>int[]</code> Other selected indices (if available)</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.model.SelectionModel} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.model.SelectionModel.prototype.fireSelectionChanged = function(mArguments) {
	this.fireEvent("selectionChanged", mArguments);
	return this;
};

/**
 * Updates the selection models selected indices and the lead selection. Finally
 * it notifies the listeners with an array of changed row indices which can 
 * either be removed or added to the selection model.
 * @param {array} selected row indices
 * @param {int} lead selection index
 * @param {array} changed row indices
 * @private
 */
sap.ui.model.SelectionModel.prototype._update = function(aSelectedIndices, iLeadSelection, aChangedRowIndices) {
	
	// create the event parameters with the changed row indices (sorted!)
	var mParams = {
		rowIndices: aChangedRowIndices && aChangedRowIndices.sort(this.fnSort)
	}

	// update the selected indices
	this.aSelectedIndices = aSelectedIndices; // TODO: sorting here could avoid additional sorts in min/max and get 
	
	// update lead selection (in case of removing the lead selection it is -1) 
	if (this.iLeadIndex !== iLeadSelection) {
		this.iLeadIndex = iLeadSelection;
		mParams.leadIndex = iLeadSelection; // or use old selection?
	}
	
	// fire change event 
  if ( aChangedRowIndices.length > 0 || typeof mParams.leadIndex !== "undefined" ) {
		this.fireSelectionChanged( mParams );
	}
	
};

}; // end of sap.ui.model.SelectionModel
if ( !jQuery.sap.isDeclared('sap.ui.model.SimpleType') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.SimpleType");






/**
 * Constructor for a new SimpleType.
 *
 * @class
 * This is an abstract base class for simple types.
 * @abstract
 *
 * @extends sap.ui.model.Type
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @param {object} [oFormatOptions] options as provided by concrete subclasses
 * @param {object} [oConstraints] constraints as supported by concrete subclasses
 * @public
 * @name sap.ui.model.SimpleType
 */
sap.ui.model.Type.extend("sap.ui.model.SimpleType", /** @lends sap.ui.model.SimpleType */ {

	constructor : function(oFormatOptions, oConstraints) {
		sap.ui.model.Type.apply(this, arguments);
		this.setFormatOptions(oFormatOptions || {});
		this.setConstraints(oConstraints || {});
		this.sName = "SimpleType";
	},

  metadata : {
  	"abstract" : true,
  	publicMethods : [
	    "setConstraints", "setFormatOptions", "formatValue", "parseValue", "validateValue"
	  ]
  }
	
});

/**
 * Creates a new subclass of class sap.ui.model.SimpleType with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.SimpleType.extend
 * @function
 */


/**
 * Format the given value in model representation to an output value in the given
 * internal type. This happens according to the format options, if target type is 'string'.
 * If oValue is not defined or null, null will be returned.
 *
 * @function
 * @name sap.ui.model.SimpleType.prototype.formatValue
 * @param {any} oValue the value to be formatted
 * @param {string} sInternalType the target type
 * @return {any} the formatted output value
 *
 * @public
 */

/**
 * Parse a value of an internal type to the expected value of the model type.
 *
 * @function
 * @name sap.ui.model.SimpleType.prototype.parseValue
 * @param {any} oValue the value to be parsed
 * @param {string} sInternalType the source type
 * @return {any} the parse result
 *
 * @public
 */

/**
 * Validate whether a given value in model representation is valid and meets the
 * defined constraints (if any).
 *
 * @function
 * @name sap.ui.model.SimpleType.prototype.validateValue
 * @param {any} oValue the value to be validated
 *
 * @public
 */

/**
 * Sets constraints for this type. This is meta information used when validating the
 * value, to ensure it meets certain criteria, e.g. maximum length, minimal amount
 *
 * @param {object} oConstraints the constraints to set for this type
 */
sap.ui.model.SimpleType.prototype.setConstraints = function(oConstraints) {
	this.oConstraints = oConstraints;
};

/**
 * Set format options for this type. This is meta information used when formatting and
 * parsing values, such as patterns for number and date formatting or maximum length
 *
 * @param {object} oFormatOptions the options to set for this type
 */
sap.ui.model.SimpleType.prototype.setFormatOptions = function(oFormatOptions) {
	this.oFormatOptions = oFormatOptions;
};
}; // end of sap.ui.model.SimpleType
if ( !jQuery.sap.isDeclared('sap.ui.model.TreeBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides an abstraction for list bindings
jQuery.sap.declare("sap.ui.model.TreeBinding");


/**
 * Constructor for TreeBinding
 *
 * @class
 * The TreeBinding is a specific binding for trees in the model, which can be used
 * to populate Trees.
 *
 * @param {sap.ui.model.Model} oModel
 * @param {string}
 *         sPath the path pointing to the tree / array that should be bound
 * @param {object}
 *         [oContext=null] the context object for this databinding (optional)
 * @param {array}
 *         [aFilters=null] predefined filter/s contained in an array (optional)
 * @param {object}
 *         [mParameters=null] additional model specific parameters (optional)
 * @abstract
 * @public
 * @name sap.ui.model.TreeBinding
 */
sap.ui.model.Binding.extend("sap.ui.model.TreeBinding", /** @lends sap.ui.model.TreeBinding */ {
	
	constructor : function(oModel, sPath, oContext, aFilters, mParameters){
		sap.ui.model.Binding.call(this, oModel, sPath, oContext, mParameters);
		this.aFilters = aFilters;
	},

  metadata : {
  	"abstract" : true,
  	publicMethods : [
		"getRootContexts", "getNodeContexts", "filter"
	  ]
  }
	
});

/**
 * Creates a new subclass of class sap.ui.model.TreeBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.TreeBinding.extend
 * @function
 */


// the 'abstract methods' to be implemented by child classes
/**
 * Returns the current value of the bound target
 *
 * @function
 * @name sap.ui.model.TreeBinding.prototype.getRootContexts
 * @return {Array} the array of child contexts for the root node
 *
 * @public
 */

/**
 * Returns the current value of the bound target
 *
 * @function
 * @name sap.ui.model.TreeBinding.prototype.getNodeContexts
 * @param {Object} oContext the context element of the node
 * @return {Array} the array of child contexts for the given node
 *
 * @public
 */

/**
 * Filters the tree according to the filter definitions.
 *
 * @function
 * @name sap.ui.model.TreeBinding.prototype.filter
 * @param {Array} aFilters Array of sap.ui.model.Filter objects
 *
 * @public
 */

/**
 * Attach event-handler <code>fnFunction</code> to the '_filter' event of this <code>sap.ui.model.TreeBinding</code>.<br/>
 * @param {function} fnFunction The function to call, when the event occurs.
 * @param {object} [oListener] object on which to call the given function.
 * @protected
 * @deprecated use the change event. It now contains a parameter (reason : "filter") when a filter event is fired.
 */
sap.ui.model.TreeBinding.prototype.attachFilter = function(fnFunction, oListener) {
	this.attachEvent("_filter", fnFunction, oListener);
};

/**
 * Detach event-handler <code>fnFunction</code> from the '_filter' event of this <code>sap.ui.model.TreeBinding</code>.<br/>
 * @param {function} fnFunction The function to call, when the event occurs.
 * @param {object} [oListener] object on which to call the given function.
 * @protected
 * @deprecated use the change event.
 */
sap.ui.model.TreeBinding.prototype.detachFilter = function(fnFunction, oListener) {
	this.detachEvent("_filter", fnFunction, oListener);
};

/**
 * Fire event _filter to attached listeners.
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @private
 * @deprecated use the change event. It now contains a parameter (reason : "filter") when a filter event is fired.
 */
sap.ui.model.TreeBinding.prototype._fireFilter = function(mArguments) {
	this.fireEvent("_filter", mArguments);
};
}; // end of sap.ui.model.TreeBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.json.JSONListBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the JSON model implementation of a list binding
jQuery.sap.declare("sap.ui.model.json.JSONListBinding");




/**
 *
 * @class
 * List binding implementation for JSON format
 *
 * @param sPath
 * @param [oModel]
 * @name sap.ui.model.json.JSONListBinding
 * @extends sap.ui.model.ListBinding
 */
sap.ui.model.ListBinding.extend("sap.ui.model.json.JSONListBinding", /** @lends sap.ui.model.json.JSONListBinding */ {
	
	constructor : function(oModel, sPath, oContext, oSorter, aFilters, mParameters){
		sap.ui.model.ListBinding.apply(this, arguments);
		this.update();
	},

	metadata : {
	  publicMethods : [
			"getLength"
	  ]
	}
	
});

/**
 * Creates a new subclass of class sap.ui.model.json.JSONListBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.json.JSONListBinding.extend
 * @function
 */


/**
 * Return contexts for the list or a specified subset of contexts
 * @param {int} [iStartIndex=0] the startIndex where to start the retrieval of contexts
 * @param {int} [iLength=length of the list] determines how many contexts to retrieve beginning from the start index.
 * Default is the whole list length.
 *
 * @return {Array} the contexts array
 * @protected
 */
sap.ui.model.json.JSONListBinding.prototype.getContexts = function(iStartIndex, iLength) {
	this.iLastStartIndex = iStartIndex;
	this.iLastLength = iLength;
	
	if (!iStartIndex) {
		iStartIndex = 0;
	}
	if (!iLength) {
		iLength = Math.min(this.iLength, this.oModel.iSizeLimit);
	}

	var aContexts = this._getContexts(iStartIndex, iLength),
		oContextData = {};
	
	for (var i = 0; i < aContexts.length; i++) {
		oContextData[aContexts[i].getPath()] = aContexts[i].getObject();
	}
	
	//Check diff
	if (this.bUseExtendedChangeDetection && this.aLastContexts && iStartIndex < this.iLastEndIndex) {
		var that = this;
		var aDiff = jQuery.sap.arrayDiff(this.aLastContexts, aContexts, function(oOldContext, oNewContext) {
			return jQuery.sap.equal(
					oOldContext && that.oLastContextData && that.oLastContextData[oOldContext.getPath()],
					oNewContext && oContextData && oContextData[oNewContext.getPath()]
				);
		});
		aContexts.diff = aDiff;
	}

	this.iLastEndIndex = iStartIndex + iLength;
	this.aLastContexts = aContexts.slice(0);
	this.oLastContextData = jQuery.extend(true, {}, oContextData);
	return aContexts;
};

/**
 * Return contexts for the list or a specified subset of contexts
 * @param {int} [iStartIndex=0] the startIndex where to start the retrieval of contexts
 * @param {int} [iLength=length of the list] determines how many contexts to retrieve beginning from the start index.
 * Default is the whole list length.
 *
 * @return {Array} the contexts array
 * @private
 */
sap.ui.model.json.JSONListBinding.prototype._getContexts = function(iStartIndex, iLength) {
	if (!iStartIndex) {
		iStartIndex = 0;
	}
	if (!iLength) {
		iLength = Math.min(this.iLength, this.oModel.iSizeLimit);
	}
	
	var iEndIndex = Math.min(iStartIndex + iLength, this.aIndices.length),
	oContext,
	aContexts = [],
	sPrefix = this.oModel.resolve(this.sPath, this.oContext) + "/";

	for (var i = iStartIndex; i < iEndIndex; i++) {
		oContext = this.oModel.getContext(sPrefix + this.aIndices[i]);
		aContexts.push(oContext);
	}
	
	return aContexts;
};

/**
 * Setter for context
 * @param {Object} oContext the new context object
 */
sap.ui.model.json.JSONListBinding.prototype.setContext = function(oContext) {
	if (this.oContext != oContext) {
		this.oContext = oContext;
		this.update();
		this._fireChange({reason: sap.ui.model.ChangeReason.Context});
	}
};

/**
 * Return the length of the list
 *
 * @return {int} the length
 * @protected
 */
sap.ui.model.json.JSONListBinding.prototype.getLength = function() {
	return this.iLength;
};

/**
 * Return the length of the list
 *
 * @return {int} the length
 */
sap.ui.model.json.JSONListBinding.prototype._getLength = function() {
	return this.aIndices.length;
};


/**
 * Update the list, indices array and apply sorting and filtering
 * @private
 */
sap.ui.model.json.JSONListBinding.prototype.update = function(){
	var oList = this.oModel._getObject(this.sPath, this.oContext);
	if (oList && jQuery.isArray(oList)) {
		if (this.bUseExtendedChangeDetection) {
			this.oList = jQuery.extend(true, [], oList);
		} else {
			this.oList = oList.slice(0);
		}
		this.updateIndices();
		this.applyFilter();
		this.applySort();
		this.iLength = this._getLength();
	}
	else {
		this.oList = null;
		this.aIndices = [];
		this.iLength = 0;
	}
};

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 * 
 * @param {boolean} bForceupdate
 * 
 */
sap.ui.model.json.JSONListBinding.prototype.checkUpdate = function(bForceupdate){
	if (!this.bUseExtendedChangeDetection) {
		var oList = this.oModel._getObject(this.sPath, this.oContext);
		if (!jQuery.sap.equal(this.oList, oList) || bForceupdate) {
			this.update();
			this._fireChange({reason: sap.ui.model.ChangeReason.Change});
		}
	} else {
		var bChangeDetected = false;
		var that = this;
		
		//If the list has changed we need to update the indices first
		var oList = this.oModel._getObject(this.sPath, this.oContext);
		if (!jQuery.sap.equal(this.oList, oList)) {
			this.update();
		}
		
		//Get contexts for visible area and compare with stored contexts
		var aContexts = this._getContexts(this.iLastStartIndex, this.iLastLength);
		if (this.aLastContexts) {
			if (this.aLastContexts.length != aContexts.length) {
				bChangeDetected = true;
			} else {
				jQuery.each(this.aLastContexts, function(iIndex, oContext) {
					if (!jQuery.sap.equal(aContexts[iIndex].getObject(), that.oLastContextData[oContext.getPath()])) {
						bChangeDetected = true;
						return false;
					}
				});
			}
		} else {
			bChangeDetected = true;
		}
		if (bChangeDetected || bForceupdate) {
			this._fireChange({reason: sap.ui.model.ChangeReason.Change});
		}
	}
};

/**
 * Get indices of the list
 */
sap.ui.model.json.JSONListBinding.prototype.updateIndices = function(){
	this.aIndices = [];
	for (var i = 0; i < this.oList.length; i++) {
		this.aIndices.push(i);
	}

};

/**
 * @see sap.ui.model.ListBinding.prototype.sort
 *
 */
sap.ui.model.json.JSONListBinding.prototype.sort = function(oSorter){
	if (!oSorter) {
		this.oSorter = null;
		this.updateIndices();
		this.applyFilter();
	} else {
		this.oSorter = oSorter;
		this.applySort();
	}
	this._fireChange({reason: sap.ui.model.ChangeReason.Sort});
	// TODO remove this if the sorter event gets removed which is deprecated
	this._fireSort({sorter: oSorter}); 
	return this;
};

/**
 * Sorts the list
 * @private
 */
sap.ui.model.json.JSONListBinding.prototype.applySort = function(){
	if (!this.oSorter) {
		return;
	}
	var that = this,
		aSortValues = [],
		oValue,
		fnCompare = this.oSorter.fnCompare;
	if (!fnCompare) {
		fnCompare = function(a, b) {
			if (b == null) {
				return -1;
			}
			if (a == null) {
				return 1;
			}
			if (typeof a == "string" && typeof b == "string") {
				return a.localeCompare(b);
			}
			if (a < b) {
				return -1;
			}
			if (a > b) {
				return 1;
			}
			return 0;
		}
	}
	jQuery.each(this.aIndices, function(i, iIndex) {
		oValue = that.oModel._getObject(that.oSorter.sPath, that.oList[iIndex]);
		if (typeof oValue == "string") {
			oValue = oValue.toLocaleUpperCase();
		}
		aSortValues[iIndex] = oValue;
	});
	this.aIndices.sort(function(a, b) {
		var valueA = aSortValues[a],
			valueB = aSortValues[b],
			returnValue = fnCompare(valueA, valueB);
		if (that.oSorter.bDescending) {
			returnValue = -returnValue;
		}
		return returnValue;
	});
};

/**
 * Filters the list.
 * 
 * Filters are first grouped according to their binding path.
 * All filters belonging to a group are ORed and after that the
 * results of all groups are ANDed.
 * Usually this means, all filters applied to a single table column
 * are ORed, while filters on different table columns are ANDed.
 * 
 * @param {sap.ui.model.Filter[]} aFilters Array of filter objects
 * @return {sap.ui.model.ListBinding} returns <code>this</code> to facilitate method chaining 
 * 
 * @public
 */
sap.ui.model.json.JSONListBinding.prototype.filter = function(aFilters){
	this.updateIndices();
	if (!aFilters || !jQuery.isArray(aFilters) || aFilters.length == 0) {
		this.aFilters = null;
		this.iLength = this._getLength();
	} else {
		this.aFilters = aFilters;
		this.applyFilter();
	}
	this.applySort();
	this._fireChange({reason: sap.ui.model.ChangeReason.Filter});
	// TODO remove this if the filter event gets removed which is deprecated
	this._fireFilter({filters: aFilters}); 
	return this;
};

/**
 * Filters the list
 * Filters are first grouped according to their binding path.
 * All filters belonging to a group are ORed and after that the
 * results of all groups are ANDed.
 * Usually this means, all filters applied to a single table column
 * are ORed, while filters on different table columns are ANDed.
 *
 * @private
 */
sap.ui.model.json.JSONListBinding.prototype.applyFilter = function(){
	if (!this.aFilters) {
		return;
	}
	var that = this,
		oFilterGroups = {},
		aFilterGroup,
		aFiltered = [],
		bGroupFiltered = false,
		bFiltered = true;
	jQuery.each(this.aIndices, function(i, iIndex) {
		bFiltered = true;
		jQuery.each(that.aFilters, function(j, oFilter) {
			aFilterGroup = oFilterGroups[oFilter.sPath];
			if (!aFilterGroup) {
				aFilterGroup = oFilterGroups[oFilter.sPath] = [];
			}
			aFilterGroup.push(oFilter);
		});
		jQuery.each(oFilterGroups, function(sPath, aFilterGroup) {
			var oValue = that.oModel._getObject(sPath, that.oList[iIndex]);
			if (typeof oValue == "string") {
				oValue = oValue.toUpperCase();
			}
			bGroupFiltered = false;
			jQuery.each(aFilterGroup, function(j, oFilter) {
				var fnTest = that.getFilterFunction(oFilter);
				if (oValue != undefined && fnTest(oValue)) {
					bGroupFiltered = true;
					return false;
				}
			});
			if (!bGroupFiltered) {
				bFiltered = false;
				return false;
			}
		});
		if (bFiltered) {
			aFiltered.push(iIndex);
		}
	});
	this.aIndices = aFiltered;
	this.iLength = aFiltered.length;
};

/**
 * Provides a JS filter function for the given filter
 */
sap.ui.model.json.JSONListBinding.prototype.getFilterFunction = function(oFilter){
	if (oFilter.fnTest) {
		return oFilter.fnTest;
	}
	var oValue1 = oFilter.oValue1,
		oValue2 = oFilter.oValue2;
	if (typeof oValue1 == "string") {
		oValue1 = oValue1.toUpperCase();
	}
	if (typeof oValue2 == "string") {
		oValue2 = oValue2.toUpperCase();
	}
	switch (oFilter.sOperator) {
		case "EQ":
			oFilter.fnTest = function(value) { return value == oValue1; }; break;
		case "NE":
			oFilter.fnTest = function(value) { return value != oValue1; }; break;
		case "LT":
			oFilter.fnTest = function(value) { return value < oValue1; }; break;
		case "LE":
			oFilter.fnTest = function(value) { return value <= oValue1; }; break;
		case "GT":
			oFilter.fnTest = function(value) { return value > oValue1; }; break;
		case "GE":
			oFilter.fnTest = function(value) { return value >= oValue1; }; break;
		case "BT":
			oFilter.fnTest = function(value) { return (value >= oValue1) && (value <= oValue2); }; break;
		case "Contains":
			oFilter.fnTest = function(value) {
				if (typeof value != "string") {
					throw new Error("Only \"String\" values are supported for the FilterOperator: \"Contains\".");
				}
				return value.indexOf(oValue1) != -1; 
			}; 
			break;
		case "StartsWith":
			oFilter.fnTest = function(value) { 
				if (typeof value != "string") {
					throw new Error("Only \"String\" values are supported for the FilterOperator: \"StartsWith\".");
				}
				return value.indexOf(oValue1) == 0; 
			}; 
			break;
		case "EndsWith":
			oFilter.fnTest = function(value) { 
				if (typeof value != "string") {
					throw new Error("Only \"String\" values are supported for the FilterOperator: \"EndsWith\".");
				}
				var iPos = value.indexOf(oValue1);
				if (iPos == -1){
					return false;					
				}
				return iPos == value.length - new String(oFilter.oValue1).length; 
			}; 
			break;
		default:
			oFilter.fnTest = function(value) { return true; };
	}
	return oFilter.fnTest;
};

/**
 * Get distinct values
 *
 * @param {String} sPath
 *
 * @protected
 */
sap.ui.model.json.JSONListBinding.prototype.getDistinctValues = function(sPath){
	var aResult = [],
		oMap = {},
		sValue,
		that = this;
	jQuery.each(this.oList, function(i, oContext) {
		sValue = that.oModel.getProperty(sPath, oContext);
		if (!oMap[sValue]) {
			oMap[sValue] = true;
			aResult.push(sValue);
		}
	});
	return aResult;
};

}; // end of sap.ui.model.json.JSONListBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.json.JSONTreeBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the JSON model implementation of a list binding
jQuery.sap.declare("sap.ui.model.json.JSONTreeBinding");


/**
 *
 * @class
 * Tree binding implementation for JSON format.
 * 
 * The tree data structure may contain JSON objects and also arrays. If using arrays and don't want to bind every array data in the data structure you can 
 * specify a parameter <code>arrayNames</code> in the mParameters which contains the names of the arrays in a string array which should be bound for the tree.
 * An array not included there won't be bound. If an array is included but it is nested in another parent array which isn't included in the names list it won't be bound.
 * So make sure that the parent array name is also included. If the tree data structure doesn't include any arrays you don't have to specify this parameter at all. 
 *
 * @param [oModel]
 * @param {string}
 *         sPath the path pointing to the tree / array that should be bound
 * @param {object}
 *         [oContext=null] the context object for this databinding (optional)
 * @param {array}
 *         [aFilters=null] predefined filter/s contained in an array (optional)
 * @param {object}
 *         [mParameters=null] additional model specific parameters (optional)
 *         If the mParameter <code>arrayNames</code> is specified with an array of string names this names will be checked against the tree data structure
 *         and the found data in this array is included in the tree but only if also the parent array is included.
 *         If this parameter is not specified then all found arrays in the data structure are bound.
 *         If the tree data structure doesn't contain an array you don't have to specify this parameter. 
 * 
 * @name sap.ui.model.json.JSONTreeBinding
 * @extends sap.ui.model.TreeBinding
 */
sap.ui.model.TreeBinding.extend("sap.ui.model.json.JSONTreeBinding", /** @lends sap.ui.model.json.JSONTreeBinding */ {

	constructor : function(oModel, sPath, oContext, aFilters, mParameters){
		sap.ui.model.TreeBinding.apply(this, arguments);
		if (!this.oContext) {
			this.oContext = "";
		}
		this.filterInfo = {};
		this.filterInfo.aFilteredContexts = [];
		this.filterInfo.oParentContext = {};
	}
	
});

/**
 * Creates a new subclass of class sap.ui.model.json.JSONTreeBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.json.JSONTreeBinding.extend
 * @function
 */

/**
 * Return root contexts for the tree
 *
 * @return {Array} the contexts array
 * @protected
 */
sap.ui.model.json.JSONTreeBinding.prototype.getRootContexts = function() {
	var oContext = this.oModel.getContext(this.sPath);
	return this.getNodeContexts(oContext);
};

/**
 * Return node contexts for the tree
 * @param {object} oContext to use for retrieving the node contexts
 * @return {Array} the contexts array
 * @protected
 */
sap.ui.model.json.JSONTreeBinding.prototype.getNodeContexts = function(oContext) {

	var sContextPath = oContext.getPath();
	if (!jQuery.sap.endsWith(sContextPath,"/")) {
		sContextPath = sContextPath + "/";
	}
	if (!jQuery.sap.startsWith(sContextPath,"/")) {
		sContextPath = "/" + sContextPath;
	}

	var aContexts = [],
	that = this,
	oNode = this.oModel._getObject(sContextPath),
	oChild, 
    aArrayNames = this.mParameters && this.mParameters.arrayNames,
    aChildArray;
	
	if (aArrayNames && jQuery.isArray(aArrayNames)) {
		
		jQuery.each(aArrayNames, function(iIndex, sArrayName){
			aChildArray = oNode[sArrayName];
			if (aChildArray) {
				jQuery.each(aChildArray, function(sSubName, oSubChild) {
					that._saveSubContext(oSubChild, aContexts, sContextPath, sArrayName + "/" + sSubName);           	
				})
			}
		});
	} else {
		if (oNode) {
			jQuery.sap.each(oNode, function(sName, oChild) {
				if (jQuery.isArray(oChild)){
					jQuery.each(oChild, function(sSubName, oSubChild) {
						that._saveSubContext(oSubChild, aContexts, sContextPath, sName + "/" + sSubName);           	
					})
				} else if (typeof oChild == "object") {
					that._saveSubContext(oChild, aContexts, sContextPath, sName);
				}	
			});
		}
	}
	return aContexts;
};


sap.ui.model.json.JSONTreeBinding.prototype._saveSubContext = function(oNode, aContexts, sContextPath, sName) {
	if (typeof oNode == "object") {
		var oNodeContext = this.oModel.getContext(sContextPath + sName);
		// check if there is a filter on this level applied
		if (this.aFilters && !this.bIsFiltering){
			if (jQuery.inArray(oNodeContext, this.filterInfo.aFilteredContexts) != -1) {
				aContexts.push(oNodeContext);
			}
		} else {
			aContexts.push(oNodeContext);
		}
	}
};


/**
 *
 * @see sap.ui.model.TreeBinding.prototype.filter
 * Filters the tree according to the filter definitions.
 * The filtering is applied recursively through the tree.
 * The parent nodes of filtered child nodes will also be displayed if they don't match the filter conditions.
 * All filters belonging to a group (=have the same path) are ORed and after that the
 * results of all groups are ANDed.
 * @function
 * @name sap.ui.model.TreeBinding.prototype.filter
 * @param {Array} aFilters Array of sap.ui.model.Filter objects
 *
 * @public
 */
sap.ui.model.json.JSONTreeBinding.prototype.filter = function(aFilters){
	// The filtering is applied recursively through the tree and stores all filtered contexts and its parent contexts in an array.

	// reset previous stored filter contexts
	this.filterInfo.aFilteredContexts = [];
	this.filterInfo.oParentContext = {};
	if (!aFilters || !jQuery.isArray(aFilters) || aFilters.length == 0) {
		this.aFilters = null;
	} else {
		this.aFilters = aFilters;
		// start with binding path root
		var oContext = new sap.ui.model.Context(this.oModel, this.sPath);
		this.filterRecursive(oContext);
	}
	this._fireChange({reason: "filter"});
	// TODO remove this if the filter event is removed
	this._fireFilter({filters: aFilters});
};

/**
 * filters the tree recursively.
 * @param {object} oParentContext the context where to start. The children of this node context are then filtered recursively.
 * @private
 */
sap.ui.model.json.JSONTreeBinding.prototype.filterRecursive = function(oParentContext){

	this.bIsFiltering = true;
	var aChildren = this.getNodeContexts(oParentContext);
	this.bIsFiltering = false;

	if (aChildren.length > 0) {
		var that = this;
		jQuery.each(aChildren, function(i, oChildContext){
			that.filterRecursive(oChildContext);
		});
		this.applyFilter(oParentContext);
	}
};


/**
 * Performs the real filtering and stores all filtered contexts and its parent context into an array.
 * @param {object} oParentContext the context where to start. The children of this node context are filtered.
 * @private
 */
sap.ui.model.json.JSONTreeBinding.prototype.applyFilter = function(oParentContext){
	if (!this.aFilters) {
		return;
	}
	var that = this,
		oFilterGroups = {},
		aFilterGroup,
		aFiltered = [],
		bGroupFiltered = false,
		bFiltered = true;
	this.bIsFiltering = true;
	var aUnfilteredContexts = this.getNodeContexts(oParentContext);
	this.bIsFiltering = false;
	jQuery.each(aUnfilteredContexts, function(i, oUnfilteredContext) {
		bFiltered = true;
		jQuery.each(that.aFilters, function(j, oFilter) {
			aFilterGroup = oFilterGroups[oFilter.sPath];
			if (!aFilterGroup) {
				aFilterGroup = oFilterGroups[oFilter.sPath] = [];
			}
			aFilterGroup.push(oFilter);
		});
		jQuery.each(oFilterGroups, function(sPath, aFilterGroup) {
			var oValue = that.oModel._getObject(sPath, oUnfilteredContext);
			if (typeof oValue == "string") {
				oValue = oValue.toUpperCase();
			}
			bGroupFiltered = false;
			jQuery.each(aFilterGroup, function(j, oFilter) {
				var fnTest = that.getFilterFunction(oFilter);
				if (oValue && fnTest(oValue)) {
					bGroupFiltered = true;
					return false;
				}
			});
			if (!bGroupFiltered) {
				bFiltered = false;
				return false;
			}
		});
		if (bFiltered) {
			aFiltered.push(oUnfilteredContext);
		}
	});
	if (aFiltered.length > 0) {
		jQuery.merge(this.filterInfo.aFilteredContexts, aFiltered);
		this.filterInfo.aFilteredContexts.push(oParentContext);
		this.filterInfo.oParentContext = oParentContext;
	}
	// push additionally parentcontexts if any children are already included in filtered contexts
	if (jQuery.inArray(this.filterInfo.oParentContext, aUnfilteredContexts) != -1) {
		this.filterInfo.aFilteredContexts.push(oParentContext);
		// set the parent context which was added to be the new parent context
		this.filterInfo.oParentContext = oParentContext;
	}

};

/**
 * Provides a JS filter function for the given filter
 * @private
 */
sap.ui.model.json.JSONTreeBinding.prototype.getFilterFunction = function(oFilter){
	if (oFilter.fnTest) {
		return oFilter.fnTest;
	}
	var oValue1 = oFilter.oValue1,
		oValue2 = oFilter.oValue2;
	if (typeof oValue1 == "string") {
		oValue1 = oValue1.toUpperCase();
	}
	if (typeof oValue2 == "string") {
		oValue2 = oValue2.toUpperCase();
	}
	switch (oFilter.sOperator) {
		case "EQ":
			oFilter.fnTest = function(value) { return value == oValue1; }; break;
		case "NE":
			oFilter.fnTest = function(value) { return value != oValue1; }; break;
		case "LT":
			oFilter.fnTest = function(value) { return value < oValue1; }; break;
		case "LE":
			oFilter.fnTest = function(value) { return value <= oValue1; }; break;
		case "GT":
			oFilter.fnTest = function(value) { return value > oValue1; }; break;
		case "GE":
			oFilter.fnTest = function(value) { return value >= oValue1; }; break;
		case "BT":
			oFilter.fnTest = function(value) { return (value > oValue1) && (value < oValue2); }; break;
		case "Contains":
			oFilter.fnTest = function(value) { return value.indexOf(oValue1) != -1; }; break;
		case "StartsWith":
			oFilter.fnTest = function(value) { return value.indexOf(oValue1) == 0; }; break;
		case "EndsWith":
			oFilter.fnTest = function(value) { return value.indexOf(oValue1) == value.length - new String(oFilter.oValue1).length; }; break;
		default:
			oFilter.fnTest = function(value) { return true; };
	}
	return oFilter.fnTest;
};


/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 * 
 * @param {boolean} bForceupdate
 * 
 */
sap.ui.model.json.JSONTreeBinding.prototype.checkUpdate = function(bForceupdate){
	this._fireChange();
};

}; // end of sap.ui.model.json.JSONTreeBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.odata.ODataListBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.model.odata.ODataListBinding
jQuery.sap.declare("sap.ui.model.odata.ODataListBinding");





/*global OData *///declare unusual global vars for JSLint/SAPUI5 validation

/**
 *
 * @class
 * List binding implementation for oData format
 *
 * @param sPath
 * @param [oModel]
 * 
 * @name sap.ui.model.odata.ODataListBinding
 * @extends sap.ui.model.ListBinding
 */
sap.ui.model.ListBinding.extend("sap.ui.model.odata.ODataListBinding", /** @lends sap.ui.model.odata.ODataListBinding */ {
	
	constructor : function(oModel, sPath, oContext, oSorter, aFilters, mParameters) {
		sap.ui.model.ListBinding.apply(this, arguments);
		this.sFilterParams = null;
		this.sSortParams = null;
		this.sRangeParams = null;
		this.sCustomParams = this.oModel.createCustomParams(this.mParameters);
		this.aPredefinedFilters = aFilters;
		this.iStartIndex = 0;
		this.bPendingChange = false;
		this.aKeys = [];
		this.bInitialized = false;
		
		// load the entity type for the collection only once and not e.g. every time when filtering
		this.oEntityType = this.oModel.oMetadata._getEntityTypeByPath(sPath);
		
		this.oDateTimeFormat = sap.ui.core.format.DateFormat.getDateInstance({
			pattern: "'datetime'''yyyy-MM-dd'T'HH:mm:ss''"
		});
		this.oDateTimeOffsetFormat = sap.ui.core.format.DateFormat.getDateInstance({
			pattern: "'datetimeoffset'''yyyy-MM-dd'T'HH:mm:ss'Z'''"
		});
	//	this.oTimeFormat = sap.ui.core.format.DateFormat.getTimeInstance({
	//		pattern: "'time'''HH:mm:ss''"
	//	});
	
		this.createSortParams(this.oSorter);
		this.createFilterParams(this.aFilters);
	
		// if nested list is already available, use the data and don't send additional requests
		// TODO: what if nested list is not complete, because it was too large?
		var oRef = this.oModel._getObject(sPath, oContext);
		if (jQuery.isArray(oRef)) {
			this.aKeys = oRef;
			this.iLength = oRef.length;
			this.bLengthFinal = true;
		}
		else {
			this.iLength = 0;
			this.bLengthFinal = false;
			if (this.oModel.isCountSupported()) {
				this._getLength();
			}
		}
	
	},
	
	metadata : {
	  publicMethods : [
			"getLength"
	  ]
	}

});

/**
 * Creates a new subclass of class sap.ui.model.odata.ODataListBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.odata.ODataListBinding.extend
 * @function
 */

/**
 * Return contexts for the list
 *
 * @param {int} [iStartIndex=0] the start index of the requested contexts
 * @param {int} [iLength] the requested amount of contexts
 *
 * @return {Array} the contexts array
 * @protected
 */
sap.ui.model.odata.ODataListBinding.prototype.getContexts = function(iStartIndex, iLength, iThreshold) {	

	this.bInitialized = true;
	this.iLastLength = iLength;
	this.iLastStartIndex = iStartIndex;
	this.iLastThreshold = iThreshold;
	
	//	Set default values if startindex, threshold or length are not defined
	if (!iStartIndex) {
		iStartIndex = 0;
	}
	if (!iLength) {
		iLength = this.oModel.iSizeLimit;
		if (this.bLengthFinal && this.iLength < iLength) {
			iLength = this.iLength;
		}
	}
	if (!iThreshold) {
		iThreshold = 0;
	}

	var bLoadContexts = true, 
		aContexts = this._getContexts(iStartIndex, iLength, iThreshold),
		oContextData = {},
		oSection;
	
	for (var i = 0; i < aContexts.length; i++) {
		oContextData[aContexts[i].getPath()] = aContexts[i].getObject();
	}
	
	oSection = this.calculateSection(iStartIndex, iLength, iThreshold, aContexts);
	bLoadContexts = aContexts.length != iLength && !(this.bLengthFinal && aContexts.length >= this.iLength - iStartIndex);
	// If rows are missing send a request
	if (!this.bPendingRequest && oSection.length > 0 && (bLoadContexts || iLength < oSection.length)) {
		this.loadData(oSection.startIndex, oSection.length);
	}
	
	//Check diff
	if (this.bUseExtendedChangeDetection && this.aLastContexts&& iStartIndex < this.iLastEndIndex) {
		var that = this;
		var aDiff = jQuery.sap.arrayDiff(this.aLastContexts, aContexts, function(oOldContext, oNewContext) {
			return jQuery.sap.equal(
					oOldContext && that.oLastContextData && that.oLastContextData[oOldContext.getPath()],
					oNewContext && oContextData && oContextData[oNewContext.getPath()]
				);
		});
		aContexts.diff = aDiff;
	}

	this.iLastEndIndex = iStartIndex + iLength;
	this.aLastContexts = aContexts.slice(0);
	this.oLastContextData = jQuery.extend(true, {}, oContextData);
	return aContexts;
};

/**
 * Return contexts for the list
 *
 * @param {int} [iStartIndex=0] the start index of the requested contexts
 * @param {int} [iLength] the requested amount of contexts
 *
 * @return {Array} the contexts array
 * @private
 */
sap.ui.model.odata.ODataListBinding.prototype._getContexts = function(iStartIndex, iLength, iThreshold) {
	var aContexts = [],
		oContext,
		sKey;
	
	if (!iStartIndex) {
		iStartIndex = 0;
	}
	if (!iLength) {
		iLength = this.oModel.iSizeLimit;
		if (this.bLengthFinal && this.iLength < iLength) {
			iLength = this.iLength;
		}
	}
	if (!iThreshold) {
		iThreshold = 0;
	}
	
	//	Loop through known data and check whether we already have all rows loaded
	for (var i = iStartIndex; i < iStartIndex + iLength; i++) {
		sKey = this.aKeys[i];
		if (!sKey) {
			break;
		}
		oContext = this.oModel.getContext(sKey);
		aContexts.push(oContext);
	}

	return aContexts;
};

/*
 * @private
 */
sap.ui.model.odata.ODataListBinding.prototype.calculateSection = function(iStartIndex, iLength, iThreshold, aContexts) {
	var bLoadNegativeEntries = false,
		iSectionLength,
		iSectionStartIndex,
		iPreloadedSubsequentIndex,
		iPreloadedPreviousIndex,
		iRemainingEntries,
		oSection = {},
		sKey;

	iSectionStartIndex = iStartIndex;
	iSectionLength = 0;

	// check which data exists before startindex; If all necessary data is loaded iPreloadedPreviousIndex stays undefined
	for (var i = iStartIndex; i >= Math.max(iStartIndex-iThreshold,0); i--) {
		sKey = this.aKeys[i];
		if (!sKey) {
			iPreloadedPreviousIndex = i+1;
			break;
		}
	}
	// check which data is already loaded after startindex; If all necessary data is loaded iPreloadedSubsequentIndex stays undefined
	for (var j = iStartIndex + iLength; j < iStartIndex + iLength + iThreshold; j++) {
		sKey = this.aKeys[j];
		if (!sKey) {
			iPreloadedSubsequentIndex = j;
			break;
		}
	}
	
	// calculate previous remaining entries
	iRemainingEntries = iStartIndex - iPreloadedPreviousIndex;
	if (iPreloadedPreviousIndex && iStartIndex > iThreshold && iRemainingEntries < iThreshold) {
		if (aContexts.length != iLength) {
			iSectionStartIndex = iStartIndex - iThreshold;
		} else {
			iSectionStartIndex = iPreloadedPreviousIndex - iThreshold;
		} 
		iSectionLength = iThreshold;
	}
	
	// No negative preload needed; move startindex if we already have some data
	if (iSectionStartIndex == iStartIndex) {
		iSectionStartIndex += aContexts.length;
	}
	
	//read the rest of the requested data
	if (aContexts.length != iLength) {
		iSectionLength += iLength - aContexts.length;
	}
	
	//calculate subsequent remaining entries
	iRemainingEntries = iPreloadedSubsequentIndex - iStartIndex - iLength;
	
	if (iRemainingEntries == 0) {
		iSectionLength += iThreshold;
	}
	
	if (iPreloadedSubsequentIndex && iRemainingEntries < iThreshold && iRemainingEntries > 0) {
			//check if we need to load previous entries; If not we can move the startindex
			if (iSectionStartIndex >= iStartIndex) {
				iSectionStartIndex = iPreloadedSubsequentIndex;
				iSectionLength += iThreshold;
			}
			
	}
	
	//check final length and adapt sectionLength if needed.
	if (this.bLengthFinal && this.iLength < (iSectionLength + iSectionStartIndex)) {
		iSectionLength = this.iLength - iSectionStartIndex;
	}
	
	oSection.startIndex = iSectionStartIndex;
	oSection.length = iSectionLength;
	
	return oSection;
};

/**
 * Setter for context
 * @param {Object} oContext the new context object
 */
sap.ui.model.odata.ODataListBinding.prototype.setContext = function(oContext) {
	if (this.oContext != oContext) {
		this.oContext = oContext;

		if (this.bInitialized){
			// if nested list is already available, use the data and don't send additional requests
			// TODO: what if nested list is not complete, because it was too large?
			var oRef = this.oModel._getObject(this.sPath, this.oContext);
			if (jQuery.isArray(oRef)) {
				this.aKeys = oRef;
				this.iLength = oRef.length;
				this.bLengthFinal = true;
			}
			else {
				this.aKeys = [];
				this.iLength = 0;
				this.bLengthFinal = false;
				if (this.oModel.isCountSupported()) {
					this._getLength();
				}
			}			
			this._fireChange();
		} 
		
	}
};

/**
 * Load list data from the server
 */
sap.ui.model.odata.ODataListBinding.prototype.loadData = function(iStartIndex, iLength) {

	var that = this;

	// create range parameters and store start index for sort/filter requests
	if (iStartIndex || iLength) {
		this.sRangeParams = "$skip=" + iStartIndex + "&$top=" + iLength;
		this.iStartIndex = iStartIndex;
	}
	else {
		iStartIndex = this.iStartIndex;
	}

	// create the request url
	var aParams = [];
	if (this.sRangeParams) { 
		aParams.push(this.sRangeParams);
	}
	if (this.sSortParams) {
		aParams.push(this.sSortParams);
	}
	if (this.sFilterParams) {
		aParams.push(this.sFilterParams);
	}
	if (this.sCustomParams) {
		aParams.push(this.sCustomParams);
	}
	aParams.push("$inlinecount=allpages");

	function fnSuccess(oData) {

		// Collecting contexts
		jQuery.each(oData.results, function(i, entry) {
			that.aKeys[iStartIndex + i] = that.oModel._getKey(entry);
		});

		// update iLength (only when the inline count is available)
		if (oData.__count) {
			that.iLength = parseInt(oData.__count, 10);
			that.bLengthFinal = true;
		}

		// if we got data and the results + startindex is larger than the
		// length we just apply this value to the length
		if (that.iLength < iStartIndex + oData.results.length) {
			that.iLength = iStartIndex + oData.results.length;
			that.bLengthFinal = false;
		}

		// if less entries are returned than have been requested
		// set length accordingly
		if (oData.results.length < iLength || iLength === undefined) {
			that.iLength = iStartIndex + oData.results.length;
			that.bLengthFinal = true;
		}

		// check if there are any results at all...
		if (oData.results.length == 0) {
			that.iLength = 0;
			that.bLengthFinal = true;
		}
		
		that.oRequestHandle = null;
		that.bPendingRequest = false;
	}
	
	function fnError(oError) {
		that.oRequestHandle = null;
		that.bPendingRequest = false;
	}
	
	function fnUpdateHandle(oHandle) {
		that.oRequestHandle = oHandle;
	}
	
	var sPath = this.sPath,
		oContext = this.oContext,
		bIsRelative = !jQuery.sap.startsWith(sPath, "/");
	if (bIsRelative) {
		if (oContext) {
			sPath = oContext + "/" + sPath;
		}
		else {
			sPath = this.oModel.isLegacySyntax() ? "/" + sPath : undefined;
		}
	}

	if (sPath) {
		this.bPendingRequest = true;
		// execute the request and use the metadata if available
		this.oModel._loadData(sPath, aParams, fnSuccess, fnError, this.getContext(), false, fnUpdateHandle);
	}

};

/**
 * Return the length of the list
 *
 * @return {number} the length
 * @protected
 */
sap.ui.model.odata.ODataListBinding.prototype.getLength = function() {
	return this.iLength;
};

/**
 * Return the length of the list
 *
 * @return {number} the length
 */
sap.ui.model.odata.ODataListBinding.prototype._getLength = function() {

	var that = this;

	// create a request object for the data request
	var aParams = [];
	if (this.sFilterParams) {
		aParams.push(this.sFilterParams);
	}
	
	function _handleSuccess(oData) {
		that.iLength = parseInt(oData, 10);
		that.bLengthFinal = true;
	}

	function _handleError(oXHR, sError, oError) {
		jQuery.sap.log.warning("Request for $count failed: " +
				sError,
				oXHR.responseText + "," +
				  oXHR.status + "," +
				  oXHR.statusText);
	}
	
	// Use context and check for relative binding
	var sPath = this.sPath,
	oContext = this.oContext,
	bIsRelative = !jQuery.sap.startsWith(sPath, "/");
	if (bIsRelative) {
		if (oContext) {
			sPath = oContext + "/" + sPath;
		}
		else {
			sPath = this.oModel.isLegacySyntax() ? "/" + sPath : undefined;
		}
	}

	// Only send request, if path is defined
	if (sPath) {
		var oRequest = this.oModel._createRequest(sPath + "/$count", aParams, false);
	
		// execute the request and use the metadata if available
		jQuery.ajax({
			url: oRequest.requestUri,
			async: oRequest.async,
			cache: this.oModel.bCache,
			username: oRequest.user,
			password: oRequest.password,
			success: _handleSuccess,
			error: _handleError
		});
	}
};

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 *
 * @param {boolean} bForceupdate
 */
sap.ui.model.odata.ODataListBinding.prototype.checkUpdate = function(bForceupdate, oEventParameters) {
	if (!this.bUseExtendedChangeDetection) {
		this._fireChange(oEventParameters);
	} else {
		var bChangeDetected = false;
		var that = this;
		if (this.aLastContexts && this.aLastContexts.length == 0) {
			bChangeDetected = true;
		} else if (this.aLastContexts) {
			//Get contexts for visible area and compare with stored contexts
			var aContexts = this._getContexts(this.iLastStartIndex, this.iLastLength, this.iLastThreshold);
			if (this.aLastContexts.length != aContexts.length) {
				bChangeDetected = true;
			} else {
				jQuery.each(this.aLastContexts, function(iIndex, oContext) {
					if (!jQuery.sap.equal(aContexts[iIndex].getObject(), that.oLastContextData[oContext.getPath()])) {
						bChangeDetected = true;
						return false;
					}
				});
			}
		}
		if (bChangeDetected || bForceupdate) {
			if (!oEventParameters) {
				oEventParameters = { reason: sap.ui.model.ChangeReason.Change };
			}
			this._fireChange(oEventParameters);
		}
	}
};

/**
 * Sorts the list.
 *
 * @param {sap.ui.model.Sorter} oSorter the Sorter object which defines the sort order
 * @return {sap.ui.model.ListBinding} returns <code>this</code> to facilitate method chaining 
 * @public
 */
sap.ui.model.odata.ODataListBinding.prototype.sort = function(oSorter) {

	this.createSortParams(oSorter);
	this.aKeys = [];

	if (this.bInitialized) {
		if (this.oRequestHandle) {
			this.oRequestHandle.abort();
			this.oRequestHandle = null;
			this.bPendingRequest = false;
		}
		this._fireChange({ reason : sap.ui.model.ChangeReason.Sort });
		// TODO remove this if the sort event gets removed which is now deprecated
		this._fireSort({sorter: oSorter});
	}
	return this;
};

/**
 * Create URL parameters for sorting
 */
sap.ui.model.odata.ODataListBinding.prototype.createSortParams = function(oSorter) {

	if(oSorter){
		this.sSortParams = "$orderby=" + oSorter.sPath;
		this.sSortParams += oSorter.bDescending ? "%20desc" : "%20asc";
	}else{
		this.sSortParams = null;
	}

};


/**
 * 
 * Filters the list.
 * 
 * When using sap.ui.model.Filter the filters are first grouped according to their binding path.
 * All filters belonging to a group are ORed and after that the
 * results of all groups are ANDed.
 * Usually this means, all filters applied to a single table column
 * are ORed, while filters on different table columns are ANDed.
 * 
 * When using the specific sap.ui.model.odata.Filter it is possible to specify to AND or OR the filters with the same binding path:
 * Syntax: new sap.ui.model.odata.Filter(sPath, [{operator:sap.ui.model.FilterOperator, value1: oValue},
 *				                                 {operator: sap.ui.model.FilterOperator, value1: oValue}], bAND); // [bAND] = true
 * 
 * @param {sap.ui.model.Filter[]|sap.ui.model.odata.Filter[]} aFilters Array of filter objects
 * @return {sap.ui.model.ListBinding} returns <code>this</code> to facilitate method chaining 
 * 
 * @public
 */
sap.ui.model.odata.ODataListBinding.prototype.filter = function(aFilters) {

	if (!aFilters) {
		aFilters = [];
	}
	if (this.aPredefinedFilters) {
		aFilters = aFilters.concat(this.aPredefinedFilters);
	}
	this.createFilterParams(aFilters);
	this.aKeys = [];
	this.iLength = 0;
	this.bLengthFinal = false;

	if (this.oModel.isCountSupported()) {
		this._getLength();
	}
	
	if (this.bInitialized) {
		if (this.oRequestHandle) {
			this.oRequestHandle.abort();
			this.oRequestHandle = null;
			this.bPendingRequest = false;
		}
		this._fireChange({reason : sap.ui.model.ChangeReason.Filter });
		// TODO remove this if the filter event gets removed which is now deprecated
		this._fireFilter({filters: aFilters});
	}
	
	return this;
};

/**
 * Create URL parameters for filtering
 */
sap.ui.model.odata.ODataListBinding.prototype.createFilterParams = function(aFilters) {

	if(aFilters && aFilters.length > 0){
		var oFilterGroups = {},
			iFilterGroupLength = 0,
			aFilterGroup,
			sFilterParam = "$filter=",
			iFilterGroupCount = 0,
			that = this;
		//group filters by path
		jQuery.each(aFilters, function(j, oFilter) {
			aFilterGroup = oFilterGroups[oFilter.sPath];
			if (!aFilterGroup) {
				aFilterGroup = oFilterGroups[oFilter.sPath] = [];
				iFilterGroupLength++;
			}
			aFilterGroup.push(oFilter);
		});
		jQuery.each(oFilterGroups, function(sPath, aFilterGroup) {
			if (aFilterGroup.length > 1) {
				sFilterParam += '(';
			}
			jQuery.each(aFilterGroup, function(i,oFilter) {
				if (oFilter instanceof sap.ui.model.odata.Filter) {
					if (oFilter.aValues.length > 1) {
						sFilterParam += '(';
					}
					jQuery.each(oFilter.aValues, function(i, oFilterSegment) {
						if (i > 0) {
							if(oFilter.bAND) {
								sFilterParam += "%20and%20";
							} else {
								sFilterParam += "%20or%20";
							}
						}
						sFilterParam = that._createFilterSegment(oFilter.sPath, oFilterSegment.operator, oFilterSegment.value1, oFilterSegment.value2, sFilterParam);
					});
					if (oFilter.aValues.length > 1) {
						sFilterParam += ')';
					}
				} else {
					sFilterParam = that._createFilterSegment(oFilter.sPath, oFilter.sOperator, oFilter.oValue1, oFilter.oValue2, sFilterParam);
				}
				if (i < aFilterGroup.length-1) {
					sFilterParam += "%20or%20";
				}
			});
			if (aFilterGroup.length > 1) {
				sFilterParam += ')';
			}
			if (iFilterGroupCount < iFilterGroupLength-1) {
				sFilterParam += "%20and%20";
			}
			iFilterGroupCount++;
		});
		this.sFilterParams = sFilterParam;
	}else{
		this.sFilterParams = null;
	}
};

sap.ui.model.odata.ODataListBinding.prototype._createFilterSegment = function(sPath, sOperator, oValue1, oValue2, sFilterParam) {
	
	var oProperty;
	if (this.oEntityType) {
		oProperty = this.oModel.oMetadata._getPropertyMetadata(this.oEntityType, sPath);		
	}
	
	if (oProperty) {
		switch(oProperty.type) {
			case "Edm.String":
				// quote
				oValue1 = "'" + String(oValue1).replace(/'/g, "''") + "'";
				oValue2 = (oValue2) ? "'" + String(oValue2).replace(/'/g, "''") + "'" : null;
				break;
			case "Edm.Time":
				oValue1 = "time'" + oValue1 + "'";
				oValue2 = (oValue2) ? "time'" + oValue2 + "'" : null;
				break;			
			case "Edm.DateTime":
				oValue1 = this.oDateTimeFormat.format(new Date(oValue1), true);
				oValue2 = (oValue2) ? this.oDateTimeFormat.format(new Date(oValue2), true) : null;
				break;
			case "Edm.DateTimeOffset":
				oValue1 = this.oDateTimeOffsetFormat.format(new Date(oValue1), true);
				oValue2 = (oValue2) ? this.oDateTimeOffsetFormat.format(new Date(oValue2), true) : null;
				break;
			case "Edm.Guid":
				oValue1 = "guid'" + oValue1 + "'";
				oValue2 = (oValue2) ? "guid'" + oValue2 + "'" : null;
				break;
			case "Edm.Binary":
				oValue1 = "binary'" + oValue1 + "'";
				oValue2 = (oValue2) ? "binary'" + oValue2 + "'" : null;
				break;
			default: 
				break;
		}
	} else {
		jQuery.sap.assert(null, "Type for filter property could not be found in metadata!");
	}
	
	if (oValue1) {
		oValue1 = jQuery.sap.encodeURL(String(oValue1));
	}
	if (oValue2) {
		oValue2 = jQuery.sap.encodeURL(String(oValue2));
	}
	
	// TODO embed 2nd value
	switch(sOperator) {
		case "EQ":
		case "NE":
		case "GT":
		case "GE":
		case "LT":
		case "LE":
			sFilterParam += sPath + "%20" + sOperator.toLowerCase() + "%20" + oValue1;
			break;
		case "BT":
			sFilterParam += "(" + sPath + "%20ge%20" + oValue1 + "%20and%20" + sPath + "%20le%20" + oValue2 + ")";
			break;
		case "Contains":
			sFilterParam += "substringof(" + oValue1 + "," + sPath + ")";
			break;
		case "StartsWith":
			sFilterParam += "startswith(" + sPath + "," + oValue1 + ")";
			break;
		case "EndsWith":
			sFilterParam += "endswith(" + sPath + "," + oValue1 + ")";
			break;
		default:
			sFilterParam += "true";
	}
	return sFilterParam;
};

sap.ui.model.odata.ODataListBinding.prototype._refresh = function(){
	this.aKeys = [];
	this.bLengthFinal = false;
	this.iLength = 0;
	this.checkUpdate();
};

}; // end of sap.ui.model.odata.ODataListBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.type.Boolean') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.type.Boolean");



/**
 * Constructor for a Boolean type.
 *
 * @class
 * This class represents boolean simple types.
 *
 * @extends sap.ui.model.SimpleType
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @param {object} [oFormatOptions] formatting options. Boolean doesn't support any specific format options
 * @param {object} [oConstraints] value constraints. Boolean doesn't support additional constraints
 * @name sap.ui.model.type.Boolean
 */
sap.ui.model.SimpleType.extend("sap.ui.model.type.Boolean", /** @lends sap.ui.model.type.Boolean */ {
	
	constructor : function () {
		sap.ui.model.SimpleType.apply(this, arguments);
		this.sName = "Boolean";
	}

});

/**
 * Creates a new subclass of class sap.ui.model.type.Boolean with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.type.Boolean.extend
 * @function
 */

/**
 * @see sap.ui.model.SimpleType.prototype.formatValue
 */
sap.ui.model.type.Boolean.prototype.formatValue = function(bValue, sInternalType) {
	if (bValue == undefined || bValue == null) {
		return null;
	}
	switch(sInternalType) {
		case "boolean":
			return bValue;
		case "string":
			return bValue.toString();
		case "int": // TODO return 1 for true?!
		case "float":
		default:
			throw new sap.ui.model.FormatException("Don't know how to format Boolean to " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.parseValue
 */
sap.ui.model.type.Boolean.prototype.parseValue = function(oValue, sInternalType) {
	var sResult;
	switch(sInternalType) {
		case "boolean":
			return oValue;
		case "string":
			if (oValue.toLowerCase() == "true" || oValue == "X"){
				return true;
			}
			if (oValue.toLowerCase() == "false" || oValue == ""){
				return false;
			}
			throw new sap.ui.model.ParseException("Don't know how to parse Boolean from " + sInternalType);
		case "int": // TODO return 1 for true?!
		case "float":
		default:
			throw new sap.ui.model.ParseException("Don't know how to parse Boolean from " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.validateValue
 */
sap.ui.model.type.Boolean.prototype.validateValue = function(sValue) {

};


}; // end of sap.ui.model.type.Boolean
if ( !jQuery.sap.isDeclared('sap.ui.model.type.Date') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.type.Date");



/**
 * Constructor for a Date type.
 *
 * @class
 * This class represents date simple types.
 *
 * @extends sap.ui.model.SimpleType
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @param {object} [oFormatOptions] options used to create a DateFormat for formatting / parsing. Supports the same options as {@link sap.ui.core.format.DateFormat.getDateInstance DateFormat.getDateInstance}
 * @param {object} [oFormatOptions.source] additional set of options used to create a second DateFormat object for conversions between 
 *           string values in the data source (e.g. model) and Date. This second format object is used to convert from a model string to Date before 
 *           converting the Date to string with the primary format object. Vice versa, this 'source' format is also used to format an already parsed 
 *           external value (e.g. user input) into the string format expected by the data source.
 *           Supports the same set of options as {@link sap.ui.core.format.DateFormat.getDateInstance DateFormat.getDateInstance}.
 * @param {object} [oConstraints] value constraints. 
 * @param {Date|string} [oConstraints.minimum] smallest value allowed for this type. Values for constraints must use the same type as configured via <code>oFormatOptions.source</code>  
 * @param {Date|string} [oConstraints.maximum] largest value allowed for this type. Values for constraints must use the same type as configured via <code>oFormatOptions.source</code>  
 * @name sap.ui.model.type.Date
 */
sap.ui.model.SimpleType.extend("sap.ui.model.type.Date", /** @lends sap.ui.model.type.Date */ {
	
	constructor : function () {
		sap.ui.model.SimpleType.apply(this, arguments);
		this.sName = "Date";
	}

});

/**
 * Creates a new subclass of class sap.ui.model.type.Date with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.type.Date.extend
 * @function
 */

/**
 * @see sap.ui.model.SimpleType.prototype.formatValue
 */
sap.ui.model.type.Date.prototype.formatValue = function(oValue, sInternalType) {
	switch(sInternalType) {
		case "string":
			if (oValue == null) {
				return "";
			}
			if (this.oInputFormat) {
				if (this.oFormatOptions.source.pattern == "timestamp") {
					if(typeof(oValue) != "number"){
						if (isNaN(oValue)) {
							throw new sap.ui.model.FormatException("Cannot format date: " + oValue + " is not a valid Timestamp");
						}else{
							oValue = parseInt(oValue, 10);
						}
					}
					oValue= new Date(oValue);
				}else{
					if (oValue == "") {
						return "";
					}
					oValue = this.oInputFormat.parse(oValue);
					if (oValue == null) {
						throw new sap.ui.model.FormatException("Cannot format date: " + oValue + " has the wrong format");
					}
				}
			}
			return this.oOutputFormat.format(oValue);
		default:
			throw new sap.ui.model.FormatException("Don't know how to format Date to " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.parseValue
 */
sap.ui.model.type.Date.prototype.parseValue = function(oValue, sInternalType) {
	var oResult;
	switch(sInternalType) {
		case "string":
			if (oValue === "") {
				return null;
			}
			var oResult = this.oOutputFormat.parse(oValue);
			if (!oResult) {
				throw new sap.ui.model.ParseException(oValue + " is not a valid Date value");
			}
			if (this.oInputFormat) {
				if (this.oFormatOptions.source.pattern == "timestamp") {
					oResult = oResult.getTime();
				}else{
					oResult = this.oInputFormat.format(oResult);
				}
			}
			return oResult;
		default:
			throw new sap.ui.model.ParseException("Don't know how to parse Date from " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.validateValue
 */
sap.ui.model.type.Date.prototype.validateValue = function(oValue) {
	if (this.oConstraints) {
		var aViolatedConstraints = [],
			oInputFormat = this.oInputFormat;

		// convert date into date object to compare
		if (oInputFormat && this.oFormatOptions.source.pattern != "timestamp"){
			oValue = oInputFormat.parse(oValue);
		}

		jQuery.each(this.oConstraints, function(sName, oContent) {
			if (oInputFormat){
				oContent = oInputFormat.parse(oContent);
			}
			switch (sName) {
				case "minimum":
					if (oValue < oContent) {
						aViolatedConstraints.push("minimum");
					}
					break;
				case "maximum":
					if (oValue > oContent) {
						aViolatedConstraints.push("maximum");
					}
			}
		});
		if (aViolatedConstraints.length > 0) {
			throw new sap.ui.model.ValidateException("Validation of type constraints failed", aViolatedConstraints);
		}
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.setFormatOptions
 */
sap.ui.model.type.Date.prototype.setFormatOptions = function(oFormatOptions) {
	this.oFormatOptions = oFormatOptions;
	this._handleLocalizationChange();
};

/**
 * @protected
 */
sap.ui.model.type.Date.prototype.getOutputPattern = function() {

	return this.oOutputFormat.oFormatOptions.pattern;

};

/**
 * Called by the framework when any localization setting changed
 * @private
 */
sap.ui.model.type.Date.prototype._handleLocalizationChange = function() {
	// recreate formatters
	this.oOutputFormat = sap.ui.core.format.DateFormat.getInstance(this.oFormatOptions);
	if (this.oFormatOptions.source) {
		this.oInputFormat = sap.ui.core.format.DateFormat.getInstance(this.oFormatOptions.source);
	}
};


}; // end of sap.ui.model.type.Date
if ( !jQuery.sap.isDeclared('sap.ui.model.type.DateTime') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.type.DateTime");


/**
 * Constructor for a DateTime type.
 *
 * @class
 * This class represents datetime simple types.
 *
 * @extends sap.ui.model.type.Date
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @param {object} [oFormatOptions] options used to create a DateFormat for formatting / parsing to/from external values and 
 *           optionally for a second DateFormat to convert between the data source format (Model) and the internally used JavaScript Date.format. 
 *           For both DateFormat objects, the same options are supported as for {@link sap.ui.core.format.DateFormat.getDateTimeInstance DateFormat.getDateTimeInstance}.
 *           Note that this differs from the base type.
 * @param {object} [oConstraints] value constraints. Supports the same kind of constraints as its base type Date, but note the different format options (Date vs. DateTime) 
 * @name sap.ui.model.type.DateTime
 */
sap.ui.model.type.Date.extend("sap.ui.model.type.DateTime", /** @lends sap.ui.model.type.DateTime */ {
	
	constructor : function () {
		sap.ui.model.type.Date.apply(this, arguments);
		this.sName = "DateTime";
	}

});

/**
 * Creates a new subclass of class sap.ui.model.type.DateTime with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.type.DateTime.extend
 * @function
 */

/**
 * Called by the framework when any localization setting changed
 * @see sap.ui.model.Date.prototype._handleLocalizationChange
 * @private
 */
sap.ui.model.type.DateTime.prototype._handleLocalizationChange = function() {
	this.oOutputFormat = sap.ui.core.format.DateFormat.getDateTimeInstance(this.oFormatOptions);
	if (this.oFormatOptions.source) {
		this.oInputFormat = sap.ui.core.format.DateFormat.getDateTimeInstance(this.oFormatOptions.source);
	}
};


}; // end of sap.ui.model.type.DateTime
if ( !jQuery.sap.isDeclared('sap.ui.model.type.Float') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.type.Float");



/**
 * Constructor for a Float type.
 *
 * @class
 * This class represents float simple types.
 *
 * @extends sap.ui.model.SimpleType
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @param {object} [oFormatOptions] formatting options. Supports the same options as {@link sap.ui.core.format.NumberFormat.getFloatInstance NumberFormat.getFloatInstance}
 * @param {object} [oConstraint]s value constraints. 
 * @param {float} [oConstraints.minimum] smallest value allowed for this type  
 * @param {float} [oConstraints.maximum] largest value allowed for this type  
 * @name sap.ui.model.type.Float 
 */
sap.ui.model.SimpleType.extend("sap.ui.model.type.Float", /** @lends sap.ui.model.type.Float  */ {
	
	constructor : function () {
		sap.ui.model.SimpleType.apply(this, arguments);
		this.sName = "Float";
	}

});

/**
 * Creates a new subclass of class sap.ui.model.type.Float with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.type.Float.extend
 * @function
 */

/**
 * @see sap.ui.model.SimpleType.prototype.formatValue
 */
sap.ui.model.type.Float.prototype.formatValue = function(fValue, sInternalType) {
	if (fValue == undefined || fValue == null) {
		return null;
	}
	switch(sInternalType) {
		case "string":
			return this.oFormat.format(fValue);
		case "int":
			return Math.floor(fValue);
		case "float":
			return fValue;
		default:
			throw new sap.ui.model.FormatException("Don't know how to format Float to " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.parseValue
 */
sap.ui.model.type.Float.prototype.parseValue = function(oValue, sInternalType) {
	var iResult;
	switch(sInternalType) {
		case "string":
			iResult = this.oFormat.parse(oValue);
			if (isNaN(iResult)) {
				throw new sap.ui.model.ParseException(oValue + " is not a valid Float value");
			}
			return iResult;
		case "int":
		case "float":
			return oValue;
		default:
			throw new sap.ui.model.ParseException("Don't know how to parse Float from " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.validateValue
 */
sap.ui.model.type.Float.prototype.validateValue = function(iValue) {
	if (this.oConstraints) {
		var aViolatedConstraints = [];
		jQuery.each(this.oConstraints, function(sName, oContent) {
			switch (sName) {
				case "minimum":
					if (iValue < oContent) {
						aViolatedConstraints.push("minimum");
					}
					break;
				case "maximum":
					if (iValue > oContent) {
						aViolatedConstraints.push("maximum");
					}
			}
		});
		if (aViolatedConstraints.length > 0) {
			throw new sap.ui.model.ValidateException("Validation of type constraints failed", aViolatedConstraints);
		}
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.setFormatOptions
 */
sap.ui.model.type.Float.prototype.setFormatOptions = function(oFormatOptions) {
	this.oFormatOptions = oFormatOptions;
	this._handleLocalizationChange();
};

/**
 * Called by the framework when any localization setting changed
 * @private
 */
sap.ui.model.type.Float.prototype._handleLocalizationChange = function() {
	this.oFormat = sap.ui.core.format.NumberFormat.getFloatInstance(this.oFormatOptions);
};

}; // end of sap.ui.model.type.Float
if ( !jQuery.sap.isDeclared('sap.ui.model.type.Integer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.type.Integer");



/**
 * Constructor for a Integer type.
 *
 * @class
 * This class represents integer simple types.
 *
 * @extends sap.ui.model.SimpleType
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @param {object} [oFormatOptions] formatting options. Supports the same options as {@link sap.ui.core.format.NumberFormat.getIntegerInstance NumberFormat.getIntegerInstance}
 * @param {object} [oConstraints] value constraints. 
 * @param {int} [oConstraints.minimum] smallest value allowed for this type  
 * @param {int} [oConstraints.maximum] largest value allowed for this type  
 * @name sap.ui.model.type.Integer
 */
sap.ui.model.SimpleType.extend("sap.ui.model.type.Integer", /** @lends sap.ui.model.type.Integer */ {
	
	constructor : function () {
		sap.ui.model.SimpleType.apply(this, arguments);
		this.sName = "Integer";
	}

});

/**
 * Creates a new subclass of class sap.ui.model.type.Integer with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.type.Integer.extend
 * @function
 */

/**
 * @see sap.ui.model.SimpleType.prototype.formatValue
 */
sap.ui.model.type.Integer.prototype.formatValue = function(iValue, sInternalType) {
	if (iValue == undefined || iValue == null) {
		return null;
	}
	switch(sInternalType) {
		case "string":
			return this.oFormat.format(iValue);
		case "int":
		case "float":
			return iValue;
		default:
			throw new sap.ui.model.FormatException("Don't know how to format Integer to " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.parseValue
 */
sap.ui.model.type.Integer.prototype.parseValue = function(oValue, sInternalType) {
	var iResult;
	switch(sInternalType) {
		case "float":
		case "string":
			iResult = this.oFormat.parse(String(oValue));
			if (isNaN(iResult)) {
				throw new sap.ui.model.ParseException(oValue + " is not a valid Integer value");
			}
			return iResult;
		case "int":
			return oValue;
		default:
			throw new sap.ui.model.ParseException("Don't know how to parse Integer from " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.validateValue
 */
sap.ui.model.type.Integer.prototype.validateValue = function(iValue) {
	if (this.oConstraints) {
		var aViolatedConstraints = [];
		jQuery.each(this.oConstraints, function(sName, oContent) {
			switch (sName) {
				case "minimum":
					if (iValue < oContent) {
						aViolatedConstraints.push("minimum");
					}
					break;
				case "maximum":
					if (iValue > oContent) {
						aViolatedConstraints.push("maximum");
					}
			}
		});
		if (aViolatedConstraints.length > 0) {
			throw new sap.ui.model.ValidateException("Validation of type constraints failed", aViolatedConstraints);
		}
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.setFormatOptions
 */
sap.ui.model.type.Integer.prototype.setFormatOptions = function(oFormatOptions) {
	this.oFormatOptions = oFormatOptions;
	this._handleLocalizationChange();
};

/**
 * Called by the framework when any localization setting changed
 * @private
 */
sap.ui.model.type.Integer.prototype._handleLocalizationChange = function() {
	this.oFormat = sap.ui.core.format.NumberFormat.getIntegerInstance(this.oFormatOptions);
};

}; // end of sap.ui.model.type.Integer
if ( !jQuery.sap.isDeclared('sap.ui.model.type.String') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.type.String");



/**
 * Constructor for a String type.
 *
 * @class
 * This class represents string simple types.
 *
 * @extends sap.ui.model.SimpleType
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @param {object} [oFormatOptions] formatting options. String doesn't support any formatting options
 * @param {object} [oConstraints] value constraints. All given constraints must be fulfilled by a value to be valid  
 * @param {int} [oConstraints.maxLength] maximum length (in characters) that a string of this value may have  
 * @param {string} [oConstraints.startsWith] a prefix that any valid value must start with  
 * @param {string} [oConstraints.startsWithIgnoreCase] a prefix that any valid value must start with, ignoring case  
 * @param {string} [oConstraints.endsWith] a suffix that any valid value must end with  
 * @param {string} [oConstraints.endsWithIgnoreCase] a suffix that any valid value must end with, ignoring case  
 * @param {string} [oConstraints.contains] an infix that must be contained in any valid value  
 * @param {string} [oConstraints.equals] only value that is allowed  
 * @param {RegExp} [oConstraints.search] a regular expression that the value must match  
 * @name sap.ui.model.type.String
 */
sap.ui.model.SimpleType.extend("sap.ui.model.type.String", /** @lends sap.ui.model.type.String */ {
	
	constructor : function () {
		sap.ui.model.SimpleType.apply(this, arguments);
		this.sName = "String";
	}

});

/**
 * Creates a new subclass of class sap.ui.model.type.String with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.type.String.extend
 * @function
 */

/**
 * @see sap.ui.model.SimpleType.prototype.formatValue
 */
sap.ui.model.type.String.prototype.formatValue = function(sValue, sInternalType) {
	if (sValue == undefined || sValue == null) {
		return null;
	}
	switch(sInternalType) {
		case "string":
			return sValue;
		case "int":
			var iResult = parseInt(sValue, 10);
			if (isNaN(iResult)) {
				throw new sap.ui.model.FormatException(sValue + " is not a valid int value");
			}
			return iResult;
		case "float":
			var fResult = parseFloat(sValue);
			if (isNaN(fResult)) {
				throw new sap.ui.model.FormatException(sValue + " is not a valid float value");
			}
			return fResult;
		case "boolean":
			if (sValue.toLowerCase() == "true" || sValue == "X") {
				return true;
			}
			if (sValue.toLowerCase() == "false" || sValue == "") {
				return false;
			}
			throw new sap.ui.model.FormatException(sValue + " is not a valid boolean value");
		default:
			throw new sap.ui.model.FormatException("Don't know how to format String to " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.parseValue
 */
sap.ui.model.type.String.prototype.parseValue = function(oValue, sInternalType) {
	var sResult;
	switch(sInternalType) {
		case "string":
			return oValue;
		case "boolean":
		case "int":
		case "float":
			return oValue.toString();
		default:
			throw new sap.ui.model.ParseException("Don't know how to parse String from " + sInternalType);
	}
};

/**
 * @see sap.ui.model.SimpleType.prototype.validateValue
 */
sap.ui.model.type.String.prototype.validateValue = function(sValue) {
	if (this.oConstraints) {
		var aViolatedConstraints = [];
		jQuery.each(this.oConstraints, function(sName, oContent) {
			switch (sName) {
				case "maxLength":  // expects int
					if (sValue.length > oContent) {
						aViolatedConstraints.push("maxLength");
					}
					break;
				case "minLength":  // expects int
					if (sValue.length < oContent) {
						aViolatedConstraints.push("minLength");
					}
					break;
				case "startsWith":  // expects string
					if (!jQuery.sap.startsWith(sValue,oContent)) {
						aViolatedConstraints.push("startsWith");
					}
					break;
				case "startsWithIgnoreCase":  // expects string
					if (!jQuery.sap.startsWithIgnoreCase(sValue,oContent)) {
						aViolatedConstraints.push("startsWithIgnoreCase");
					}
					break;
				case "endsWith":  // expects string
					if (!jQuery.sap.endsWith(sValue,oContent)) {
						aViolatedConstraints.push("endsWith");
					}
					break;
				case "endsWithIgnoreCase": // expects string
					if (!jQuery.sap.endsWithIgnoreCase(sValue,oContent)) {
						aViolatedConstraints.push("endsWithIgnoreCase");
					}
					break;
				case "contains": // expects string
					if (sValue.indexOf(oContent) == -1) {
						aViolatedConstraints.push("contains");
					}
					break;
				case "equals": // expects string
					if (sValue != oContent) {
						aViolatedConstraints.push("equals");
					}
					break;
				case "search": // expects regex
					if (sValue.search(oContent) == -1) {
						aViolatedConstraints.push("search");
					}
					break;
			}
		});
		if (aViolatedConstraints.length > 0) {
			throw new sap.ui.model.ValidateException("Validation of type constraints failed", aViolatedConstraints);
		}
	}
};


}; // end of sap.ui.model.type.String
if ( !jQuery.sap.isDeclared('sap.ui.model.type.Time') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base implementation for all model implementations
jQuery.sap.declare("sap.ui.model.type.Time");


/**
 * Constructor for a Time type.
 *
 * @class
 * This class represents time simple types.
 *
 * @extends sap.ui.model.type.Date
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @param {object} [oFormatOptions] options used to create a DateFormat for formatting / parsing to/from external values and 
 *           optionally for a second DateFormat to convert between the data source format (Model) and the internally used JavaScript Date.format. 
 *           For both DateFormat objects, the same options are supported as for {@link sap.ui.core.format.DateFormat.getTimeInstance DateFormat.getTimeInstance}.
 *           Note that this differs from the base type.
 * @param {object} [oConstraints] value constraints. Supports the same kind of constraints as its base type Date, but note the different format options (Date vs. Time) 
 * @name sap.ui.model.type.Time
 */
sap.ui.model.type.Date.extend("sap.ui.model.type.Time", /** @lends sap.ui.model.type.Time */ {
	
	constructor : function () {
		sap.ui.model.type.Date.apply(this, arguments);
		this.sName = "Time";
	}

});

/**
 * Creates a new subclass of class sap.ui.model.type.Time with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.type.Time.extend
 * @function
 */

/**
 * Called by the framework when any localization setting changed
 * @see sap.ui.model.SimpleType.prototype._handleLocalizationChange
 * @private
 */
sap.ui.model.type.Time.prototype._handleLocalizationChange = function() {
	this.oOutputFormat = sap.ui.core.format.DateFormat.getTimeInstance(this.oFormatOptions);
	if (this.oFormatOptions.source) {
		this.oInputFormat = sap.ui.core.format.DateFormat.getTimeInstance(this.oFormatOptions.source);
	}
};

}; // end of sap.ui.model.type.Time
if ( !jQuery.sap.isDeclared('sap.ui.model.xml.XMLListBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the XML model implementation of a list binding
jQuery.sap.declare("sap.ui.model.xml.XMLListBinding");




/**
 *
 * @class
 * List binding implementation for XML format
 *
 * @param sPath
 * @param [oModel]
 * @name sap.ui.model.xml.XMLListBinding
 * @extends sap.ui.model.ListBinding
 */
sap.ui.model.ListBinding.extend("sap.ui.model.xml.XMLListBinding", /** @lends sap.ui.model.xml.XMLListBinding */ {
	
	constructor : function(oModel, sPath, oContext, oSorter, aFilters, mParameters){
		sap.ui.model.ListBinding.apply(this, arguments);
		this.update();
	},
	
	metadata : {
	  publicMethods : [
			"getLength"
	  ]
	}
	
});

/**
 * Return contexts for the list or a specified subset of contexts
 * @param {int} [iStartIndex=0] the startIndex where to start the retrieval of contexts
 * @param {int} [iLength=length of the list] determines how many contexts to retrieve beginning from the start index.
 * Default is the whole list length.
 *
 * @return {sap.ui.model.Context[]} the contexts array
 * @protected
 */
sap.ui.model.xml.XMLListBinding.prototype.getContexts = function(iStartIndex, iLength) {
	this.iLastStartIndex = iStartIndex;
	this.iLastLength = iLength;
	
	if (!iStartIndex) {
		iStartIndex = 0;
	}
	if (!iLength) {
		iLength = Math.min(this.iLength, this.oModel.iSizeLimit);
	}

	var aContexts = this._getContexts(iStartIndex, iLength),
		oContextData = {};
	
	for (var i = 0; i < aContexts.length; i++) {
		oContextData[aContexts[i].getPath()] = this.oModel._getObject(aContexts[i].getPath())[0];
	}
	
	//Check diff
	if (this.bUseExtendedChangeDetection && this.aLastContexts && iStartIndex < this.iLastEndIndex) {
		var that = this;
		var aDiff = jQuery.sap.arrayDiff(this.aLastContexts, aContexts, function(oOldContext, oNewContext) {
			var oOldNode =  that.oLastContextData &&  that.oLastContextData[oOldContext.getPath()];
			var oNewNode = oContextData && oContextData[oNewContext.getPath()];
			if (oOldNode && oNewNode) {
				return jQuery.sap.isEqualNode(oOldNode, oNewNode);
			}
			return false;
		});
		aContexts.diff = aDiff;
	}

	this.iLastEndIndex = iStartIndex + iLength;
	this.aLastContexts = aContexts.slice(0);
	this.oLastContextData = {};
	var that = this;
	jQuery.each(oContextData, function(sKey, oNode) {
		that.oLastContextData[sKey] = oNode.cloneNode(true);
	});

	return aContexts;
};

/**
 * Return contexts for the list or a specified subset of contexts
 * @param {int} [iStartIndex=0] the startIndex where to start the retrieval of contexts
 * @param {int} [iLength=length of the list] determines how many contexts to retrieve beginning from the start index.
 * Default is the whole list length.
 *
 * @return {Array} the contexts array
 * @private
 */
sap.ui.model.xml.XMLListBinding.prototype._getContexts = function(iStartIndex, iLength) {
	if (!iStartIndex) {
		iStartIndex = 0;
	}
	if (!iLength) {
		iLength = Math.min(this.iLength, this.oModel.iSizeLimit);
	}
	
	var iEndIndex = Math.min(iStartIndex + iLength, this.aIndices.length),
	oContext,
	aContexts = [],
	sPrefix = this.oModel.resolve(this.sPath, this.oContext) + "/";

	for (var i = iStartIndex; i < iEndIndex; i++) {
		oContext = this.oModel.getContext(sPrefix + this.aIndices[i]);
		aContexts.push(oContext);
	}
	
	return aContexts;
};

/**
 * Setter for context
 * @param {Object} oContext the new context object
 */
sap.ui.model.xml.XMLListBinding.prototype.setContext = function(oContext) {
	if (this.oContext != oContext) {
		this.oContext = oContext;
		this.update();
		this._fireChange({reason: sap.ui.model.ChangeReason.Context});
	}
};

/**
 * Return the length of the list
 *
 * @return {int} the length
 * @public
 */
sap.ui.model.xml.XMLListBinding.prototype.getLength = function() {
	return this.iLength;
};

/**
 * Return the length of the list
 *
 * @return {int} the length
 */
sap.ui.model.xml.XMLListBinding.prototype._getLength = function() {
	return this.aIndices.length;
};

/**
 * Update the list, indices array and apply sorting and filtering
 * @private
 */
sap.ui.model.xml.XMLListBinding.prototype.update = function(){
	var oList = this.oModel._getObject(this.sPath, this.oContext);
	if (oList) {
		this.oList = [];
		var that = this;
		if (this.bUseExtendedChangeDetection) {
			jQuery.each(oList, function(sKey, oNode) {
				that.oList.push(oNode.cloneNode(true));
			});
		} else {
			this.oList = oList.slice(0);
		}
		this.updateIndices();
		this.applyFilter();
		this.applySort();
		this.iLength = this._getLength();
	}
	else {
		this.oList = null;
		this.aIndices = [];
		this.iLength = 0;
	}
};

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 * 
 * @param {boolean} bForceupdate
 * 
 */
sap.ui.model.xml.XMLListBinding.prototype.checkUpdate = function(bForceupdate){
	if (!this.bUseExtendedChangeDetection) {
		var oList = this.oModel._getObject(this.sPath, this.oContext);
		if (!this.oList || !oList || oList.length != this.oList.length || bForceupdate) {
			// TODO does not work currently, so so old behavior
			//if (!jQuery.sap.equal(this.oList, oList)) {
			this.update();
			this._fireChange({reason: sap.ui.model.ChangeReason.Change});
		}
	} else {
		var bChangeDetected = false;
		var that = this;
		
		//If the list has changed we need to update the indices first
		var oList = this.oModel._getObject(this.sPath, this.oContext);
		if (!jQuery.sap.equal(this.oList, oList)) {
			this.update();
		}
		
		//Get contexts for visible area and compare with stored contexts
		var aContexts = this._getContexts(this.iLastStartIndex, this.iLastLength);
		if (this.aLastContexts) {
			if (this.aLastContexts.length != aContexts.length) {
				bChangeDetected = true;
			} else {
				jQuery.each(this.aLastContexts, function(iIndex, oContext) {
					var oNewNode = aContexts[iIndex].getObject()[0];
					var oOldNode = that.oLastContextData && that.oLastContextData[oContext.getPath()];
					if (oNewNode && oOldNode && !oOldNode.isEqualNode(oNewNode)) {
						bChangeDetected = true;
						return false;
					}
				});
			}
		} else {
			bChangeDetected = true;
		}
		if (bChangeDetected || bForceupdate) {
			this._fireChange({reason: sap.ui.model.ChangeReason.Change});
		}	
	}
};

/**
 * Get indices of the list
 */
sap.ui.model.xml.XMLListBinding.prototype.updateIndices = function(){
	this.aIndices = [];
	for (var i = 0; i < this.oList.length; i++) {
		this.aIndices.push(i);
	}
};

/**
 * @see sap.ui.model.ListBinding.prototype.sort
 *
 */
sap.ui.model.xml.XMLListBinding.prototype.sort = function(oSorter){
	if (!oSorter) {
		this.oSorter = null;
		this.updateIndices();
		this.applyFilter();
	} else {
		this.oSorter = oSorter;
		this.applySort();
	}
	this._fireChange({reason: sap.ui.model.ChangeReason.Sort});
	// TODO remove this if the sorter event gets removed which is deprecated
	this._fireSort({sorter: oSorter});
	return this;
};

/**
 * Sorts the list
 * @private
 */
sap.ui.model.xml.XMLListBinding.prototype.applySort = function(){
	if (!this.oSorter) {
		return;
	}
	var that = this,
		aSortValues = [],
		oValue,
		fnCompare = this.oSorter.fnCompare;
	if (!fnCompare) {
		fnCompare = function(a, b) {
			if (b == null) {
				return -1;
			}
			if (a == null) {
				return 1;
			}
			if (typeof a == "string" && typeof b == "string") {
				return a.localeCompare(b);
			}
			if (a < b) {
				return -1;
			}
			if (a > b) {
				return 1;
			}
			return 0;
		}
	}
	jQuery.each(this.aIndices, function(i, iIndex) {
		oValue = that.oModel.getProperty(that.oSorter.sPath, that.oList[iIndex]);
		if (typeof oValue == "string") {
			oValue = oValue.toLocaleUpperCase();
		}
		aSortValues[iIndex] = oValue;
	});
	this.aIndices.sort(function(a, b) {
		var valueA = aSortValues[a],
			valueB = aSortValues[b],
			returnValue = fnCompare(valueA, valueB);
		if (that.oSorter.bDescending) {
			returnValue = -returnValue;
		}
		return returnValue;
	});
};

/**
 * 
 * Filters the list.
 * 
 * Filters are first grouped according to their binding path.
 * All filters belonging to a group are ORed and after that the
 * results of all groups are ANDed.
 * Usually this means, all filters applied to a single table column
 * are ORed, while filters on different table columns are ANDed.
 * 
 * @param {sap.ui.model.Filter[]} aFilters array of filter objects
 * @return {sap.ui.model.ListBinding} returns <code>this</code> to facilitate method chaining 
 * 
 * @public
 */
sap.ui.model.xml.XMLListBinding.prototype.filter = function(aFilters){
	this.updateIndices();
	if (!aFilters || !jQuery.isArray(aFilters) || aFilters.length == 0) {
		this.aFilters = null;
		this.iLength = this._getLength();
	} else {
		this.aFilters = aFilters;
		this.applyFilter();
	}
	this.applySort();
	this._fireChange({reason: sap.ui.model.ChangeReason.Filter});
	// TODO remove this if the filter event gets removed which is deprecated
	this._fireFilter({filters: aFilters});
	return this;
};

/**
 * Filters the list
 * Filters are first grouped according to their binding path.
 * All filters belonging to a group are ORed and after that the
 * results of all groups are ANDed.
 * Usually this means, all filters applied to a single table column
 * are ORed, while filters on different table columns are ANDed.
 *
 * @private
 */
sap.ui.model.xml.XMLListBinding.prototype.applyFilter = function(){
	if (!this.aFilters) {
		return;
	}
	var that = this,
		oFilterGroups = {},
		aFilterGroup,
		aFiltered = [],
		bGroupFiltered = false,
		bFiltered = true;
	jQuery.each(this.aIndices, function(i, iIndex) {
		bFiltered = true;
		jQuery.each(that.aFilters, function(j, oFilter) {
			aFilterGroup = oFilterGroups[oFilter.sPath];
			if (!aFilterGroup) {
				aFilterGroup = oFilterGroups[oFilter.sPath] = [];
			}
			aFilterGroup.push(oFilter);
		});
		jQuery.each(oFilterGroups, function(sPath, aFilterGroup) {
			var oValue = that.oModel.getProperty(sPath, that.oList[iIndex]);
			if (typeof oValue == "string") {
				oValue = oValue.toUpperCase();
			}
			bGroupFiltered = false;
			jQuery.each(aFilterGroup, function(j, oFilter) {
				var fnTest = that.getFilterFunction(oFilter);
				if (oValue != undefined && fnTest(oValue)) {
					bGroupFiltered = true;
					return false;
				}
			});
			if (!bGroupFiltered) {
				bFiltered = false;
				return false;
			}
		});
		if (bFiltered) {
			aFiltered.push(iIndex);
		}
	});
	this.aIndices = aFiltered;
	this.iLength = aFiltered.length;
};

/**
 * Provides a JS filter function for the given filter
 *
 * @param {Object} oFilter
 */
sap.ui.model.xml.XMLListBinding.prototype.getFilterFunction = function(oFilter){
	if (oFilter.fnTest) {
		return oFilter.fnTest;
	}
	var oValue1 = oFilter.oValue1,
		oValue2 = oFilter.oValue2;
	if (typeof oValue1 == "string") {
		oValue1 = oValue1.toUpperCase();
	}
	if (typeof oValue2 == "string") {
		oValue2 = oValue2.toUpperCase();
	}
	switch (oFilter.sOperator) {
		case "EQ":
			oFilter.fnTest = function(value) { return value == oValue1; }; break;
		case "NE":
			oFilter.fnTest = function(value) { return value != oValue1; }; break;
		case "LT":
			oFilter.fnTest = function(value) { return value < oValue1; }; break;
		case "LE":
			oFilter.fnTest = function(value) { return value <= oValue1; }; break;
		case "GT":
			oFilter.fnTest = function(value) { return value > oValue1; }; break;
		case "GE":
			oFilter.fnTest = function(value) { return value >= oValue1; }; break;
		case "BT":
			oFilter.fnTest = function(value) { return (value >= oValue1) && (value <= oValue2); }; break;
		case "Contains":
			oFilter.fnTest = function(value) { return value.indexOf(oValue1) != -1; }; break;
		case "StartsWith":
			oFilter.fnTest = function(value) { return value.indexOf(oValue1) == 0; }; break;
		case "EndsWith":
			oFilter.fnTest = function(value) {
				var iPos = value.indexOf(oValue1); 
				if (iPos == -1){
					return false;					
				}
				return iPos == value.length - new String(oFilter.oValue1).length; 
			};
			break;
		default:
			oFilter.fnTest = function(value) { return true; };
	}
	return oFilter.fnTest;
};

/**
 * Get distinct values
 *
 * @param {string} sPath
 * @protected
 */
sap.ui.model.xml.XMLListBinding.prototype.getDistinctValues = function(sPath){
	var aResult = [],
		oMap = {},
		sValue,
		that = this;
	jQuery.each(this.oList, function(i, oContext) {
		sValue = that.oModel.getProperty(sPath, oContext);
		if (!oMap[sValue]) {
			oMap[sValue] = true;
			aResult.push(sValue);
		}
	});
	return aResult;
};

}; // end of sap.ui.model.xml.XMLListBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.xml.XMLTreeBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the XML model implementation of a list binding
jQuery.sap.declare("sap.ui.model.xml.XMLTreeBinding");


/**
 *
 * @class
 * Tree binding implementation for XML format
 *
 * @param sPath
 * @param [oModel]
 * @name sap.ui.model.xml.XMLTreeBinding
 * @extends sap.ui.model.TreeBinding
 */
sap.ui.model.TreeBinding.extend("sap.ui.model.xml.XMLTreeBinding", /** @lends sap.ui.model.xml.XMLTreeBinding */ { 
	
	constructor : function(oModel, sPath, oContext){
		sap.ui.model.TreeBinding.apply(this, arguments);
		if (!this.oContext) {
			this.oContext = "";
		}
		this.filterInfo = {};
		this.filterInfo.aFilteredContexts = [];
		this.filterInfo.oParentContext = {};
	}

});

/**
 * Return root contexts for the tree
 *
 * @return {Array} the contexts array
 * @protected
 */
sap.ui.model.xml.XMLTreeBinding.prototype.getRootContexts = function() {
	var oRootContext = this.oModel.getContext(this.sPath);
	return this.getNodeContexts(oRootContext);
};

/**
 * Return node contexts for the tree
 * @param {object} oContext to use for retrieving the node contexts
 * @return {Array} the contexts array
 * @protected
 */
sap.ui.model.xml.XMLTreeBinding.prototype.getNodeContexts = function(oContext) {
	var sContextPath = oContext.getPath();
	
	if (!jQuery.sap.endsWith(sContextPath,"/")) {
		sContextPath = sContextPath + "/";
	}
	if (!jQuery.sap.startsWith(sContextPath,"/")) {
		sContextPath = "/" + sContextPath;
	}

	var aContexts = [],
		mNodeIndices = {},
		that = this,
		oNode = this.oModel._getObject(oContext.getPath()),
		oChild, sChildPath, oChildContext;

	jQuery.each(oNode[0].childNodes, function(sName, oChild) {
		if (oChild.nodeType == 1) { // check if node is an element
			if (mNodeIndices[oChild.nodeName] == undefined){
				mNodeIndices[oChild.nodeName] = 0;
			} else {
				mNodeIndices[oChild.nodeName]++;
			}
			sChildPath = sContextPath + oChild.nodeName + "/" + mNodeIndices[oChild.nodeName];
			oChildContext = that.oModel.getContext(sChildPath);
			// check if there is a filter on this level applied
			if (that.aFilters && !that.bIsFiltering){
				if (jQuery.inArray(oChildContext, that.filterInfo.aFilteredContexts) != -1) {
					aContexts.push(oChildContext);
				}
			}else {
				aContexts.push(oChildContext);
			}
		}
	});

	return aContexts;
};

/**
 *
 * @see sap.ui.model.TreeBinding.prototype.filter
 * Filters the tree according to the filter definitions.
 * The filtering is applied recursively through the tree.
 * The parent nodes of filtered child nodes will also be displayed if they don't match the filter conditions.
 * All filters belonging to a group (=have the same path) are ORed and after that the
 * results of all groups are ANDed.
 * @function
 * @name sap.ui.model.TreeBinding.prototype.filter
 * @param {Array} aFilters Array of sap.ui.model.Filter objects
 *
 * @public
 */
sap.ui.model.xml.XMLTreeBinding.prototype.filter = function(aFilters){
	// The filtering is applied recursively through the tree and stores all filtered contexts and its parent contexts in an array.

	var oRootContext = this.oModel.getContext(this.sPath);
	// reset previous stored filter contexts
	this.filterInfo.aFilteredContexts = [];
	this.filterInfo.oParentContext = {};
	if (!aFilters || !jQuery.isArray(aFilters) || aFilters.length == 0) {
		this.aFilters = null;
	} else {
		this.aFilters = aFilters;
		// start with binding path root
		this.filterRecursive(oRootContext);
	}
	this._fireChange({reason: "filter"});
	// TODO remove this if the filter event is removed
	this._fireFilter({filters: aFilters});
};

/**
 * filters the tree recursively.
 * @param {object} oParentContext the context where to start. The children of this node context are then filtered recursively.
 * @private
 */
sap.ui.model.xml.XMLTreeBinding.prototype.filterRecursive = function(oParentContext){

	this.bIsFiltering = true;
	var aChildren = this.getNodeContexts(oParentContext);
	this.bIsFiltering = false;

	if (aChildren.length > 0) {
		var that = this;
		jQuery.each(aChildren, function(i, oChildContext){
			that.filterRecursive(oChildContext);
		});
		this.applyFilter(oParentContext);
	}
};


/**
 * Performs the real filtering and stores all filtered contexts and its parent context into an array.
 * @param {object} oParentContext the context where to start. The children of this node context are filtered.
 * @private
 */
sap.ui.model.xml.XMLTreeBinding.prototype.applyFilter = function(oParentContext){
	if (!this.aFilters) {
		return;
	}
	var that = this,
		oFilterGroups = {},
		aFilterGroup,
		aFiltered = [],
		bGroupFiltered = false,
		bFiltered = true;
	this.bIsFiltering = true;
	var aUnfilteredContexts = this.getNodeContexts(oParentContext);
	this.bIsFiltering = false;
	jQuery.each(aUnfilteredContexts, function(i, oUnfilteredContext) {
		bFiltered = true;
		jQuery.each(that.aFilters, function(j, oFilter) {
			aFilterGroup = oFilterGroups[oFilter.sPath];
			if (!aFilterGroup) {
				aFilterGroup = oFilterGroups[oFilter.sPath] = [];
			}
			aFilterGroup.push(oFilter);
		});
		jQuery.each(oFilterGroups, function(sPath, aFilterGroup) {
			var oValue = that.oModel._getObject(sPath,oUnfilteredContext);
			if (typeof oValue == "string") {
				oValue = oValue.toUpperCase();
			}
			bGroupFiltered = false;
			jQuery.each(aFilterGroup, function(j, oFilter) {
				var fnTest = that.getFilterFunction(oFilter);
				if (oValue && fnTest(oValue)) {
					bGroupFiltered = true;
					return false;
				}
			});
			if (!bGroupFiltered) {
				bFiltered = false;
				return false;
			}
		});
		if (bFiltered) {
			aFiltered.push(oUnfilteredContext);
		}
	});
	if (aFiltered.length > 0) {
		jQuery.merge(this.filterInfo.aFilteredContexts, aFiltered);
		this.filterInfo.aFilteredContexts.push(oParentContext);
		this.filterInfo.oParentContext = oParentContext;
	}
	// push additionally parentcontexts if any children are already included in filtered contexts
	if (jQuery.inArray(this.filterInfo.oParentContext, aUnfilteredContexts) != -1) {
		this.filterInfo.aFilteredContexts.push(oParentContext);
		// set the parent context which was added to be the new parent context
		this.filterInfo.oParentContext = oParentContext;
	}

};

/**
 * Provides a JS filter function for the given filter
 * @private
 */
sap.ui.model.xml.XMLTreeBinding.prototype.getFilterFunction = function(oFilter){
	if (oFilter.fnTest) {
		return oFilter.fnTest;
	}
	var oValue1 = oFilter.oValue1,
		oValue2 = oFilter.oValue2;
	if (typeof oValue1 == "string") {
		oValue1 = oValue1.toUpperCase();
	}
	if (typeof oValue2 == "string") {
		oValue2 = oValue2.toUpperCase();
	}
	switch (oFilter.sOperator) {
		case "EQ":
			oFilter.fnTest = function(value) { return value == oValue1; }; break;
		case "NE":
			oFilter.fnTest = function(value) { return value != oValue1; }; break;
		case "LT":
			oFilter.fnTest = function(value) { return value < oValue1; }; break;
		case "LE":
			oFilter.fnTest = function(value) { return value <= oValue1; }; break;
		case "GT":
			oFilter.fnTest = function(value) { return value > oValue1; }; break;
		case "GE":
			oFilter.fnTest = function(value) { return value >= oValue1; }; break;
		case "BT":
			oFilter.fnTest = function(value) { return (value > oValue1) && (value < oValue2); }; break;
		case "Contains":
			oFilter.fnTest = function(value) { return value.indexOf(oValue1) != -1; }; break;
		case "StartsWith":
			oFilter.fnTest = function(value) { return value.indexOf(oValue1) == 0; }; break;
		case "EndsWith":
			oFilter.fnTest = function(value) { return value.indexOf(oValue1) == value.length - new String(oFilter.oValue1).length; }; break;
		default:
			oFilter.fnTest = function(value) { return true; };
	}
	return oFilter.fnTest;
};

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 * 
 * @param {boolean} bForceupdate
 * 
 */
sap.ui.model.xml.XMLTreeBinding.prototype.checkUpdate = function(bForceupdate){
	this._fireChange();
};
}; // end of sap.ui.model.xml.XMLTreeBinding
if ( !jQuery.sap.isDeclared('jquery.sap.ui') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// A bridge between the jQuery.sap plugin and the SAPUI5 Core
jQuery.sap.declare("jquery.sap.ui", false);

//jQuery.sap.require("sap.ui.core.Core"); // cyclic

// !!!!!!!!!!!!!!!!!!!!!!!!!!
// !!     EXPERIMENTAL     !!
// !!!!!!!!!!!!!!!!!!!!!!!!!!
(function() {

	// FIXME Too tough or just right?
	if(!jQuery.sap) {
		throw "Initialisation of jQuery.sap.ui failed. jQuery.sap plugin required!";
	}
	if(!window.sap || !window.sap.ui) {
		jQuery.sap.fatal("Initialisation of jQuery.sap.ui failed. Global SAP UI namespace required!");
	}

	//ensure not to initialize twice
	if(jQuery.sap.ui) {
		return;
	}

//	/**
//	 * Root Namespace for the jQuery UI-Layer plugin provided by SAP AG.
//	 *
//	 * @version 1.12.0
//	 * @namespace
//	 * @public
//	 */
//	jQuery.sap.ui = {};

	function fUIAreaFilter(idx){
		return sap.ui.getCore().getUIArea(this.id) != null;
	}
	function fgetUIArea(idx, odomref){
		return sap.ui.getCore().getUIArea(this.id);
	}
	function fgetUIAreaOfCtrl(oCtrl, idx){
		return oCtrl.getUIArea().getInterface();
	}

	/**
	 * @public
	 * @author SAP AG
	 */
	jQuery.fn.root = function(oRootControl) {
		var tmp;
		// handle 'setRoot'
		if(oRootControl) {
			sap.ui.getCore().setRoot(this.get(0), oRootControl);
			return this;
		}
		// and 'getRoot' behavior.
		var aControls = this.control();
		if (aControls.length > 0) {
			return jQuery.map(aControls, fgetUIAreaOfCtrl);
		}

		var aUIAreas = this.uiarea();

		if (aUIAreas.length > 0) {
			// we have UIAreas
			return aUIAreas;
		}

		// create UIAreas
		this.each(function(idx){
			sap.ui.getCore().createUIArea(this);
		});
		return this;
	};

	/**
	 * @public
	 */
	jQuery.fn.uiarea = function(iIdx) {
		// UIAreas need to have IDs... so reduce to those elements first
		var aUIAreas = this.slice("[id]").filter(fUIAreaFilter).map(fgetUIArea).get();
		return typeof(iIdx) === "number"?aUIAreas[iIdx]:aUIAreas;
	};

	/**
	 * Function identifying the closest SAPUI5 Control in the given jQuery context (provided via jQuery.map method).
	 * @private
	 */
	function fgetControl() {
		// as with jQuery 1.4.3 and 1.4.4 there is a big problem here, we increase checks here
		if(!this || !this.nodeType || this.nodeType === 9) {
			return null;
		} // in this case, we are on the HTML Document and cannot do anything
		// in IE8 'closest' might fail (e.g. when the element is not in the current document tree)
		// The following line would probably also work for the 'try-catch' below but induce performance penalty in EVERY call of this method.
		// if(jQuery(document.documentElement).has(this)) {
		try{
			var sId = jQuery(this).closest("[data-sap-ui]").attr("id");
			return sId ? sap.ui.getCore().byId(sId) : null;
		} catch(e){
			// probably IE8 case where element is not in current document tree... ==> there is no current control
			return null;
		}
	}

	/**
	 * Extension function to the jQuery.fn which identifies SAPUI5 controls in the given jQuery context.
	 *
	 * @param {integer} [idx] optional parameter to return the control instance at the given idx's position in the array.
	 * @methodOf jQuery.prototype
	 * @returns {sap.ui.core.Control[] | sap.ui.core.Control | null} depending on the given context and idx parameter an array of controls, an instance or null.
	 * @public
	 */
	jQuery.fn.control = function(idx) {
		var aControls = this.map(fgetControl);
		if(idx === undefined || isNaN(idx)) {
			return aControls.get();
		}
		else {
			return aControls.get(idx);
		}
	};


	/**
	 * EXPERIMENTAL!!
	 * Creates a new control of the given type and places it into the first DOM object of the jQuery collection.
	 * The type string is case sensitive.
	 *
	 * @param {string} sControlType the control type (fully qualified, like "sap.ui.dev.GoogleMap"; if no package is given, the package "sap.ui.commons" is assumed)
	 * @param {string} [sId] optional id for the new control; generated automatically if no non-empty id is given
	 * @param {object} [oConfiguration] optional map/JSON-object with initial values for the new control
	 * @returns {jQuery} the given jQuery object
	 * @private
	 */
	jQuery.fn.sapui = function(sControlType, sId, oConfiguration) {

		return this.each(function() { // TODO: hack for Steffen; (point is not clear, as this adds identical controls to many DOM elements...); remove soon

			var oControl = null;
			if (this) {
				// allow omitting the package prefix because this looks less Java-like...  sap.ui.commons is the default package
				if (sControlType.indexOf(".") == -1)  {
					sControlType = "sap.ui.commons." + sControlType;
				}

				// instantiate the control
				var fnClass = jQuery.sap.getObject(sControlType);
				if (fnClass) {

					// TODO: hack for Steffen; remove later
					if(typeof oConfiguration == 'object' && typeof oConfiguration.press == 'function') {
			  oConfiguration.press = jQuery.proxy(oConfiguration.press,this);
			}

					oControl = new (fnClass)(sId, oConfiguration); // sId might actually contain oConfiguration, the Element constructor will take care of this

					// placeAt first DomRef in collection
					oControl.placeAt(this);
					// TODO: avoid the direct call to applyChanges() in favor of a delayed version that potentially bundles several changes
					//sap.ui.getCore().applyChanges();
				}
			}

		});
	};

}());
}; // end of jquery.sap.ui
if ( !jQuery.sap.isDeclared('sap.ui.model.PropertyBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides an abstract property binding.
jQuery.sap.declare("sap.ui.model.PropertyBinding");



/**
 * Constructor for PropertyBinding
 *
 * @class
 * The PropertyBinding is used to access single data values in the data model.
 *
 * @param {sap.ui.model.Model} oModel
 * @param {String} sPath
 * @param {Object} oContext
 * @abstract
 * @public
 * @name sap.ui.model.PropertyBinding
 */

sap.ui.model.Binding.extend("sap.ui.model.PropertyBinding", /** @lends sap.ui.model.PropertyBinding */ {

	constructor : function (oModel, sPath, oContext, mParameters) {
		sap.ui.model.Binding.apply(this, arguments);
		this.oType;
		this.fnFormatter;
		this.sInternalType;
	},
	metadata : {
		"abstract" : true,
		
	  publicMethods : [
		  "getValue", "setValue", "setType", "getType", "setFormatter", "getFormatter", "getExternalValue", "setExternalValue"
	  ]
	}

});

/**
 * Creates a new subclass of class sap.ui.model.PropertyBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.PropertyBinding.extend
 * @function
 */

// the 'abstract methods' to be implemented by child classes
/**
 * Returns the current value of the bound target
 *
 * @function
 * @name sap.ui.model.PropertyBinding.prototype.getValue
 * @return {object} the current value of the bound target
 *
 * @public
 */

/**
 * Sets the value for this binding. A model implementation should check if the current default binding mode permits
 * setting the binding value and if so set the new value also in the model.
 *
 * @function
 * @name sap.ui.model.PropertyBinding.prototype.setValue
 * @param {object} oValue the value to set for this binding
 *
 * @public
 */

/**
 * Returns the current external value of the bound target which is formatted via a type or formatter function. 
 *
 * @throws sap.ui.model.FormatException
 *
 * @return {object} the current value of the bound target
 *
 * @public
 */
sap.ui.model.PropertyBinding.prototype.getExternalValue = function() {	
	var oValue = this.getValue();
	if (this.oType) {
		oValue = this.oType.formatValue(oValue, this.sInternalType);
	}
	if (this.fnFormatter) {
		oValue = this.fnFormatter(oValue);
	}
	return oValue;
};


/**
 * Sets the value for this binding. The value is parsed and validated against its type and then set to the binding.
 * A model implementation should check if the current default binding mode permits
 * setting the binding value and if so set the new value also in the model.
 *
 * @param {object} oValue the value to set for this binding
 * 
 * @throws sap.ui.model.ParseException
 * @throws sap.ui.model.ValidateException
 *
 * @public
 */
sap.ui.model.PropertyBinding.prototype.setExternalValue = function(oValue) {
	// formatter doesn't support two way binding
	if (this.fnFormatter) {
		return;
	}
	if (this.oType) {
		oValue = this.oType.parseValue(oValue, this.sInternalType);
		this.oType.validateValue(oValue);
	}
	// if no type specified set value directly
	this.setValue(oValue);
};

/**
 * Sets the optional type and internal type for the binding. The type and internal type are used to do the parsing/formatting correctly.
 * The internal type is the property type of the element which the value is formatted to.  
 *
 * @param {object} oType the sap.ui.model.Type for the binding
 * @param {String} sInternalType the internal type of the element property which this binding is bound against.
 * 
 * @public
 */
sap.ui.model.PropertyBinding.prototype.setType = function(oType, sInternalType) {
	this.oType = oType;
	this.sInternalType = sInternalType;
};

/**
 *  Returns the type if any for the binding.
 *  @returns the binding type
 *  @public
 */
sap.ui.model.PropertyBinding.prototype.getType = function() {
	return this.oType;
};

/**
 * Sets the optional formatter function for the binding.

 * @param {function} fnFormatter the formatter function for the binding
 * 
 * @public
 */
sap.ui.model.PropertyBinding.prototype.setFormatter = function(fnFormatter) {
	this.fnFormatter = fnFormatter;
};

/**
 *  Returns the formatter function
 *  @returns the formatter function
 *  @public
 */
sap.ui.model.PropertyBinding.prototype.getFormatter = function() {
	return this.fnFormatter;
};

}; // end of sap.ui.model.PropertyBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.control.ControlPropertyBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the JSON model implementation of a property binding
jQuery.sap.declare("sap.ui.model.control.ControlPropertyBinding");


/**
 *
 * @class
 * Property binding implementation for JSON format
 *
 * @param sPath
 * @param [oModel]
 * @name sap.ui.model.control.ControlPropertyBinding
 * @extends sap.ui.model.PropertyBinding
 */
sap.ui.model.PropertyBinding.extend("sap.ui.model.control.ControlPropertyBinding", /** @lends sap.ui.model.control.ControlPropertyBinding */ {
	
	constructor : function(oModel, sPath, oContext){
		sap.ui.model.PropertyBinding.apply(this, arguments);
		this.oValue = this._getValue();
	}

});

/**
 * Returns the current value of the bound target
 * @return {object} the current value of the bound target
 */
sap.ui.model.control.ControlPropertyBinding.prototype.getValue = function(){
	return this.oValue;
};

/**
 * Sets the current value on the control
 */
sap.ui.model.control.ControlPropertyBinding.prototype.setValue = function(oValue){
	this.oValue = oValue;
	this.oContext.setProperty(this.sPath, oValue);
};

/**
 * Returns the current value of the bound target (incl. re-evaluation)
 * @return {object} the current value of the bound target
 */
sap.ui.model.control.ControlPropertyBinding.prototype._getValue = function () {
	return this.oContext.getProperty(this.sPath);
};

/**
 * Setter for context
 */
sap.ui.model.control.ControlPropertyBinding.prototype.setContext = function(oContext) {
	this.oContext = oContext;
	this.checkUpdate();
};

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 * @protected
 */
sap.ui.model.control.ControlPropertyBinding.prototype.checkUpdate = function() {
	var oValue = this._getValue();
	if(oValue !== this.oValue) {// optimize for not firing the events when unneeded
		this.oValue = oValue;
		this._fireChange();
	}
};
}; // end of sap.ui.model.control.ControlPropertyBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.json.JSONPropertyBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the JSON model implementation of a property binding
jQuery.sap.declare("sap.ui.model.json.JSONPropertyBinding");


/**
 *
 * @class
 * Property binding implementation for JSON format
 *
 * @param sPath
 * @param [oModel]
 * @name sap.ui.model.json.JSONPropertyBinding
 * @extends sap.ui.model.PropertyBinding
 */
sap.ui.model.PropertyBinding.extend("sap.ui.model.json.JSONPropertyBinding", /** @lends sap.ui.model.json.JSONPropertyBinding */ {
	
	constructor : function(oModel, sPath, oContext){
		sap.ui.model.PropertyBinding.apply(this, arguments);
	
		this.oValue = this._getValue();
	}
	
});

/**
 * Creates a new subclass of class sap.ui.model.json.JSONPropertyBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.json.JSONPropertyBinding.extend
 * @function
 */

/**
 * @see sap.ui.model.PropertyBinding.prototype.getValue
 */
sap.ui.model.json.JSONPropertyBinding.prototype.getValue = function(){
	return this.oValue;
};


/**
 * Returns the current value of the bound target (incl. re-evaluation)
 * @return {object} the current value of the bound target
 */
sap.ui.model.json.JSONPropertyBinding.prototype._getValue = function(){
	var sProperty = this.sPath.substr(this.sPath.lastIndexOf("/")+1);
	if (sProperty == "__name__") {
		var aPath = this.oContext.split("/");
		return aPath[aPath.length - 1];
	}
	return this.oModel._getObject(this.sPath, this.oContext); // ensure to survive also not set model object
};

/**
 * @see sap.ui.model.PropertyBinding.prototype.setValue
 */
sap.ui.model.json.JSONPropertyBinding.prototype.setValue = function(oValue){
	if (!jQuery.sap.equal(this.oValue, oValue)){
		// the binding value will be updated by the model. The model calls checkupdate on all bindings after updating its value.
		this.oModel.setProperty(this.sPath, oValue, this.oContext);
	}
};

/**
 * Setter for context
 */
sap.ui.model.json.JSONPropertyBinding.prototype.setContext = function(oContext) {
	this.oContext = oContext;
	this.checkUpdate();
};

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 * 
 * @param {boolean} bForceupdate
 * 
 */
sap.ui.model.json.JSONPropertyBinding.prototype.checkUpdate = function(bForceupdate){
	var oValue = this._getValue();
	if(!jQuery.sap.equal(oValue, this.oValue) || bForceupdate) {// optimize for not firing the events when unneeded
		this.oValue = oValue;
		this._fireChange();
	}
};
}; // end of sap.ui.model.json.JSONPropertyBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.odata.ODataPropertyBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.model.odata.ODataPropertyBinding
jQuery.sap.declare("sap.ui.model.odata.ODataPropertyBinding");


/**
 *
 * @class
 * Property binding implementation for oData format
 *
 * @param sPath
 * @param [oModel]
 * 
 * @name sap.ui.model.odata.ODataPropertyBinding
 * @extends sap.ui.model.PropertyBinding
 */
sap.ui.model.PropertyBinding.extend("sap.ui.model.odata.ODataPropertyBinding", /** @lends sap.ui.model.odata.ODataPropertyBinding */ {
	
	constructor : function(oModel, sPath, oContext){
		sap.ui.model.PropertyBinding.apply(this, arguments);
	
		this.oValue = this._getValue();
	}

});

/**
 * Creates a new subclass of class sap.ui.model.odata.ODataPropertyBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.odata.ODataPropertyBinding.extend
 * @function
 */

/**
 * Returns the current value of the bound target
 * @return {object} the current value of the bound target
 * @protected
 */
sap.ui.model.odata.ODataPropertyBinding.prototype.getValue = function(){
	return this.oValue;
};

/**
 * Returns the current value of the bound target (incl. re-evaluation)
 * @return {object} the current value of the bound target
 */
sap.ui.model.odata.ODataPropertyBinding.prototype._getValue = function(){
	return this.oModel._getObject(this.sPath, this.oContext);
};

/**
 * @see sap.ui.model.PropertyBinding.prototype.setValue
 */
sap.ui.model.odata.ODataPropertyBinding.prototype.setValue = function(oValue){
	if (this.oValue != oValue){
		//the binding value will be updated by the model. The model calls checkupdate on all bindings after updating its value.
		if (!this.oModel.setProperty(this.sPath, oValue, this.oContext)) {
			this._fireChange();
		}
	}
};

/**
 * Setter for context
 */
sap.ui.model.odata.ODataPropertyBinding.prototype.setContext = function(oContext) {
	this.oContext = oContext;
	this.checkUpdate();
};

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 * 
 * @param {boolean} force no cache true/false: Default = false  
 * 
 */
sap.ui.model.odata.ODataPropertyBinding.prototype.checkUpdate = function(bForceUpdate){
	var oValue = this._getValue();
	if(oValue !== this.oValue || bForceUpdate) {// optimize for not firing the events when unneeded
		this.oValue = oValue;
		this._fireChange();
	}
};

sap.ui.model.odata.ODataPropertyBinding.prototype._refresh = function() {
	this.checkUpdate();
};
}; // end of sap.ui.model.odata.ODataPropertyBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.resource.ResourcePropertyBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the Resource model implementation of a property binding
jQuery.sap.declare("sap.ui.model.resource.ResourcePropertyBinding");


/**
 * @class
 * Property binding implementation for resource bundles
 *
 * @param sPath
 * @param [oModel]
 * @name sap.ui.model.resource.ResourcePropertyBinding
 */
sap.ui.model.PropertyBinding.extend("sap.ui.model.resource.ResourcePropertyBinding", /** @lends sap.ui.model.resource.ResourcePropertyBinding */ {
	
	constructor : function(oModel, sPath){
		sap.ui.model.PropertyBinding.apply(this, arguments);
	
		this.oValue = this.oModel.getProperty(sPath);
	}
	
});

/**
 * Creates a new subclass of class sap.ui.model.resource.ResourcePropertyBinding with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.resource.ResourcePropertyBinding.extend
 * @function
 */

/**
 * @see sap.ui.model.PropertyBinding.prototype.getValue
 */
sap.ui.model.resource.ResourcePropertyBinding.prototype.getValue = function(){
	return this.oModel.getProperty(this.sPath);
};
}; // end of sap.ui.model.resource.ResourcePropertyBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.xml.XMLPropertyBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the XML model implementation of a property binding
jQuery.sap.declare("sap.ui.model.xml.XMLPropertyBinding");


/**
 *
 * @class
 * Property binding implementation for XML format
 *
 * @param sPath
 * @param [oModel]
 * @name sap.ui.model.xml.XMLPropertyBinding
 * @extends sap.ui.model.PropertyBinding
 */
sap.ui.model.PropertyBinding.extend("sap.ui.model.xml.XMLPropertyBinding", /** @lends sap.ui.model.xml.XMLPropertyBinding */ {
	
	constructor : function(oModel, sPath, oContext){
		sap.ui.model.PropertyBinding.apply(this, arguments);
	
		this.oValue = this._getValue();
	}

});

/**
 * @see sap.ui.model.PropertyBinding.prototype.getValue
 */
sap.ui.model.xml.XMLPropertyBinding.prototype.getValue = function(){
	return this.oValue;
};

/**
 * Returns the current value of the bound target (incl. re-evaluation)
 * @return {object} the current value of the bound target
 */
sap.ui.model.xml.XMLPropertyBinding.prototype._getValue = function(){
	var sProperty = this.sPath.substr(this.sPath.lastIndexOf("/")+1);
	if (sProperty == "__name__") {
		var aPath = this.oContext.split("/");
		return aPath[aPath.length - 1];
	}
	return this.oModel.getProperty(this.sPath, this.oContext);
};

/**
 * @see sap.ui.model.PropertyBinding.prototype.setValue
 */
sap.ui.model.xml.XMLPropertyBinding.prototype.setValue = function(oValue){
	if (this.oValue != oValue){
		// the binding value will be updated by the model. The model calls checkupdate on all bindings after updating its value.
		this.oModel.setProperty(this.sPath, oValue, this.oContext);
	}
};

/**
 * Setter for context
 */
sap.ui.model.xml.XMLPropertyBinding.prototype.setContext = function(oContext) {
	this.oContext = oContext;
	this.checkUpdate();
};

/**
 * Check whether this Binding would provide new values and in case it changed,
 * inform interested parties about this.
 * 
 * @param {boolean} bForceupdate
 * 
 */
sap.ui.model.xml.XMLPropertyBinding.prototype.checkUpdate = function(bForceupdate){
	var oValue = this._getValue();
	if(oValue !== this.oValue || bForceupdate) {// optimize for not firing the events when unneeded
		this.oValue = oValue;
		this._fireChange();
	}
};
}; // end of sap.ui.model.xml.XMLPropertyBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.CompositeBinding') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides an abstract property binding.
jQuery.sap.declare("sap.ui.model.CompositeBinding");



/**
 * Constructor for CompositeBinding
 *
 * @class
 * The CompositeBinding is used to bundle multiple property bindings which are be used to provide a single binding against
 * these property bindings. Note: Only One Way binding is supported. So setValue and setExternalValue throw exceptions.
 *
 * @public
 * @name sap.ui.model.CompositeBinding
 */

sap.ui.model.PropertyBinding.extend("sap.ui.model.CompositeBinding", /** @lends sap.ui.model.CompositeBinding */ {

	constructor : function (aBindings, bRawValues) {
		sap.ui.model.Binding.apply(this, arguments); // TODO is this needed?
		this.aBindings = aBindings;
		this.bRawValues = bRawValues;
	},
	metadata : {
		
	  publicMethods : [
	          "getBindings", "attachChange", "detachChange"
	  ]
	}

});

sap.ui.model.CompositeBinding.prototype.getPath = function() {
	jQuery.sap.assert(null, "Composite Binding has no path!");
	return null;
};

sap.ui.model.CompositeBinding.prototype.getModel = function() {
	jQuery.sap.assert(null, "Composite Binding has no model!");
	return null;
};

sap.ui.model.CompositeBinding.prototype.getContext = function() {
	jQuery.sap.assert(null, "Composite Binding has no context!");
	return null;
};

sap.ui.model.CompositeBinding.prototype.getType = function() {
	jQuery.sap.assert(null, "Composite Binding type is not supported!");
	return null;
};

/**
 * sets the context for each property binding in this composite binding
 * @param {object} oContext the new context for the bindings
 */
sap.ui.model.CompositeBinding.prototype.setContext = function(oContext) {
	jQuery.each(this.aBindings, function(i, oBinding){
		// null context could also be set
		if(!oContext || oBinding.updateRequired(oContext.getModel())) {
			oBinding.setContext(oContext);
		}
	});
};

/**
 * Not supported for CompositeBinding as a composite binding contains an array of property bindings. 
 * An exception will be thrown. 
 *
 * @param {object} oValue the value to set for this binding
 * 
 * @throws sap.ui.base.Exception
 *
 * @public
 */
sap.ui.model.CompositeBinding.prototype.setValue = function(oValue) {
	throw new sap.ui.base.Exception("Composite Binding does not support setValue because it contains multiple property bindings!");
};

/**
 * Returns the raw values of the property bindings in an array.
 *
 * @return {object} the values of the internal property bindings in an array
 *
 * @public
 */
sap.ui.model.CompositeBinding.prototype.getValue = function() {	
	var aValues = [],
	oValue;

	jQuery.each(this.aBindings, function(i, oBinding) {
		oValue = oBinding.getValue();
		aValues.push(oValue);
	});

	return aValues;
};

/**
 * Returns the current external value of the bound target which is formatted via a type or formatter function. 
 *
 * @return {object} the current value of the bound target
 *
 *@throws sap.ui.model.FormatException
 *
 * @public
 */
sap.ui.model.CompositeBinding.prototype.getExternalValue = function() {	
	var aValues = [],
		oValue;
	if (this.bRawValues) {
		// type of property bindings is ignored here because we call getValue().
		aValues = this.getValue();
	} else {
		// composite type is ignored here and the property binding types are used in getExternalValue()
		jQuery.each(this.aBindings, function(i, oBinding) {
			oValue = oBinding.getExternalValue();
			aValues.push(oValue);
		});
	}
	
	if (this.fnFormatter) {
		oValue = this.fnFormatter.apply(this, aValues);
	} else {
		if ( aValues.length > 1) {
			// default: multiple values are joined together if no formatter specified
			oValue = aValues.join(" ");
		} else {
			oValue = aValues[0];
		}
	}
	
	return oValue;
};


/**
 * Not supported for CompositeBinding as a composite binding contains an array of property bindings. 
 * An exception will be thrown. 
 *
 * @param {object} oValue the value to set for this binding
 * 
 * @throws sap.ui.base.Exception
 *
 * @public
 */
sap.ui.model.CompositeBinding.prototype.setExternalValue = function(oValue) {
	throw new sap.ui.base.Exception("Composite Binding does not support setExternalValue because it contains multiple property bindings!");
};

/**
 * Returns the property bindings contained in this composite binding.
 *
 * @return {array} the property bindings in this composite binding
 *
 * @public
 */
sap.ui.model.CompositeBinding.prototype.getBindings = function() {
	return this.aBindings;
};

//Eventing and related
/**
* Attach event-handler <code>fnFunction</code> to the '_change' event of this <code>sap.ui.model.Model</code>.<br/>
* @param {function} fnFunction The function to call, when the event occurs.
* @param {object} [oListener] object on which to call the given function.
* @protected
*/
sap.ui.model.CompositeBinding.prototype.attachChange = function(fnFunction, oListener) {
	
	jQuery.each(this.aBindings, function(i, oBinding){
		oBinding.attachChange(fnFunction, oListener);
	});
};

/**
* Detach event-handler <code>fnFunction</code> from the '_change' event of this <code>sap.ui.model.Model</code>.<br/>
* @param {function} fnFunction The function to call, when the event occurs.
* @param {object} [oListener] object on which to call the given function.
* @protected
*/
sap.ui.model.CompositeBinding.prototype.detachChange = function(fnFunction, oListener) {
	jQuery.each(this.aBindings, function(i, oBinding){
		oBinding.detachChange(fnFunction, oListener);
	});
};

/**
 * Determines if the property bindings in the composite binding should be updated by calling updateRequired on all property bindings with the specified model.
 * @param {object} oModel The model instance to compare against
 * @returns {boolean} true if this binding should be updated
 * @protected
 */
sap.ui.model.CompositeBinding.prototype.updateRequired = function(oModel) {
	var bUpdateRequired = false;
	jQuery.each(this.aBindings, function(i, oBinding){
		bUpdateRequired = bUpdateRequired || oBinding.updateRequired(oModel);
	});
	return bUpdateRequired;

};


}; // end of sap.ui.model.CompositeBinding
if ( !jQuery.sap.isDeclared('sap.ui.model.control.ControlModel') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * Control-based DataBinding
 *
 * @namespace
 * @name sap.ui.model.control
 * @public
 */

// Provides the JSON object based model implementation
jQuery.sap.declare("sap.ui.model.control.ControlModel");


//jQuery.sap.require("sap.ui.model.control.ControlListBinding");

/**
 * Constructor for a new ControlModel.
 *
 * @class
 * Model implementation for Control model
 *
 * @extends sap.ui.model.Model
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @name sap.ui.model.control.ControlModel
 */
sap.ui.model.Model.extend("sap.ui.model.control.ControlModel", /** @lends sap.ui.model.control.ControlModel */ {
	
	constructor : function (oControl) {
		sap.ui.model.Model.apply(this, arguments);
		this.oControl = oControl;
		this.oControl.attachEvent("_change", this.checkUpdate, this);
		this.oElements = [];
	}

});

/**
 */
sap.ui.model.control.ControlModel.prototype.destroy = function() {
	this.oControl.detachEvent("_change", this.checkUpdate, this);
};

/**
 */
sap.ui.model.control.ControlModel.prototype.addFacadeComponent = function(oElement) {
	var i=jQuery.inArray(oElement, this.oElements);
	if ( i<0 ) {
		this.oElements.push(oElement);
		oElement.attachEvent("_change", this.checkUpdate, this);
	}
};

/**
 */
sap.ui.model.control.ControlModel.prototype.removeFacadeComponent = function(oElement) {
	var i=jQuery.inArray(oElement, this.oElements);
	if ( i>= 0 ) {
		this.oElements.splice(i, 1);
		oElement.detachEvent("_change", this.checkUpdate, this);
	}
};

/**
 * @see sap.ui.model.Model.prototype.bindProperty
 */
sap.ui.model.control.ControlModel.prototype.bindProperty = function(sPath, oContext) {
	oContext = oContext || this.oControl;
	if ( oContext !== this.oControl ) {
		this.addFacadeComponent(oContext);
	}
	return new sap.ui.model.control.ControlPropertyBinding(this, sPath, oContext);
};

/**
 */
sap.ui.model.control.ControlModel.prototype.checkUpdate = function(oEvent) {
	if ( this._onchange ) {
		this._onchange(oEvent);
	}
	if ( this.aBindings.length ) {
		// TODO optimize with info from event object (control & property)
		var aBindings = this.aBindings.slice(0);
		jQuery.each(aBindings, function(iIndex, oBinding) {
			oBinding.checkUpdate();
		});
	}
};
}; // end of sap.ui.model.control.ControlModel
if ( !jQuery.sap.isDeclared('sap.ui.model.json.JSONModel') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * JSON-based DataBinding
 *
 * @namespace
 * @name sap.ui.model.json
 * @public
 */

// Provides the JSON object based model implementation
jQuery.sap.declare("sap.ui.model.json.JSONModel");





/**
 * Constructor for a new JSONModel.
 *
 * @class
 * Model implementation for JSON format
 *
 * @extends sap.ui.model.Model
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @param {object} oData either the URL where to load the JSON from or a JS object
 * @constructor
 * @public
 * @name sap.ui.model.json.JSONModel
 */
sap.ui.model.Model.extend("sap.ui.model.json.JSONModel", /** @lends sap.ui.model.json.JSONModel */ {
	
	constructor : function(oData) {
		sap.ui.model.Model.apply(this, arguments);
		
		this.bCache = true;
		
		if (typeof oData == "string"){
			this.loadData(oData);
		}
		else if (oData && typeof oData == "object"){
			this.setData(oData);
		}
	},

	metadata : {
		publicMethods : ["loadData", "setData", "getData", "setJSON", "getJSON", "setProperty", "forceNoCache"]
	}

});

/**
 * Creates a new subclass of class sap.ui.model.json.JSONModel with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.json.JSONModel.extend
 * @function
 */

/**
 * Sets the JSON encoded data to the model.
 *
 * @param {object} oData the data to set on the model
 * @param {boolean} [bMerge=false] whether to merge the data instead of replacing it
 *
 * @public
 */
sap.ui.model.json.JSONModel.prototype.setData = function(oData, bMerge){
	if (bMerge) {
		// do a deep copy
		this.oData = jQuery.extend(true, {}, this.oData, oData);
	} else {
		this.oData = oData;
	}
	this.checkUpdate();
};

/**
 * Returns the current JSON data of the model.
 * Be aware that the returned object is a reference to the model data so all changes to that data will also change the model data.
 *
 * @return the JSON data object
 * @public
 */
sap.ui.model.json.JSONModel.prototype.getData = function(){
	return this.oData;
};

/**
 * Sets the JSON encoded string data to the model.
 *
 * @param {string} sJSONText the string data to set on the model
 * @param {boolean} [bMerge=false] whether to merge the data instead of replacing it
 *
 * @public
 */
sap.ui.model.json.JSONModel.prototype.setJSON = function(sJSONText, bMerge){
	var oJSONData;
	try {
		oJSONData = jQuery.parseJSON(sJSONText);
		this.setData(oJSONData, bMerge);
	} catch (e) {
		jQuery.sap.log.fatal("The following problem occurred: JSON parse Error: " + e);
		this.fireParseError({url : "", errorCode : -1,
			reason : "", srcText : e, line : -1, linepos : -1, filepos : -1});
	}
};

/**
 * Serializes the current JSON data of the model into a string.
 * Note: May not work in Internet Explorer 8 because of lacking JSON support (works only if IE 8 mode is enabled)
 *
 * @return the JSON data serialized as string
 * @public
 */
sap.ui.model.json.JSONModel.prototype.getJSON = function(){
	return JSON.stringify(this.oData);
};

/**
 * Load JSON-encoded data from the server using a GET HTTP request and store the resulting JSON data in the model.
 * Note: Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy,
 * the request can not successfully retrieve data from a different domain, subdomain, or protocol.
 *
 * @param {string} sURL A string containing the URL to which the request is sent.
 * @param {object | string}[oParameters] A map or string that is sent to the server with the request.
 * Data that is sent to the server is appended to the URL as a query string.
 * If the value of the data parameter is an object (map), it is converted to a string and
 * url-encoded before it is appended to the URL.
 * @param {boolean} [async=true] By default, all requests are sent asynchronous
 * (i.e. this is set to true by default). If you need synchronous requests, set this option to false.
 * Cross-domain requests do not support synchronous operation. Note that synchronous requests may
 * temporarily lock the browser, disabling any actions while the request is active.
 * @param {string} [sType=GET] The type of request to make ("POST" or "GET"), default is "GET".
 * Note: Other HTTP request methods, such as PUT and DELETE, can also be used here, but
 * they are not supported by all browsers.
 * @param {boolean} [bMerge=false] whether the data should be merged instead of replaced
 * @param {string} [bCache=false] force no caching if false. Default is false
 * @param {object} mHeaders An object of additional header key/value pairs to send along with the request
 *
 * @public
 */
sap.ui.model.json.JSONModel.prototype.loadData = function(sURL, oParameters, bAsync, sType, bMerge, bCache, mHeaders){
	var that = this;
	if (bAsync !== false) {
		bAsync = true;
	}
	if (!sType)	{
		sType = "GET";
	}
	if (bCache === undefined) {
		bCache = this.bCache;
	}
	
	this.fireRequestSent({url : sURL, type : sType, async : bAsync, headers: mHeaders, info : "cache="+bCache+";bMerge=" + bMerge});
	jQuery.ajax({
	  url: sURL,
	  async: bAsync,
	  dataType: 'json',
	  cache: bCache,
	  data: oParameters,
	  headers: mHeaders,
	  type: sType,
	  success: function(oData) {
		if (!oData) {
			jQuery.sap.log.fatal("The following problem occurred: No data was retrieved by service: " + sURL);
		}
		that.setData(oData, bMerge);
		that.fireRequestCompleted({url : sURL, type : sType, async : bAsync, headers: mHeaders, info : "cache=false;bMerge=" + bMerge});
	  },
	  error: function(XMLHttpRequest, textStatus, errorThrown){
		jQuery.sap.log.fatal("The following problem occurred: " + textStatus, XMLHttpRequest.responseText + ","
					+ XMLHttpRequest.status + "," + XMLHttpRequest.statusText);
		that.fireRequestCompleted({url : sURL, type : sType, async : bAsync, headers: mHeaders, info : "cache=false;bMerge=" + bMerge});
		that.fireRequestFailed({message : textStatus,
			statusCode : XMLHttpRequest.status, statusText : XMLHttpRequest.statusText, responseText : XMLHttpRequest.responseText});
	  }
	});
};

/**
 * Private method iterating the registered bindings of this model instance and initiating their check for update
 *
 * @param {boolean} bForceupdate
 *
 * @private
 */
sap.ui.model.json.JSONModel.prototype.checkUpdate = function(bForceupdate) {
	var aBindings = this.aBindings.slice(0);
	jQuery.each(aBindings, function(iIndex, oBinding) {
		oBinding.checkUpdate(bForceupdate);
	});
};


/**
 * @see sap.ui.model.Model.prototype.bindProperty
 *
 */
sap.ui.model.json.JSONModel.prototype.bindProperty = function(sPath, oContext, mParameters) {
	var oBinding = new sap.ui.model.json.JSONPropertyBinding(this, sPath, oContext, mParameters);
	return oBinding;
};

/**
 * @see sap.ui.model.Model.prototype.bindList
 *
 */
sap.ui.model.json.JSONModel.prototype.bindList = function(sPath, oContext, oSorter, aFilters, mParameters) {
	var oBinding = new sap.ui.model.json.JSONListBinding(this, sPath, oContext, oSorter, aFilters, mParameters);
	return oBinding;
};

/**
 * @see sap.ui.model.Model.prototype.bindTree
 *
 * @param {object}
 *         [mParameters=null] additional model specific parameters (optional)
 *         If the mParameter <code>arrayNames</code> is specified with an array of string names this names will be checked against the tree data structure
 *         and the found data in this array is included in the tree but only if also the parent array is included.
 *         If this parameter is not specified then all found arrays in the data structure are bound.
 *         If the tree data structure doesn't contain an array you don't have to specify this parameter.
 *         
 */
sap.ui.model.json.JSONModel.prototype.bindTree = function(sPath, oContext, aFilters, mParameters) {
	var oBinding = new sap.ui.model.json.JSONTreeBinding(this, sPath, oContext, aFilters, mParameters);
	return oBinding;
};

/**
 * @see sap.ui.model.Model.prototype.bindElement
 *
 */
/**
 * @see sap.ui.model.Model.prototype.createBindingContext
 *
 */
sap.ui.model.json.JSONModel.prototype.createBindingContext = function(sPath, oContext, mParameters, fnCallBack) {
	// optional parameter handling
	if (typeof oContext == "function") {
		fnCallBack = oContext;
		oContext = null;
	}
	if (typeof mParameters == "function") {
		fnCallBack = mParameters;
		mParameters = null;
	}
	// resolve path and create context
	var sContextPath = this.resolve(sPath, oContext),
		oNewContext = (sContextPath == undefined) ? undefined : this.getContext(sContextPath ? sContextPath : "/");
	fnCallBack(oNewContext);
};

/**
 * @see sap.ui.model.Model.prototype.destroyBindingContext
 *
 */
sap.ui.model.json.JSONModel.prototype.destroyBindingContext = function(oContext) {
	// TODO: what todo here?
};

/**
 * Sets a new value for the given property <code>sPropertyName</code> in the model.
 * If the model value changed all interested parties are informed.
 *
 * @param {string}  sPath path of the property to set
 * @param {any}     oValue value to set the property to
 * @param {object} [oContext=null] the context which will be used to set the property
 * @public
 */
sap.ui.model.json.JSONModel.prototype.setProperty = function(sPath, oValue, oContext) {
	var sObjectPath = sPath.substring(0, sPath.lastIndexOf("/")),
		sProperty = sPath.substr(sPath.lastIndexOf("/")+1);
	if (!sObjectPath && !oContext) {
		oContext = this.oData;
	}

	var oObject = this._getObject(sObjectPath, oContext);
	if (oObject) {
		oObject[sProperty] = oValue;
		this.checkUpdate();
	}
};

/**
* Returns the value for the property with the given <code>sPropertyName</code>
*
* @param {string} sPath the path to the property
* @param {object} [oContext=null] the context which will be used to retrieve the property
* @type any
* @return the value of the property
* @public
*/
sap.ui.model.json.JSONModel.prototype.getProperty = function(sPath, oContext) {
	return this._getObject(sPath, oContext);

};

/**
 * @param sPath
 * @param oContext
 * @returns the node of the specified path/context
 */
sap.ui.model.json.JSONModel.prototype._getObject = function (sPath, oContext) {
	var oNode = this.isLegacySyntax() ? this.oData : null;
	if (oContext instanceof sap.ui.model.Context){
		oNode = this._getObject(oContext.getPath());
	}
	else if (oContext){
		oNode = oContext;
	}
	if (!sPath) {
		return oNode;
	}
	var aParts = sPath.split("/"),
		iIndex = 0;
	if (!aParts[0]) {
		// absolute path starting with slash
		oNode = this.oData;
		iIndex++;
	}
	while(oNode && aParts[iIndex]) {
		oNode = oNode[aParts[iIndex]];
		iIndex++;
	}
	return oNode;
};

/**
 * update all bindings
 * @param {boolean} bForceUpdate true/false: Default = false. If set to false an update 
 * 					will only be done when the value of a binding changed.   
 * @public
 */
sap.ui.model.json.JSONModel.prototype.updateBindings = function(bForceUpdate) {
	this.checkUpdate(bForceUpdate);
};

/**
 * Force no caching
 * @param {boolean} force no cache true/false: Default = true  
 * @public
 */
sap.ui.model.json.JSONModel.prototype.forceNoCache = function(bForceNoCache) {
	this.bCache = !bForceNoCache; 
};

}; // end of sap.ui.model.json.JSONModel
if ( !jQuery.sap.isDeclared('sap.ui.model.odata.ODataModel') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * OData-based DataBinding
 *
 * @namespace
 * @name sap.ui.model.odata
 * @public
 */

// Provides class sap.ui.model.odata.ODataModel
jQuery.sap.declare("sap.ui.model.odata.ODataModel");
jQuery.sap.require('sap.ui.thirdparty.datajs'); // unlisted dependency retained






/*global OData *///declare unusual global vars for JSLint/SAPUI5 validation

/**
 * Constructor for a new ODataModel.
 *
 * @param {string} sServiceUrl required - base uri of the service to request data from; additional URL parameters appended here will be appended to every request
 * @param {string} [bJSON] (optional) true to request data as JSON
 * @param {string} [sUser] (optional) user
 * @param {string} [sPassword] (optional) password
 * @param {object} [mHeaders] (optional) map of custom headers which should be set in each request.
 *
 * @class
 * Model implementation for oData format
 *
 * @extends sap.ui.model.Model
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @constructor
 * @public
 * @name sap.ui.model.odata.ODataModel
 */
sap.ui.model.Model.extend("sap.ui.model.odata.ODataModel", /** @lends sap.ui.model.odata.ODataModel */ {
	
	constructor : function(sServiceUrl, bJSON, sUser, sPassword, mHeaders) {
		sap.ui.model.Model.apply(this, arguments);
	
		this.sDefaultBindingMode = sap.ui.model.BindingMode.OneWay;
		this.mSupportedBindingModes = {"OneWay": true, "OneTime": true, "TwoWay":true};
		this.bCountSupported = true;
		this.bJSON = bJSON;
		this.bCache = true;
		this.oRequestQueue = [];
		this.aBatchOperations = [];
		this.oHandler;
		this.sETag = '';
		
		// prepare variables for request headers, data and metadata
		// TODO: metadata should be an separate object furthermore
		this.oHeaders = {};
		this.setHeaders(mHeaders);
		this.oData = {};
		this.oMetadata = {};
	
		// determine the service base url and the url parameters
		if (sServiceUrl.indexOf("?") == -1) {
			this.sServiceUrl = sServiceUrl;
		} else {
			var aUrlParts = sServiceUrl.split("?");
			this.sServiceUrl = aUrlParts[0];
			this.sUrlParams = aUrlParts[1];
		}
	
		// Remove trailing slash (if any)
		this.sServiceUrl = this.sServiceUrl.replace(/\/$/, "");
	
		// store user and password
		this.sUser = sUser;
		this.sPassword = sPassword;
		
		this.oHeaders["x-csrf-token"] = "Fetch";
	
		// load the metadata before setting accept headers because metadata is only available as XML
		this._loadMetadata();
	
		// set the the header for the accepted content types
		if (this.bJSON) {
			this.oHeaders["Accept"] = "application/json";
			this.oHandler = OData.jsonHandler;
		} else {
			this.oHeaders["Accept"] = "application/atom+xml,application/atomsvc+xml,application/xml";
			this.oHandler = OData.atomHandler;
		}
		
		this.oHeaders["Accept-Language"] = sap.ui.getCore().getConfiguration().getLanguage();
		
		// the max version number the client can accept in a response 
		this.oHeaders["MaxDataServiceVersion"] = "2.0";
		
		// set version to 2.0 because 1.0 does not support e.g. skip/top, inlinecount...
		// states the version of the Open Data Protocol used by the client to generate the request.
		this.oHeaders["DataServiceVersion"] = "2.0";
		
	},
	metadata : {
	
		publicMethods : ["create", "remove", "update", "submitChanges", "getServiceMetadata", "read", "hasPendingChanges", "refresh", "resetChanges",
		                 "isCountSupported", "setCountSupported", "forceNoCache", "setProperty", "refreshSecurityToken", "setHeaders", "getHeaders"]
	}
});

/**
 * Creates a new subclass of class sap.ui.model.odata.ODataModel with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.odata.ODataModel.extend
 * @function
 */

//
sap.ui.model.odata.ODataModel.M_EVENTS = {
		RejectChange: "rejectChange"
};

sap.ui.model.odata.ODataModel.prototype.fireRejectChange = function(mArguments) {
	this.fireEvent("rejectChange", mArguments);
	return this;
};

sap.ui.model.odata.ODataModel.prototype.attachRejectChange = function(oData, fnFunction, oListener) {
	this.attachEvent("rejectChange", oData, fnFunction, oListener);
	return this;
};

sap.ui.model.odata.ODataModel.prototype.detachRejectChange = function(fnFunction, oListener) {
	this.detachEvent("rejectChange", fnFunction, oListener);
	return this;
};

/**
 * creates a request object
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._createRequest = function(sPath, aUrlParams, bAsync, bCache) {

	// create the url for the service
	var sUrl = this.sServiceUrl;
	if (sPath) {
		if (!jQuery.sap.startsWith(sPath, "/")) {
			sUrl += "/";
		}
		sUrl += sPath;
	}
	if (!aUrlParams) {
		aUrlParams = [];
	}
	if (this.sUrlParams) {
		aUrlParams.push(this.sUrlParams);
	}
	if (aUrlParams.length > 0) {
		sUrl += "?" + aUrlParams.join("&");
	}
	if (bCache === undefined) {
		bCache = true;
	}
	if (bCache === false) {

		var timeStamp = jQuery.now();
		// try replacing _= if it is there
		var ret = sUrl.replace( /([?&])_=[^&]*/, "$1_=" + timeStamp );
		// if nothing was replaced, add timestamp to the end
		sUrl = ret + ( ( ret === sUrl ) ? ( /\?/.test( sUrl ) ? "&" : "?" ) + "_=" + timeStamp : "" );
	}
	
	var oChangeHeader = {};
	jQuery.extend(oChangeHeader, this.mCustomHeaders, this.oHeaders);
	
	// create a request object for the url, url params and async option
	return {
		requestUri: sUrl,
		headers: oChangeHeader,
		async: bAsync,
		user: this.sUser,
		password: this.sPassword
	};

}; 

/**
 * Loads the metadata for the service
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._loadMetadata = function() {

	// create a sychronous request object for the metadata request
	var oRequest = this._createRequest("$metadata", null, false);

	// request the metadata of the service (currently this is done synchronously)
	var that = this;

	function _handleSuccess(oMetadata, oResponse) {
		if (oResponse) {
			that._convertHeaders("x-csrf-token", oResponse.headers);
			that.oHeaders["x-csrf-token"] = oResponse.headers["x-csrf-token"];
		}
		that.oMetadata = new sap.ui.model.odata.ODataMetadata(oMetadata);
	}

	function _handleError(oError) {
		that.oMetadata = new sap.ui.model.odata.ODataMetadata(null);
		that._handleError(oError);
	}

	// execute the request
	OData.read(oRequest, _handleSuccess, _handleError, OData.metadataHandler);

};

/**
 * Does a request using the service URL and configuration parameters 
 * provided in the model's constructor and sets the response data into the
 * model. This request is performed asynchronously.
 *
 * @param {string}
 *            sPath Path A string containing the path to the data which should
 *            be retrieved. The path is concatenated to the <code>sServiceUrl</code>
 *            which was specified in the model constructor.
 * @param {function}
 *            [fnSuccess] a callback function which is called when the data has
 *            been successfully retrieved and stored in the model
 * @param {function}
 *            [fnError] a callback function which is called when the request failed
 *            
 * @param {boolean} [bCache=true] Force no caching if false
 *
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._loadData = function(sPath, aParams, fnSuccess, fnError, oContext, bCache, fnHandleUpdate){

	 /*
	  * TODO: Johannes, Malte: check whether this is OK or not?
	  *
	  * We added a 5th parameter to support loading data within a context scope.
	  * In case of the ExactBrowser this led to the issue, that fn: checkUpdate
	  * updated all the bindings and also the root binding, which finally reset
	  * the ExactBrowser and the nested levels will not show up. By adding the
	  * context to this function it is possible now to update only the relevant
	  * bindings!
	  *
	  * To reproduce the issue just avoid to pass the binding context to the
	  * checkUpdate function and use the following Snippix sample: #3867
	  *
	  * Other change is in the ODataModel where this function is called when
	  * loading additional contexts.
	  */

	// create a request object for the data request
	var oRequestHandle,
		oRequest = this._createRequest(sPath, aParams, true, bCache || this.bCache);

	// request the data of the service for the given path
	var that = this;

	function _handleSuccess(oData, oResponse) {

		// no data available
		if (!oData) {
			jQuery.sap.log.fatal("The following problem occurred: No data was retrieved by service: " + oResponse.requestUri);
		}

		aResults = aResults.concat(oData.results);
		// check if not all requested data was loaded
		if (oData.__next){
			// replace request uri with next uri to retrieve additional data
			oRequest.requestUri = oData.__next;
			readRequestedData(oRequest);
		}else{
			// all data is read so merge all data
			jQuery.extend(oData.results, aResults);
			// broken implementations need this
			if (oData.results && !jQuery.isArray(oData.results)) {
				oData = oData.results;
			}
			
			// adding the result data to the data object
			that._importData(oData);

			if (fnSuccess) {
				fnSuccess(oData);
			}
			that.sChangeKey = null;
			that.checkUpdate(oContext); /* TODO: Johannes, Malte: check whether this is OK or not? */
			that.fireRequestCompleted({url : oRequest.requestUri, type : "GET", async : oRequest.async, info: "Accept headers:" + that.oHeaders["Accept"]});
		}
	}

	function _handleError(oError) {
		if (fnError) {
			fnError();
		}
		
		var mParameters = that._handleError(oError);
		
		that.sChangeKey = null;
		
		that.fireRequestCompleted({url : oRequest.requestUri, type : "GET", async : oRequest.async, info: "Accept headers:" + that.oHeaders["Accept"]});
		that.fireRequestFailed(mParameters);

	}

	/**
	 * this method is used to retrieve all desired data. It triggers additional read requests if the server paging size
	 * permits to return all the requested data. This could only happen for servers with support for oData > 2.0.
	 */
	function readRequestedData(request){
		// execute the request and use the metadata if available
		oRequestHandle = OData.read(oRequest, _handleSuccess, _handleError, this.oHandler, undefined, that.oMetadata.getServiceMetadata());
		if (fnHandleUpdate) { 
			fnHandleUpdate(oRequestHandle);
		}
	}

	// execute request
	var aResults = [];
	this.fireRequestSent({url : oRequest.requestUri, type : "GET", async : oRequest.async, info: "Accept headers:" + this.oHeaders["Accept"]});
	readRequestedData(oRequest);
};

/**
 * Imports the data to the internal storage.
 * Nested entries are processed recursively, moved to the canonic location and referenced from the parent entry.
 */
sap.ui.model.odata.ODataModel.prototype._importData = function(oData){
	var that = this,
		aList, sKey, oResult, oEntry;
	if (oData.results) {
		aList = [];
		jQuery.each(oData.results, function(i, entry) {
			aList.push(that._importData(entry));
		});
		return aList;
	} else {
		sKey = this._getKey(oData);
		oEntry = this.oData[sKey];
		if (!oEntry) {
			oEntry = oData;	
			this.oData[sKey] = oEntry;
		}
		jQuery.each(oData, function(sName, oProperty) {
			if (oProperty && (oProperty.__metadata && oProperty.__metadata.uri || oProperty.results) && !oProperty.__deferred) {
				oResult = that._importData(oProperty);
				if (jQuery.isArray(oResult)) {
					oEntry[sName] = { __list: oResult };
				}
				else {
					oEntry[sName] = { __ref: oResult	};
				}
			} else {
				oEntry[sName] = oProperty;
			}
		});
		return sKey;
	}
};

/**
 * Remove references of navigation properties created in importData function
 */
sap.ui.model.odata.ODataModel.prototype._removeReferences = function(oData){
	var that = this, aList;
	if (oData.results) {
		aList = [];
		jQuery.each(oData.results, function(i, entry) {
			aList.push(that._removeReferences(entry));
		});
		return aList;
	} else {
		jQuery.each(oData, function(sPropName, oCurrentEntry) {
			if (oCurrentEntry) {
				if (oCurrentEntry["__ref"] || oCurrentEntry["__list"]) {
					delete oData[sPropName];				
				}
			}
		});
		return oData;
	}
};

/**
 * Restore reference entries of navigation properties created in importData function 
 */
sap.ui.model.odata.ODataModel.prototype._restoreReferences = function(oData){
	var that = this,
 	oCurrentEntry, aList,
 	aResults = [];
	if (oData.results) {
		aList = [];
		jQuery.each(oData.results, function(i, entry) {
			aList.push(that._restoreReferences(entry));
		});
		return aList;
	} else {
		jQuery.each(oData, function(sPropName, oCurrentEntry) {
			if (oCurrentEntry && oCurrentEntry["__ref"]) {
				var oChildEntry = that._getObject("/" + oCurrentEntry["__ref"]);
				jQuery.sap.assert(oChildEntry, "ODataModel inconsistent: " + oCurrentEntry["__ref"] + " not found!");
				if (oChildEntry) {
					delete oCurrentEntry["__ref"];
					oData[sPropName] = oChildEntry;
					// check recursively for found child entries
					that._restoreReferences(oChildEntry);
				}
			} else if (oCurrentEntry && oCurrentEntry["__list"]) {
				jQuery.each(oCurrentEntry["__list"], function(j, sEntry) {
					var oChildEntry = that._getObject("/" + oCurrentEntry["__list"][j]);
					jQuery.sap.assert(oChildEntry, "ODataModel inconsistent: " +  oCurrentEntry["__list"][j] + " not found!");
					if (oChildEntry) {
						aResults.push(oChildEntry);
						// check recursively for found child entries
						that._restoreReferences(oChildEntry);
					}
				});
				delete oCurrentEntry["__list"];
				oCurrentEntry.results = aResults;
				aResults = [];
			}
		});
		return oData;
	}
};

/**
 * removes all existing data from the model and removes all bindings
 */
sap.ui.model.odata.ODataModel.prototype.removeData = function(){
	this.oData = {};
	this.aBindings = [];
};

/**
 * Private method iterating the registered bindings of this model instance and initiating their check for update
 *
 * @param {object}
 *          oContext
 * @param {boolean}
 *          bForceUpdate
 *
 * @private
 */
sap.ui.model.odata.ODataModel.prototype.checkUpdate = function(oContext, bForceUpdate) {
	var aBindings = this.aBindings.slice(0);
	jQuery.each(aBindings, function(iIndex, oBinding) {
		if ((!oContext || oBinding.getContext() == oContext) || bForceUpdate) {
			oBinding.checkUpdate(bForceUpdate);
		}
	});
};

/**
 * @see sap.ui.model.Model.prototype.bindProperty
 */
sap.ui.model.odata.ODataModel.prototype.bindProperty = function(sPath, oContext, mParameters) {
	var oBinding = new sap.ui.model.odata.ODataPropertyBinding(this, sPath, oContext, mParameters);
	return oBinding;
};

/**
 * @see sap.ui.model.Model.prototype.bindList
 */
sap.ui.model.odata.ODataModel.prototype.bindList = function(sPath, oContext, oSorter, aFilters, mParameters) {
	var oBinding = new sap.ui.model.odata.ODataListBinding(this, sPath, oContext, oSorter, aFilters, mParameters);
	return oBinding;
};

/**
 * @see sap.ui.model.Model.prototype.createBindingContext
 */
sap.ui.model.odata.ODataModel.prototype.createBindingContext = function(sPath, oContext, mParameters, fnCallBack, bForceUpdate) {
	// optional parameter handling
	if (typeof oContext == "function") {
		fnCallBack = oContext;
		oContext = null;
	}
	if (typeof mParameters == "function") {
		fnCallBack = mParameters;
		mParameters = null;
	}
	// try to resolve path, send a request to the server if data is not available yet
	// if we have set forceUpdate in mParameters we send the request even if the data is available
	var oData = this._getObject(sPath, oContext),
		sKey,
		oNewContext,
		that = this;
	if (oData && !bForceUpdate) {
		sKey = this._getKey(oData);
		oNewContext = this.getContext(sKey);
		fnCallBack(oNewContext);
	}
	else {
		var bIsRelative = !jQuery.sap.startsWith(sPath, "/"),
			sFullPath = this.resolve(sPath, oContext);
		if (sFullPath) {
			var aParams = [],
				sCustomParams = this.createCustomParams(mParameters);
			if (sCustomParams) {
				aParams.push(sCustomParams);
			}
			this._loadData(sFullPath, aParams, function(oData) {
				sKey = oData ? that._getKey(oData) : undefined;
				if (sKey && oContext && bIsRelative) {
					var sContextPath = oContext.getPath();
					// remove starting slash
					sContextPath = sContextPath.substr(1);
					that.oData[sContextPath][sPath] = {__ref: sKey};
				}
				oNewContext = that.getContext(sKey);
				fnCallBack(oNewContext);
			}, function() {
				fnCallBack(); // error - notify to recreate contexts
			});
		} else {
			fnCallBack(); // error - notify to recreate contexts
		}
	}
};

/**
 * @see sap.ui.model.Model.prototype.destroyBindingContext
 */
sap.ui.model.odata.ODataModel.prototype.destroyBindingContext = function(oContext) {
};

/**
 * Create URL parameters from custom parameters
 * @private
 */
sap.ui.model.odata.ODataModel.prototype.createCustomParams = function(mParameters) {
	var aCustomParams = [],
		mSupportedParams = {
			expand: true,
			select: true
		};
	for (var sName in mParameters) {
		if (sName in mSupportedParams) {
			aCustomParams.push("$" + sName + "=" + jQuery.sap.encodeURL(mParameters[sName]));
		}
	}
	return aCustomParams.join("&");
};

/**
 * Sets whether this OData service supports $count on its collections
 *
 * @param {boolean} bCountSupported
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.setCountSupported = function(bCountSupported) {
	this.bCountSupported = bCountSupported;
};

/**
 * Returns whether this model supports the $count on its collections
 *
 * @returns {boolean}
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.isCountSupported = function() {
	return this.bCountSupported;
};


/**
 * Returns the key part from the complete entry URI
 */
sap.ui.model.odata.ODataModel.prototype._getKey = function(oEntry) {
	var sURI = oEntry.__metadata.uri;
	return sURI.substr(sURI.lastIndexOf("/") + 1);
};


/**
 * Returns the value for the property with the given <code>sPropertyName</code>
 *
 * @param {string}
 *          sPath the path/name of the property
 * @param {object} [oContext] the context if available to access the property value
 * @param {boolean} [bIncludeExpandEntries=null] This parameter should be set when a URI or custom parameter 
 * with a $expand System Query Option was used to retrieve associated entries embedded/inline.
 * If true then the getProperty function returns a desired property value/entry and includes the associated expand entries (if any).
 * If false the associated/expanded entry properties are removed and not included in the
 * desired entry as properties at all. This is useful for performing updates on the base entry only. Note: A copy and not a reference of the entry will be returned.
 * @type any
 * @return the value of the property
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.getProperty = function(sPath, oContext, bIncludeExpandEntries) {
	var oValue = this._getObject(sPath, oContext);
	
	// same behavior as before
	if (bIncludeExpandEntries == null || bIncludeExpandEntries == undefined) {
		return oValue;
	}
	
	// if value is a plain value and not an object we return directly
	if (!jQuery.isPlainObject(oValue)) {
		return oValue;
	}
	
	// do a value copy or the changes to that value will be modified in the model as well (reference)
	oValue = jQuery.extend(true, {}, oValue);
	
	if (bIncludeExpandEntries == true) {
		// include expand entries
		return this._restoreReferences(oValue);		
	} else {
		// remove expanded references
		return this._removeReferences(oValue);
	}

};

/**
 * @param sPath
 * @param oContext
 * @returns
 */
sap.ui.model.odata.ODataModel.prototype._getObject = function(sPath, oContext) {
	var oNode = this.isLegacySyntax() ? this.oData : null,
		sKey;
	if (oContext) {
		sKey = oContext.getPath();
		// remove starting slash
		sKey = sKey.substr(1);
		oNode = this.oData[sKey];
	}
	if (!sPath) {
		return oNode;
	}
	var aParts = sPath.split("/"),
		iIndex = 0;
	if (!aParts[0]) {
		// absolute path starting with slash
		oNode = this.oData;
		iIndex++;
	}
	while(oNode && aParts[iIndex]) {
		oNode = oNode[aParts[iIndex]];
		if (oNode) {
			if (oNode.__ref) {
				oNode = this.oData[oNode.__ref];
			}
			else if (oNode.__list) {
				oNode = oNode.__list;
			}
			else if (oNode.__deferred) {
				oNode = null;
			}
		}
		iIndex++;
	}
	return oNode;
};

/**
 * refresh XSRF token by performing a GET request against the service root URL.
 *  
 * @param {function} [fnSuccess] a callback function which is called when the data has
 *            					 been successfully retrieved.
 * @param {function} [fnError] a callback function which is called when the request failed. The handler can have the parameter: oError which contains
 *  additional error information.
 * 
 * @param {boolean} [bAsync=false] true for asynchronous requests.
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.refreshSecurityToken = function(fnSuccess, fnError, bAsync) {
	var that = this;
	this.oHeaders["x-csrf-token"] = "Fetch";
	if (bAsync == undefined) {
		bAsync = false;
	}
	// trigger a read to the service url
	var oRequest = this._createRequest("/", null, bAsync);
	
	OData.read(oRequest, _handleSuccess, _handleError, this.oHandler, null, this.oMetadata.getServiceMetadata());

	function _handleSuccess(oData, oResponse) {
		if (oResponse) {
			that._convertHeaders("x-csrf-token", oResponse.headers);
			that.oHeaders["x-csrf-token"]= oResponse.headers["x-csrf-token"];	
		}
		
		if (fnSuccess) {
			fnSuccess(oData, oResponse);
		}
	}

	function _handleError(oError) {
		that._handleError(oError);

		if (fnError) {
			fnError(oError);
		}
	}
};

/**
 * refresh all bindings and trigger a new GET request. 
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.refresh = function(){

	var aBindings = this.aBindings.slice(0);
	jQuery.each(aBindings, function(iIndex, oBinding) {
		oBinding._refresh();
	});
};

/**
 * submit changes from the requestQueue (queue can currently have only one request) 
 * 
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._submitChange = function(oRequest, fnSuccess, fnError){	
	var that = this;
	
	function _handleSuccess(oData, oResponse) {
		if (that._isDataStored(that.oRequestQueue[0]) || that.oRequestQueue[0].method == "POST"){
			that.sChangeKey = null;
			that.refresh();
		}
		that.oRequestQueue = [];
		//TODO: do we need to read the data from the server again?
		if (fnSuccess) {
			fnSuccess(oData, oResponse);
		}
	}

	function _handleError(oError) {
		that._handleError(oError);

		that.oRequestQueue = [];

		if (fnError) {
			fnError(oError);
		}
	}
	
	return OData.request(oRequest, _handleSuccess, _handleError, this.oHandler, undefined, this.oMetadata.getServiceMetadata());
};

/**
 * submit batch requests and collects errors of included requests in an array.
 * 
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._submitBatch = function(oRequest, fnSuccess, fnError){	
	var that = this, sErrorMsg, 
		aErrorResponses = [];
	
	function _handleSuccess(oData, oResponse) {
		that.aBatchOperations = [];
		
		// check if errors occurred in the batch
		jQuery.each(oData.__batchResponses, function(iIndex, oOperationResponse) {
			if (oOperationResponse.message) {
				sErrorMsg = "The following problem occurred: " + oOperationResponse.message;
				if (oOperationResponse.response) {
					sErrorMsg += oOperationResponse.response.statusCode + "," +
					oOperationResponse.response.statusText + "," +
					oOperationResponse.response.body;				
				}
				aErrorResponses.push(oOperationResponse);
				jQuery.sap.log.fatal(sErrorMsg);
			}
			if (oOperationResponse.__changeResponses) {
				jQuery.each(oOperationResponse.__changeResponses, function(iIndex, oChangeOperationResponse) {
					if (oChangeOperationResponse.message) {
						sErrorMsg = "The following problem occurred: " + oChangeOperationResponse.message;
						if (oChangeOperationResponse.response) {
							sErrorMsg += oChangeOperationResponse.response.statusCode + "," +
							oChangeOperationResponse.response.statusText + "," +
							oChangeOperationResponse.response.body;				
						}
						aErrorResponses.push(oChangeOperationResponse);
						jQuery.sap.log.fatal(sErrorMsg);
					}
				});
			}
		});
		
		if (fnSuccess) {
			fnSuccess(oData, oResponse, aErrorResponses);
		}
	}

	function _handleError(oError) {
		that._handleError(oError);
		that.aBatchOperations = [];
				
		if (fnError) {
			fnError(oError);
		}
	}
	
	return OData.request(oRequest, _handleSuccess, _handleError, OData.batchHandler, undefined, this.oMetadata.getServiceMetadata());
	
};

/**
 * error handling for requests
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._handleError = function(oError) {
	var mParameters = {}, fnHandler, that = this; 
	var sErrorMsg = "The following problem occurred: " + oError.message;
			
	mParameters.message = oError.message;
	if (oError.response){
		// if XSRFToken is not valid we get 403 with the x-csrf-token header : Required. 
		// a new token will be fetched in the refresh afterwards.
		this._convertHeaders("x-csrf-token", oError.response.headers);
		if (oError.response.statusCode == '403' && oError.response.headers["x-csrf-token"]) {
			this.oHeaders["x-csrf-token"] = oError.response.headers["x-csrf-token"];
			if (oError.response.headers["x-csrf-token"].toLowerCase() === "required" && !this.bRefreshing) {
				this.bRefreshing = true;
				fnHandler = function (){
					that.bRefreshing = false;
				}
				this.refreshSecurityToken(fnHandler, fnHandler);
			}
		}
		sErrorMsg += oError.response.statusCode + "," +
		oError.response.statusText + "," +
		oError.response.body;
		mParameters.statusCode = oError.response.statusCode;
		mParameters.statusText = oError.response.statusText;
		mParameters.responseText = oError.response.body;
	}
	jQuery.sap.log.fatal(sErrorMsg);
	if (this.oRequestQueue[0] && this._isDataStored(this.oRequestQueue[0]) && oError.response.statusCode != '412'){
		this.sChangeKey = null;
		this.refresh();
	}

	return mParameters;	
};

/**
 * reset changes
 * 
 * @private
 */
/*sap.ui.model.odata.ODataModel.prototype.resetChanges = function(fnSuccess, fnError) {
	var that = this, sPath;
	
	
};*/

/**
 * Return requested data as object if the data has already been loaded and stored in the model. 
 * 
 * @param {string} sPath A string containing the path to the data object that should be returned.
 * @param {object} [oContext] the optional context which is used with the sPath to retrieve the requested data.
 * @param {boolean} [bIncludeExpandEntries=null] This parameter should be set when a URI or custom parameter 
 * with a $expand System Query Option was used to retrieve associated entries embedded/inline.
 * If true then the getProperty function returns a desired property value/entry and includes the associated expand entries (if any).
 * If false the associated/expanded entry properties are removed and not included in the
 * desired entry as properties at all. This is useful for performing updates on the base entry only. Note: A copy and not a reference of the entry will be returned.
 * 
 * return {object} oData Object containing the requested data if the path is valid. 
 * @public
 * @deprecated please use {@link #getProperty} instead
 */
sap.ui.model.odata.ODataModel.prototype.getData = function(sPath, oContext, bIncludeExpandEntries) {
	return this.getProperty(sPath, oContext, bIncludeExpandEntries);
};

/**
 * get change url: the url which can be used to easily trigger your change without "nachdenken".
 * 
 * @return {string} change url
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._getChangeUrl = function(sPath, oContext){
	var sUrl, sKey;
	
	if (oContext) {
		sKey = oContext.getPath();
		// remove starting slash
		sKey = sKey.substr(1);
	}

	sPath = sPath.replace(/^\/|\/$/g, "");
	
	if(oContext && sPath) {
		sUrl = this.sServiceUrl + '/' + sKey + '/' + sPath;
	} else if (!oContext && sPath){
		sUrl = this.sServiceUrl + '/' + sPath;
	} else {
		sUrl = this.sServiceUrl + '/' + sKey;
	}
	return sUrl;
};

/**
 * sets this.sETag to either the passed sETag or tries to retrieve the ETag from the metadata of oPayload or sPath 
 * 
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._setCurrentETag = function(sPath, oPayload, sETag) {
	var sCurrent, sEntry;
	if(sETag){
		sCurrent = sETag;
	}
	else{
		if (oPayload && oPayload.__metadata){
			sCurrent = oPayload.__metadata.etag;
		}
		else if(sPath){
			sEntry = sPath.replace(this.sServiceUrl+'/','');
			if (this.oData.hasOwnProperty(sEntry)){
				sCurrent = this.getProperty('/' + sEntry +'/__metadata/etag');
			}
		}
	}
	this.sETag = sCurrent;
};
/**
 * creation of a request object for changes
 * 
 * @return {object} request object
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._createChangeRequest = function(sUrl, oPayload, sMethod, bAsync, sETag) {	
	var oChangeHeader = {};
	jQuery.extend(oChangeHeader, this.mCustomHeaders, this.oHeaders);

	this._setCurrentETag(sUrl, oPayload, sETag);

	if(this.sETag){
		oChangeHeader["If-Match"] = this.sETag;
	}
	// make sure to set content type header for POST/PUT requests when using JSON format to prevent datajs to add "odata=verbose" to the content-type header
	// may be removed as later gateway versions support this
	if (this.bJSON && sMethod != "DELETE") {
		oChangeHeader["Content-Type"] = "application/json";		
	}

	if (sMethod == "MERGE") {
		oChangeHeader["x-http-method"] = "MERGE";
		sMethod = "POST";
	}
	
	return {
			headers : oChangeHeader,
			requestUri : sUrl,
			method : sMethod,
			data : oPayload,
			user: this.sUser,
			password: this.sPassword,
			async: bAsync
	};
};

/**
 * Checks if the data provided by the sPath and oContext is stored in the model.
 * This is needed to trigger a refresh only for the data which is stored in the model and so bound to the UI.
 * 
 * @return {boolean} 
 * @private
 */
sap.ui.model.odata.ODataModel.prototype._isDataStored = function(oRequest) {	
	var sPath, oData;
	
	sPath = oRequest.requestUri.replace(this.sServiceUrl,'');
	oData = this._getObject(sPath);
	if (oData) {
		return true;
	}
	return false;
};

/**
 * Trigger a PUT/MERGE request to the odata service that was specified in the model constructor. 
 * 
 * @param {string} sPath A string containing the path to the data that should be updated.
 * 							The path is concatenated to the sServiceUrl which was specified 
 * 							in the model constructor.
 * @param {object} oData data of the entry that should be updated.
 * @param {object} [oParameters] Optional, can contain the following attributes:
 * @param {object} [oParameters.oContext] If specified the sPath has to be is relative to the path given with the context.
 * @param {function} [oParameters.fnSuccess] a callback function which is called when the data has been successfully updated.
 * @param {function} [oParameters.fnError] a callback function which is called when the request failed. 
 *     The handler can have the parameter <code>oError</code> which contains additional error information.
 * @param {boolean} [oParameters.bMerge=false] trigger a MERGE request instead of a PUT request to perform a differential update
 * @param {string} [oParameters.sETag] If specified, the If-Match-Header will be set to this Etag.
 * 
 * @return {object} an object which has an <code>abort</code> function to abort the current request.
 * 
 * @public
 */

sap.ui.model.odata.ODataModel.prototype.update = function(sPath, oData, oParameters) {
	var fnSuccess, fnError, bMerge, oRequest, sUrl, oContext, sETag;
//ensure compatibility, check for old or new declaration of parameters
	if (oParameters instanceof sap.ui.model.Context || arguments.length >3)
	{
		oContext = oParameters;
		fnSuccess = arguments [3];
		fnError = arguments [4];
		bMerge = arguments [5];
	} 
	else{
		if (oParameters instanceof Object){
		//we are using the new parameters
			oContext = oParameters.oContext;
			fnSuccess = oParameters.fnSuccess;
			fnError = oParameters.fnError;
			bMerge = oParameters.bMerge;
			sETag = oParameters.sETag;
		//else oParameters is just not there
		}
	}
	sUrl = this._getChangeUrl(sPath, oContext);
 
	if (bMerge) {
		oRequest = this._createChangeRequest(sUrl, oData, "MERGE", false, sETag);
	} else {
		oRequest = this._createChangeRequest(sUrl, oData, "PUT", false, sETag);
	}

	this.oRequestQueue.push(oRequest);

	return this._submitChange(oRequest, fnSuccess, fnError);
};

/**
 * Trigger a POST request to the odata service that was specified in the model constructor. 
 * 
 * @param {string} sPath A string containing the path to the collection where an entry 
 *                      should be created. The path is concatenated to the sServiceUrl
 *                      which was specified in the model constructor.
 * @param {object} oData data of the entry that should be created.
 * @param {object} [oContext] If specified the sPath has to be relative to the path given with the context. 
 *
 * @param {function} [fnSuccess] a callback function which is called when the data has
 *                              been successfully retrieved. The handler can have the 
 *                              following parameters: oData and response.
 *
 * @param {function} [fnError] a callback function which is called when the request failed. 
 *           The handler can have the parameter <code>oError</code> which contains additional error information.
 * 
 * @return {object} an object which has an <code>abort</code> function to abort the current request.
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.create = function(sPath, oData, oContext, fnSuccess, fnError) {
	var oRequest, sUrl;

	sUrl = this._getChangeUrl(sPath, oContext);

	oRequest = this._createChangeRequest(sUrl, oData, "POST", false);

	this.oRequestQueue.push(oRequest);

	return this._submitChange(oRequest, fnSuccess, fnError);
};

/**
 * Trigger a DELETE request to the odata service that was specified in the model constructor. 
 *
 * @param {string} sPath A string containing the path to the data that should be removed. 
 *                       The path is concatenated to the sServiceUrl which was specified in the model constructor.
 * @param {object} [oParameters] Optional, can contain the following attributes: oContext, fnSuccess, fnError, sETag: 
 * @param {object} [oParameters.oContext] If specified the sPath has to be relative to the path given with the context.
 * @param {function} [oParameters.fnSuccess]  a callback function which is called when the data has been successfully retrieved. 
 *                       The handler can have the following parameters: <code>oData<code> and <code>response</code>.
 * @param {function} [oParameters.fnError] a callback function which is called when the request failed. 
 *                       The handler can have the parameter: <code>oError</code> which contains additional error information.
 * @param {string} [oParameters.sETag] If specified, the If-Match-Header will be set to this Etag.
 * 
 * @return {object} an object which has an <code>abort</code> function to abort the current request.
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.remove = function(sPath, oParameters) {
	var oContext, fnSuccess, fnError, oRequest, sUrl, sETag;
	// maintain compatibility, check if the old or new function parameters are used and set values accordingly: 
	if ((oParameters && oParameters instanceof sap.ui.model.Context) || arguments[2])
	{
		oContext = oParameters;
		fnSuccess = arguments [2];
		fnError = arguments [3];
	} else {
	  if (oParameters){
	  	oContext = oParameters.oContext;
			fnSuccess = oParameters.fnSuccess;
			fnError = oParameters.fnError;
			sETag = oParameters.sETag;
	  }
	}
	sUrl = this._getChangeUrl(sPath, oContext);

	oRequest = this._createChangeRequest(sUrl, null, "DELETE", false, sETag);
	
	this.oRequestQueue.push(oRequest);

	return this._submitChange(oRequest, fnSuccess, fnError);
};

/**
 * Trigger a GET request to the odata service that was specified in the model constructor. 
 * The data will not be stored in the model. The requested data is returned with the response.
 *
 * @param {string} sPath A string containing the path to the data which should
 *            				be retrieved. The path is concatenated to the sServiceUrl
 *            				which was specified in the model constructor.
 * @param {object} [oContext] If specified the sPath has to be is relative to the path given with the context. 
 * @param {any[]} [aUrlParams] An Array of url parameters which will be concatenated to the read url
 *
 * @param {boolean} [bAsync] true for asynchronous requests. Default is true.
 * 
 * @param {function} [fnSuccess] a callback function which is called when the data has
 *            					 been successfully retrieved. The handler can have the 
 *            	                 following parameters: oData and response. 
 * @param {function} [fnError] a callback function which is called when the request failed. The handler can have the parameter: oError which contains
 * additional error information.
 * 
 * @return {object} an object which has an <code>abort</code> function to abort the current request.
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.read = function(sPath, oContext, aUrlParams, bAsync, fnSuccess, fnError) {
	var oRequest, sUrl;
	
	sUrl = this._getChangeUrl(sPath, oContext);
	
	oRequest = this._createRequest(sUrl.replace(this.sServiceUrl,''), aUrlParams, bAsync);
	
	return OData.read(oRequest, fnSuccess, fnError, this.oHandler, null, this.oMetadata.getServiceMetadata());
};

/**
 * Creates a single batch operation (read or change operation) which can be used in a batch request.
 * 
 * @param {string} sPath A string containing the path to the collection or entry where the batch operation should be performed.
 * 						The path is concatenated to the sServiceUrl which was specified in the model constructor.
 * @param {string} sMethod for the batch operation. Possible values are GET, PUT, MERGE, POST, DELETE
 * @param {object} [oData] optional data payload which should be created, updated, deleted in a change batch operation.
 * @param {object} [oParameters] optional parameter for additional information introduced in SAPUI5 1.9.1, 
 * @param {string} [oParameters.sETag] an ETag which can be used for concurrency control. If it is specified, 
 *                  it will be used in an If-Match-Header in the request to the server for this entry.    
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.createBatchOperation = function(sPath, sMethod, oData, oParameters) {
	var oChangeHeader = {}, sETag;
	jQuery.extend(oChangeHeader, this.mCustomHeaders, this.oHeaders);
	
	// for batch remove starting / if any
	if (jQuery.sap.startsWith(sPath, "/")) {
		sPath = sPath.substr(1);
	}
	
	if (oParameters){
		sETag = oParameters.sETag;
	}
	
	if (sMethod != "GET"){
		this._setCurrentETag(sPath, oData, sETag);
		if(this.sETag){
			oChangeHeader["If-Match"] = this.sETag;
		}
	}
	// make sure to set content type header for POST/PUT requests when using JSON format to prevent datajs to add "odata=verbose" to the content-type header
	// may be removed as later gateway versions support this
	if (this.bJSON){
		if (sMethod != "DELETE" && sMethod != "GET") {
			oChangeHeader["Content-Type"] = "application/json";
		}
	}
	else {
		// for XML case set the content-type accordingly so that the data is transformed to XML in the batch part
		oChangeHeader["Content-Type"] = "application/atom+xml";
	}
	
	var oRequest = {
		requestUri: sPath,
		method: sMethod.toUpperCase(),
		headers: oChangeHeader
	};
	
	if (oData) {
		oRequest.data = oData;
	}
	
	return oRequest;

};

/**
 * Appends the read batch operations to the end of the batch stack. Only GET batch operations should be included in the specified array. 
 * If an illegal batch operation is added to the batch nothing will be performed and false will be returned.
 * 
 * @param {any[]} aReadOperations an array of read batch operations created via <code>createBatchOperation</code> and <code>sMethod</code> = GET
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.addBatchReadOperations = function(aReadOperations) {
	if (!jQuery.isArray(aReadOperations) || aReadOperations.length <= 0) {
		jQuery.sap.log.warning("No array with batch operations provided!");
		return false;
	}
	var that = this;
	jQuery.each(aReadOperations, function(iIndex, oReadOperation) {
		if (oReadOperation.method != "GET") {
			jQuery.sap.log.warning("Batch operation should be a GET operation!");
			return false;
		}
		that.aBatchOperations.push(oReadOperation);
	});
};

/**
 * Appends the change batch operations to the end of the batch stack. Only PUT, POST or DELETE batch operations should be included in the specified array. 
 * The operations in the array will be included in a single changeset. To embed change operations in different change sets call this method with the corresponding change operations again.
 * If an illegal batch operation is added to the change set nothing will be performed and false will be returned.
 * 
 * @param {any[]} aChangeOperations an array of change batch operations created via <code>createBatchOperation</code> and <code>sMethod</code> = POST, PUT, MERGE or DELETE
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.addBatchChangeOperations = function(aChangeOperations) {
	if (!jQuery.isArray(aChangeOperations) || aChangeOperations.length <= 0) {
		return false;
	}
	jQuery.each(aChangeOperations, function(iIndex, oChangeOperation) {
		if (oChangeOperation.method != "POST" && oChangeOperation.method != "PUT" && oChangeOperation.method != "MERGE" && oChangeOperation.method != "DELETE") {
			jQuery.sap.log.warning("Batch operation should be a POST/PUT/MERGE/DELETE operation!");
			return false;
		}
	});
	this.aBatchOperations.push({ __changeRequests : aChangeOperations });
};

/**
 * Removes all operations in the current batch.
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.clearBatch = function() {
	this.aBatchOperations = [];
};

/**
 * Submits the collected changes in the batch which were collected via <code>addBatchReadOperations</code> or <code>addBatchChangeOperations</code>.
 * The batch will be cleared afterwards. If the batch is empty no request will be performed and false will be returned.
 * Note: No data will be stored in the model. 
 *  
 * @param {function} [fnSuccess] a callback function which is called when the batch request has
 *            					 been successfully sent. Note: There might have errors occured in the single batch operations. These errors can be accessed in the
 *            aErrorResponses parameter in the callback handler.
 *            The handler can have the 
 *            	                 following parameters: oData, oResponse and aErrorResponses. 
 * 
 * @param {function} [fnError] a callback function which is called when the batch request failed. The handler can have the parameter: oError which contains
 * additional error information.
 * @param {boolean} [bAsync] true for asynchronous request. Default is true.
 * 
 * @return {object} an object which has an <code>abort</code> function to abort the current request. Returns false if no request will be performed because the batch is empty.
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.submitBatch = function(fnSuccess, fnError, bAsync) {
	var oRequest, sUrl; 

	// ensure compatibility with old declaration: // bAsync, fnSuccess, fnError 
	if (!(typeof(fnSuccess) == "function")) {
		var fnOldError = bAsync;
		var fnOldSuccess = fnError;
		bAsync = fnSuccess;
		fnSuccess = fnOldSuccess;
		fnError = fnOldError; 
	}

	if (this.aBatchOperations.length <= 0) {
		jQuery.sap.log.warning("No batch operations in batch. No request will be triggered!");
		return false;
	}

	sUrl = this.sServiceUrl	+ "/$batch";
	
	var oChangeHeader = {};
	jQuery.extend(oChangeHeader, this.mCustomHeaders, this.oHeaders);

	// reset
	delete oChangeHeader["Content-Type"];

	// create payload
	var oPayload = { };
	oPayload.__batchRequests = this.aBatchOperations;

	var oRequest = {
		    headers : oChangeHeader, 
		    requestUri : sUrl, 
		    method : "POST",
		    data : oPayload,
		    user: this.sUser,
		    password: this.sPassword,
		    async: bAsync
	};

	return this._submitBatch(oRequest, fnSuccess, fnError);
};

/**
 * Return the metadata object
 *
 * @return {Object} metdata object
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.getServiceMetadata = function() {
	return this.oMetadata.getServiceMetadata();
};


/**
 * Submits the collected changes which were collected by the setProperty method. A MERGE request will be triggered to only update the changed properties.
 * If a URI with a $expand System Query Option was used then the expand entries will be removed from the collected changes.
 * Changes to this entries should be done on the entry itself. So no deep updates are supported.
 * 
 * @param {function} [fnSuccess] a callback function which is called when the data has
 *            					 been successfully updated. The handler can have the 
 *            	                 following parameters: oData and response. 
 * @param {function} [fnError] a callback function which is called when the request failed. The handler can have the parameter: oError which contains
 * additional error information
 * @param {object} [oParameters] optional parameter for additional information introduced in SAPUI5 1.9.1 
 * @param {string} [oParameters.sETag] an ETag which can be used for concurrency control. If it is specified, it will be used in an If-Match-Header in the request to the server for this entry.
 * @return {object} an object which has an <code>abort</code> function to abort the current request.
 * 
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.submitChanges = function(fnSuccess, fnError, oParameters) {

	var oRequest, oPayload, that = this, sPath, sETag;
	
	if (this.sChangeKey) {	

		sPath = this.sChangeKey.replace(this.sServiceUrl,'');

		oPayload = this._getObject(sPath);

		if (jQuery.isPlainObject(oPayload)) {
			// do a copy of the payload or the changes will be deleted in the model as well (reference)
			oPayload = jQuery.extend(true, {}, oPayload);
			// remove metadata, navigation properties to reduce payload
			delete oPayload.__metadata;
			jQuery.each(oPayload, function(sPropName, oPropValue) {
				if (oPropValue && oPropValue.__deferred) {
					delete oPayload[sPropName];
				}
			});

			// delete expand refs and __lists properties
			oPayload = this._removeReferences(oPayload);
		}
		if (oParameters){
			sETag = oParameters.sETag;
		}

		oRequest = this._createChangeRequest(this.sChangeKey, oPayload, "MERGE", true, sETag);
		
		this.oRequestQueue.push(oRequest);

		function _handleSuccess(oData, oResponse) {
			if (fnSuccess) {
				fnSuccess(oData, oResponse);
			}
			that.sChangeKey = null;
		}
		function _handleError(oError) {
			if (fnError) {
				fnError(oError);
			} 
			that.sChangeKey = null;
		}
		
		return this._submitChange(oRequest, _handleSuccess, _handleError);
	}
};

/**
 * 
 * Resets the collected changes by the setProperty method and reloads the data from the server.
 * 
 * @param {function} [fnSuccess] a callback function which is called when the data has
 *            					 been successfully resetted. The handler can have the 
 *            	                 following parameters: oData and response. 
 * @param {function} [fnError] a callback function which is called when the request failed
 * 
 * @public
 */ 
sap.ui.model.odata.ODataModel.prototype.resetChanges = function(fnSuccess, fnError) {
	
	var sPath;
	if (this.sChangeKey) {
		sPath = this.sChangeKey.replace(this.sServiceUrl,'');
		this._loadData(sPath, null, fnSuccess, fnError);
	}
};

/**
 * Sets a new value for the given property <code>sPropertyName</code> in the model without triggering a server request.
 *  This can be done by the submitChanges method.
 *  
 *  Note: Only one entry of one collection can be updated at once. Otherwise a fireRejectChange event is fired.
 *  
 *  Before updating a different entry the existing changes of the current entry have to be submitted or resetted by the
 *  corresponding methods: submitChanges, resetChanges.
 *  
 *  IMPORTANT: All pending changes are resetted in the model if the application triggeres any kind of requests 
 *  which change the model data e.g. sorting, filtering, refresh, create, remove, update. Make sure to
 *  submit the pending changes first. To determine if there are any pending changes call the hasPendingChanges method.
 * 
 * @param {string}  sPath path of the property to set
 * @param {any}     oValue value to set the property to
 * @param {object} [oContext=null] the context which will be used to set the property
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.setProperty = function(sPath, oValue, oContext) {
		
	var sProperty, oEntry = { }, 
		sChangeKey = this._getChangeUrl(sPath, oContext),
		sObjectPath = sPath.substring(0, sPath.lastIndexOf("/")),
		success = false;
	
	// extract the Url that points to the 'entry'. We need to do this if a complex type will be updated.
	sChangeKey = sChangeKey.replace(this.sServiceUrl+'/','');
	sChangeKey = sChangeKey.substring(0, sChangeKey.indexOf("/")),
	sChangeKey = this.sServiceUrl + '/' + sChangeKey,
	
	sProperty = sPath.substr(sPath.lastIndexOf("/")+1);
	oEntry = this._getObject(sObjectPath, oContext);
	
	if (!this.sChangeKey) {
		this.sChangeKey = sChangeKey;
	} 
	
	if (this.sChangeKey == sChangeKey) {
		oEntry[sProperty] = oValue;
		success = true;
		this.checkUpdate();
	} else {
		this.fireRejectChange(
				{rejectedValue : oValue,
				oldValue: oEntry[sProperty]}
		);
	}
	 return success;
	
};


sap.ui.model.odata.ODataModel.prototype._isHeaderPrivate = function(sHeaderName) {
	// case sensitive check needed to make sure private headers cannot be overriden by difference in the upper/lower case (e.g. accept and Accept).
	switch(sHeaderName.toLowerCase()) {
		case "accept":
		case "accept-language":
		case "x-csrf-token":
		case "maxdataserviceversion":
		case "dataserviceversion":
			return true;
			break;
		default:
			return false;
	}
};

/**
 * Set custom headers which are provided in a key/value map. These headers are used for requests against the OData backend.
 * Private headers which are set in the ODataModel cannot be modified.
 * These private headers are: accept, accept-language, x-csrf-token, MaxDataServiceVersion, DataServiceVersion.
 * 
 * To remove these headers simply set the mCustomHeaders parameter to null. Please also note that when calling this method again all previous custom headers 
 * are removed unless they are specified again in the mCustomHeaders parameter. 
 * 
 * @param {object} mHeaders the header name/value map.
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.setHeaders = function(mHeaders) {	
	var mCheckedHeaders = {}, 
		that= this;
	if (mHeaders) {
		jQuery.each(mHeaders, function(sHeaderName, sHeaderValue){
			// case sensitive check needed to make sure private headers cannot be overriden by difference in the upper/lower case (e.g. accept and Accept).
			if (that._isHeaderPrivate(sHeaderName)){
				jQuery.sap.log.warning("Not allowed to modify private header: " + sHeaderName);				
			}
			else {
				mCheckedHeaders[sHeaderName] = sHeaderValue;				
			}
		});		
		this.mCustomHeaders = mCheckedHeaders;
	} else {
		this.mCustomHeaders = {};
	}
	
};

/**
 * Returns all headers and custom headers which are stored in the OData model.
 * @return {object} the header map
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.getHeaders = function() {
	return jQuery.extend({}, this.mCustomHeaders, this.oHeaders);
};

/**
 * Searches the specified headers map for the specified header name and converts the found header to the case form of the sConvertHeader
 * e.g. sConvertHeader = "myHeader". mHeader = {"MYHEAder" : "test"}
 * --> will be converted to mHeader = {"myHeader" : "test"}
 */
sap.ui.model.odata.ODataModel.prototype._convertHeaders = function(sConvertHeader, mHeaders) {
	var sHeaderName, oHeaderValue;
	for (sHeaderName in mHeaders) {
		if (sHeaderName !== sConvertHeader && sHeaderName.toLowerCase() === sConvertHeader.toLowerCase()) {
			oHeaderValue = mHeaders[sHeaderName];
			delete mHeaders[sHeaderName];
			mHeaders[sConvertHeader] = oHeaderValue;
			break;
		}
	}
};

/**
 * Checks if there exist pending changes in the model created by the setProperty method.
 * @return {boolean} true/false  
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.hasPendingChanges = function() {
	return this.sChangeKey != null;
};

/**
 * update all bindings
 * @param {boolean} [bForceUpdate=false] If set to false an update  will only be done when the value of a binding changed.
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.updateBindings = function(bForceUpdate) {
	this.checkUpdate(null,bForceUpdate);
};

/**
 * Force no caching
 * @param {boolean} [bForceNoCache=false] whether to force no caching
 * @public
 */
sap.ui.model.odata.ODataModel.prototype.forceNoCache = function(bForceNoCache) {
	this.bCache = !bForceNoCache; 
};


}; // end of sap.ui.model.odata.ODataModel
if ( !jQuery.sap.isDeclared('sap.ui.model.resource.ResourceModel') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * ResourceBundle-based DataBinding
 *
 * @namespace
 * @name sap.ui.model.resource
 * @public
 */

// Provides the resource bundle based model implementation
jQuery.sap.declare("sap.ui.model.resource.ResourceModel");



/**
 * Constructor for a new ResourceModel.
 *
 * @class Model implementation for resource bundles
 *
 * @extends sap.ui.model.Model
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @param {object} oData parameters used to initialize the ResourceModel; at least either bundleUrl or bundleName must be set on this object; if both are set, bundleName wins
 * @param {string} [oData.bundleUrl] the URL to the base .properties file of a bundle (.properties file without any locale information, e.g. "mybundle.properties")
 * @param {string} [oData.bundleName] the UI5 module name of the .properties file; this name will be resolved to a path like the paths of normal UI5 modules and ".properties" will then be appended (e.g. a name like "myBundle" can be given)
 * @param {string} [oData.bundleLocale] an optional locale; when not given, the default is the active locale from the UI5 configuration
 * @constructor
 * @public
 * @name sap.ui.model.resource.ResourceModel
 */
sap.ui.model.Model.extend("sap.ui.model.resource.ResourceModel", /** @lends sap.ui.model.resource.ResourceModel */ {

	constructor : function(oData) {
		sap.ui.model.Model.apply(this, arguments);
	
		this.sDefaultBindingMode = sap.ui.model.BindingMode.OneTime;
		this.mSupportedBindingModes = {
			"OneWay" : false,
			"TwoWay" : false,
			"OneTime" : true
		};

		this.oData = oData;
		// load resource bundle
		if (oData && (oData.bundleUrl || oData.bundleName)) {
			this.ResourceBundle = this.loadResourceBundle(oData);
		} else {
			throw new Error("Neither bundleUrl nor bundleName are given. One of these is mandatory.");
		}
	},

	metadata : {
		publicMethods : [ "getResourceBundle" ]
	}

});

/**
 * Creates a new subclass of class sap.ui.model.resource.ResourceModel with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * For a detailed description of <code>oClassInfo</code> or <code>FNMetaImpl</code> 
 * see {@link sap.ui.base.Object.extend Object.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] alternative constructor for a metadata object
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.model.resource.ResourceModel.extend
 * @function
 */

/**
 * Returns the resource bundle
 *
 * @param {object} oData
 * @return loaded resource bundle
 * @private
 */
sap.ui.model.resource.ResourceModel.prototype.loadResourceBundle = function(oData) {
	var oConfiguration = sap.ui.getCore().getConfiguration(),
		oRb, sUrl, sLocale, bIncludeInfo;
	sLocale = oData.bundleLocale;
	if (!sLocale) {
		sLocale = oConfiguration.getLanguage();
	}
	bIncludeInfo = oConfiguration.getOriginInfo();
	sUrl = oData.bundleUrl;
	if(oData.bundleName) {
		sUrl = jQuery.sap.getModulePath(oData.bundleName, '.properties');
	}
    oRb = jQuery.sap.resources({url: sUrl, locale: sLocale, includeInfo: bIncludeInfo});
    return oRb;
};

/**
 * @see sap.ui.model.Model.prototype.bindProperty
 *
 */
sap.ui.model.resource.ResourceModel.prototype.bindProperty = function(sPath) {
	var oBinding = new sap.ui.model.resource.ResourcePropertyBinding(this, sPath);
	return oBinding;
};

/**
 * Returns the value for the property with the given <code>sPropertyName</code>
 *
 * @param {string} sPath the path to the property
 * @type any
 * @return the value of the property
 * @public
 */
sap.ui.model.resource.ResourceModel.prototype.getProperty = function(sPath) {
	var sText = this.ResourceBundle.getText(sPath);
	return sText;
};

/**
 * Returns the resource bundle of this model
 *
 * @return loaded resource bundle
 * @public
 */
sap.ui.model.resource.ResourceModel.prototype.getResourceBundle = function() {
	return this.ResourceBundle;
};

sap.ui.model.resource.ResourceModel.prototype._handleLocalizationChange = function() {
	if (this.oData && (this.oData.bundleUrl || this.oData.bundleName)) {
		this.ResourceBundle = this.loadResourceBundle(this.oData);
	}
}

}; // end of sap.ui.model.resource.ResourceModel
if ( !jQuery.sap.isDeclared('sap.ui.model.xml.XMLModel') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/**
 * XML-based DataBinding
 *
 * @namespace
 * @name sap.ui.model.xml
 * @public
 */

// Provides the XML object based model implementation
jQuery.sap.declare("sap.ui.model.xml.XMLModel");






/**
 * Constructor for a new XMLModel.
 *
 * @class
 * Model implementation for XML format
 *
 * @extends sap.ui.model.Model
 *
 * @author SAP AG
 * @version 1.12.0
 *
 * @param {object} oData either the URL where to load the XML from or a XML
 * @constructor
 * @public
 * @name sap.ui.model.xml.XMLModel
 */
sap.ui.model.Model.extend("sap.ui.model.xml.XMLModel", /** @lends sap.ui.model.xml.XMLModel */ {
	
	constructor : function (oData) {
		sap.ui.model.Model.apply(this, arguments);
		this.oNameSpaces = null;
		this.bCache = true;
		
		if (typeof oData == "string") {
			this.loadData(oData);
		}
		else if (oData && oData.documentElement) {
			this.setData(oData);
		}
	},
	
	metadata : {
		publicMethods : ["loadData", "setData", "getData", "setXML", "getXML", "setNameSpace", "forceNoCache", "setProperty"]
	}

});

/**
 * Sets the specified XML formatted string text to the model
 *
 * @param {string} sXMLText the XML data as string
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.setXML = function(sXMLText){
	var oXMLDocument = jQuery.sap.parseXML(sXMLText);

	if (oXMLDocument.parseError.errorCode != 0){
		var oParseError = oXMLDocument.parseError;
		jQuery.sap.log.fatal("The following problem occurred: XML parse Error for " + oParseError.url + " code: " + oParseError.errorCode + " reason: " +
				oParseError.reason +  " src: " + oParseError.srcText + " line: " +  oParseError.line +  " linepos: " + oParseError.linepos +  " filepos: " + oParseError.filepos);
		this.fireParseError({url : oParseError.url, errorCode : oParseError.errorCode,
			reason : oParseError.reason, srcText : oParseError.srcText, line : oParseError.line, linepos : oParseError.linepos,
			filepos : oParseError.filepos});
	}
	this.setData(oXMLDocument);
};

/**
 * Serializes the current XML data of the model into a string.
 *
 * @return the XML document serialized as string
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.getXML = function(){
	return jQuery.sap.serializeXML(this.oData);
};

/**
 * Returns the current XML document of the model.
 * Be aware that the returned object is a reference to the model data so all changes to that data will also change the model data.
 *
 * @return the XML document
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.getData = function(){
	return this.oData;
};

/**
 * Sets the provided XML encoded data object to the model
 *
 * @param {object} oData the data to set to the model
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.setData = function(oData){
	this.oData = oData;
	this.checkUpdate();
};

/**
 * Load XML-encoded data from the server using a GET HTTP request and store the resulting XML data in the model.
 * Note: Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy,
 * the request can not successfully retrieve data from a different domain, subdomain, or protocol.
 *
 * @param {string} sURL A string containing the URL to which the request is sent.
 * @param {object | string}[oParameters] A map or string that is sent to the server with the request.
 * @param {boolean} [bAsync=true] if the request should be asynchron or not. Default is true.
 * @param {string} [sType=GET] of request. Default is 'GET'
 * @param {string} [bCache=false] force no caching if false. Default is false
 * @param {object} mHeaders An object of additional header key/value pairs to send along with the request
 *
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.loadData = function(sURL, oParameters, bAsync, sType, bCache, mHeaders){
	var that = this;
	if (bAsync !== false) {
		bAsync = true;
	}
	if (!sType)	{
		sType = "GET";
	}
	if (bCache === undefined) {
		bCache = this.bCache;
	}
	
	this.fireRequestSent({url : sURL, type : sType, async : bAsync, headers: mHeaders, info : "cache="+bCache});
	jQuery.ajax({
	  url: sURL,
	  async: bAsync,
	  cache: bCache,
	  dataType: 'xml',
	  data: oParameters,
	  headers: mHeaders,
	  type: sType,
	  success: function(oData) {
		if (!oData) {
			jQuery.sap.log.fatal("The following problem occurred: No data was retrieved by service: " + sURL);
		}
		that.setData(oData);
		that.fireRequestCompleted({url : sURL, type : sType, async : bAsync, headers: mHeaders, info : "cache=false"});
	  },
	  error: function(XMLHttpRequest, textStatus, errorThrown){
		jQuery.sap.log.fatal("The following problem occurred: " + textStatus, XMLHttpRequest.responseText + ","
					+ XMLHttpRequest.status + "," + XMLHttpRequest.statusText);
		that.fireRequestCompleted({url : sURL, type : sType, async : bAsync, headers: mHeaders, info : "cache=false"});
		that.fireRequestFailed({message : textStatus,
			statusCode : XMLHttpRequest.status, statusText : XMLHttpRequest.statusText, responseText : XMLHttpRequest.responseText});
	  }
	});
};

/**
 * Sets an XML namespace to use in the binding path
 *
 * @param {string} sNameSpace the namespace URI
 * @param {string} [sPrefix=null] the prefix for the namespace (optional)
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.setNameSpace = function(sNameSpace, sPrefix){
	if (!sPrefix) {
		sPrefix = "";
	}
	if (!this.oNameSpaces) {
		this.oNameSpaces = {};
	}
	this.oNameSpaces[sPrefix] = sNameSpace;
};

/**
 * Private method iterating the registered bindings of this model instance and initiating their check for update
 * 
 * @param {boolean} bForceupdate
 * 
 * @private
 */
sap.ui.model.xml.XMLModel.prototype.checkUpdate = function(bForceupdate) {
	var aBindings = this.aBindings.slice(0);
	jQuery.each(aBindings, function(iIndex, oBinding) {
		oBinding.checkUpdate(bForceupdate);
	});
};


/**
 * @see sap.ui.model.Model.prototype.bindProperty
 */
sap.ui.model.xml.XMLModel.prototype.bindProperty = function(sPath, oContext, mParameters) {
	var oBinding = new sap.ui.model.xml.XMLPropertyBinding(this, sPath, oContext, mParameters);
	return oBinding;
};

/**
 * @see sap.ui.model.Model.prototype.bindList
 */
sap.ui.model.xml.XMLModel.prototype.bindList = function(sPath, oContext, oSorter, aFilters, mParameters) {
	var oBinding = new sap.ui.model.xml.XMLListBinding(this, sPath, oContext, oSorter, aFilters, mParameters);
	return oBinding;
};

/**
 * @see sap.ui.model.Model.prototype.bindTree
 */
sap.ui.model.xml.XMLModel.prototype.bindTree = function(sPath, oContext, mParameters) {
	var oBinding = new sap.ui.model.xml.XMLTreeBinding(this, sPath, oContext, mParameters);
	return oBinding;
};

/**
 * @see sap.ui.model.Model.prototype.createBindingContext
 */
sap.ui.model.xml.XMLModel.prototype.createBindingContext = function(sPath, oContext, mParameters, fnCallBack) {
	// optional parameter handling
	if (typeof oContext == "function") {
		fnCallBack = oContext;
		oContext = null;
	}
	if (typeof mParameters == "function") {
		fnCallBack = mParameters;
		mParameters = null;
	}
	// create context path
	var sFullPath = this.resolve(sPath, oContext);
	oContext = (sFullPath == undefined) ? undefined : this.getContext(sFullPath ? sFullPath : "/");
	fnCallBack(oContext);
};

/**
 * @see sap.ui.model.Model.prototype.destroyBindingContext
 */
sap.ui.model.xml.XMLModel.prototype.destroyBindingContext = function(oContext) {
	// TODO: what todo here?
};

/**
 * Sets a new value for the given property <code>sPropertyName</code> in the model.
 * If the model value changed all interested parties are informed.
 *
 * @param {string}  sPath path of the property to set
 * @param {any}     oValue value to set the property to
 * @param {object} [oContext=null] the context which will be used to set the property
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.setProperty = function(sPath, oValue, oContext) {
	var sObjectPath = sPath.substring(0, sPath.lastIndexOf("/")),
		sProperty = sPath.substr(sPath.lastIndexOf("/")+1);
	if (!this.oData.documentElement) {
		jQuery.sap.log.warning("Trying to set property " + sPath + ", but no document exists.")
		return;
	}
	var oObject;
	if (sProperty.indexOf("@") == 0) {
		oObject = sObjectPath ? this._getObject(sObjectPath, oContext) : [this.oData.documentElement];
		if (oObject[0]) {
			oObject[0].setAttribute(sProperty.substr(1), oValue);
			this.checkUpdate();
		}
	} else {
		oObject = this._getObject(sPath, oContext);
		if (oObject[0]) {
			jQuery(oObject[0]).text(oValue);
			this.checkUpdate();
		}
	}
	
};

/**
* Returns the value for the property with the given <code>sPropertyName</code>
*
* @param {string} sPath the path to the property
* @param {object} [oContext=null] the context which will be used to retrieve the property
* @type any
* @return the value of the property
* @public
*/
sap.ui.model.xml.XMLModel.prototype.getProperty = function(sPath, oContext) {
	var oResult = this._getObject(sPath, oContext);
	if (oResult && typeof oResult != "string") {
		oResult = jQuery(oResult[0]).text(); // TODO is this right? shouldn't we return the object?!
	}
	return oResult;
};

/**
 * @param sPath
 * @param oContext
 * @returns the node of the specified path/context
 */
sap.ui.model.xml.XMLModel.prototype._getObject = function (sPath, oContext) {
	var oRootNode = this.oData.documentElement;
	if (!oRootNode) {
		return null;
	}
	var oNode = this.isLegacySyntax() ? [oRootNode] : [];
	if (oContext instanceof sap.ui.model.Context){
		oNode = this._getObject(oContext.getPath());
	} else if (oContext) {
		oNode = [oContext];
	}
	if (!sPath) {
		return oNode;
	}
	var aParts = sPath.split("/"),
		sPart,
		iIndex = 0;
	if (!aParts[0]) {
		// absolute path starting with slash
		oNode = oRootNode;
		iIndex++;
	}
	
	oNode = oNode.length == undefined ? [oNode] : oNode;
	oNode = oNode[0] ? oNode : null;
			
	while(oNode && oNode.length > 0 && aParts[iIndex]) {
		sPart = aParts[iIndex];
		if (sPart.indexOf("@") == 0) {
			oNode = this._getAttribute(oNode[0], sPart.substr(1));
		} else if (sPart == "text()") {
			oNode = jQuery(oNode[0]).text();
		} else if (isNaN(sPart)) {
			oNode = this._getChildElementsByTagName(oNode[0], sPart);
		} else {
			oNode = [ oNode[sPart] ];
		}
		iIndex++;
	}
	return oNode;
};

/**
 * @param sPath
 * @param oContext
 * @returns
 */
sap.ui.model.xml.XMLModel.prototype._getAttribute = function (oNode, sName) {
	if (!this.oNameSpaces || sName.indexOf(":") == -1) {
		return oNode.getAttribute(sName);
	}
	var sNameSpace = this._getNameSpace(sName),
		sLocalName = this._getLocalName(sName);
	if (oNode.getAttributeNS) {
		return oNode.getAttributeNS(sNameSpace, sLocalName);
	}
	else { // IE8
		if (!this.oDocNSPrefixes) {
			this.oDocNSPrefixes = this._getDocNSPrefixes();
		}
		var sPrefix = this.oDocNSPrefixes[sNameSpace];
		sName = (sPrefix ? sPrefix + ":" : "") + sLocalName;
		return oNode.getAttribute(sName);
	}
};

/**
 * @param sPath
 * @param oContext
 * @returns
 */
sap.ui.model.xml.XMLModel.prototype._getChildElementsByTagName = function (oNode, sName) {
	var aChildNodes = oNode.childNodes,
		aResult = [];

	if (this.oNameSpaces) {
		var sNameSpace = this._getNameSpace(sName),
			sLocalName = this._getLocalName(sName),
			sChildLocalName;
		jQuery.each(aChildNodes, function(i, oChild){
			sChildLocalName =  oChild.localName || oChild.baseName;
			if (oChild.nodeType == 1 && sChildLocalName == sLocalName && oChild.namespaceURI == sNameSpace) {
				aResult.push(oChild);
			}
		});
	} else {
		jQuery.each(aChildNodes, function(i, oChild){
			if (oChild.nodeType == 1 && oChild.nodeName == sName) {
				aResult.push(oChild);
			}
		});
	}

	return aResult;
};

/**
 * @param sPath
 * @param oContext
 * @returns
 */
sap.ui.model.xml.XMLModel.prototype._getNameSpace = function (sName) {
	var iColonPos = sName.indexOf(":"),
		sPrefix = "";
	if (iColonPos > 0){
		sPrefix = sName.substr(0, iColonPos);
	}
	return this.oNameSpaces[sPrefix];
};

/**
 * @param sPath
 * @param oContext
 * @returns
 */
sap.ui.model.xml.XMLModel.prototype._getLocalName = function (sName) {
	var iColonPos = sName.indexOf(":"),
		sLocalName = sName;
	if (iColonPos > 0){
		sLocalName = sName.substr(iColonPos + 1);
	}
	return sLocalName;
};


/**
 * @param sPath
 * @param oContext
 * @returns
 */
sap.ui.model.xml.XMLModel.prototype._getDocNSPrefixes = function () {
	var oPrefixes = {},
		oDocumentElement = this.oData && this.oData.documentElement;
	if (!oDocumentElement) {
		return oPrefixes;
	}
	var aAttributes = oDocumentElement.attributes;
	jQuery.each(aAttributes, function(i, oAttribute) {
		var name = oAttribute.name,
			value = oAttribute.value;
		if (name == "xmlns") {
			oPrefixes[value] = "";
		}
		else if (name.indexOf("xmlns") == 0) {
			oPrefixes[value] = name.substr(6);
		}
	});
	return oPrefixes;
};

/**
 * Resolve the path relative to the given context
 */
sap.ui.model.xml.XMLModel.prototype._resolve = function(sPath, oContext) {
	var bIsRelative = !jQuery.sap.startsWith(sPath, "/"),
		sResolvedPath = sPath;
	if (bIsRelative) {
		if (oContext) {
			sResolvedPath = oContext.getPath() + "/" + sPath;
		}
		else {
			sResolvedPath = this.isLegacySyntax() ? "/" + sPath : undefined;
		}
	}
	return sResolvedPath;
};

/**
 * update all bindings
 * @param {boolean} bForceUpdate true/false: Default = false. If set to false an update 
 * 					will only be done when the value of a binding changed.   
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.updateBindings = function(bForceUpdate) {
	this.checkUpdate(bForceUpdate);
};

/**
 * Force no caching
 * @param {boolean} force no cache true/false: Default = true  
 * @public
 */
sap.ui.model.xml.XMLModel.prototype.forceNoCache = function(bForceNoCache) {
	this.bCache = !bForceNoCache; 
};

}; // end of sap.ui.model.xml.XMLModel
if ( !jQuery.sap.isDeclared('sap.ui.base.ManagedObject') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base class for all objects with managed properties and aggregations.
jQuery.sap.declare("sap.ui.base.ManagedObject");












/**
 * Constructs and initializes a managed object with the given <code>sId</code> and settings.
 *
 * If the optional <code>mSettings</code> are given, they must be a simple object  
 * that defines values for properties, aggregations, associations or events keyed by their name.
 *
 * <b>Valid Names:</b>
 *
 * The property (key) names supported in the object literal are exactly the (case sensitive)
 * names documented in the JSDoc for the properties, aggregations, associations and events
 * of the managed object and its base classes. Note that for  0..n aggregations and associations this
 * usually is the plural name, whereas it is the singular name in case of 0..1 relations.
 *
 * If a key name is ambiguous for a specific managed object class (e.g. a property has the same
 * name as an event), then this method prefers property, aggregation, association and
 * event in that order. To resolve such ambiguities, the keys can be prefixed with
 * <code>aggregation:</code>, <code>association:</code> or <code>event:</code>.
 * In that case the keys must be quoted due to the ':'.
 *
 * Each subclass should document the set of supported names in its constructor documentation.
 *
 * <b>Valid Values:</b>
 *
 * <ul>
 * <li>for normal properties, the value has to be of the correct simple type (no type conversion occurs)
 * <li>for 0..1 aggregations, the value has to be an instance of the aggregated type
 * <li>for 0..n aggregations, the value has to be an array of instances of the aggregated type
 * <li>for 0..1 associations, an instance of the associated type or an id (string) is accepted
 * <li>0..n associations are not supported yet
 * <li>for events either a function (event handler) is accepted or an array of length 2
 *     where the first element is a function and the 2nd element is an object to invoke the method on.
 * </ul>
 *
 * @param {string} [sId] id for the new managed object; generated automatically if no non-empty id is given
 *      Note: this can be omitted, no matter whether <code>mSettings</code> will be given or not!
 * @param {object} [mSettings] optional map/JSON-object with initial property values, aggregated objects etc. for the new object
 * @param {object} [oScope] scope object for resolving string based type and formatter references in bindings
 *
 * @class Base Class for managed objects.
 * @extends sap.ui.base.EventProvider
 * @author SAP
 * @version 1.12.0
 * @public
 * @name sap.ui.base.ManagedObject
 * @experimental Since 1.11.2. support for the optional parameter oScope is still experimental 
 */
sap.ui.base.EventProvider.extend("sap.ui.base.ManagedObject", {

	metadata : {
	  "abstract" : true,
	  publicMethods : [ "getId", "getMetadata", "getModel", "setModel", "hasModel", "bindProperty", "unbindProperty", "bindAggregation", "unbindAggregation" , "getElementBinding"],
	  library : "sap.ui.core", // UI Library that contains this class
	  properties : {
	  },
	  aggregations : {
	  },
	  associations : {},
	  events : {}
	},

	constructor : function(sId, mSettings, oScope) {

		sap.ui.base.EventProvider.apply(this); // no use to pass our arguments
		if (typeof(sId) != "string" && arguments.length>0) {
			// shift arguments in case sId was missing, but mSettings was given
			oScope = mSettings;
			mSettings = sId;
			if (mSettings && mSettings.id) {
				sId = mSettings["id"];
			} else {
				sId = null;
			}
		}

		if (!sId) {
			sId = this.getMetadata().uid() || jQuery.sap.uid();
		} else {
			var preprocessor = sap.ui.base.ManagedObject._fnIdPreprocessor;
			sId = (preprocessor ? preprocessor.call(this, sId) : sId);
			var oType = sap.ui.base.DataType.getType("sap.ui.core.ID");
			if (!oType.isValid(sId)) {
				throw new Error("\"" + sId + "\" is not a valid ID.");
			}
		}
		this.sId = sId;

		// managed object interface
		// create an empty property bag that uses a map of defaultValues as its prototype
		this.mProperties = this.getMetadata().createPropertyBag();
		this.mAggregations = {};
		this.mAssociations = {};
		this.mMethods = {};

		// private properties
		this.oParent = null;

		this.aDelegates = [];
		this.aBeforeDelegates = [];
		this.iSuppressInvalidate = 0;
		this.oPropagatedProperties = {oModels:{}, oBindingContexts:{}};

		// data binding
		this.oModels = {};
		this.oBindingContexts = {};
		this.mBindingInfos = {};
		this.sBindingPath = null;
		this.mBindingParameters = null;
		this.mBoundElements = {};
		// TODO: generic concept for init hooks?
		if ( this._initCompositeSupport ) {
			this._initCompositeSupport(mSettings);
		}

		// Call init method here instead of specific Controls constructor.
		if (this.init) {
			this.init();
		}

		// apply the settings
		this.applySettings(mSettings, oScope);

		// registers the object in the Core
		if (this.register) this.register();

	}

}, /* Metadata constructor */ sap.ui.base.ManagedObjectMetadata);



/**
 * Creates a new ManagedObject from the given data.
 *
 * If vData is a managed object already, that object is returned.
 * If vData is an object (literal), then a new object is created with vData as settings.
 * The type of the object is either determined by a "Type" entry in the vData or
 * by a type information in the oKeyInfo object
 * @param {sap.ui.base.ManagedObject|object} vData the data to create the object from
 * @param {object} oKeyInfo
 * @public
 * @static
 */
sap.ui.base.ManagedObject.create = function(vData, oKeyInfo) {
	if ( !vData || vData instanceof sap.ui.base.ManagedObject || typeof vData !== "object" || vData instanceof String) {
		return vData;
	}

	function getClass(vType) {
		if ( typeof vType === "function" ) {
			return vType;
		} 
		if (typeof vType === "string" ) {
			return jQuery.sap.getObject(vType);
		}
	}

	var fnClass = getClass(vData.Type) || getClass(oKeyInfo && oKeyInfo.type);
	if ( typeof fnClass === "function" ) {
		return new fnClass(vData);
	}

	// we don't know how to create the ManagedObject from vData, so fail
	// extension points could be integrated here
	var message = "Don't know how to create a ManagedObject from " + vData + " (" + (typeof vData) + ")";
	jQuery.sap.log.fatal(message);
	throw new Error(message);
};

/**
 * A global preprocessor for the ID of a ManagedObject (used internally).
 * If set, this function will be called before the ID is applied to any ManagedObject.
 * If the original ID was empty, the hook will not be called (to be discussed).
 *
 * The expected signature is <code>function(sId)</code>, and <code>this</code> will
 * be the current ManagedObject.
 *
 * @return new ID of the ManagedObject
 * @type function
 * @private
 */
sap.ui.base.ManagedObject._fnIdPreprocessor = null;

/**
 * A global preprocessor for the settings of a ManagedObject (used internally).
 * If set, this function will be called before the settings are applied to any ManagedObject.
 * If the original settings are empty, the hook will not be called (to be discussed).
 *
 * The expected signature is <code>function(mSettings)</code>, and <code>this</code> will
 * be the current ManagedObject.
 *
 * @type function
 * @private
 */
sap.ui.base.ManagedObject._fnSettingsPreprocessor = null;

sap.ui.base.ManagedObject.runWithPreprocessors = function(fn, oPreprocessors) {
	jQuery.sap.assert(typeof fn === "function", "fn must be a function");
	jQuery.sap.assert(!oPreprocessors || typeof oPreprocessors === "object", "oPreprocessors must be an object");

	var oOldPreprocessors = { id : this._fnIdPreprocessor, settings : this._fnSettingsPreprocessor };
	oPreprocessors = oPreprocessors || {};

	this._fnIdPreprocessor = oPreprocessors.id; 
	this._fnSettingsPreprocessor = oPreprocessors.settings;

	try {
		var result = fn.call();
		this._fnIdPreprocessor = oOldPreprocessors.id; 
		this._fnSettingsPreprocessor = oOldPreprocessors.settings;
		return result;
	} catch (e) {
		this._fnIdPreprocessor = oOldPreprocessors.id; 
		this._fnSettingsPreprocessor = oOldPreprocessors.settings;
		throw e;
	}

};

/**
 * Sets all the properties, aggregations, associations and event handlers as given in
 * the object literal <code>mSettings</code>. If a property, aggregation, etc.
 * is not listed in <code>mSettings</code>, then its value is not changed by this method.
 *
 * For properties and 0..1 aggregations/associations, any given setting overwrites
 * the current value. For 0..n aggregations, the given values are appended; event
 * listeners are registered in addition to existing ones.
 *
 * For the possible keys and values in <code>mSettings</code> see the general
 * documentation in {@link sap.ui.base.ManagedObject} or the specific documentation
 * of the constructor of the concrete managed object class.
 *
 * @param {object} mSettings the settings to apply to this managed object
 * @param {object} [oScope] Scope object to resolve types and formatters
 * @return {sap.ui.base.ManagedObject} Returns <code>this</code> to allow method chaining
 * @public
 * @experimental Since 1.11.2. support for complex string binding syntax as well as the 
 * 				scope object for resolving string based type and formatter references 
 * 				in bindings is still experimental
 */
sap.ui.base.ManagedObject.prototype.applySettings = function(mSettings, oScope) {

	// PERFOPT: don't retrieve (expensive) JSONKeys if no settings are given
	if ( !mSettings || jQuery.isEmptyObject(mSettings) ) {
		return this;
	}

	var oMetadata = this.getMetadata(),
		mValidKeys = oMetadata.getJSONKeys(),
		makeControl = sap.ui.base.ManagedObject.create,
		preprocessor = sap.ui.base.ManagedObject._fnSettingsPreprocessor,
		sKey, oValue, oKeyInfo;

	// call the preprocessor if it has been defined
	preprocessor && preprocessor.call(this, mSettings); // TODO: decide whether to call for empty settings as well?
	
	// process models
	if ( mSettings.models ) {
		if ( typeof mSettings.models !== "object" ) {
			throw new Error("models must be a simple object");
		}
		if ( mSettings.models instanceof sap.ui.model.Model) {
			this.setModel(mSettings.models);
		} else {
			for(var sKey in mSettings.models ) {
				this.setModel(mSettings.models[sKey], sKey);
			}
		}
		delete mSettings.models;
	}
	//process BindingContext
	if ( mSettings.bindingContexts ) {
		if ( typeof mSettings.bindingContexts !== "object" ) {
			throw new Error("bindingContexts must be a simple object");
		}
		if ( mSettings.bindingContexts instanceof sap.ui.model.Context) {
			this.setBindingContext(mSettings.bindingContexts);
		} else {
			for(var sKey in mSettings.bindingContexts ) {
				this.setBindingContext(mSettings.bindingContexts[sKey], sKey);
			}
		}
		delete mSettings.bindingContexts;
	}
	// process all settings
	// process settings
	for(sKey in mSettings) {
		// get info object for the key
		if ( oKeyInfo = mValidKeys[sKey] ) {
			oValue = mSettings[sKey];
			switch(oKeyInfo._iKind) {
			case 0: // PROPERTY
				var oBindingInfo = this.extractBindingInfo(oValue, oKeyInfo.type === "object", oScope);
				if (oBindingInfo) {
					this.bindProperty(sKey, oBindingInfo);
				} else {
					this[oKeyInfo._sMutator](oValue);
				}
				break;
			case 1: // SINGLE_AGGREGATION
				var oBindingInfo = oKeyInfo.altTypes && this.extractBindingInfo(oValue, jQuery.inArray("object", oKeyInfo.altTypes) >= 0, oScope); 
				if ( oBindingInfo ) {
					this.bindProperty(sKey, oBindingInfo);
				} else {
					this[oKeyInfo._sMutator](makeControl(oValue, oKeyInfo));
				}
				break;
			case 2: // MULTIPLE_AGGREGATION
				var oBindingInfo = this.extractBindingInfo(oValue, false, oScope); 
				if (oBindingInfo) {
					this.bindAggregation(sKey, oBindingInfo);
				} else {
					if ( oValue && !jQuery.isArray(oValue) ) {
						oValue = [oValue];
					}
					if ( oValue ) {
						for(var i=0,l=oValue.length; i<l; i++) {
							this[oKeyInfo._sMutator](makeControl(oValue[i], oKeyInfo));
						}
					}
				}
				break;
			case 3: // SINGLE_ASSOCIATION
				this[oKeyInfo._sMutator](oValue);
				break;
			case 4: // MULTIPLE_ASSOCIATION
				if ( oValue && !jQuery.isArray(oValue) ) {
					oValue = [oValue];
				}
				if ( oValue ) {
					for(var i=0,l=oValue.length; i<l; i++) {
						this[oKeyInfo._sMutator](oValue[i]);
					}
				}
				break;
			case 5: // EVENT
				if ( typeof oValue == "function" ) {
					this[oKeyInfo._sMutator](oValue);
				}
				else {
					this[oKeyInfo._sMutator](oValue[0], oValue[1], oValue[2]);
				}
					//this[oKeyInfo._sMutator].apply(this, oValue); // could be replacement for line before
				break;
			default:
				break;
			}
		}
	}

	return this;
};

/**
 * Returns a simple string representation of this managed object.
 *
 * Mainly useful for tracing purposes.
 * @public
 * @return {string} a string description of this managed object
 */
sap.ui.base.ManagedObject.prototype.toString = function() {
	return "ManagedObject " + this.getMetadata().getName() + "#" + this.getId();
};

/**
 * Returns the object's Id.
 *
 * @return {string} the objects's Id.
 * @public
 */
sap.ui.base.ManagedObject.prototype.getId = function() {
	return this.sId;
};


/**
 * Sets a new value for the given property <code>sPropertyName</code> and marks
 * this object as changed. If the given <code>oValue</code> equals the
 * current value, nothing happens.
 *
 * @param {string}  sPropertyName name of the property to set
 * @param {any}     oValue value to set the property to
 * @param {boolean} [bSuppressInvalidate] if true, the managed is not marked as changed
 * @return {sap.ui.base.ManagedObject} Returns <code>this</code> to allow method chaining
 * TODO better name bSuppressInvalidate positive, e.g. "bStayValid"
 * @protected
 */
sap.ui.base.ManagedObject.prototype.setProperty = function(sPropertyName, oValue, bSuppressInvalidate) {

	// check for a value change
	var oOldValue = this.mProperties[sPropertyName];

	// value validation
	oValue = this.validateProperty(sPropertyName, oValue);

	if (jQuery.sap.equal(oOldValue, oValue)) {
		return this;
	} // no change

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	// change the property (and invalidate if the rendering should be updated)
	this.mProperties[sPropertyName] = oValue;
	if (!this.isInvalidateSuppressed()) {
		this.invalidate();
	}

	// check whether property is bound and update model in case of two way binding
	this.updateModelProperty(sPropertyName, oValue, oOldValue);

	// prototype for generic property change events
	// TODO: THINK ABOUT CONFIGURATION TO ENABLE THIS
	sap.ui.base.EventProvider.prototype.fireEvent.apply(this, ["_change", {
		"id": this.getId(),
		"name": sPropertyName,
		"oldValue": oOldValue,
		"newValue": oValue
	}]);

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return this;
};

/**
 * Returns the value for the property with the given <code>sPropertyName</code>
 *
 * @param {string} sPropertyName the name of the property
 * @type any
 * @return the value of the property
 * @protected
 */
sap.ui.base.ManagedObject.prototype.getProperty = function(sPropertyName) {
	var oValue = this.mProperties[sPropertyName],
		oMetadata = this.getMetadata(),
		oProperty = oMetadata.getAllProperties()[sPropertyName],
		oType;

	if (!oProperty) {
		throw new Error("Property \"" + sPropertyName + "\" does not exist in " + this);
	}

	oType = sap.ui.base.DataType.getType(oProperty.type);

	// If property has an array type, clone the array to avoid modification of original data
	if (oType instanceof sap.ui.base.DataType && oType.isArrayType() && jQuery.isArray(oValue)) {
		oValue = oValue.slice(0);
	}
	
	// If proprerty is of type String instead of string, convert with valueOf()
	if (oValue instanceof String) {
		oValue = oValue.valueOf();
	}
	
	return oValue;
};

/**
 * Checks whether the given value is of the proper type for the given property name. In case null or undefined is
 * passed, the default value for this property is returned.
 *
 * @param {string} sPropertyName the name of the property
 * @param {any} oValue the value
 * @return {any} the passed value or the property's default value if null or undefined was passed
 * @throws Error if no property with the given name is found or the given value does not fit to the property type
 * @protected
 */
sap.ui.base.ManagedObject.prototype.validateProperty = function(sPropertyName, oValue) {
	var oMetadata = this.getMetadata(),
		oProperty = oMetadata.getAllProperties()[sPropertyName],
		oType;

	if (!oProperty) {
		throw new Error("Property \"" + sPropertyName + "\" does not exist in " + this);
	}

	oType = sap.ui.base.DataType.getType(oProperty.type);

	// If property has an array type, clone the array to avoid modification of original data
	if (oType instanceof sap.ui.base.DataType && oType.isArrayType() && jQuery.isArray(oValue)) {
		oValue = oValue.slice(0);
	}
	
	// In case null is passed as the value return the default value, either from the property or from the type
	if (oValue === null || oValue === undefined) {
		if (oProperty.defaultValue !== null) {
			return oProperty.defaultValue;
		} else {
			return oType.getDefaultValue();
		}
	}

	// Implicit casting for string only, other types are causing errors
	if (oType instanceof sap.ui.base.DataType) {
		if (oType.getName() == "string") {
			if (!(typeof oValue == "string" || oValue instanceof String)) {
				oValue = "" + oValue;
			}
		} else if (oType.getName() == "string[]") {
			for (var i = 0; i < oValue.length; i++) {
				if (!typeof oValue[i] == "string") {
					oValue[i] = "" + oValue[i];
				}
			}
		} else if (!oType.isValid(oValue)) {
			throw new Error("\"" + oValue + "\" is of type " + typeof oValue + ", expected " +
					oType.getName() + " for property \"" + sPropertyName + "\" of " + this);
		}
	} else if (!(oValue in oType)){ // Enumeration
		throw new Error("\"" + oValue + "\" is not a valid entry of the enumeration for property \"" + sPropertyName + "\" of " + this);
	}

	return oValue;
};

/**
 * Returns the origin info on the property value of the given property name
 *
 * @param {string} sPropertyName the name of the property
 * @return {object} a map of properties describing the origin of this property value or null
 * @public
 */
sap.ui.base.ManagedObject.prototype.getOriginInfo = function(sPropertyName) {
	var oValue = this.mProperties[sPropertyName];
	if (!(oValue instanceof String && oValue.originInfo)) {
		return null;
	}
	return oValue.originInfo;
};


// ######################################################################################################
// Associations
// ######################################################################################################

/**
 * Sets an association for the managed object
 *
 * @param {string}
 *            sAssociationName name of the association
 * @param {string | sap.ui.base.ManagedObject}
 *            sId the ID of the managed object that is set as an association, or the managed object itself or null
 * @param {boolean}
 *            [bSuppressInvalidate] if true, the managed objects invalidate method is not called
 * @return {sap.ui.base.ManagedObject} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.base.ManagedObject.prototype.setAssociation = function(sAssociationName, sId, bSuppressInvalidate) {
	if (sId instanceof sap.ui.base.ManagedObject) {
		sId = sId.getId();
	} else if (sId != null && typeof sId !== "string") {
		jQuery.sap.assert(false, "setAssociation(): sId must be a string, an instance of sap.ui.base.ManagedObject or null");
		return this;
	}

	if (this.mAssociations[sAssociationName] === sId) {
		return this;
	} // no change

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	this.mAssociations[sAssociationName] = sId;

	if (!this.isInvalidateSuppressed()) {
		this.invalidate();
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return this;
};

/**
 * Returns an association of the managed object with a given sAssociationName
 *
 * @param {string} sAssociationName the name of the association
 * @param {object}
 *			  oDefaultForCreation the object that is used in case the current aggregation is empty (only null or empty array allowed)
 * @return {string | string[]} the ID of the associated managed object or an array of such IDs; may be null if the association has not been populated
 * @protected
 */
sap.ui.base.ManagedObject.prototype.getAssociation = function(sAssociationName, oDefaultForCreation) {
	var result = this.mAssociations[sAssociationName];

	if (!result) {
		result = this.mAssociations[sAssociationName] = oDefaultForCreation || null;
	} else {
		if (typeof result.length === 'number' && !(result.propertyIsEnumerable('length')) ) {
			// Return a copy of the array instead of the array itself as reference!!
			return result.slice();
		}
		// simple type or ManagedObject
		return result;
	}

	return result;
};

/**
 * Adds some entity with the ID <code>sId</code> to the association identified by <code>sAssociationName</code>.
 *
 * @param {string}
 *            sAssociationName the string identifying the association the object should be added to.
 * @param {string | sap.ui.base.ManagedObject}
 *            sId the ID of the managed object to add; if empty, nothing is added; if a <code>sap.ui.base.ManagedObject</code> is given, its ID is added
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this managed object as well as the newly associated object are not marked as changed
 * @return {sap.ui.base.ManagedObject} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.base.ManagedObject.prototype.addAssociation = function(sAssociationName, sId, bSuppressInvalidate) {
	if (sId instanceof sap.ui.base.ManagedObject) {
		sId = sId.getId();
	} else if (typeof sId !== "string") {
	  // TODO what about empty string?
    jQuery.sap.assert(false, "addAssociation(): sId must be a string or an instance of sap.ui.base.ManagedObject");
		return this;
	}

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	var aIds = this.mAssociations[sAssociationName];
	if (!aIds) {
		aIds = this.mAssociations[sAssociationName] = [sId];
	} else {
		aIds.push(sId);
	}

	if (!this.isInvalidateSuppressed()) {
		this.invalidate();
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return this;
};

/**
 * Removes a ManagedObject from the association named <code>sAssociationName</code>.
 *
 * @param {string}
 *            sAssociationName the string identifying the association the ManagedObject should be removed from.
 * @param {int | string | sap.ui.base.ManagedObject}
 *            vObject the position or ID of the ManagedObject to remove or the ManagedObject itself; if <code>vObject</code> is invalid input,
 *            a negative value or a value greater or equal than the current size of the association, nothing is removed
 * @param {boolean}
 *            [bSuppressInvalidate] if true, the managed object is not marked as changed
 * @return the ID of the removed ManagedObject or null
 * @protected
 */
sap.ui.base.ManagedObject.prototype.removeAssociation = function(sAssociationName, vObject, bSuppressInvalidate) {
	var aIds = this.mAssociations[sAssociationName];
	var sId = null;

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	if (typeof(vObject) == "object" && vObject.getId) { // object itself is given
		vObject = vObject.getId();
	}

	if (typeof(vObject) == "string") { // ID of the object is given or has just been retrieved
		for (var i = 0; i < aIds.length; i++) {
			if (aIds[i] == vObject) {
				vObject = i;
				break;
			}
		}
	}

	if (typeof(vObject) == "number") { // "object" is the index now
		if (vObject < 0 || vObject >= aIds.length) {
			jQuery.sap.log.warning("ManagedObject.removeAssociation called with invalid index: " + sAssociationName + ", " + vObject);
		} else {
			sId = aIds[vObject];
			aIds.splice(vObject, 1);
			if (!this.isInvalidateSuppressed()) {
				this.invalidate();
			}
		}
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return sId;
};

/**
 * Removes all the objects in the 0..n-association named <code>sAssociationName</code> (and returns them in an array).<br/>
 *
 * @param {string}
 *            sAssociationName the name of the association
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed
 * @type Array
 * @return an array with the IDs of the removed objects (might be empty)
 * @protected
 */
sap.ui.base.ManagedObject.prototype.removeAllAssociation = function(sAssociationName, bSuppressInvalidate){
	var aIds = this.mAssociations[sAssociationName];
	if (!aIds)	{
		return [];
	}

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	delete this.mAssociations[sAssociationName];
	if (!this.isInvalidateSuppressed()) {
		this.invalidate();
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return aIds;
};

// ######################################################################################################
// End of Associations
// ######################################################################################################


// ######################################################################################################
// Aggregations
// ######################################################################################################

/**
 * Checks whether the given value is of the proper type for the given aggregation name. 
 *
 * @param {string} sAggregationName the name of the aggregation
 * @param {sap.ui.base.ManagedObject|any} oObject the aggregated object or a primitive value
 * @param {boolean} bMultiple whether the aggregation must have cardinality 0..n
 * @return {sap.ui.base.ManagedObject|any} the passed object
 * @throws Error if no aggregation with the given name is found or the given value does not fit to the aggregation type
 * @protected
 */
sap.ui.base.ManagedObject.prototype.validateAggregation = function(sAggregationName, oObject, bMultiple) {
	var oMetadata = this.getMetadata(),
		oAggregation = oMetadata.getManagedAggregation(sAggregationName), // public or private
		aAltTypes,
		oType,
		i,
		msg;

	// undeclared aggregation 
	if (!oAggregation) {
		if(sAggregationName && oMetadata._mHiddenAggregations && oMetadata._mHiddenAggregations[sAggregationName]){
			oAggregation = oMetadata._mHiddenAggregations[sAggregationName];
			jQuery.sap.log.error("Support for '_mHiddenAggregations' is about to be removed (with 1.12 latest). Hidden aggregations like '" + oMetadata.getName() + "." + sAggregationName + "' instead can be declared like normal aggregations but with visibility:'hidden'.");
		}else{
			msg = "Aggregation \"" + sAggregationName + "\" does not exist in " + this;
			
			if ( /^sap\.(ui\.core|ui\.commons|ui\.table|ui\.ux3|m|makit|viz|uiext\.inbox)$/.test(oMetadata.getLibraryName() || "") ) {
				throw new Error(msg);
			} else {
				// TODO throw for any lib as soon as "hidden" aggregations are a public feature.
				// Otherwise, composite controls currently would have no legal way to react 
				jQuery.sap.log.error("Support for undeclared aggregations is about to be removed (with 1.12 latest). Hidden aggregations like '" + oMetadata.getName() + "." + sAggregationName + "' can be declared like normal aggregations but with visibility:'hidden'.");
				jQuery.sap.assert(false, msg);
				return oObject;
			}
		}
	}

	if (oAggregation.multiple !== bMultiple ) {
		throw new Error("Aggregation '" + sAggregationName + "' of " + this + " used with wrong cardinality (declared as " + (oAggregation.multiple ? "0..n" : "0..1") + ")");
	}
	
	//Null is a valid value for 0..1 aggregations
	if(!oAggregation.multiple && !oObject){
		return oObject;
	}
	
	oType = jQuery.sap.getObject(oAggregation.type);
	// class types
	if ( typeof oType === "function" && oObject instanceof oType ) {
		return oObject;
	}
	// interfaces 
	if ( oObject && oObject.getMetadata && oObject.getMetadata().isInstanceOf(oAggregation.type) ) {
		return oObject;
	}
	// alternative types
	aAltTypes = oAggregation.altTypes;
	if ( aAltTypes && aAltTypes.length ) {
		// for primitive types, null or undefined is valid as well 
		if ( oObject == null ) {
			return oObject;
		}
		for (i=0; i<aAltTypes.length; i++) {
			oType = sap.ui.base.DataType.getType(aAltTypes[i]);
			if (oType instanceof sap.ui.base.DataType) {
				if (oType.isValid(oObject)) {
					return oObject;
				}
			} else if (oObject in oType) { // Enumeration
				return oObject;
			}
		}
	}

	// TODO make this stronger again (e.g. for FormattedText)
	msg = "\"" + oObject + "\" is not valid for aggregation \"" + sAggregationName + "\" of " + this;
	if ( sap.ui.base.DataType.isInterfaceType(oAggregation.type) ) {
		jQuery.sap.assert(false, msg);
		return oObject;
	} else {
	  throw new Error(msg);
	}
};

/**
 * Sets an aggregation for the managed object
 *
 * @param {string}
 *            sAggregationName name of the aggregation
 * @param {object}
 *            oObject the managed object that is set as an aggregation
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed
 * @return {sap.ui.base.ManagedObject} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.base.ManagedObject.prototype.setAggregation = function(sAggregationName, oObject, bSuppressInvalidate) {
	var oOldChild = this.mAggregations[sAggregationName];
	if (oOldChild === oObject) {
		return this;
	} // no change
	oObject = this.validateAggregation(sAggregationName, oObject, /* multiple */ false); 

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	if (oOldChild instanceof sap.ui.base.ManagedObject) { // remove old child
		oOldChild.setParent(null);
	}
	this.mAggregations[sAggregationName] = oObject;
	if (oObject instanceof sap.ui.base.ManagedObject) { // adopt new child
		oObject.setParent(this, sAggregationName, bSuppressInvalidate);
	} else {
		if (!this.isInvalidateSuppressed()) {
			this.invalidate();
		}
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return this;
};

/**
 * Returns an aggregation of the managed object with a given sAggregationName
 *
 * @param {string}
 *            sAggregationName the name of the aggregation
 * @param {sap.ui.base.ManagedObject | Array}
 *			  oDefaultForCreation the object that is used in case the current aggregation is empty
 * @type sap.ui.base.ManagedObject|Array
 * @return the aggregation array in case of 0..n-aggregations or the managed object or null in case of 0..1-aggregations
 * @protected
 */
sap.ui.base.ManagedObject.prototype.getAggregation = function(sAggregationName, oDefaultForCreation) {
	var aChildren = this.mAggregations[sAggregationName];
	if (!aChildren) {
		aChildren = this.mAggregations[sAggregationName] = oDefaultForCreation || null;
	}
	if (aChildren) {
		if (typeof aChildren.length === 'number' && !(aChildren.propertyIsEnumerable('length')) ) {
			// Return a copy of the array instead of the array itself as reference!!
			return aChildren.slice();
		}
		// simple type or ManagedObject
		return aChildren;
	} else {
		return null;
	}
};

/**
 * Checks for the provided managed object <code>oObject</code> in the aggregation
 * named <code>sAggregationName</code> and returns its index if found, or -1
 * otherwise. Returns -2 if the given named aggregation is not a multiple one
 * (and does not contain the given child).
 *
 * @param {string}
 *            sAggregationName the name of the aggregation
 * @param {sap.ui.base.ManagedObject}
 *            oObject the ManagedObject whose index is looked for.
 * @return {int} the index of the provided managed object in the aggregation.
 * @protected
 */
sap.ui.base.ManagedObject.prototype.indexOfAggregation = function(sAggregationName, oObject) {
	var aChildren = this.mAggregations[sAggregationName];
	if (aChildren) {
		if (aChildren.length == undefined) {
			return -2;
		} // not a multiple aggregation

		for (var i = 0; i < aChildren.length; i++) {
			if (aChildren[i] == oObject) {
				return i;
			}
		}
	}
	return -1;
};

/**
 * Inserts managed object <code>oObject</code> to the aggregation named <code>sAggregationName</code> at
 * position <code>iIndex</code>.
 *
 * @param {string}
 *            sAggregationName the string identifying the aggregation the managed object <code>oObject</code>
 *            should be inserted into.
 * @param {sap.ui.base.ManagedObject}
 *            oObject the ManagedObject to add; if empty, nothing is inserted.
 * @param {int}
 *            iIndex the <code>0</code>-based index the managed object should be inserted at; for a negative
 *            value <code>iIndex</code>, <code>oObject</code> is inserted at position 0; for a value
 *            greater than the current size of the aggregation, <code>oObject</code> is inserted at
 *            the last position
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject as well as the added child are not marked as changed
 * @return {sap.ui.base.ManagedObject} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.base.ManagedObject.prototype.insertAggregation = function(sAggregationName, oObject, iIndex, bSuppressInvalidate) {
	if (!oObject) {
		return this;
	}
	oObject = this.validateAggregation(sAggregationName, oObject, /* multiple */ true);

	var aChildren = this.mAggregations[sAggregationName] || (this.mAggregations[sAggregationName] = []);
	// force index into valid range 
	var i = iIndex < 0 ? 0 : (iIndex > aChildren.length ? aChildren.length : iIndex);
	if (i !== iIndex) {
		jQuery.sap.log.warning("ManagedObject.insertAggregation: index '" + iIndex + "' out of range [0," + aChildren.length + "], forced to " + i);
	}
	aChildren.splice(i, 0, oObject);
	oObject.setParent(this, sAggregationName, bSuppressInvalidate);

	return this;
};

/**
 * Adds some entity <code>oObject</code> to the aggregation identified by <code>sAggregationName</code>.
 *
 * @param {string}
 *            sAggregationName the string identifying the aggregation that <code>oObject</code> should be added to.
 * @param {sap.ui.base.ManagedObject}
 *            oObject the object to add; if empty, nothing is added
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject as well as the added child are not marked as changed
 * @return {sap.ui.base.ManagedObject} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.base.ManagedObject.prototype.addAggregation = function(sAggregationName, oObject, bSuppressInvalidate) {
	if (!oObject) {
		return this;
	}
	oObject = this.validateAggregation(sAggregationName, oObject, /* multiple */ true);

	var aChildren = this.mAggregations[sAggregationName];
	if (!aChildren) {
		aChildren = this.mAggregations[sAggregationName] = [oObject];
	} else {
		aChildren.push(oObject);
	}
	oObject.setParent(this, sAggregationName, bSuppressInvalidate);
	return this;
};

/**
 * Removes an object from the aggregation named <code>sAggregationName</code>.
 *
 * @param {string}
 *            sAggregationName the string identifying the aggregation the ManagedObject should be removed from
 * @param {int | string | sap.ui.base.ManagedObject}
 *            vObject the position or ID of the ManagedObject to remove or the ManagedObject itself; if <code>vObject</code> is invalid,
 *            a negative value or a value greater or equal than the current size of the aggregation, nothing is removed
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed
 * @type sap.ui.base.ManagedObject
 * @return the removed object or null
 * @protected
 */
sap.ui.base.ManagedObject.prototype.removeAggregation = function(sAggregationName, vObject, bSuppressInvalidate) {
	var aChildren = this.mAggregations[sAggregationName];
	var oChildControl = null;

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	if (typeof(vObject) == "string") { // ID of the object is given
		vObject = sap.ui.getCore().byId(vObject);
	}

	if (typeof(vObject) == "object") { // the object itself is given or has just been retrieved
		for (var i = 0; i < aChildren.length; i++) {
			if (aChildren[i] == vObject) {
				vObject = i;
				break;
			}
		}
	}

	if (typeof(vObject) == "number") { // "vObject" is the index now
		if (vObject < 0 || vObject >= aChildren.length) {
			jQuery.sap.log.warning("ManagedObject.removeAggregation called with invalid index: " + sAggregationName + ", " + vObject);

		} else {
			oChildControl = aChildren[vObject];
			aChildren.splice(vObject, 1);
			oChildControl.setParent(null);
			if (!this.isInvalidateSuppressed()) {
				this.invalidate();
			}
		}
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return oChildControl;
};

/**
 * Removes all the controls in the 0..n-aggregation named <code>sAggregationName</code> (and returns them in an array).<br/>
 * Additionally unregisters them from the hosting UIArea.
 *
 * @param {string}
 *            sAggregationName the name of the aggregation
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed
 * @type Array
 * @return an array of the removed elements (might be empty)
 * @protected
 */
sap.ui.base.ManagedObject.prototype.removeAllAggregation = function(sAggregationName, bSuppressInvalidate){
	var aChildren = this.mAggregations[sAggregationName];
	if (!aChildren)	{
		return [];
	}

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	delete this.mAggregations[sAggregationName];
	for (var i = 0; i < aChildren.length; i++) {
		aChildren[i].setParent(null);
	}
	if (!this.isInvalidateSuppressed()) {
		this.invalidate();
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return aChildren;
};

/**
 * Destroys (all) the managed object(s) in the aggregation named <code>sAggregationName</code> and afterwards empties the
 * aggregation.
 *
 * @param {string}
 *            sAggregationName the name of the aggregation
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed
 * @return {sap.ui.base.ManagedObject} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.base.ManagedObject.prototype.destroyAggregation = function(sAggregationName, bSuppressInvalidate){
	var aChildren = this.mAggregations[sAggregationName];
	if (!aChildren) {
		return this;
	}

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	delete this.mAggregations[sAggregationName];
	if (aChildren instanceof sap.ui.base.ManagedObject) {
		aChildren.destroy(bSuppressInvalidate);
	} else if (aChildren && jQuery.isArray(aChildren)) {
		for (var i = 0; i < aChildren.length; i++) {
			if (aChildren[i]) {
				aChildren[i].destroy(bSuppressInvalidate);
			}
		}
	}
	if (!this.isInvalidateSuppressed()) {
		this.invalidate();
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return this;
};

// ######################################################################################################
// End of Aggregations
// ######################################################################################################


/**
 * This triggers rerendering of itself and its children.<br/> As <code>sap.ui.base.ManagedObject</code> "bubbles up" the
 * invalidate, changes to child-<code>Elements</code> will also result in rerendering of the whole sub tree.
 * @protected
 */
sap.ui.base.ManagedObject.prototype.invalidate = function() {
	if (this.oParent) {
		this.oParent.invalidate(this);
	}
};


/**
 * Returns whether rerendering is currently suppressed on this ManagedObject
 * @return boolean
 * @protected
 */
sap.ui.base.ManagedObject.prototype.isInvalidateSuppressed = function() {
	var bInvalidateSuppressed = this.iSuppressInvalidate > 0;
	if (this.oParent && this.oParent instanceof sap.ui.base.ManagedObject) {
		bInvalidateSuppressed = bInvalidateSuppressed || this.oParent.isInvalidateSuppressed();
	}
	return bInvalidateSuppressed;
};


/**
 * Removes the given child from this object's named aggregation.
 * @see sap.ui.core.UIArea#_removeChild
 * @see sap.ui.base.ManagedObject#setParent
 *
 * @param {sap.ui.base.ManagedObject}
 *            oChild the child object to be removed
 * @param {string}
 *            sAggregationName the name of this object's aggregation
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed
 * @protected
 */
sap.ui.base.ManagedObject.prototype._removeChild = function(oChild, sAggregationName, bSuppressInvalidate) {
	if (!sAggregationName) {
		// an aggregation name has to be specified!
		jQuery.sap.log.error("Cannot remove aggregated child without aggregation name.", null, this);
	} else {
		// set suppress invalidate flag
		if (bSuppressInvalidate) {
			this.iSuppressInvalidate++;
		}

		var iIndex = this.indexOfAggregation(sAggregationName, oChild);
		var oAggregationInfo = this.getMetadata().getJSONKeys()[sAggregationName];
		// Note: we assume that this is the given child's parent, i.e. -1 not expected!
		if (iIndex == -2) { // 0..1
			if(oAggregationInfo && this[oAggregationInfo._sMutator]) { // TODO properly deal with hidden aggregations
				this[oAggregationInfo._sMutator](null);
			}
			else {
				this.setAggregation(sAggregationName, null, bSuppressInvalidate);
			}
		} else if(iIndex > -1 ) { // 0..n
			if(oAggregationInfo && this[oAggregationInfo._sRemoveMutator]) { // TODO properly deal with hidden aggregations
				this[oAggregationInfo._sRemoveMutator](iIndex);
			}
			else {
				this.removeAggregation(sAggregationName, iIndex, bSuppressInvalidate);
			}
		} else {
			// already removed!?
			// this is the unexpected -1
			// TODO: What would be better? Explicit removeCompositeChild callback on subclass?
		}
		if (!this.isInvalidateSuppressed()) {
			this.invalidate();
		}

		// reset suppress invalidate flag
		if (bSuppressInvalidate) {
			this.iSuppressInvalidate--;
		}
	}
};

/**
 * Defines this object's new parent. If no new parent is given, the parent is
 * just unset and we assume that the old parent has removed this child from its
 * aggregation. But if a new parent is given, this child is first removed from
 * its old parent.
 *
 * @param {sap.ui.base.ManagedObject}
 *            oParent the object that becomes this objects's new parent
 * @param {string}
 *            sAggregationName the name of the parent objects's aggregation
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed. The old parent, however, is marked.
 * @return {sap.ui.base.ManagedObject}
 *            Returns <code>this</code> to allow method chaining
 * @private
 */
sap.ui.base.ManagedObject.prototype.setParent = function(oParent, sAggregationName, bSuppressInvalidate) {
	var that = this;
	
	if ( !oParent ) {
		this.oParent = null;
		this.sParentAggregationName = null;
		this.oPropagatedProperties = {oModels:{}, oBindingContexts:{}};
		// Note: no need (and no way how) to invalidate
		return;
	}

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	var oOldParent = this.getParent();
	if (oOldParent) { // remove this object from its old parent
		// Note: bSuppressInvalidate  by intention is not propagated to the old parent.
		// It is not sure whether the (direct or indirect) caller of setParent
		// has enough knowledge about the old parent to automatically propagate this.
		// If needed, callers can first remove the object from the oldParent (specifying a 
		// suitable value for bSuppressInvalidate there) and only then call setParent.
		oOldParent._removeChild(this, this.sParentAggregationName);  
	}
	// adopt new parent
	this.oParent = oParent;
	this.sParentAggregationName = sAggregationName;
	
	//get properties to propagate
	this.oPropagatedProperties = oParent._getPropertiesToPropagate();
	
	// update bindings
	if (this.hasModel()) {
		this.updateBindingContext(false, true, undefined, true);
		this.updateBindings(true,null); // TODO could be restricted to models that changed
		this.propagateProperties(true);
	}

	// only the parent knows where to render us, so we have to invalidate it
	if ( oParent && !this.isInvalidateSuppressed() ) {
		oParent.invalidate(this);
	}

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}

	return this;
};

/**
 * Returns the parent managed object or <code>null</code> if this object hasn't been added to a parent yet.
 *
 * @return {sap.ui.base.ManagedObject} The parent managed object or <code>null</code>
 * @public
 */
sap.ui.base.ManagedObject.prototype.getParent = function() {
	/* Be aware that internally this.oParent is used to reduce method calls. 
	 * Check for side effects when overriding this method */
	return this.oParent;
};


/**
 * Cleans up the resources associated with this object and all its aggregated children.
 *
 * After an object has been destroyed, it can no longer be used in!
 *
 * Applications should call this method if they don't need the object any longer.
 *
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed
 * @public
 */
sap.ui.base.ManagedObject.prototype.destroy = function(bSuppressInvalidate) {
	var that = this;

	// jQuery.sap.log.debug("destroying " + this);

	// set suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate++;
	}

	if (this.exit) {
		this.exit();
	}

	// TODO: generic concept for exit hooks?
	if ( this._exitCompositeSupport ) {
		this._exitCompositeSupport();
	}

	// ensure that also our children are destroyed!!
	for(var oAggr in this.mAggregations){
		this.destroyAggregation(oAggr, bSuppressInvalidate);
	}
	
	// Deregister, if available
	if (this.deregister) this.deregister();

	// remove this child from parent aggregation
	if (this.oParent && this.sParentAggregationName) {
		this.oParent._removeChild(this, this.sParentAggregationName, bSuppressInvalidate);
	}

	// Data Binding
	jQuery.each(this.mBindingInfos, function(sName, oBindingInfo) {
		if (oBindingInfo.factory) {
			that.unbindAggregation(sName);
		} else {
			that.unbindProperty(sName);
		}
	});

	// reset suppress invalidate flag
	if (bSuppressInvalidate) {
		this.iSuppressInvalidate--;
	}
	
	sap.ui.base.EventProvider.prototype.destroy.apply(this, arguments);

	// finally make the object unusable
	this.setParent = function(){
		throw Error("The object with ID "+that.getId()+" was destroyed and cannot be used anymore.");
	};

	// make visible that it's been destroyed.
	this.bIsDestroyed = true;

};


// DataBinding
/**
 * Binding parser to use.
 */
sap.ui.base.ManagedObject.bindingParser = sap.ui.base.BindingParser.simpleParser;

/**
 * Determines whether a given object contains binding information instead of a
 * value or aggregated controls. The method is used in applySettings for processing
 * the JSON notation of properties/aggregations in the constructor.
 *
 * @param {object} oValue the value
 * @param {object} oKeyInfo the metadata of the property
 *
 * @returns {boolean} whether the value contains binding information
 *
 * @private
 * @deprecated
 */
sap.ui.base.ManagedObject.prototype.isBinding = function(oValue, oKeyInfo) {
	return !!this.extractBindingInfo(oValue, oKeyInfo.type === "object");
};

/**
 * Checks whether the given value can be interpreted as a binding info and 
 * returns that binding info or undefined when it is not.
 * 
 * There are two possible notations for binding information in the object literal notation of the ManagedObject constructor:
 * <ul>
 *   <li>property: "{path}"
 *   This is used for property binding and can only contain the path.
 *   </li>
 *   <li>property:{path:"path", template:oTemplate}
 *   This is used for aggregation binding, where a template is required or can
 *   be used for property binding when additional data is required (e.g. formatter).
 *   </li>
 * </ul>
 * 
 * @param {object} oValue
 * @param {boolean} bIgnoreObjects
 * @param {object} oScope
 *
 * @returns {object} the binding info object or undefined. 
 *     If a binding info is returned, it contains at least a path property
 *     and, dependant of the binding type, additional properties
 *
 * @private
 */
sap.ui.base.ManagedObject.prototype.extractBindingInfo = function(oValue, bIgnoreObjects, oScope) {

	// property:{path:"path", template:oTemplate}
	if (oValue && typeof oValue === "object" && (oValue.path || oValue.parts) && !bIgnoreObjects) {
		// allow JSON syntax for templates
		if (oValue.template) {
			oValue.template = sap.ui.base.ManagedObject.create(oValue.template);
		}
		return oValue;
	}
	
	// property:"{path}"
	if (typeof oValue == "string") {
		return sap.ui.base.ManagedObject.bindingParser(oValue, oScope);
	}
	
	// return undefined;
};

/**
 * Returns the binding infos for the given property or aggregation. The binding info contains information about path, binding object, format options,
 * sorter, filter etc. for the property or aggregation.
 *
 * @param {string} sName the name of the property or aggregation
 *
 * @returns {object} the binding info object, containing at least a path property
 *                   and, dependant of the binding type, additional properties
 *
 * @protected
 */
sap.ui.base.ManagedObject.prototype.getBindingInfo = function(sName) {
	return this.mBindingInfos[sName];
};

/**
 * Bind the object to the referenced entity in the model, which is used as the binding context
 * to resolve bound properties or aggregations of the object itself and all of its children
 * relatively to the given path.
 * If a relative binding path is used, this will be applied whenever the parent context changes.
 * @param {string} sPath the binding path
 * @param {object} [mParameters] map of additional parameters for this binding
 *
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public 
 */
sap.ui.base.ManagedObject.prototype.bindElement = function(sPath, mParameters) {
	// if a model separator is found in the path, extract model name and path
	var boundElement = {},
	  oldBoundElement,
		sModelName = undefined,
		iSeparatorPos = sPath.indexOf(">");
	
	boundElement.sBindingPath = sPath;
	boundElement.mBindingParameters = mParameters;
	if (iSeparatorPos > 0) {
		sModelName = sPath.substr(0, iSeparatorPos);
		boundElement.sBindingPath = sPath.substr(iSeparatorPos + 1);
	} 
	
	//if old binding exists detach handler
	oldBoundElement = this.mBoundElements[sModelName];
	if (oldBoundElement && oldBoundElement.binding) {
		oldBoundElement.binding.detachChange(oldBoundElement.fChangeHandler);
	}
	this.mBoundElements[sModelName] = boundElement;

	// if the models are already available, create the binding
	if (this.getModel(sModelName)) {
		this._bindElement(sModelName, boundElement);
	}
	return this;
};

/**
 * Create ElementBinding
 * 
 * @private
 */
sap.ui.base.ManagedObject.prototype._bindElement = function(sModelName, oBoundElement) {
	var oBinding, 
		oParentContext, 
		oModel, 
		that = this;
	
	var fChangeHandler = function(oEvent) {
		that.setBindingContext(oBinding.getBoundContext(), sModelName);
	};
	
	oModel = this.getModel(sModelName);
	
	if (this.oParent && oModel == this.oParent.getModel(sModelName)) {
		oParentContext= this.oParent.getBindingContext(sModelName); 
	}
	
	oBinding = oModel.bindContext(oBoundElement.sBindingPath, oParentContext, oBoundElement.mBindingParameters);
	oBinding.attachChange(fChangeHandler);
	oBoundElement.binding = oBinding;
	oBoundElement.fChangeHandler = fChangeHandler;
	
	fChangeHandler();
};

/**
 * Deprecated, please use bindElement instead.
 * @deprecated
 * @param {string} sPath the binding path
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public
 */
sap.ui.base.ManagedObject.prototype.bindContext = function(sPath) {
	this.bindElement(sPath);
	return this;
};

/**
 * Removes the defined binding context of this object, all bindings will now resolve
 * relative to the parent context again.
 *
 * @deprecated Since 1.11.1, please use unbindElement instead.
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public
 */
sap.ui.base.ManagedObject.prototype.unbindContext = function(sModelName) {
	return this.unbindElement(sModelName);
};

/**
 * Removes the defined binding context of this object, all bindings will now resolve
 * relative to the parent context again.
 *
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public
 */
sap.ui.base.ManagedObject.prototype.unbindElement = function(sModelName) {
	//TODO detach changerHandler
	var oBoundElement = this.mBoundElements[sModelName]; 
	if (oBoundElement) {
		if (oBoundElement.binding) {
			oBoundElement.binding.detachChange(oBoundElement.fChangeHandler)
		}
		delete this.mBoundElements[sModelName]
		delete this.oBindingContexts[sModelName];
		this.updateBindingContext(false, false, sModelName);
	}
	return this;
};

/**
 * Bind a property to the model.
 * The Setter for the given property will be called with the value retrieved
 * from the data model.
 * This is a generic method which can be used to bind any property to the
 * model. A managed object may flag properties in the metamodel with
 * bindable="bindable" to get typed bind methods for a property.
 *
 * @param {string} sName the name of the property
 * @param {object} oBindingInfo the binding information
 * @param {string} oBindingInfo.path the binding path
 * @param {string} [oBindingInfo.model] the model identifier
 * @param {function} [oBindingInfo.formatter] the formatter function
 * @param {boolean} [oBindingInfo.useRawValues] determines if the parameters in the formatter functions should be passed as raw values or not. In this case
 * 					the specified type for the binding is not used and the values are not formatted. Note: use this flag only when using multiple bindings.
 * 					If you use only one binding and want raw values then simply don't specify a type for that binding. 
 * @param {sap.ui.model.Type|string} [oBindingInfo.type] the sap.ui.model.Type object or class name
 * @param {object} [oBindingInfo.formatOptions] the format options to be used
 * @param {object} [oBindingInfo.constraints] the constraints for this value
 * @param {sap.ui.model.BindingMode} [oBindingInfo.mode=Default] the binding mode to be used for this property binding (e.g. one way)
 * @param {object} [oBindingInfo.parameters] a map of parameters which is passed to the binding
 *
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public
 */
sap.ui.base.ManagedObject.prototype.bindProperty = function(sName, oBindingInfo) {
	var sPath,
		oFormat,
		sMode,
		sModelName,
		fnFormatter,
		oType,
		iSeparatorPos,
		bAvailable = true,
		that = this,
		oMetadata = this.getMetadata(),
		oProperty = oMetadata.getAllProperties()[sName],
		oKeyInfo = oMetadata.getJSONKeys()[sName];

	// check whether property or alternative type on aggregation exists
	if (!oProperty && !(oKeyInfo && oKeyInfo.altTypes)) {
		throw new Error("Property \"" + sName + "\" does not exist in " + this);
	}

	// old API compatbility (sName, sPath, oFormat, sMode)
	if (typeof oBindingInfo == "string") {
		sPath = arguments[1];
		oFormat = arguments[2];
		sMode = arguments[3];

		// find out whether formatter or type has been provided
		if (typeof oFormat == "function") {
			fnFormatter = oFormat;
		}
		else if (oFormat instanceof sap.ui.model.Type) {
			oType = oFormat;
		}
		oBindingInfo = {formatter: fnFormatter, parts : [ {path: sPath, type: oType, mode: sMode} ]};
	}
	
	// only one binding object with one binding specified
	if (!oBindingInfo.parts) {
		oBindingInfo.parts = [];
		oBindingInfo.parts[0] = {
			path: oBindingInfo.path,
			type: oBindingInfo.type,
			formatOptions: oBindingInfo.formatOptions,
			constraints: oBindingInfo.constraints,
			model: oBindingInfo.model,
			mode: oBindingInfo.mode 
		};
		delete oBindingInfo.path;
		delete oBindingInfo.mode;
		delete oBindingInfo.model;
	}
	
	jQuery.each(oBindingInfo.parts, function(i, oPart) {
		if (typeof oPart == "string") {
			oPart = { path: oPart };
			oBindingInfo.parts[i] = oPart;
		}
		// if a model separator is found in the path, extract model name and path
		iSeparatorPos = oPart.path.indexOf(">");
		if (iSeparatorPos > 0) {
			oPart.model = oPart.path.substr(0, iSeparatorPos);
			oPart.path = oPart.path.substr(iSeparatorPos + 1);
		}
		// if we have multiple bindings the binding mode can be one way only
		if (oBindingInfo.parts.length > 1) {
			oPart.mode = sap.ui.model.BindingMode.OneWay;
		}
		
		if (!that.getModel(oPart.model)) {
			bAvailable = false;
		}
		
	});
	
	// if property is already bound, unbind it first
	if (this.isBound(sName)){
		this.unbindProperty(sName);
	}

	// store binding info to create the binding, as soon as the model is available, or when the model is changed
	this.mBindingInfos[sName] = oBindingInfo;

	// if the models are already available, create the binding
	if (bAvailable) {
		this._bindProperty(sName, oBindingInfo);
	}
	return this;
};

sap.ui.base.ManagedObject.prototype._bindProperty = function(sName, oBindingInfo) {
	var oModel,
	oContext,
	oBinding,
	oType,
	clType,
	oPropertyInfo = this.getMetadata().getJSONKeys()[sName], // TODO fix handling of hidden entitites?
	that = this,
	aBindings = [],
	fModelChangeHandler = function() {
		try {			
			var oValue = oBinding.getExternalValue();
			oBindingInfo.skipModelUpdate = true;
			that[oPropertyInfo._sMutator](oValue);
			oBindingInfo.skipModelUpdate = false;
		}catch (oException) {
			if (oException instanceof sap.ui.model.FormatException) {
					sap.ui.getCore().fireFormatError({element : that, property : sName, type : oBinding.getType(), newValue : oBinding.getValue(), oldValue : that.getProperty(sName), exception: oException});
			}else {
				throw oException;
			}
		}
	};

	// Only use context for bindings on the primary model
	oContext = this.getBindingContext(oBindingInfo.model);
	
	jQuery.each(oBindingInfo.parts, function(i, oPart) {
		// Only use context for bindings on the primary model
		oContext = that.getBindingContext(oPart.model);
		// Create binding object
		oModel = that.getModel(oPart.model);
		// Create type instance if needed
		oType = oPart.type;
		if (typeof oType == "string") {
			clType = jQuery.sap.getObject(oType);
			oType = new clType(oPart.formatOptions, oPart.constraints);
		}
		
		oBinding = oModel.bindProperty(oPart.path, oContext, oBindingInfo.parameters);
		oBinding.setType(oType, oPropertyInfo.type);
		oBinding.setFormatter(oPart.formatter);
		
		// TODO check if multiple bindings work with resource model 
		if (!oPart.mode || !oModel.isBindingModeSupported(oPart.mode)) {
			oPart.mode = oModel.getDefaultBindingMode();
		}
		
		aBindings.push(oBinding);
	});

	// check if we have a composite binding
	if (aBindings.length > 1){
		// Create type instance if needed
		oType = oBindingInfo.type;
		if (typeof oType == "string") {
			clType = jQuery.sap.getObject(oType);
			oType = new clType(oBindingInfo.formatOptions, oBindingInfo.constraints);
		}
		oBinding = new sap.ui.model.CompositeBinding(aBindings, oBindingInfo.useRawValues);
		oBinding.setType(oType, oPropertyInfo.type);
	} else {
		oBinding = aBindings[0];
	}
	
	// Attach to the change event of the binding and initialize value
	// all composite bindings have already one way mode, so only check the first binding for its mode. 
	// Because if no composite binding is used there is only one binding.
	if (oBindingInfo.parts[0].mode != sap.ui.model.BindingMode.OneTime) {
		oBinding.attachChange(fModelChangeHandler);
	}
	
	// set only one formatter function if any
    // because the formatter gets the context of the element we have to set the context via proxy to ensure compatibility 
	// for formatter function which is now called by the property binding
	// proxy formatter here because "this" is the correct cloned object
	oBinding.setFormatter(jQuery.proxy(oBindingInfo.formatter, this));  
	
	// Set additional information on the binding info
	oBindingInfo.skipModelUpdate = false;
	oBindingInfo.binding = oBinding;
	oBindingInfo.modelChangeHandler = fModelChangeHandler;

	fModelChangeHandler();
};

/**
 * Unbind the property from the model
 *
 * @param {String} sName the name of the property
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public
 */
sap.ui.base.ManagedObject.prototype.unbindProperty = function(sName){
	var oBindingInfo = this.mBindingInfos[sName];
	if(oBindingInfo) {
		if (oBindingInfo.binding) {
			oBindingInfo.binding.detachChange(oBindingInfo.modelChangeHandler);
		}
		delete this.mBindingInfos[sName];
	}
	return this;
};

/**
 * Update the property in the model if two way data binding mode is enabled
 *
 * @param sName the name of the property to update
 * @param oValue the new value to set for the property in the model
 * @private
 */
sap.ui.base.ManagedObject.prototype.updateModelProperty = function(sName, oValue, oOldValue){
	if (this.isBound(sName)){
		var oBindingInfo = this.mBindingInfos[sName],
			oBinding = oBindingInfo.binding;
		// only one property binding should work with two way mode...composite binding does not work with two way binding 
		if (oBindingInfo.parts[0].mode == sap.ui.model.BindingMode.TwoWay
				&& oBinding
				&& !oBindingInfo.skipModelUpdate) {
			try {
				oBinding.setExternalValue(oValue);
				// Only fire validation success, if a type is used
				if (oBinding.getType()) {
					sap.ui.getCore().fireValidationSuccess({element : this, property : sName, type : oBinding.getType(), newValue : oValue, oldValue : oOldValue});
				}
			}
			catch (oException) {
				if (oException instanceof sap.ui.model.ParseException) {
					sap.ui.getCore().fireParseError({element : this, property : sName, type : oBinding.getType(), newValue : oValue, oldValue : oOldValue, exception: oException});
				}else if (oException instanceof sap.ui.model.ValidateException) {
					sap.ui.getCore().fireValidationError({element : this, property : sName, type : oBinding.getType(), newValue : oValue, oldValue : oOldValue, exception: oException});
				}
				else {
					throw oException;
				}
			}
		}
	}
};

/**
 * Bind an aggregation to the model.
 * The bound aggregation will use the given template, clone it for each item
 * which exists in the bound list and set the appropriate binding context.
 * This is a generic method which can be used to bind any aggregation to the
 * model. A managed object may flag aggregations in the metamodel with
 * bindable="bindable" to get typed bind methods for an aggregation.
 *
 * @param {string} sName the aggregation to bind
 * @param {object} oBindingInfo the binding info
 * @param {string} oBindingInfo.path the binding path
 * @param {sap.ui.base.ManagedObject} oBindingInfo.template the template
 * @param {function} oBindingInfo.factory the factory function
 * @param {sap.ui.model.Sorter} [oBindingInfo.oSorter] the initial sort order (optional)
 * @param {array} [oBindingInfo.filters] the predefined filters (sap.ui.model.Filter) for this aggregation (optional)
 * @param {object} [oBindingInfo.parameters] a map of parameters which is passed to the binding
 * @param {function} [oBindingInfo.groupHeaderFactory] a factory function to genrate custom group visualization (optional)
 *
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public
 */
sap.ui.base.ManagedObject.prototype.bindAggregation = function(sName, oBindingInfo) {
	var sPath,
		oTemplate,
		oSorter,
		aFilters,
		oMetadata = this.getMetadata(),
		oAggregation = oMetadata.getAllAggregations()[sName];

	// check whether aggregation exists
	if (!oAggregation) {
		throw new Error("Aggregation \"" + sName + "\" does not exist in " + this);
	}
	
	// Old API compatibility (sName, sPath, oTemplate, oSorter, aFilters)
	if (typeof oBindingInfo == "string") {
		sPath = arguments[1];
		oTemplate = arguments[2];
		oSorter = arguments[3];
		aFilters = arguments[4];
		oBindingInfo = {path: sPath, sorter: oSorter, filters: aFilters};
		// allow either to pass the template or the factory function as 3rd parameter
		if (oTemplate instanceof sap.ui.base.ManagedObject) {
			oBindingInfo.template = oTemplate;
		} else if (typeof oTemplate === "function") {
			oBindingInfo.factory = oTemplate;
		}
	}
	
	// if aggregation is already bound, unbind it first
	if (this.isBound(sName)){
		this.unbindAggregation(sName);
	}
	
	// check whether a template has been provided, which is required for proper processing of the binding
	// If aggregation is marked correspondingly in the metadata, factory can be omitted (usually requires an updateXYZ method)
	if (!(oBindingInfo.template || oBindingInfo.factory)) {
		if ( oAggregation._doesNotRequireFactory ) {
			// add a dummy factory as property 'factory' is used to distinguish between property- and list-binding
			oBindingInfo.factory = function() { throw new Error("dummy factory called unexpectedly "); };
		} else {
			throw new Error("Missing template or factory function for aggregation " + sName + " of " + this + " !");
		}
	}
	
	// if we have a template we will create a factory function
	if (oBindingInfo.template) {
		oBindingInfo.factory = function(sId) {
			return oBindingInfo.template.clone(sId);
		} 
	}
	
	// if a model separator is found in the path, extract model name and path
	var iSeparatorPos = oBindingInfo.path.indexOf(">");
	if (iSeparatorPos > 0) {
		oBindingInfo.model = oBindingInfo.path.substr(0, iSeparatorPos);
		oBindingInfo.path = oBindingInfo.path.substr(iSeparatorPos + 1);
	}
	
	// store binding info to create the binding, as soon as the model is available, or when the model is changed
	this.mBindingInfos[sName] = oBindingInfo;

	// if the model is already available create the binding
	if (this.getModel(oBindingInfo.model)) {
		this._bindAggregation(sName, oBindingInfo);
	}
	return this;
};

sap.ui.base.ManagedObject.prototype._bindAggregation = function(sName, oBindingInfo) {
	var that = this,
		oBinding,
		fModelChangeHandler = function(oEvent){
			var sUpdater = "update" + sName.substr(0,1).toUpperCase() + sName.substr(1);
			if (that[sUpdater]) {
				that[sUpdater]();
			} else {
				that.updateAggregation(sName);
			}
		};
		var oModel = this.getModel(oBindingInfo.model);
		if (this.isTreeBinding(sName)) {
			oBinding = oModel.bindTree(oBindingInfo.path, this.getBindingContext(oBindingInfo.model), oBindingInfo.filters, oBindingInfo.parameters);
		} else {
			oBinding = oModel.bindList(oBindingInfo.path, this.getBindingContext(oBindingInfo.model), oBindingInfo.sorter, oBindingInfo.filters, oBindingInfo.parameters);
		}
		
	if (this.bUseExtendedChangeDetection === true) {
		oBinding.enableExtendedChangeDetection();
	}

	oBindingInfo.binding = oBinding;
	oBindingInfo.modelChangeHandler = fModelChangeHandler;

	oBinding.attachChange(fModelChangeHandler);
	fModelChangeHandler();
};

/**
 * Unbind the aggregation from the model
 *
 * @param {String} sName the name of the aggregation
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public
 */
sap.ui.base.ManagedObject.prototype.unbindAggregation = function(sName){
	var oBindingInfo = this.mBindingInfos[sName];
	if(oBindingInfo) {
		if (oBindingInfo.binding) {
			oBindingInfo.binding.detachChange(oBindingInfo.modelChangeHandler);
		}
		delete this.mBindingInfos[sName];
	}
	return this;
};

/**
 *  This method is used internally and should only be overridden by a tree managed object which utilizes the tree binding.
 *  In this case and if the aggregation is a tree node the overridden method should then return true.
 *  If true is returned the tree binding will be used instead of the list binding.
 *
 *  @param {string} sName the aggregation to bind (e.g. nodes for a tree managed object)
 *  @return {boolean} whether tree binding should be used or list binding. Default is false. Override method to change this behavior.
 *
 *  @protected
 */
sap.ui.base.ManagedObject.prototype.isTreeBinding = function(sName) {
	return false;
};

/**
 * Create or update local bindings.
 * 
 * Called when model or binding contexts have changed. Creates bindings when the model was not available 
 * at the time bindProperty or bindAggregation was called. Recreates the bindings when they exist already 
 * and when the model has changed.
 *
 * @param {boolean} bUpdateAll forces an update of all bindings, sModelName will be ignored
 * @param {string|undefined} sModelName name of a model whose bindings should be updated
 * 
 * @private
 */
sap.ui.base.ManagedObject.prototype.updateBindings = function(bUpdateAll, sModelName) {
	var that = this;

	/*
	 * Checks whether the binding for the given oBindingInfo became invalid because 
	 * of the current model change (as identified by bUpdateAll and sModelName). 
	 * 
	 * Precondition: oBindingInfo contains a 'binding' object
	 * 
	 * @param oBindingInfo 
	 * @returns {boolean}
	 */
	function becameInvalid(oBindingInfo) {
		var aParts = oBindingInfo.parts,
			i;
		
		if (aParts && aParts.length>1) {
			// composite binding: invalid when for any part the model has the same name (or updateall) and when the model instance for that part differs 
			for(i=0; i<aParts.length; i++) {
				if ( (bUpdateAll || aParts[i].model == sModelName) && !oBindingInfo.binding.aBindings[i].updateRequired(that.getModel(aParts[i].model)) ) {
					return true;
				}
			}
		} else if (oBindingInfo.factory) {
			// list binding: invalid when  the model has the same name (or updateall) and when the model instance differs 
			return (bUpdateAll || oBindingInfo.model == sModelName) && !oBindingInfo.binding.updateRequired(that.getModel(oBindingInfo.model));
		} else {
			// simple property binding: invalid when the model has the same name (or updateall) and when the model instance differs 
			return (bUpdateAll || aParts[0].model == sModelName) && !oBindingInfo.binding.updateRequired(that.getModel(aParts[0].model)); 
		}
		return false;
	}

	/*
	 * Checks whether a binding can be created for the given oBindingInfo 
	 * @param oBindingInfo
	 * @returns {boolean} 
	 */
	function canCreate(oBindingInfo) {
		var aParts = oBindingInfo.parts,
			i;
		
		if (aParts) {
			for(i=0; i<aParts.length; i++) {
				if ( !that.getModel(aParts[i].model) ) {
					return false;
				}
			}
			return true;
		} else if (oBindingInfo.factory) { // List binding check
			return !!that.getModel(oBindingInfo.model); 
		} 
		// there should be no other cases
		return false;
	}
	
	// create property and aggregation bindings if they don't exist yet
	jQuery.each(this.mBindingInfos, function(sName, oBindingInfo) {

		// if there is a binding and if it became invalid through the current model change, then remove it 
		if ( oBindingInfo.binding && becameInvalid(oBindingInfo) ) {
			oBindingInfo.binding.detachChange(oBindingInfo.modelChangeHandler);
			delete oBindingInfo.binding;
		}

		// if there is no binding and if all required information is available, create a binding object
		if ( !oBindingInfo.binding && canCreate(oBindingInfo) ) {
			if (oBindingInfo.factory) {
				that._bindAggregation(sName, oBindingInfo);
			} else {
				that._bindProperty(sName, oBindingInfo);
			}
		}

	});
	
};

/**
 * Generic method which is called, whenever an aggregation binding is changed.
 * This method deletes all elements in this aggregation and recreates them
 * according to the data model.
 * In case a managed object needs special handling for a aggregation binding, it can create
 * a typed update-method (e.g. "updateRows") which will be used instead of the
 * default behaviour.
 *
 * @private
 */
sap.ui.base.ManagedObject.prototype.updateAggregation = function(sName) {
	var oBindingInfo = this.mBindingInfos[sName],
		oBinding = oBindingInfo.binding,
		fnFactory = oBindingInfo.factory,
		oAggregationInfo = this.getMetadata().getJSONKeys()[sName],  // TODO fix handling of hidden aggregations
		oClone,
		oNewGroup = null,
		sGroupFunction = oAggregationInfo._sMutator + "Group",
		bGrouped = oBinding.isGrouped() && this[sGroupFunction],
		sGroup = null,
		that = this;
	this[oAggregationInfo._sDestructor]();
	if (this.isTreeBinding(sName)) {
		var iNodeIndex = 0,
			update = function(aContexts, fnFactory, oBinding, oParent){
				jQuery.each(aContexts, function(iIndex, oContext) {
					var sId = that.getId() + "-" + iNodeIndex++;
					oClone = fnFactory(sId, oContext);
					oClone.setBindingContext(oContext, oBindingInfo.model);
					oParent[oAggregationInfo._sMutator](oClone); // also sets the Parent
					update(oBinding.getNodeContexts(oContext), fnFactory, oBinding, oClone);
				});
			};
		update(oBinding.getRootContexts(), fnFactory, oBinding, this);
	} 
	else {
		jQuery.each(oBinding.getContexts(), function(iIndex, oContext) {
			if (bGrouped) {
				oNewGroup = oBinding.oSorter.fnGroup(oContext);
				if (typeof oNewGroup == "string") {
					oNewGroup = {
						key: oNewGroup
					};
				} 
				if (oNewGroup.key !== sGroup) {
					var oGroupHeader;
					//If factory is defined use it
					if (oBindingInfo.groupHeaderFactory) {
						oGroupHeader = oBindingInfo.groupHeaderFactory(oNewGroup);
					}
					that[sGroupFunction](oNewGroup, oGroupHeader);
					sGroup = oNewGroup.key;
				}
			}
			var sId = that.getId() + "-" + iIndex;
			oClone = fnFactory(sId, oContext);
			oClone.setBindingContext(oContext, oBindingInfo.model);
			that[oAggregationInfo._sMutator](oClone);
		});
	}
};

/**
 * Find out whether a property or aggregation is bound
 *
 * @param {String} sName the name of the property or aggregation
 * @return {boolean} whether a binding exists for the given name
 * @public
 */
sap.ui.base.ManagedObject.prototype.isBound = function(sName){
	return (sName in this.mBindingInfos);
};

/**
 * Get the element binding object for a specific model
 *
 * @param {String} sModelName the name of the model
 * @return {Binding} the element binding for the given model name
 * @public
 */
sap.ui.base.ManagedObject.prototype.getElementBinding = function(sModelName){
	return this.mBoundElements[sModelName] && this.mBoundElements[sModelName].binding;
};

/**
 * Get the binding object for a specific aggregation/property
 *
 * @param {String} sName the name of the property or aggregation
 * @return {Binding} the binding for the given name
 * @public
 */
sap.ui.base.ManagedObject.prototype.getBinding = function(sName){
	return this.mBindingInfos[sName] && this.mBindingInfos[sName].binding;
};

/**
 * Get the binding path for a specific aggregation/property
 *
 * @param {String} sName the name of the property or aggregation
 * @return {String} the binding path for the given name
 * @protected
 */
sap.ui.base.ManagedObject.prototype.getBindingPath = function(sName){
	var oInfo = this.mBindingInfos[sName];
	return oInfo && (oInfo.path || (oInfo.parts && oInfo.parts[0] && oInfo.parts[0].path));
};

/**
 * Set the binding context for this ManagedObject for the model with the given name.
 *
 * Note: to be compatible with future versions of this API, applications must not use the value <code>null</code>,
 * the empty string <code>""</code> or the string literals <code>"null"</code> or <code>"undefined"</code> as model name. 
 *  
 * Note: A ManagedObject inherits binding contexts from the Core only when it is a descendant of an UIArea.
 *  
 * @param {Object} oContext the new binding context for this object
 * @param {string} [sName] the name of the model to set the context for or <code>undefined</code>
 *
 * @return {sap.ui.base.ManagedObject} reference to the instance itself
 * @public
 */
sap.ui.base.ManagedObject.prototype.setBindingContext = function(oContext, sModelName){
	var oOldContext = this.oBindingContexts[sModelName];
	
	if (oOldContext != oContext) {
		this.oBindingContexts[sModelName] = oContext;
		this.updateBindingContext(true, true, sModelName);
		this.propagateProperties(sModelName);
	}
	return this;
};

/**
 * Update the binding context in this object and all aggregated children
 * @private
 */
sap.ui.base.ManagedObject.prototype.updateBindingContext = function(bSkipLocal, bSkipChildren, sModelName, bUpdateAll){

	var oModel,
		oModelNames= {},
		oParentContext,
		oBoundElement,
		that = this;
	
	// find models that need an context update
	if (bUpdateAll) {
		for(sModelName in this.oModels) {
			if ( this.oModels.hasOwnProperty(sModelName) ){
				oModelNames[sModelName] = sModelName;
			}
		}
		for(sModelName in this.oPropagatedProperties.oModels) {
			if ( this.oPropagatedProperties.oModels.hasOwnProperty(sModelName) ){
				oModelNames[sModelName] = sModelName;
			}
		}
	} else {
		oModelNames[sModelName] = sModelName;
	}

	for(sModelName in oModelNames ) {
		if ( oModelNames.hasOwnProperty(sModelName) ){
			sModelName = sModelName === "undefined" ? undefined : sModelName;
			oModel = this.getModel(sModelName); 
			oBoundElement = this.mBoundElements[sModelName];
			
			if (oBoundElement && oBoundElement.sBindingPath && !bSkipLocal) {
				if(!oBoundElement.binding) {
					this._bindElement(sModelName, oBoundElement);
				} else {
					if (this.oParent && oModel == this.oParent.getModel(sModelName)) {
						oParentContext= this.oParent.getBindingContext(sModelName); 
					}
					if (oParentContext != oBoundElement.binding.getContext()) {
						oBoundElement.binding.setContext(oParentContext);
					}
				}
				continue;
			}			
			// update context in existing bindings
			jQuery.each(this.mBindingInfos, function(sName, oBindingInfo) {
				var oBinding = oBindingInfo.binding;
				var aParts = oBindingInfo.parts,
				 	i;
				if (!oBinding) {
					return;
				}
				if (aParts && aParts.length>1) {
					// composite binding: update required  when a part use the model with the same name
					for(i=0; i<aParts.length; i++) {
						if ( aParts[i].model == sModelName ) {
							oBinding.aBindings[i].setContext(that.getBindingContext(aParts[i].model));
						}
					}
				} else if (oBindingInfo.factory) {
					// list binding: update required when the model has the same name (or updateall) 
					if ( oBindingInfo.model == sModelName) { 
						oBinding.setContext(that.getBindingContext(oBindingInfo.model));
					}
					
				} else {
					// simple property binding: update required when the model has the same name 
					if ( aParts[0].model == sModelName) { 
						oBinding.setContext(that.getBindingContext(aParts[0].model));
					} 
				}
			});
			if (!bSkipChildren) {
				var oContext = this.getBindingContext(sModelName);
				// also update context in all child elements
				jQuery.each(this.mAggregations, function(sName, oAggregation) {
					if (oAggregation instanceof sap.ui.base.ManagedObject) {
						oAggregation.oPropagatedProperties.oBindingContexts[sModelName] = oContext;
						oAggregation.updateBindingContext(false,false,sModelName);
					} else if (oAggregation instanceof Array) {
						for (var i = 0; i < oAggregation.length; i++) {
							oAggregation[i].oPropagatedProperties.oBindingContexts[sModelName] = oContext;
							oAggregation[i].updateBindingContext(false,false,sModelName);
						}
					}
				});
			}
		}
	}
};


/**
 * Get the binding context of this object for the given model name.
 * 
 * If the object does not have a binding context set on itself and has no own Model set, 
 * it will use the first binding context defined in its parent hierarchy.
 *
 * Note: to be compatible with future versions of this API, applications must not use the value <code>null</code>,
 * the empty string <code>""</code> or the string literals <code>"null"</code> or <code>"undefined"</code> as model name. 
 *  
 * Note: A ManagedObject inherits binding contexts from the Core only when it is a descendant of an UIArea.
 *  
 * @param {string} [sName] the name of the model or <code>undefined</code>
 * @return {Object} the binding context of this object
 * @public
 */
sap.ui.base.ManagedObject.prototype.getBindingContext = function(sModelName){
	var oModel = this.getModel(sModelName);
	
	if (this.oBindingContexts[sModelName]) {
		return this.oBindingContexts[sModelName];
	} else if (oModel && this.oParent && this.oParent.getModel(sModelName) && oModel != this.oParent.getModel(sModelName)) {
		return undefined;
	} else {
		return this.oPropagatedProperties.oBindingContexts[sModelName];
	}
};

/**
 * Sets or unsets a model for the given model name for this ManagedObject. 
 * 
 * The <code>sName</code> must either be <code>undefined</code> (or omitted) or a non-empty string.
 * When the name is omitted, the default model is set/unset. 
 * 
 * When <code>oModel</code> is <code>null</code> or <code>undefined</code>, a previously set model 
 * with that name is removed from this ManagedObject. If an ancestor (parent, UIArea or Core) has a model 
 * with that name, this ManagedObject will immediately inherit that model from its ancestor.
 *  
 * All local bindings that depend on the given model name, are updated (created if the model references 
 * became complete now; updated, if any model reference has changed; removed if the model references 
 * became incomplete now).
 *  
 * Any change (new model, removed model, inherited model) is also applied to all aggregated descendants 
 * as long as a descendant doesn't have its own model set for the given name.
 * 
 * Note: to be compatible with future versions of this API, applications must not use the value <code>null</code>,
 * the empty string <code>""</code> or the string literals <code>"null"</code> or <code>"undefined"</code> as model name. 
 *  
 * Note: By design, it is not possible to hide an inherited model by setting a <code>null</code> or 
 * <code>undefined</code> model. Applications can set an empty model to achieve the same. 
 * 
 * Note: A ManagedObject inherits models from the Core only when it is a descendant of an UIArea.
 *  
 * @param {sap.ui.model.Model} oModel the model to be set or <code>null</code> or <code>undefined</code>
 * @param {string} [sName] the name of the model or <code>undefined</code>
 * @return {sap.ui.base.ManagedObject} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.base.ManagedObject.prototype.setModel = function(oModel, sName) {
	if (!oModel && this.oModels[sName]) {
		delete this.oModels[sName];
		// propagate Models to children
		// model changes are propagated until (including) the first descendant that has its own model with the same name 
		this.propagateProperties(sName);
		// if the model instance for a name changes, all bindings for that model name have to be updated
		this.updateBindings(false, sName);
	} else if ( oModel && oModel !== this.oModels[sName] ) { 
		//TODO: handle null!
		this.oModels[sName] = oModel;
		// propagate Models to children
		// model changes are propagated until (including) the first descendant that has its own model with the same name 
		this.propagateProperties(sName);
		// update binding context, for primary model only
		this.updateBindingContext(false, true, sName);
		// if the model instance for a name changes, all bindings for that model name have to be updated
		this.updateBindings(false, sName);
	} else {
		// nothing to do
	} 
	return this;
};

/**
 * Propagate Properties (models and bindingContext) to aggregated objects.
 * @param {string|undefined|true} sName when <code>true</code>, all bindings are updated.
 *           Otherwise only those for the given model name (undefined == name of default model)
 * 
 * @private
 */
sap.ui.base.ManagedObject.prototype.propagateProperties = function(vName) {
	var oProperties = this._getPropertiesToPropagate(),
		bUpdateAll = vName === true, // update all bindings when no model name parameter has been specified
		sName = bUpdateAll ? undefined : vName,
		that = this;
	jQuery.each(this.mAggregations, function(sAggregationName, oAggregation) {
		if (oAggregation instanceof sap.ui.base.ManagedObject) {
			that._propagateProperties(vName, oAggregation, oProperties, bUpdateAll, sName);
		} else if (oAggregation instanceof Array) {
			for (var i = 0; i < oAggregation.length; i++) {
				if (oAggregation[i] instanceof sap.ui.base.ManagedObject) {
					that._propagateProperties(vName, oAggregation[i], oProperties, bUpdateAll, sName);
				}
			}
		}
	});
};

sap.ui.base.ManagedObject.prototype._propagateProperties = function(vName, oObject, oProperties, bUpdateAll, sName) {
	if (!oProperties) {
		oProperties = this._getPropertiesToPropagate(),
		bUpdateAll = vName === true,
		sName = bUpdateAll ? undefined : vName;
	}
	oObject.oPropagatedProperties = oProperties;
	oObject.updateBindings(bUpdateAll,sName);
	oObject.updateBindingContext(false, true, sName, bUpdateAll);
	oObject.propagateProperties(vName);
};

/**
 * Get properties for propagation
 * @return {object} oProperties
 * @private
 */
sap.ui.base.ManagedObject.prototype._getPropertiesToPropagate = function() {
	var bNoOwnModels = jQuery.isEmptyObject(this.oModels),
		bNoOwnContexts = jQuery.isEmptyObject(this.oBindingContexts);

	function merge(empty,o1,o2) {
		return empty ? o1 : jQuery.extend({}, o1, o2);
	}
	
	if (bNoOwnContexts && bNoOwnModels) {
		//propagate the existing container
		return this.oPropagatedProperties;
	} else {
		//merge propagated and own properties
		return {
				oModels : merge(bNoOwnModels, this.oPropagatedProperties.oModels, this.oModels),
				oBindingContexts : merge(bNoOwnContexts, this.oPropagatedProperties.oBindingContexts, this.oBindingContexts)
		};
	}
};

/**
 * Get the model to be used for data bindings with the given model name.
 * If the object does not have a model set on itself, it will use the first 
 * model defined in its parent hierarchy.
 * 
 * The name can be omitted to reference the default model or it must be a non-empty string.
 * 
 * Note: to be compatible with future versions of this API, applications must not use the value <code>null</code>,
 * the empty string <code>""</code> or the string literals <code>"null"</code> or <code>"undefined"</code> as model name. 
 * 
 * @param {string|undefined} [sName] name of the model to be retrieved
 * @return {sap.ui.model.Model} oModel
 * @public
 */
sap.ui.base.ManagedObject.prototype.getModel = function(sName) {
	return this.oModels[sName] || this.oPropagatedProperties.oModels[sName];
};

/**
 * Check if any model is set to the ManagedObject or to one of its parents (including UIArea and Core)
 *
 * Note: A ManagedObject inherits models from the Core only when it is a descendant of an UIArea.
 * 
 * @return {boolean} whether a model reference exists or not
 * @public
 */
sap.ui.base.ManagedObject.prototype.hasModel = function() {
	return !(jQuery.isEmptyObject(this.oModels) && jQuery.isEmptyObject(this.oPropagatedProperties.oModels));
};

/**
 * Clones a tree of objects starting with the object on which clone is called first (root object).
 * 
 * The ids within the newly created clone tree are derived from the original ids by appending
 * the given <code>sIdSuffix</code> (if no suffix is given, one will be created; it will be 
 * unique across multiple clone calls).
 *  
 * The <code>oOptions</code> configuration object can have the following properties:
 * <ul>
 * <li>The boolean value <code>cloneChildren</code> specifies wether associations/aggregations will be cloned</li>
 * <li>The boolean value <code>cloneBindings</code> specifies if bindings will be cloned</li>
 * </ul>
 * 
 * For each cloned object the following settings are cloned based on the metadata of the object and the defined options:
 * <ul>
 * <li>all properties that are not bound. If cloneBinding is false even these properties will be cloned; 
 * the values are used by reference, they are not cloned</li>
 * <li>all aggregated objects that are not bound. If cloneBinding is false even the ones that are bound will be cloned;
 * they are all cloned recursively using the same <code>sIdSuffix</code></li>
 * <li>all associated controls; when an association points to an object inside the cloned object tree,
 *     then the cloned association will be modified to that it points to the clone of the target object.
 *     When the association points to a managed object outside of the cloned object tree, then its 
 *     target won't be changed.</li>  
 * <li>all models set via setModel(); used by reference </li>
 * <li>all property and aggregation bindings (if cloneBindings is true); the pure binding infos (path, model name) are 
 *     cloned, but all other information like template control or factory function, 
 *     data type or formatter function are copied by reference. The bindings themselves 
 *     are created anew as they are specific for the combination (object, property, model).
 *     As a result, any later changes to a binding of the original object are not reflected 
 *     in the clone, but changes to e.g the type or template etc. are.</li> 
 * </ul>
 *
 * Each clone is created by first collecting the above mentioned settings and then creating 
 * a new instance with the normal constructor function. As a result, any side effects of 
 * mutator methods (setProperty etc.) or init hooks are repeated during clone creation. 
 * There is no need to override <code>clone()</code> just to reproduce these internal settings!
 * 
 * Custom controls however can override <code>clone()</code> to implement additional clone steps. 
 * They usually will first call <code>clone()</code> on the super class and then modify the   
 * returned clone accordingly.  
 * 
 * Applications <b>must never provide</b> the second parameter <code>aLocaleIds</code>. 
 * It is determined automatically for the root object (and its non-existance also serves as 
 * an indicator for the root object). Specifying it will break the implementation of <code>clone()</code>. 
 * 
 * @param {String} [sIdSuffix] a suffix to be appended to the cloned object id
 * @param {Array} [aLocalIds] an array of local IDs within the cloned hierarchy (internally used)
 * @param {Object} [oOptions] configuration object 
 * @return {sap.ui.base.ManagedObject} reference to the newly created clone
 * @protected
 */
sap.ui.base.ManagedObject.prototype.clone = function(sIdSuffix, aLocalIds, oOptions) {
	var that = this,
		bCloneChildren = true, 
		bCloneBindings = true;
	
	if (oOptions) {
		bCloneChildren = !!oOptions.cloneChildren;
		bCloneBindings = !!oOptions.cloneBindings;
	}
	// if no id suffix has been provided use a generated UID
	if (!sIdSuffix) {
		sIdSuffix = sap.ui.base.ManagedObjectMetadata.uid("clone") || jQuery.sap.uid();
	}
	// if no local ID array has been passed, collect IDs of all aggregated objects to
	// be able to properly adapt associations, which are within the cloned object hierarchy
	if (!aLocalIds && bCloneChildren) {
		aLocalIds = jQuery.map(this.findAggregatedObjects(true), function(oObject) {return oObject.getId();});
	}

	var oMetadata = this.getMetadata(),
		oClass = oMetadata._oClass,
		sId = this.getId() + "-" + sIdSuffix,
		mSettings = {},
		mProps = this.mProperties,
		sKey,
		oClone;
	
	// Clone properties (only those with non-default value)
	for(sKey in mProps) {
		//do not clone properties if property is bound and bindings are cloned; Property is set on update
		if ( mProps.hasOwnProperty(sKey) && !(this.isBound(sKey) && bCloneBindings)){
			mSettings[sKey] = mProps[sKey];
		}
	}
	
	// Clone models		
	mSettings["models"] = this.oModels;		
	
	// Clone BindingContext
	mSettings["bindingContexts"] = this.oBindingContexts;

	if(bCloneChildren) {
		// Clone aggregations
		jQuery.each(this.mAggregations, function(sName, oAggregation) {
			//do not clone aggregation if aggregation is bound and bindings are cloned; aggregation is filled on update
			if (oMetadata.hasAggregation(sName) && !(that.isBound(sName) && bCloneBindings)) {
				if (oAggregation instanceof sap.ui.base.ManagedObject) {
					mSettings[sName] = oAggregation.clone(sIdSuffix, aLocalIds);
				} else if (jQuery.isArray(oAggregation)) {
					mSettings[sName] = [];
					for (var i = 0; i < oAggregation.length; i++) {
						mSettings[sName].push(oAggregation[i].clone(sIdSuffix, aLocalIds));
					}
				} else {
					// must be an alt type
					mSettings[sName] = oAggregation;
				}
			}
		});

		// Clone associations
		jQuery.each(this.mAssociations, function(sName, oAssociation) {
			// Check every associated ID against the ID array, to make sure associations within
			// the template are properly converted to associations within the clone
			if (jQuery.isArray(oAssociation)) {
				oAssociation = oAssociation.slice(0);
				for (var i = 0; i < oAssociation.length; i++) {
					if (jQuery.inArray(oAssociation[i], aLocalIds) >= 0) {
						oAssociation[i] += "-" + sIdSuffix;
					}
				}
			} else if (jQuery.inArray(oAssociation, aLocalIds) >= 0) {
				oAssociation += "-" + sIdSuffix;
			}
			mSettings[sName] = oAssociation;
		});
	}
	// Create clone instance
	oClone = new oClass(sId, mSettings);
	
	/* Clone element bindings: Clone the objects not the parameters
	 * Context will only be updated when adding the control to the control tree;
	 * Maybe we have to call updateBindingcontext() here?
	 */
	jQuery.each(this.mBoundElements, function(sName, oBoundElement) {
		oClone.mBoundElements[sName] = jQuery.extend({}, oBoundElement);
	});
	
	// Clone events
	jQuery.each(this.mEventRegistry, function(sName, aListeners) {
		oClone.mEventRegistry[sName] = aListeners.slice();
	});
	
	// Clone bindings
	if (bCloneBindings) {
		jQuery.each(this.mBindingInfos, function(sName, oBindingInfo) {
			var oCloneBindingInfo = jQuery.extend({}, oBindingInfo);
			delete oCloneBindingInfo.binding; // remove the runtime binding info (otherwise the property will not be connected again!)
			if (oBindingInfo.factory) {
				oClone.bindAggregation(sName, oCloneBindingInfo);
			} else {
				oClone.bindProperty(sName, oCloneBindingInfo);
			}
		});
	}
	return oClone;
};

/**
 * Update all localization dependant objects that this managedObject can reach,
 * except for its children (which will be updated from the Core).
 * 
 * To make the update work as smooth as possible, it happens in two phases:
 * <ol>
 *  <li>In phase 1 all known models are updated.
 *  <li>In phase 2 all bindings are updated.
 * </ol>
 * This separation is necessary as the models for the bindings might be updated 
 * in some ManagedObject or in the Core and the order in which the objects are visited 
 * is not defined (Core.mElements order)
 * 
 * @private
 */
sap.ui.base.ManagedObject._handleLocalizationChange = function(iPhase) {
	var i;
	
	if ( iPhase === 1 ) {
		
		/*
		 * phase 1: update the models
		 */
		jQuery.each(this.oModels, function(sName, oModel) {
			if ( oModel && oModel._handleLocalizationChange ) {
				oModel._handleLocalizationChange(); 
			}
		});
		
	} else if ( iPhase === 2 ) {
		
		/*
		 * phase 2: update bindings and types
		 */
		jQuery.each(this.mBindingInfos, function(sName, oBindingInfo) {
			var aParts = oBindingInfo.parts;
			if (aParts) {
				// property or composite binding: visit all parts 
				for(i=0; i<aParts.length; i++) {
					if ( oBindingInfo.type && oBindingInfo.type._handleLocalizationChange ) {
						oBindingInfo.type._handleLocalizationChange();
					}
				}
				if ( oBindingInfo.modelChangeHandler ) {
					oBindingInfo.modelChangeHandler();
				}
			} // else: don't update list bindings
			// Note: the template for a list binding will be visited by the core! 
		});
		
	}
}

/**
 * Maps the given aggregation with name <code>sOldAggrName</code>
 * on aggregation <code>sNewAggrName</code> (When calling an accessor function
 * of the old aggregation the call is forwarded to the corresponding accessor
 * function of the new aggregation).
 *
 * This function should help to perform a smooth transition for users of a managed object
 * when an aggregation must be renamed.
 *
 * Both aggregations must have a mutiple cardinality (0..n) and must have the same
 * aggregated type!
 *
 * @param {object} oPrototype prototype of the ManagedObject class for which a mapping should be defined
 * @param {string} sOldAggrName Name of the old deprecated aggregation
 * @param {string} sNewAggrName Name of the new aggregation
 * @deprecated
 */
sap.ui.base.ManagedObject._mapAggregation = function(oPrototype, sOldAggrName, sNewAggrName){
	var mKeys = oPrototype.getMetadata().getJSONKeys(); // TODO fix handling of hidden entitites?
	var oOldAggrInfo = mKeys[sOldAggrName];
	var oNewAggrInfo = mKeys[sNewAggrName];

	//Check whether aggregations exist and are multiple.
	if(!oOldAggrInfo || !oNewAggrInfo || oOldAggrInfo._iKind != 2 || oNewAggrInfo._iKind != 2) {
		return;
	}

	var mFunc = {"insert" : true, "add" : true, "remove" : true, "removeAll" : false, "indexOf" : true, "destroy" : false, "get" : false};

	function method(sPrefix, sName) {
		return sPrefix + sName.substring(0,1).toUpperCase() + sName.substring(1);
	}

	function fAggrDelegator(sFuncName){
		return function() {
			return this[sFuncName].apply(this, arguments);
		};
	}

	for(var sPrefix in mFunc){
		var sOldFuncName = method(sPrefix, mFunc[sPrefix] ? oOldAggrInfo.singularName : oOldAggrInfo._sName);
		var sNewFuncName = method(sPrefix, mFunc[sPrefix] ? oNewAggrInfo.singularName : oNewAggrInfo._sName);
		oPrototype[sOldFuncName] = fAggrDelegator(sNewFuncName);
	}
};

/**
 * Searches and returns an array of child elements and controls which are
 * referenced within an aggregation or aggregations of child elements/controls.
 * This can be either done recursive or not.
 * <br>
 * <b>Take care: this operation might be expensive.</b>
 * @param {boolean}
 *          bRecursive true, if all nested children should be returned.
 * @return {sap.ui.base.ManagedObject[]} array of child elements and controls
 * @public
 */
sap.ui.base.ManagedObject.prototype.findAggregatedObjects = function(bRecursive) {

	var aAggregatedObjects = [];
	function fFindObjects(oObject) {
		for (var n in oObject.mAggregations) {
			var a = oObject.mAggregations[n];
			if (jQuery.isArray(a)) {
				for (var i = 0; i < a.length; i++) {
					aAggregatedObjects.push(a[i]);
					if (bRecursive) {
						fFindObjects(a[i]);
					}
				}
			} else if (a instanceof sap.ui.base.ManagedObject) {
				aAggregatedObjects.push(a);
				if (bRecursive) {
					fFindObjects(a);
				}
			}
		}
	}
	fFindObjects(this);
	return aAggregatedObjects;

};

}; // end of sap.ui.base.ManagedObject
if ( !jQuery.sap.isDeclared('sap.ui.app.Application') ) {
/*
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.app.Application");


(function(window, undefined) {

	/**
	 * Abstract application class.
	 * 
	 * @public
	 * 
	 * @class Base class for application classes
	 * @extends sap.ui.base.ManagedObject
	 * @abstract
	 * @author SAP
	 * @version 1.12.0
	 * @name sap.ui.app.Application
	 * @experimental Since 1.11.1. The Application class is still under construction, so some implementation details can be changed in future.
	 */
	sap.ui.base.ManagedObject.extend("sap.ui.app.Application", {

		metadata : {
			properties : {
				root : "string"
			}
		},

		constructor : function(oSettings) {
			sap.ui.base.ManagedObject.apply(this, arguments);

			if (this.main) {
				jQuery(jQuery.proxy(this.main, this));
			}

			if (this.onBeforeExit) {
				jQuery(window).on('beforeunload', jQuery.proxy(this.onBeforeExit, this));
			}

			if (this.onExit) {
				jQuery(window).on('unload', jQuery.proxy(this.onExit, this));
			}

			if (this.onError) {
				window.onerror = jQuery.proxy(function(sMessage, sFile, iLine) {
					this.onError(sMessage, sFile, iLine);
				}, this);
			}
		}
	});
})(window);
}; // end of sap.ui.app.Application
if ( !jQuery.sap.isDeclared('sap.ui.core.Core') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the real core class sap.ui.core.Core of SAPUI5
jQuery.sap.declare("sap.ui.core.Core");












if ( !jQuery.sap.isDeclared('sap.ui.core.Element') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the base class for all controls and UI elements.
jQuery.sap.declare("sap.ui.core.Element");






/**
 * Constructs and initializes an UI Element with the given <code>sId</code> and settings.
 *
 * If the optional <code>mSettings</code> are given, they must be a JSON-like object (object literal)
 * that defines values for properties, aggregations, associations or events keyed by their name.
 *
 * <b>Valid Names:</b>
 *
 * The property (key) names supported in the object literal are exactly the (case sensitive)
 * names documented in the JSDoc for the properties, aggregations, associations and events
 * of the control and its base classes. Note that for  0..n aggregations and associations this
 * usually is the plural name, whereas it is the singular name in case of 0..1 relations.
 *
 * If a key name is ambiguous for a specific control class (e.g. a property has the same
 * name as an event), then this method prefers property, aggregation, association and
 * event in that order. To resolve such ambiguities, the keys can be prefixed with
 * <code>aggregation:</code>, <code>association:</code> or <code>event:</code>.
 * In that case the keys must be quoted due to the ':'.
 *
 * Each subclass should document the set of supported names in its constructor documentation.
 *
 * <b>Valid Values:</b>
 *
 * <ul>
 * <li>for normal properties, the value has to be of the correct simple type (no type conversion occurs)
 * <li>for 0..1 aggregations, the value has to be an instance of the aggregated control or element type
 * <li>for 0..n aggregations, the value has to be an array of instances of the aggregated type
 * <li>for 0..1 associations, an instance of the associated type or an id (string) is accepted
 * <li>0..n associations are not supported yet
 * <li>for events either a function (event handler) is accepted or an array of length 2
 *     where the first element is a function and the 2nd element is an object to invoke the method on.
 * </ul>
 *
 * @param {string} [sId] id for the new control; generated automatically if no non-empty id is given
 *      Note: this can be omitted, no matter whether <code>mSettings</code> will be given or not!
 * @param {object} [mSettings] optional map/JSON-object with initial property values, aggregated objects etc. for the new element
 *
 * @class Base Class for Elements.
 * @extends sap.ui.base.ManagedObject
 * @author SAP
 * @version 1.12.0
 * @public
 * @name sap.ui.core.Element
 */
sap.ui.base.ManagedObject.extend("sap.ui.core.Element", {

	metadata : {
		stereotype : "element",
	  "abstract" : true,
	  publicMethods : [ "getId", "getMetadata", "getTooltip_AsString", "getTooltip_Text", "getModel", "setModel", "hasModel", "bindProperty", "unbindProperty", "bindAggregation", "unbindAggregation", "prop", "getLayoutData", "setLayoutData" ],
	  library : "sap.ui.core",
	  properties : {
		// TODO can't yet declare id as a property: would show up in ControlTree and applySettings would allow to modify id
		// id : {name : "id", type : "string", group : "Identification", defaultValue : '', readOnly : true}
	  },
	  aggregations : {
		tooltip : {name : "tooltip", type : "sap.ui.core.TooltipBase", altTypes : ["string"], multiple : false},
		customData : {name : "customData", type : "sap.ui.core.CustomData", multiple : true, singularName : "customData"},
		layoutData : {name : "layoutData", type : "sap.ui.core.LayoutData", multiple : false, singularName : "layoutData"}
	  },
	  associations : {},
	  events : {}
	},

	constructor : function(sId, mSettings) {

		sap.ui.base.ManagedObject.apply(this, arguments);
	},

	renderer : null // Element has no renderer

}, /* Metadata constructor */ sap.ui.core.ElementMetadata);

/**
 * Creates a new subclass of class sap.ui.core.Element with name <code>sClassName</code>
 * and enriches it with the information contained in <code>oClassInfo</code>.
 *
 * <code>oClassInfo</code> might contain the following:
 * <ul>
 * <li><code>metadata:</code> an (optional) object literal containing meta information about the class.
 * The information in the object literal will be wrapped by an instance of ElementMetadata
 * and might contain the following information:
 * <ul>
 * <li>all values accepted for metadata as documented for the {@link sap.ui.base.Object.extend Object.extend} method</li>
 * <li>library: {string} (optional) name of the library that contains the element/control
 * <li>properties: a map of property info objects, mapped by the property name
 *     Each info object should be a simple object literal and may contain the following information
 *     <ul>
 *     <li>type {string} optional type of the property, defaults to type "string"
 *     <li>[defaultValue] {any} default value of the property. When omitted, defaults to the default value for the type
 *     <li>group {string} optional semantic group of the property. Defaults to "Misc"
 *     </ul>
 *     If the property info object is not an object literal, it is assumed to be a string and
 *     interpreted as the type of the property. All other informations use their default values.
 * <li>aggregations: a map of aggregation info objects, mapped by the aggregation name
 *     By convention, the name should be a singular name for aggregations of cardinality 0..1 and
 *     should be a plural name for aggregations of cardinality 0..n.
 *
 *     The info object should contain the following information
 *     <ul>
 *     <li>type {string} (optional) type of the aggregated controls/elements, defaults to sap.ui.core.Control
 *     <li>altTypes {string[]} (optional) alternative primitive types that the aggregation can have (like string etc.). Defaults to no alternative types.
 *     <li>multiple {boolean} (optional) information about the cardinality, defaults to true (multiple aggregation)
 *     <li>singularName {string} (optional) singular name for 0..n aggregations. If not specified, a singular name is guessed from the plural name.
 *     </ul>
 *     If the aggregation info object is not an object literal, it is assumed to be a string and
 *     interpreted as the type of the aggregation. All other informations use their default values.
 * <li>associations: a map of association info objects, mapped by the association name
 *     By convention, the name should be a singular name for aggregations of cardinality 0..1 and
 *     should be a plural name for aggregations of cardinality 0..n.
 *
 *     The info object should contain the following information
 *     <ul>
 *     <li>type {string} type of the associated controls/elements, defaults to sap.ui.core.Control
 *     <li>multiple {boolean} (optional) information about the cardinality, defaults to false (single aggregation)
 *     <li>singularName {string} (optional) singular name for 0..n aggregations. If not specified, a singular name is guessed from the plural name.
 *     </ul>
 *     If the association info object is not an object literal, it is assumed to be a string and
 *     interpreted as the type of the aggregation. All other informations then use their default values.
 * <li>events: a map of event info objects, mapped by the event name
 *     The info object can contain the following information
 *     <ul>
 *     <li><code>allowPreventDefault:</code> {boolean} whether the control allows to prevent its default behavior for this event (defaults to false) </li>
 *     </ul>
 * </ul>
 * For all properties, aggregations, associations and events, the usual access methods are created and added to the public facade.
 * They don't need to be listed in the publicMethods array.
 * </li>
 *
 * <li><code>constructor:</code> a function that serves as a constructor function for the new element class.
 * If no constructor function is given, the framework creates a default implementation that delegates all
 * its arguments to the constructor function of the base class.
 * <b>Note:</b> most of the time, subclasses of Element don't need to specify their own constructor function.
 * They should use the symmetric {@link #init} and {@link #exit} hooks instead.
 * </li>
 *
 * <li><code>renderer:</code> definition of a renderer. This can be any of the following
 * <ul>
 * <li>the class name of a renderer class (a string)</li>
 * <li>a render function with signature <code>function(oRenderManager, oControl)</code> that implements the rendering for the new class</li>
 * <li>an object literal that contains functions/properties that should be mixed into a new render class which is
 * created as a subclass of the renderer of the current class.</li>
 * </ul>
 * <b>Note:</b> usually only controls have a renderer. But to keep the control creation APIs simple and to honor future
 * extensions of the current policy, the definition of a renderer is supported for direct subclasses of Element as well.
 * </li>
 *
 * <li><i>any-other-name:</i> any other property in the <code>oClassInfo</code> is copied into the prototype
 * object of the newly created class. Callers can thereby add methods or properties to all instances of the
 * class. But be aware that the given values are shared between all instances of the class. Usually, it doesn't
 * make sense to use primitive values here other than to declare public constants.
 *
 * All methods added this way and whose name is not 'init' nor 'exit' nor does it start with an underscore ('_')
 * nor with the prefix 'on' are assumed to be public methods and are automatically added to the list of public facade methods.
 * </ul>
 *
 * The prototype object of the newly created class uses the same prototype as instances of the base class
 * (prototype chaining).
 *
 * A metadata object is always created, even if there is no <code>metadata</code> entry in the <code>oClassInfo</code>
 * object. A getter for the metadata is always attached to the prototype and to the class (constructor function)
 * itself.
 *
 * Last but not least, with the third argument <code>FNMetaImpl</code> the constructor of a metadata class
 * can be specified. Instances of that class will be used to represent metadata for the newly created class
 * and for any subclass created from it. Typically, only frameworks will use this parameter to enrich the
 * metadata for a new class hierarchy they introduce (as done by  {@link sap.ui.core.Element Element}).
 *
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] structured object with informations about the class
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.Element.extend
 * @function
 * @since 1.3.1
 */

/**
 * Creates metadata for an UI Element by extending the Object Metadata.
 *
 * In addition to the entries defined by {@link sap.ui.base.Object.defineClass}, the following
 * entries can be specified in the static info object:
 *
 * <ul>
 * <li>library: {string} name of the library that contains the element/control
 * <li>properties: a map of property info objects, mapped by the property name
 *     Info object should contain the following information
 *     <ul>
 *     <li>name {string} name of the property (redundant to map key)
 *     <li>type {string} type of the property
 *     <li>[defaultValue] {any} default value of the property. Can be omitted
 *     </ul>
 * <li>aggregations: a map of aggregation info objects, mapped by the aggregation name
 *     Info object should contain the following information
 *     <ul>
 *     <li>name {string} name of the aggregation, singular for 0..1, plural for 0..n
 *     <li>type {string} type of the aggregated controls/elements
 *     <li>multiple {boolean}
 *     <li>singularName {string} singular name for 0..n aggregations
 *     </ul>
 * <li>associations: a map of association info objects, mapped by the association name
 *     Info object should contain the following information
 *     <ul>
 *     <li>name {string} name of the association, singular for 0..1, plural for 0..n
 *     <li>type {string} type of the associated controls/elements
 *     <li>multiple {boolean}
 *     <li>singularName {string} singular name for 0..n associations
 *     </ul>
 * <li>events: map from event names to event names
 * </ul>
 *
 * @see sap.ui.core.Object.defineClass
 *
 * @param {string} sClassName name of the class to build the metadata for
 * @param {object} oStaticInfo static information used to build the metadata
 * @param {function} [fnMetaImpl] constructor to be used for the metadata
 * @return {object} the created metadata
 * @static
 * @public
 * @deprecated Since 1.3.1. Use the static <code>extend</code> method of the desired base class (e.g. {@link sap.ui.core.Element.extend})
 */
sap.ui.core.Element.defineClass = function(sClassName, oStaticInfo, fnMetaImpl) {
	// create and attach metadata but with an Element specific implementation
	return sap.ui.base.Object.defineClass(sClassName, oStaticInfo, fnMetaImpl || sap.ui.core.ElementMetadata);
};

/**
 * Handles the given browser event.
 * @private
 */
sap.ui.core.Element.prototype._handleEvent = function (oEvent) {
	var sHandlerName = "on" + oEvent.type;
	this._callEventHandles(this.aBeforeDelegates, sHandlerName, oEvent, true);
	this._callEventHandles([this], sHandlerName, oEvent);
	this._callEventHandles(this.aDelegates, sHandlerName, oEvent, true);
};

/**
 * Calls event handler of the given event handles with the given browser event.
 * @private
 */
sap.ui.core.Element.prototype._callEventHandles = function (aHandles, sHandlerName, oEvent, bDelegateHolder) {
	if (aHandles.length > 0) {
		for (var i = 0; i < aHandles.length; i++) {
			if (oEvent.isImmediateHandlerPropagationStopped()) {
				break;
			}
			var oHandle = bDelegateHolder ? aHandles[i].oDelegate : aHandles[i];
			var oThis = (bDelegateHolder && aHandles[i].vThis) ? aHandles[i].vThis : oHandle;
			if (oThis === true) { // special case, means the control should be the context
				oThis = this;
			}
			if (oHandle[sHandlerName]) {
				oHandle[sHandlerName].call(oThis, oEvent);
			}
		}
	}
};


// Element is granted "friend" access by Core for (de-)registration
/**
 * Registers this instance of sap.ui.core.Element with the Core.
 *
 * The implementation of this method is provided with "friend" access by Core.
 * @see sap.ui.core.Core.constructor
 *
 * @function
 * @name sap.ui.core.Element.prototype.register
 * @private
 */
//sap.ui.core.Element.prototype.register = function() {...}

/**
 * Deregisters this instance of sap.ui.core.Element from the Core.
 *
 * The implementation of this method is provided with "friend" access by Core.
 * @see sap.ui.core.Core.constructor
 *
 * @function
 * @name sap.ui.core.Element.prototype.deregister
 * @private
 */
//sap.ui.core.Element.prototype.deregister = function() {...}

/**
 * Initializes the element instance after creation.
 *
 * Applications must not call this hook method directly, it is called by the framework
 * while the constructor of an element is executed.
 *
 * Subclasses of Element should override this hook to implement any necessary initialization.
 *
 * @function
 * @name sap.ui.core.Element.prototype.init
 * @protected
 */
//sap.ui.core.Element.prototype.init = function() {};

/**
 * Cleans up the element instance before destruction.
 *
 * Applications must not call this hook method directly, it is called by the framework
 * when the element is {@link #destroy destroyed}.
 *
 * Subclasses of Element should override this hook to implement any necessary cleanup.
 *
 * @function
 * @name sap.ui.core.Element.prototype.exit
 * @protected
 */
//sap.ui.core.Element.prototype.exit = function() {};

/**
 * Creates a new Element from the given data.
 *
 * If vData is an element already, that element is returned.
 * If vData is an object (literal), then a new element is created with vData as settings.
 * The type of the element is either determined by a "Type" entry in the vData or
 * by a type information in the oKeyInfo object
 * @param {sap.ui.core.Element|object} vData the data to create the element from
 * @param {object} oKeyInfo
 * @public
 * @static
 */
sap.ui.core.Element.create = function(vData, oKeyInfo) {
	if ( !vData || vData instanceof sap.ui.core.Element || typeof vData !== "object" || vData instanceof String) {
		return vData;
	}

	function getClass(vType) {
		if ( typeof vType === "function" ) {
			return vType;
		} 
		if (typeof vType === "string" ) {
			return jQuery.sap.getObject(vType);
		}
	}

	var fnClass = getClass(vData.Type) || getClass(oKeyInfo && oKeyInfo.type);
	if ( typeof fnClass === "function" ) {
		return new fnClass(vData);
	}

	// we don't know how to create the Element from vData, so fail
	// extension points could be integrated here
	var message = "Don't know how to create an Element from " + vData + " (" + (typeof vData) + ")";
	jQuery.sap.log.fatal(message);
	throw new Error(message);
};


/**
 * Returns a simple string representation of this element.
 *
 * Mainly useful for tracing purposes.
 * @public
 * @return {string} a string descripition of this element
 */
sap.ui.core.Element.prototype.toString = function() {
	if ( this.getMetadata ) {
		return "Element " + this.getMetadata().getName() + "#" + this.sId;
	}
	else {
		return "Element {unknown class}#" + this.sId;
	}
};


/**
 * Returns the best suitable DOM node that represents this Element.
 * By default the DOM node with the same ID as this Element is returned.
 * Subclasses should override this method if the lookup via id is not sufficient.
 *
 * Note that such a DOM node does not necessarily exist in all cases.
 * Some elements or controls might not have a DOM representation at all (e.g.
 * a naive FlowLayout) while others might not have one due to their current
 * state (e.g. an initial, not yet rendered control).
 *
 * @return {DOMNode} The element's DOM reference or null
 * @protected
 */
sap.ui.core.Element.prototype.getDomRef = function() {
	return jQuery.sap.domById(this.getId());
};

/**
 * Returns the best suitable DOM node that represents this Element wrapped as jQuery object.
 * I.e. the element returned by {@link sap.ui.core.Element#getDomRef} is wrapped and returned.
 *
 * @return {jQuery} The jQuery wrapped element's DOM reference
 * @protected
 */

sap.ui.core.Element.prototype.$ = function() {
	return jQuery(this.getDomRef());
};

/**
 * Checks whether this element has an active parent.
 *
 * @type boolean
 * @return true if this element has an active parent
 * @private
 */
sap.ui.core.Element.prototype.isActive = function() {
	return this.oParent && this.oParent.isActive();
};

/**
 * This function either calls set[sPropertyName] or get[sPropertyName] with the specified property name
 * depending if an <code>oValue</code> is provided or not.
 *
 * @param {string}  sPropertyName name of the property to set
 * @param {any}     [oValue] value to set the property to
 * @return {any|sap.ui.core.Element} Returns <code>this</code> to allow method chaining in case of setter and the property value in case of getter
 * @public
 */
sap.ui.core.Element.prototype.prop = function(sPropertyName, oValue) {

	var oPropertyInfo = this.getMetadata().getJSONKeys()[sPropertyName];
	if (oPropertyInfo) {
		if (arguments.length == 1) {
			// getter
			return this[oPropertyInfo._sGetter]();
		} else {
			// setter
			this[oPropertyInfo._sMutator](oValue);
			return this;
		}
	}
};


/**
 * Getter for aggregation <code>customData</code>.<br/>
 *
 * @return {sap.ui.core.CustomData[]}
 * @function
 * @name sap.ui.core.Element.prototype.getCustomData
 * @public
 */

/**
 * Inserts a CustomData element into the aggregation named <code>customData</code>.
 *
 * @param {sap.ui.core.CustomData}
 *          oCustomData the customData to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the customData should be inserted at; for
 *             a negative value of <code>iIndex</code>, the customData is inserted at position 0; for a value
 *             greater than the current size of the aggregation, the customData is inserted at
 *             the last position
 * @return {sap.ui.core.Element} <code>this</code> to allow method chaining
 * @function
 * @name sap.ui.core.Element.prototype.insertCustomData
 * @public
 */

/**
 * Adds some customData element <code>oCustomData</code>
 * to the aggregation named <code>customData</code>.
 *
 * @param {sap.ui.core.CustomData}
 *            oCustomData the customData to add; if empty, nothing is inserted
 * @return {sap.ui.core.Element} <code>this</code> to allow method chaining
 * @function
 * @name sap.ui.core.Element.prototype.addCustomData
 * @public
 */

/**
 * Removes a CustomData element from the aggregation named <code>customData</code>.
 *
 * @param {int | string | sap.ui.core.CustomData} vCustomData the customData to remove or its index or id
 * @return {sap.ui.core.CustomData} the removed customData element or null
 * @function
 * @name sap.ui.core.Element.prototype.removeCustomData
 * @public
 */

/**
 * Removes all the data elements in the aggregation named <code>customData</code>.<br/>
 *
 * @return {sap.ui.core.CustomData[]} an array of the removed data elements (might be empty)
 * @function
 * @name sap.ui.core.Element.prototype.removeAllCustomData
 * @public
 */

/**
 * Checks for the provided <code>sap.ui.core.CustomData</code> in the aggregation named <code>customData</code>
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.CustomData}
 *            oCustomData the customData whose index is looked for.
 * @return {int} the index of the provided customData element in the aggregation if found, or -1 otherwise
 * @function
 * @name sap.ui.core.Element.prototype.indexOfCustomData
 * @public
 */

/**
 * Destroys all the customData elements in the aggregation
 * named <code>customData</code>.
 * @return {sap.ui.core.Element} <code>this</code> to allow method chaining
 * @function
 * @name sap.ui.core.Element.prototype.destroyCustomData
 * @public
 */


/// cyclic dependency
//jQuery.sap.require("sap.ui.core.TooltipBase"); /// cyclic dependency


/**
 * This triggers immediate rerendering of its parent and thus of itself and its children.<br/> As <code>sap.ui.core.Element</code> "bubbles up" the
 * rerender, changes to child-<code>Elements</code> will also result in immediate rerendering of the whole sub tree.
 * @protected
 */
sap.ui.core.Element.prototype.rerender = function() {
	if (this.oParent) {
		this.oParent.rerender();
	}
};


/**
 * Returns the UI area of this element, if any.
 *
 * @return {sap.ui.core.UIArea} The UI area of this element or null
 * @private
 */
sap.ui.core.Element.prototype.getUIArea = function() {
	return this.oParent ? this.oParent.getUIArea() : null;
};

/**
 * Cleans up the resources associated with this element and all its children.
 *
 * After an element has been destroyed, it can no longer be used in the UI!
 *
 * Applications should call this method if they don't need the element any longer.
 *
 * @param {boolean}
 *            [bSuppressInvalidate] if true, the UI element is not marked for redraw
 * @public
 */
sap.ui.core.Element.prototype.destroy = function(bSuppressInvalidate) {

	sap.ui.base.ManagedObject.prototype.destroy.call(this, bSuppressInvalidate);
	
	// TODO just a hack and has to be done correctly in near future
	/*
	 * Code is ok as discussed with Frank because we have no good concept yet
	 * for mixins to attach to the exit hook. Checking whether a control has
	 * already an exit function, overriding it and call it manually works but
	 * has the side effect that the mixin must be called during a specific point
	 * in time during the prototype generation which will be error prone. The
	 * problem is that if this overridden hook is overridden at a wrong place
	 * the exit cannot be called since it didn't exist when it was overridden.
	 */
	if (this._sapUiCoreLocalBusy_Exit) {
		this._sapUiCoreLocalBusy_Exit();
	}

	// remove this control from DOM, e.g. if there is no parent (e.g. Dialog or already removed control) or this.sParentAggregationName is not properly set
	this.$().remove();
};


/**
 * Fires the given event and notifies all listeners. Listeners must not change
 * the content of the event.
 *
 * @param {string} sEventId the event id
 * @param {object} mParameters the parameter map
 * @return {sap.ui.core.Element} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.core.Element.prototype.fireEvent = function(sEventId, mParameters) {
	// TODO 'id' is somewhat redundant to getSource(), but it is commonly used - fade out with next major release?
	mParameters = mParameters || {};
	mParameters.id = mParameters.id || this.getId();
	// 'arguments' is necessary, as the EventProvider.fireEvent signature has more parameters
	return sap.ui.base.EventProvider.prototype.fireEvent.apply(this, arguments);
};


/**
 * Adds a delegate that listens to the events of this element.
 * 
 * Note that the default behavior (delegate attachments are not cloned when a control is cloned) is usually the desired behavior in control development 
 * where each control instance typically creates a delegate and adds it to itself. (As opposed to application development where the application may add 
 * one delegate to a template and then expects aggregation binding to add the same delegate to all cloned elements.)
 *
 * To avoid double registrations, all registrations of the given delegate are first removed and then the delegate is added.
 * 
 * @param {object} oDelegate the delegate object
 * @param {boolean} [bCallBefore] if true, the delegator event listeners are called before the event listeners of the element; default is "false". In order to also set bClone, this parameter must be given.
 * @param {object} [oThis] if given, this object will be the "this" context in the listener methods; default is the delegate object itself
 * @param {boolean} [bClone] if true, this delegate will also be attached to any clones of this element; default is "false"
 * @return {sap.ui.core.Element} Returns <code>this</code> to allow method chaining
 * @private
 */
sap.ui.core.Element.prototype.addDelegate = function (oDelegate, bCallBefore, oThis, bClone) {
	this.removeDelegate(oDelegate);
	
	// shift parameters
	if (typeof bCallBefore === "object") {
		bClone = oThis;
		oThis = bCallBefore;
		bCallBefore = false;
	}
	
	if (typeof oThis === "boolean") {
		bClone = oThis;
		oThis = undefined;
	}

	(bCallBefore ? this.aBeforeDelegates : this.aDelegates).push({oDelegate:oDelegate, bClone: !!bClone, vThis: ((oThis === this) ? true : oThis)}); // special case: if this element is the given context, set a flag, so this also works after cloning (it should be the cloned element then, not the given one)
	return this;
};

/**
 * Removes the given delegate from this element.
 *
 * This method will remove all registrations of the given delegate, not only one.
 * If the delegate was marked to be cloned and this element has been cloned, the delegate will not be removed from any clones.
 * 
 * @param {object} oDelegate the delegate object
 * @return {sap.ui.core.Element} Returns <code>this</code> to allow method chaining
 * @private
 */
sap.ui.core.Element.prototype.removeDelegate = function (oDelegate) {
	for (var i=0;i<this.aDelegates.length;i++) {
		if (this.aDelegates[i].oDelegate==oDelegate) {
			this.aDelegates.splice(i,1);
		}
	}
	for (var i=0;i<this.aBeforeDelegates.length;i++) {
		if (this.aBeforeDelegates[i].oDelegate==oDelegate) {
			this.aBeforeDelegates.splice(i,1);
		}
	}
	return this;
};


/**
 * Adds a delegate that listens to the events that are fired on this element (as opposed to events which are fired BY this element).
 * 
 * When this element is cloned, the same delegate will be added to all clones. This behavior is well-suited for applications which want to add delegates
 * that also work with templates in aggregation bindings.
 * For control development the internal "addDelegate" method which does not clone delegates by default may be more suitable, as typically each control instance takes care of its own delegates.
 *
 * To avoid double registrations, all registrations of the given delegate are first
 * removed and then the delegate is added.
 *
 * @param {object} oDelegate the delegate object
 * @param {object} [oThis] if given, this object will be the "this" context in the listener methods; default is the delegate object itself
 * @return {sap.ui.core.Element} Returns <code>this</code> to allow method chaining
 * @since 1.9.0
 * @public
 */
sap.ui.core.Element.prototype.addEventDelegate = function (oDelegate, oThis) {
	return this.addDelegate(oDelegate, false, oThis, true);
};

/**
 * Removes the given delegate from this element.
 *
 * This method will remove all registrations of the given delegate, not only one.
 * 
 * @param {object} oDelegate the delegate object
 * @return {sap.ui.core.Element} Returns <code>this</code> to allow method chaining
 * @since 1.9.0
 * @public
 */
sap.ui.core.Element.prototype.removeEventDelegate = function (oDelegate) {
	return this.removeDelegate(oDelegate);
};

/**
 * Returns the dom reference that should get the focus
 * To be overwritten by the specific control method
 * @type DOMNode
 * @return Returns the dom reference that should get the focus
 */
sap.ui.core.Element.prototype.getFocusDomRef = function () {
	return this.getDomRef() || null;
};

/**
 * Sets the focus to the stored focus dom reference
 * @private
 */
sap.ui.core.Element.prototype.focus = function () {
	var oFocusDomRef = this.getFocusDomRef();

	if(oFocusDomRef) {
		try {
			oFocusDomRef.focus();
		} catch (ex) { // IE8 fails on focusing certain elements; IE9+10 and all other current browsers don't fail
			// the element does not exist or is not focusable; there is no information what to focus instead
			var id = oFocusDomRef.id ? " (id: " + oFocusDomRef.id + ")" : " ";
			jQuery.sap.log.warning("DOM element" + id + " in " + this.toString() + " which should be focused cannot be focused: " + ex.message);
		}
	}
};

/**
 * Returns an object representing the serialized focus information
 * To be overwritten by the specific control method
 * @type object
 * @return an object representing the serialized focus information
 * @protected
 */
sap.ui.core.Element.prototype.getFocusInfo = function () {
	return {id:this.getId()};
};

/**
 * Applies the focus info
 * To be overwritten by the specific control method
 * @param {object} oFocusInfo
 * @protected
 */
sap.ui.core.Element.prototype.applyFocusInfo = function (oFocusInfo) {
	this.focus();
	return this;
};


/**
 * Sets a new tooltip for this object. The tooltip can either be a simple string
 * (which in most cases will be rendered as the <code>title</code> attribute of this
 * Element) or an instance of {@link sap.ui.core.TooltipBase}.
 *
 * If a new tooltip is set, any previously set tooltip is deactivated.
 *
 * @param {string|sap.ui.core.TooltipBase} oTooltip.
 * @public
 */
sap.ui.core.Element.prototype.setTooltip = function(oTooltip) {

	var oOldTooltip = this.getTooltip();
	// if the old tooltip was a Tooltip object, remove it as a delegate
	if (oOldTooltip instanceof sap.ui.core.TooltipBase){
		this.removeDelegate(oOldTooltip);
	}
	// if the new tooltip is a Tooltip object, add it as a delegate
	if (oTooltip instanceof sap.ui.core.TooltipBase){
		oTooltip._currentControl = this;
		this.addDelegate(oTooltip);
	}
	this.setAggregation("tooltip", oTooltip);

	return this;
};

/**
 * Returns the tooltip for this element if any or an undefined value.
 * The tooltip can either be a simple string or a subclass of
 * {@link sap.ui.core.TooltipBase}.
 *
 * Callers that are only interested in tooltips of type string (e.g. to render
 * them as a <code>title</code> attribute), should call the convenience method
 * {@link #getTooltip_AsString} instead. If they want to get a tooltip text no
 * matter where it comes from (be it a string tooltip or the text from a TooltipBase
 * instance) then they could call {@link #getTooltip_Text} instead.
 *
 * @return {string|sap.ui.core.TooltipBase} The tooltip for this Element.
 * @public
 */
sap.ui.core.Element.prototype.getTooltip = function() {
	return this.getAggregation("tooltip");
};

sap.ui.core.Element.runWithPreprocessors = sap.ui.base.ManagedObject.runWithPreprocessors;

/**
 * Returns the tooltip for this element but only if it is a simple string.
 * Otherwise an undefined value is returned.
 *
 * @return {string} string tooltip or undefined
 * @public
 */
sap.ui.core.Element.prototype.getTooltip_AsString = function() {
	var oTooltip = this.getTooltip();
	if (typeof oTooltip === "string" || oTooltip instanceof String ) {
		return oTooltip;
	}
	return undefined;
};

/**
 * Returns the main text for the current tooltip or undefined if there is no such text.
 * If the tooltip is an object derived from sap.ui.core.Tooltip, then the text property
 * of that object is returned. Otherwise the object itself is returned (either a string
 * or undefined or null).
 *
 * @return {string} text of the current tooltip or undefined
 * @public
 */
sap.ui.core.Element.prototype.getTooltip_Text = function() {
	var oTooltip = this.getTooltip();
	if (oTooltip && typeof oTooltip.getText === "function" ) {
		return oTooltip.getText();
	}
	return oTooltip;
};

/**
 * Returns the runtime metadata for this UI element.
 *
 * When using the defineClass method, this function is automatically created and returns
 * a runtime representation of the design time metadata.
 *
 * @function
 * @name sap.ui.core.Element.prototype.getMetadata
 * @return {object} runtime metadata
 * @public
 */
// sap.ui.core.Element.prototype.getMetadata = sap.ui.base.Object.ABSTRACT_METHOD;

//data container

(function(){

	/**
	 * Returns the data object with the given key
	 */
	var getDataObject = function(element, key) {
		var aData = element.getAggregation("customData");
		if (aData) {
			for (var i = 0; i < aData.length; i++) {
				if (aData[i].getKey() == key) {
					return aData[i];
				}
			}
		}
		return null;
	};

	/**
	 * Contains the data modification logic
	 */
	var setData = function(element, key, value, writeToDom) {

		// DELETE
		if (value === null) { // delete this property
			var dataObject = getDataObject(element, key);
			if (!dataObject) {
				return;
			}

			var dataCount = element.getAggregation("customData").length;
			if (dataCount == 1) {
				element.destroyAggregation("customData", true); // destroy if there is no other data
			} else {
				element.removeAggregation("customData", dataObject, true);
				dataObject.destroy();
			}

			// ADD or CHANGE
		} else {
			var dataObject = getDataObject(element, key);
			if (dataObject) {
				dataObject.setValue(value);
				dataObject.setWriteToDom(writeToDom);
			} else {
				var dataObject = new sap.ui.core.CustomData({key:key,value:value, writeToDom:writeToDom});
				element.addAggregation("customData", dataObject, true);
			}
		}
	};

	/**
	 * Attaches custom data to an Element or retrieves attached data.
	 *
	 * Usage:
	 *    data("myKey", myData)
	 * attaches myData (which can be any JS data type, e.g. a number, a string, an object, or a function) to this element, under the given key "myKey". If the key already exists,the value will be updated.
	 *
	 *    data("myKey", myData, writeToDom)
	 * attaches myData to this element, under the given key "myKey" and (if writeToDom is true) writes key and value to the HTML. If the key already exists,the value will be updated. While oValue can be any JS data type to be attached, it must be a string to be also written to DOM. The key must also be a valid HTML attribute name (it must conform to sap.ui.core.ID and may contain no colon) and may not start with "sap-ui". When written to HTML, the key is prefixed with "data-".
	 *
	 *    data("myKey")
	 * retrieves whatever data has been attached to this Element (using the key "myKey") before
	 *
	 *    data("myKey", null)
	 * removes whatever data has been attached to this Element (using the key "myKey") before
	 *
	 *    data(null)
	 * removes all data
	 *
	 *    data()
	 * returns all data, as a map
	 *
	 * @public
	 */
	sap.ui.core.Element.prototype.data = function() {
		var argLength = arguments.length;

		if (argLength == 0) {                    // return ALL data as a map
			var aData = this.getAggregation("customData"),
				result = {};
			if (aData) {
				for (var i = 0; i < aData.length; i++) {
					result[aData[i].getKey()] = aData[i].getValue();
				}
			}
			return result;

		} else if (argLength == 1) {
			var arg0 = arguments[0];

			if (arg0 === null) {                  // delete ALL data
				this.destroyAggregation("customData", true); // delete whole map
				return this;

			} else if (typeof arg0 == "string") { // return requested data element
				var dataObject = getDataObject(this, arg0);
				return dataObject ? dataObject.getValue() : null;

			} else if (typeof arg0 == "object") { // should be a map - set multiple data elements
				for (var key in arg0) { // TODO: improve performance and avoid executing setData multiple times
					setData(this, key, arg0[key]);
				}
				return this;

			} else {
				// error, illegal argument
				throw new Error("When data() is called with one argument, this argument must be a string, an object or null, but is " + (typeof arg0) + ":" + arg0 + " (on UI Element with ID '" + this.getId() + "')");
			}

		} else if (argLength == 2) {            // set or remove one data element
			setData(this, arguments[0], arguments[1]);
			return this;

		} else if (argLength == 3) {            // set or remove one data element
			setData(this, arguments[0], arguments[1], arguments[2]);
			return this;

		} else {
			// error, illegal arguments
			throw new Error("data() may only be called with 0-3 arguments (on UI Element with ID '" + this.getId() + "')");
		}
	};

})();

/** Clone delegates
* @param {String} [sIdSuffix] a suffix to be appended to the cloned element id
* @param {Array} [aLocalIds] an array of local IDs within the cloned hierarchy (internally used)
* @return {sap.ui.base.ManagedObject} reference to the newly created clone
* @protected
*/
sap.ui.core.Element.prototype.clone = function(sIdSuffix, aLocalIds){

	var oClone = sap.ui.base.ManagedObject.prototype.clone.apply(this, arguments);
	// Clone delegates
	for ( var i = 0; i < this.aDelegates.length; i++) {
		if (this.aDelegates[i].bClone) {
			oClone.aDelegates.push(this.aDelegates[i]);
		}
	}
	for ( var i = 0; i < this.aBeforeDelegates.length; i++) {
		if (this.aBeforeDelegates[i].bClone) {
			oClone.aBeforeDelegates.push(this.aBeforeDelegates[i]);
		}
	}

	return oClone;
};

/**
* Searches and returns an array of child elements and controls which are
* referenced within an aggregation or aggregations of child elements/controls.
* This can be either done recursive or not.
* <br>
* <b>Take care: this operation might be expensive.</b>
* @param {boolean}
*          bRecursive true, if all nested children should be returned.
* @return {sap.ui.core.Element[]} array of child elements and controls
* @public
*/
sap.ui.core.Element.prototype.findElements = function(bRecursive) {
	var aControls = sap.ui.base.ManagedObject.prototype.findAggregatedObjects.call(this, bRecursive);
	return aControls;
};

/**
 * Sets the {@link sap.ui.core.LayoutData} defining the layout constraints 
 * for this control when it is used inside a layout.
 *
 * @function
 * @name sap.ui.core.Element.prototype.setLayoutData
 * @public
 */
sap.ui.core.Element.prototype.setLayoutData = function(oLayoutData) {
	this.setAggregation("layoutData", oLayoutData, true); // No invalidate because layout data changes does not affect the control / element itself
	var oLayout = this.getParent();
	if(oLayout){
		var oEvent = jQuery.Event("LayoutDataChange");
		oEvent.srcControl = this;
		oLayout._handleEvent(oEvent);
	}
	return this;
};

/**
 * Returns the {@link sap.ui.core.LayoutData} defining the layout constraints 
 * for this control when it is used inside a layout.
 *
 * @function
 * @name sap.ui.core.Element.prototype.getLayoutData
 * @public
 */

/**
 * Allows the parent of a control to enhance the aria information while rendering
 *
 * This function is called in RenderManager writeAccessibilityState for the parent
 * of the control if the function is implemented by the parent.
 *
 * @function
 * @name sap.ui.core.Element.prototype.enhanceAccessibilityState
 * @param {element} oElement the control/element for taht aria properties are rendered
 * @param {array} mAriaProps array of aria properties
 * @return {array} array of aria properties
 * @protected
 * @abstract
 */

}; // end of sap.ui.core.Element

if ( !jQuery.sap.isDeclared('sap.ui.core.Control') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides base class sap.ui.core.Control for all controls
jQuery.sap.declare("sap.ui.core.Control");

//jQuery.sap.require("sap.ui.core.RenderManager"); // cyclic

/**
 * Creates and initializes a new control with the given <code>sId</code> and settings.
 *
 * The set of allowed entries in the <code>mSettings</code> object depends on the concrete
 * subclass and is described there. See {@link sap.ui.core.Element} for a general description of this
 * argument.
 *
 * @param {string} [sId] optional id for the new control; generated automatically if no non-empty id is given
 *      Note: this can be omitted, no matter whether <code>mSettings</code> will be given or not!
 * @param {object} [mSettings] optional map/JSON-object with initial settings for the new control
 * @public
 *
 * @class Base Class for Controls.
 * @extends sap.ui.core.Element
 * @abstract
 * @author Martin Schaus, Daniel Brinkmann
 * @version 1.12.0
 * @name sap.ui.core.Control
 */
sap.ui.core.Element.extend("sap.ui.core.Control", /* @lends sap.ui.core.Control */ {

	metadata : {
		stereotype : "control",
		"abstract" : true,
		publicMethods: ["placeAt", "attachBrowserEvent", "detachBrowserEvent"],
		library: "sap.ui.core",
		properties : {},
		aggregations : {},
		associations : {},
		events : {}
	},

	constructor : function(sId, mSettings) {

		// TODO initialization should happen in init
		// but many of the existing controls don't call super.init()
		// As a workaround I moved the initialization of bAllowTextSelection here
		// so that it doesn't overwrite settings in init() (e.g. ListBox)
		this.bAllowTextSelection = true;

		sap.ui.core.Element.apply(this,arguments);
		this.bOutput = this.getDomRef() != null; // whether this control has already produced output
	},

	renderer : null // Control has no renderer

});

/**
 * Creates a new subclass of class sap.ui.core.Control with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.Control.extend
 * @function
 */

/**
 * Overrides {@link sap.ui.core.Element#clone Element.clone} to clone additional 
 * internal state.
 * 
 * The additionally cloned information contains:
 * <ul>
 * <li>browser event handlers attached with {@link #attachBrowserEvent}
 * <li>text selection behavior
 * <li>style classes added with {@link #addStyleClass}
 * </ul>
 * 
 * @param {String} [sIdSuffix] a suffix to be appended to the cloned element id
 * @param {Array} [aLocalIds] an array of local IDs within the cloned hierarchy (internally used)
 * @return {sap.ui.core.Element} reference to the newly created clone
 * @protected
 */
sap.ui.core.Control.prototype.clone = function() {
	var oClone = sap.ui.core.Element.prototype.clone.apply(this, arguments);

	if ( this.aBindParameters ) {
		for(var i=0, l=this.aBindParameters.length; i<l; i++) {
			var aParams = this.aBindParameters[i];
			oClone.attachBrowserEvent(aParams.sEventType, aParams.fnHandler, aParams.oListener !== this ? aParams.oListener : undefined);
		}
	}
	oClone.bAllowTextSelection = this.bAllowTextSelection;
	return oClone;
};

// must appear after clone() method and metamodel definition
if ( !jQuery.sap.isDeclared('sap.ui.core.CustomStyleClassSupport') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides helper sap.ui.core.CustomStyleClassSupport
jQuery.sap.declare("sap.ui.core.CustomStyleClassSupport");

/**
 * If called on the prototype of a sap.ui.core.Element, the Element (and its prototype) is extended
 * to support custom style classes.
 *
 * WARNING: only to be used WITHIN a control implementation. An application cannot add style class support by calling this method!
 *
 * The methods "addStyleClass", "removeStyleClass", toggleStyleClass and "hasStyleClass" are added to the Element and the clone() method
 * is extended to also clone the custom classes.
 *
 * Usage example:
 * jQuery.sap.require("sap.ui.core.CustomStyleClassSupport");
 * sap.ui.core.CustomStyleClassSupport.apply(sap.ui.commons.layout.MatrixLayoutCell.prototype);
 *
 * Each renderer handling the given Element MUST then call
 * renderManager.writeClasses(oElement);
 * when writing the root tag of the Element. This makes sure the classes are written to the HTML.
 *
 * @public
 */
sap.ui.core.CustomStyleClassSupport = function () {
	// "this" is the prototype now when called with apply()

	// Ensure only Elements are enhanced
	if(!(this instanceof sap.ui.core.Element)) {
		return;
	}

	// enrich original clone function
	var fOriginalClone = this.clone;
	this.clone = function() {
		// call original clone function
		var oClone = fOriginalClone.apply(this, arguments);

		// add the style classes of "this" to the clone
		if (this.aCustomStyleClasses) {
			oClone.aCustomStyleClasses = this.aCustomStyleClasses.slice();
		}
		return oClone;
	};


	this.addStyleClass = function(sStyleClass, bSuppressRerendering) { // bSuppressRerendering is experimental and hence undocumented
		jQuery.sap.assert(sStyleClass && typeof sStyleClass === "string", "sStyleClass must be a string");

		if (!this.aCustomStyleClasses) {
			this.aCustomStyleClasses = [];
		}
		if (sStyleClass) {
			// ensure the "class" attribute is not closed
			if (sStyleClass.indexOf("\"") > -1) {
				return this;
			}
			if (sStyleClass.indexOf("'") > -1) {
				return this;
			} // TODO: maybe check for quotes in different charsets or encodings

			// multiple calls should not add the class multiple times
			for (var i = this.aCustomStyleClasses.length-1; i >= 0; i--) {
				if (this.aCustomStyleClasses[i] == sStyleClass) {
					return this;
				}
			}

			this.aCustomStyleClasses.push(sStyleClass);
			var oRoot = this.getDomRef();
			if (oRoot) { // non-rerendering shortcut
				jQuery(oRoot).addClass(sStyleClass);
			} else if (bSuppressRerendering === false) {
				this.invalidate();
			}
		}

		return this;
	};


	this.removeStyleClass = function(sStyleClass, bSuppressRerendering) { // bSuppressRerendering is experimental and hence undocumented
		jQuery.sap.assert(sStyleClass && typeof sStyleClass === "string", "sStyleClass must be a string");

		if (sStyleClass && this.aCustomStyleClasses) {
			for (var i = this.aCustomStyleClasses.length-1; i >= 0; i--) {
				if (this.aCustomStyleClasses[i] == sStyleClass) {
					this.aCustomStyleClasses.splice(i, 1);
					var oRoot = this.getDomRef();
					if (oRoot) { // non-rerendering shortcut
						jQuery(oRoot).removeClass(sStyleClass);
					} else if (bSuppressRerendering === false) {
						this.invalidate();
					}
				}
			}
		}

		return this;
	};


	this.toggleStyleClass = function(sStyleClass, bAdd) {
		jQuery.sap.assert(sStyleClass && typeof sStyleClass === "string", "sStyleClass must be a string");
		
		if (sStyleClass && typeof sStyleClass === "string") {
			if (bAdd === true) {
				this.addStyleClass(sStyleClass);
			} else if (bAdd === false) {
				this.removeStyleClass(sStyleClass);
			} else if (bAdd === undefined) {
				this.hasStyleClass(sStyleClass) ? this.removeStyleClass(sStyleClass) : this.addStyleClass(sStyleClass);
			} else {
				jQuery.sap.log.warning(this.toString() + "- toggleStyleClass(): bAdd should be a boolean or undefined, but is '" + bAdd + "'");
			}
		}
		
		return this; // we could (depending on bAdd) return either this or the boolean result of removeStyleClass, but at least in the bAdd===undefined case the caller wouldn't even know which return type to expect...
	};


	this.hasStyleClass = function(sStyleClass) {
		jQuery.sap.assert(sStyleClass && typeof sStyleClass === "string", "sStyleClass must be a string");

		if (sStyleClass && this.aCustomStyleClasses) {
			for (var i = this.aCustomStyleClasses.length-1; i >= 0; i--) {
				if (this.aCustomStyleClasses[i] == sStyleClass) {
					return true;
				}
			}
		}
		return false;
	};

	this.getMetadata().addPublicMethods(["addStyleClass", "removeStyleClass", "toggleStyleClass", "hasStyleClass"]);

};

// moved here to fix the cyclic dependency CustomStyleClassSupport, Element, Core, Control


}; // end of sap.ui.core.CustomStyleClassSupport

sap.ui.core.CustomStyleClassSupport.apply(sap.ui.core.Control.prototype);


/**
 * Checks whether the control is still active (part of the active DOM)
 *
 * @return {boolean} whether the control is still in the active DOM
 * @private
 */
sap.ui.core.Control.prototype.isActive = function() {
	return jQuery.sap.domById(this.sId) != null;
};

/**
 * Triggers rerendering of this element and its children.
 *
 * As <code>sap.ui.core.Element</code> "bubbles up" the invalidate, changes to children
 * potentially result in rerendering of the whole sub tree.
 * @protected
 */
sap.ui.core.Control.prototype.invalidate = function(oOrigin) {
	var oUIArea;
	if ( this.bOutput && (oUIArea = this.getUIArea()) ) {
		// if this control has been rendered before (bOutput)
		// and if it is contained in an UIArea (!!oUIArea)
		// then control re-rendering can be used (see UIArea.rerender() for details)
		//
		// The check for bOutput is necessary as the control
		// re-rendering needs to identify the previous rendering results.
		// Otherwise it wouldn't be able to replace them.
		oUIArea.addInvalidatedControl(this);
	} else {
		// else we bubble up the hierarchy
		var oParent = this.getParent();
		if (oParent && (
				this.bOutput /* && !this.getUIArea() */ ||
				/* !this.bOutput && */ !(this.getVisible && this.getVisible() === false))) {

			// Note: the two comments in the condition above show additional conditions
			//       that help to understand the logic. As they are always fulfilled,
			//       they have been omitted for better performance.
			//
			// If this control has a parent but either
			//  - has produced output before ('this.bOutput') but is not part of an UIArea (!this.getUIArea())
			//  - or if it didn't produce output (!this.bOutput') before and is/became visible
			// then invalidate the parent to request re-rendering
			//
			// The first commented condition is always true, otherwise the initial if condition
			// in this method would have been met. The second one must be true as well because of the
			// short evaluation logic of JavaScript. When bOutput is true the second half of the Or won't be processed.

			oParent.invalidate(this);
		}
	}
};

/**
 * Tries to replace its DOM reference by re-rendering.
 * @protected
 */
sap.ui.core.Control.prototype.rerender = function() {
	sap.ui.core.UIArea.rerenderControl(this);
};

/**
 * Defines whether the user can select text inside this control.
 * Defaults to <code>true</code> as long as this method has not been called.
 *
 * <b>Note:</b>This only works in IE and Safari; for Firefox the element's style must
 * be set to:
 * <pre>
 *   -moz-user-select: none;
 * </pre>
 * in order to prevent text selection.
 *
 * @param {boolean} whether to allow text selection or not
 * @return {sap.ui.core.Control} Returns <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Control.prototype.allowTextSelection = function(bAllow) {
	this.bAllowTextSelection = bAllow;
	return this;
};

/**
 * The string given as "sStyleClass" will be added to the "class" attribute of this control's root HTML element.
 *
 * This method is intended to be used to mark controls as being of a special type for which
 * special styling can be provided using CSS selectors that reference this style class name.
 *
 * <pre>
 * Example:
 *    myButton.addStyleClass("myRedTextButton"); // add a CSS class to one button instance
 *
 * ...and in CSS:
 *    .myRedTextButton {
 *       color: red;
 *    }
 * </pre>
 *
 * This will add the CSS class "myRedTextButton" to the Button HTML and the CSS code above will then
 * make the text in this particular button red.
 *
 * Only characters allowed inside HTML attributes are allowed.
 * Quotes are not allowed and this method will ignore any strings containing quotes.
 * Strings containing spaces are interpreted as ONE custom style class (even though CSS selectors interpret them
 * as different classes) and can only removed later by calling removeStyleClass() with exactly the
 * same (space-containing) string as parameter.
 * Multiple calls with the same sStyleClass will have no different effect than calling once.
 * If sStyleClass is null, the call is ignored.
 *
 * @name sap.ui.core.Control.prototype.addStyleClass
 * @function
 *
 * @param {string} sStyleClass the CSS class name to be added
 * @return {sap.ui.core.Control} Returns <code>this</code> to allow method chaining
 * @public
 */

/**
 * Removes the given string from the list of custom style classes that have been set previously.
 * Regular style classes like "sapUiBtn" cannot be removed.
 *
 * @name sap.ui.core.Control.prototype.removeStyleClass
 * @function
 *
 * @param {string} sStyleClass the style to be removed
 * @return {sap.ui.core.Control} Returns <code>this</code> to allow method chaining
 * @public
 */

/**
 * The string given as "sStyleClass" will be be either added to or removed from the "class" attribute of this control's root HTML element,
 * depending on the value of "bAdd": if bAdd is true, sStyleClass will be added.
 * If bAdd is not given, sStyleClass will be removed if it is currently present and will be added if not present.
 * If sStyleClass is null, the call is ignored.
 * 
 * See addStyleClass and removeStyleClass for further documentation.
 *
 * @name sap.ui.core.Control.prototype.toggleStyleClass
 * @function
 *
 * @param {string} sStyleClass the CSS class name to be added or removed
 * @param {boolean} bAdd whether sStyleClass should be added (or removed); when this parameter is not given, sStyleClass will be toggled (removed, if present, and added if not present) 
 * @return {sap.ui.core.Control} Returns <code>this</code> to allow method chaining
 * @public
 */

/**
 * Returns true if the given style class string is valid and if this control has this style class set
 * via a previous call to addStyleClass().
 *
 * @name sap.ui.core.Control.prototype.hasStyleClass
 * @function
 *
 * @param {string} sStyleClass the style to check for
 * @type boolean
 * @return whether the given style has been set before
 * @public
 */


/**
 * Allows binding handlers for any native browser event to the root HTML element of this Control. This internally handles
 * DOM element replacements caused by re-rendering.
 *
 * IMPORTANT:
 * This should be only used as FALLBACK when the Control events do not cover a specific use-case! Always try using
 * SAPUI5 control events, as e.g. accessibility-related functionality is then provided automatically.
 * E.g. when working with a sap.ui.commons.Button, always use the Button's "press" event, not the native "click" event, because
 * "press" is also guaranteed to be fired when certain keyboard activity is supposed to trigger the Button.
 *
 * In the event handler, "this" refers to the Control - not to the root DOM element like in jQuery. While the DOM element can
 * be used and modified, the general caveats for working with SAPUI5 control DOM elements apply. In particular the DOM element
 * may be destroyed and replaced by a new one at any time, so modifications that are required to have permanent effect may not
 * be done. E.g. use Control.addStyleClass() instead if the modification is of visual nature.
 *
 * Use detachBrowserEvent() to remove the event handler(s) again.
 *
 * @param {string} [sEventType] A string containing one or more JavaScript event types, such as "click" or "blur".
 * @param {function} [fnHandler] A function to execute each time the event is triggered.
 * @param {Object} [oListener] The object, that wants to be notified, when the event occurs
 * @return {sap.ui.core.Control} Returns <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Control.prototype.attachBrowserEvent = function(sEventType, fnHandler, oListener) {
	if (sEventType && (typeof(sEventType) === "string")) { // do nothing if the first parameter is empty or not a string
		if (fnHandler && typeof(fnHandler) === "function") {   // also do nothing if the second parameter is not a function
			// store the parameters for bind()
			if (!this.aBindParameters) {
				this.aBindParameters = [];
			}
			oListener = oListener || this;

			// FWE jQuery.proxy can't be used as it breaks our contract when used with same function but different listeners
			var fnProxy=function() { fnHandler.apply(oListener, arguments); };

			this.aBindParameters.push({
				sEventType: sEventType,
				fnHandler: fnHandler,
				oListener: oListener,
				fnProxy : fnProxy
			});

			// if control is rendered, directly call bind()
			this.$().bind(sEventType, fnProxy);
		}
	}

	return this;
};


/**
 * This method is used to remove event handlers which have been previously attached using sap.ui.core.Control.attachBrowserEvent().
 *
 * @param {string} [sEventType] A string containing one or more JavaScript event types, such as "click" or "blur".
 * @param {function} [fnHandler] The function that is to be no longer executed.
 * @public
 */
sap.ui.core.Control.prototype.detachBrowserEvent = function(sEventType, fnHandler, oListener) {
	if (sEventType && (typeof(sEventType) === "string")) { // do nothing if the first parameter is empty or not a string
		if (fnHandler && typeof(fnHandler) === "function") {   // also do nothing if the second parameter is not a function
			var $ = this.$(),i,oParamSet;
			oListener=oListener || this;

			// remove the bind parameters from the stored array
			if (this.aBindParameters) {
				for (i = this.aBindParameters.length - 1; i >= 0; i--) {
					oParamSet = this.aBindParameters[i];
					if ( oParamSet.sEventType === sEventType  && oParamSet.fnHandler === fnHandler  &&  oParamSet.oListener === oListener ) {
						this.aBindParameters.splice(i, 1);
						// if control is rendered, directly call unbind()
						$.unbind(sEventType, oParamSet.fnProxy);
					}
				}
			}

		}
	}

	return this;
};



/**
 * Returns a renderer for this control instance.
 *
 * It is retrieved using the RenderManager as done during rendering.
 *
 * @return {object} a Renderer suitable for this Control instance.
 * @protected
 */
sap.ui.core.Control.prototype.getRenderer = function () {
	//TODO introduce caching?
	return sap.ui.core.RenderManager.getRenderer(this);
};

/**
 * Puts <code>this</code> control into the specified container (<code>oRef</code>) at the given
 * position (<code>oPosition</code>).
 *
 * First it is checked whether <code>oRef</code> is a container element / control (has a
 * multiple aggregation with type <code>sap.ui.core.Control</code> and name 'content') or is an Id String
 * of such an container.
 * If this is not the case <code>oRef</code> can either be a Dom Reference or Id String of the UIArea
 * (if it does not yet exist implicitly a new UIArea is created),
 *
 * The <code>oPosition</code> can be one of the following:
 *
 * <ul>
 *  <li>"first": The control is added as the first element to the container.</li>
 *  <li>"last": The control is added as the last element to the container (default).</li>
 *  <li>"only": All existing children of the container are removed (not destroyed!) and the control is added as new child.</li>
 *  <li><i>index</i>: The control is added at the specified <i>index</i> to the container.</li>
 * </ul>
 * 
 * @param {String|DomRef|sap.ui.core.Control} oRef container into which the control should be put
 * @param {String|int} oPosition Describes the position where the control should be put into the container
 * @return {sap.ui.core.Control} Returns <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Control.prototype.placeAt = function(oRef, oPosition) {
	var oCore = sap.ui.getCore();
	if(oCore.isInitialized()){
		// core already initialized, do it now

		// 1st try to resolve the oRef as a Container control
		var oContainer = oRef;
		if(typeof oContainer === "string"){
			oContainer = oCore.byId(oRef);
		}
		// if no container control is found use the corresponding UIArea
		var bIsUIArea = false;
		if(!(oContainer instanceof sap.ui.core.Element)) {
			oContainer = oCore.createUIArea(oRef);
			bIsUIArea = true;
		}

		if(!oContainer) {
			return;
		}

		if(!bIsUIArea){
			var oContentAggInfo = oContainer.getMetadata().getAllAggregations()["content"];
			var bContainerSupportsPlaceAt = true;
			if(oContentAggInfo){
				if(!oContentAggInfo.multiple || oContentAggInfo.type != "sap.ui.core.Control"){
					bContainerSupportsPlaceAt = false;
				}
			}else{
				//Temporary workaround for sap.ui.commons.AbsoluteLayout to enable placeAt even when no content aggregation is available. TODO: Find a proper solution
				if(!oContainer.addContent || !oContainer.insertContent || !oContainer.removeAllContent) {
					bContainerSupportsPlaceAt = false;
				}
			}
			if(!bContainerSupportsPlaceAt) {
				jQuery.sap.log.warning("placeAt cannot be processed because container "+oContainer+" does not have an aggregation 'content'.");
				return;
			}
		}

		if(typeof oPosition === "number"){
			oContainer.insertContent(this, oPosition);
		}else{
			oPosition = oPosition || "last"; //"last" is default
			switch(oPosition){
				case "last":
					oContainer.addContent(this);
					break;
				case "first":
					oContainer.insertContent(this, 0);
					break;
				case "only":
					oContainer.removeAllContent();
					oContainer.addContent(this);
					break;
				default:
					jQuery.sap.log.warning("Position "+oPosition+" is not supported for function placeAt.");
			}
		}
	}else{
		// core not yet initialized, defer execution
		var that = this;
		oCore.attachInitEvent(function () {
			that.placeAt(oRef, oPosition);
		});
	}
	return this;
};

/*
 * Event handling
 */

/**
 * Cancels user text selection if text selection is disabled for this control.
 * See the {@link #allowTextSelection} method.
 * @private
 */
sap.ui.core.Control.prototype.onselectstart = function (oBrowserEvent) {
	if(!this.bAllowTextSelection) {
		oBrowserEvent.preventDefault();
		oBrowserEvent.stopPropagation();
	}
};

/*
 * Rendering
 */

/**
 * Function is called before the rendering of the control is started.
 *
 * Applications must not call this hook method directly, it is called by the framework.
 *
 * Subclasses of Control should override this hook to implement any necessary actions before the rendering.
 *
 * @function
 * @name sap.ui.core.Control.prototype.onBeforeRendering
 * @protected
 */
//sap.ui.core.Control.prototype.onBeforeRendering = function() {};

/**
 * Function is called when the rendering of the control is completed.
 *
 * Applications must not call this hook method directly, it is called by the framework.
 *
 * Subclasses of Control should override this hook to implement any necessary actions after the rendering.
 *
 * @function
 * @name sap.ui.core.Control.prototype.onAfterRendering
 * @protected
 */
//sap.ui.core.Control.prototype.onAfterRendering = function() {};

/**
 * Gets the ID used for the "labelFor" attribute of the label
 * By default its the control ID
 * @public
 */
sap.ui.core.Control.prototype.getIdForLabel = function () {
	return this.getId();
};


}; // end of sap.ui.core.Control




if ( !jQuery.sap.isDeclared('sap.ui.core.UIArea') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.UIArea
jQuery.sap.declare("sap.ui.core.UIArea");




/**
 * @class An area in a page that hosts a tree of UI elements.
 *
 * Provides means for event-handling, rerendering, etc.
 *
 * @extends sap.ui.base.ManagedObject
 * @author SAP AG
 * @version 1.12.0
 * @param {sap.ui.Core} oCore internal API of the <core>Core</code> that manages this UIArea
 * @param {object} [oRootNode] reference to the Dom Node that should be 'hosting' the UI Area.
 * @public
 */
sap.ui.base.ManagedObject.extend("sap.ui.core.UIArea", {
	constructor: function(oCore, oRootNode) {
		if(arguments.length === 0) {
			return;
		}

		// Note: UIArea has a modifiable Id. This doesn't perfectly match the default behavior of ManagedObject
		// But UIArea overrides getId().
		sap.ui.base.ManagedObject.apply(this);

		//TODO we could get rid of oCore here, if we wanted to...
		this.oCore = oCore;
		this.bLocked = false;
		this.bInitial = true;
		this.aContentToRemove = [];
		
		this.bNeedsRerendering = false;
		if (oRootNode != null) {
			this.setRootNode(oRootNode);
			// Figure out whether UI Area is pre-rendered (server-side JS rendering)!
			this.bNeedsRerendering = this.bNeedsRerendering && !jQuery.sap.domById(oRootNode.id + "-Init");
		}
		this.mInvalidatedControls = {};

		if(!this.bNeedsRerendering) {
			this.oRenderControl = null;
		} else {
			// Core needs to be notified about an invalid UIArea
			this.oCore.addInvalidatedUIArea(this);
		}

	},
	metadata: {
		// ---- object ----
		publicMethods : ["setRootNode", "getRootNode", "setRootControl", "getRootControl", "lock","unlock", "isLocked"],
		aggregations : {
			"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
		}
	}
});

/**
 * Returns whether rerendering is currently suppressed on this UIArea
 * @return boolean
 * @protected
 */
sap.ui.core.UIArea.prototype.isInvalidateSuppressed = function() {
	return this.iSuppressInvalidate > 0;
};

/**
 * Returns this <code>UIArea</code>'s id (as determined from provided RootNode).
 * @return {string} id of this UIArea
 * @public
 *
 * TODO what is this needed for? ID can change and getRootNode() is also there...
 * Is this part of "UI area is like an Element" contract?
 */
sap.ui.core.UIArea.prototype.getId = function() {
	return this.oRootNode ? this.oRootNode.id : null;
};

/**
 * Returns this UI area. Needed to stop recursive calls from an element to its parent.
 *
 * @return {sap.ui.core.UIArea} this
 * @protected
 */
sap.ui.core.UIArea.prototype.getUIArea = function() {
	return this;
};

/**
 * Allows setting the Root Node hosting this instance of <code>UIArea</code>.<br/> The Dom Ref must have an Id that
 * will be used as Id for this instance of <code>UIArea</code>.
 *
 * @param {object}
 *            oRootNode the hosting Dom Ref for this instance of <code>UIArea</code>.
 * @public
 */
sap.ui.core.UIArea.prototype.setRootNode = function(oRootNode) {
	if(this.oRootNode === oRootNode) {
		return;
	}

	// oRootNode must either be empty or must be a DOMElement and must not be root node of some other UIArea
	jQuery.sap.assert(!oRootNode || (oRootNode.nodeType === 1 && !jQuery(oRootNode).attr("data-sap-ui-area")), "UIArea root node must be a DOMElement");

	//TODO IS there something missing
	if(this.oRootNode) {
		this._ondetach();
	}

	this.oRootNode = oRootNode;
	if ( this.getContent().length > 0 ) {
	  this.invalidate();
	}

	if(this.oRootNode) {
		// prepare eventing
		this._onattach();
	}
};

/**
 * Returns the Root Node hosting this instance of <code>UIArea</code>.
 *
 * @return {DOMNode} the Root Node hosting this instance of <code>UIArea</code>.
 * @public
 */
sap.ui.core.UIArea.prototype.getRootNode = function() {
	return this.oRootNode;
};

/**
 * Sets the root control to be displayed in this UIArea.
 *
 * First, all old content controls (if any) will be detached from this UIArea (e.g. their parent
 * relationship to this UIArea will be cut off). Then the parent relationship for the new
 * content control (if not empty) will be set to this UIArea and finally, the UIArea will
 * be marked for re-rendering.
 *
 * The real re-rendering happens whenever the re-rendering is called. Either implicitly
 * at the end of any control event or by calling sap.ui.getCore().applyChanges().
 *
 * @param {sap.ui.base.Interface | sap.ui.core.Control}
 *            oRootControl the Control that should be the Root for this <code>UIArea</code>.
 * @public
 * @deprecated use functions <code>removeAllContent</code> and <code>addContent</code> instead
 */
sap.ui.core.UIArea.prototype.setRootControl = function(oRootControl) {
	this.removeAllContent();
	this.addContent(oRootControl);
};

/**
 * Returns the content control of this <code>UIArea</code> at the specified index.
 * If no index is given the first content control is returned.
 *
 * @param {int} idx index of the control in the content of this <code>UIArea</code>
 * @return {sap.ui.core.Control} the content control of this <code>UIArea</code> at the specified index.
 * @public
 * @deprecated use function <code>getContent</code> instead
 */
sap.ui.core.UIArea.prototype.getRootControl = function(idx) {
	var aContent = this.getContent();
	if(aContent.length > 0){
		if(idx >=0 && idx < aContent.length) {
			return aContent[idx];
		}
		return aContent[0];
	}
	return null;
};

sap.ui.core.UIArea.prototype._addRemovedContent = function(oDomRef) {
	if(this.oRootNode && oDomRef) {
		this.aContentToRemove.push(oDomRef);
	}
};

/**
 * Getter for aggregation <code>content</code>.<br/>
 *
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.core.UIArea.prototype.getContent
 */

/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *			iIndex the <code>0</code>-based index the content should be inserted at; for
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value
 *             greater than the current size of the aggregation, the content is inserted at
 *             the last position
 * @return {sap.ui.core.UIArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.UIArea.prototype.insertContent
 */

/**
 * Adds some content <code>oContent</code>
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.core.UIArea} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.UIArea.prototype.addContent = function(oContent, _bSuppressInvalidate) {
	this.addAggregation("content", oContent, _bSuppressInvalidate);
	// TODO this remains here just to make the UX3 Shell work which doesn't invalidate properly
	if ( _bSuppressInvalidate !== true ) {
		this.invalidate();
	}
	return this;
};

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed element or null
 * @public
 */
sap.ui.core.UIArea.prototype.removeContent = function(vContent, _bSuppressInvalidate) {
	var oContent = this.removeAggregation("content", vContent, _bSuppressInvalidate);
	if ( !_bSuppressInvalidate ) {
		var oDomRef;
		if(oContent && oContent.getDomRef) {
			oDomRef = oContent.getDomRef();
		}
		this._addRemovedContent(oDomRef);
		//this.invalidate();
	}
	return oContent;
};

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 */
sap.ui.core.UIArea.prototype.removeAllContent = function() {
	var aContent = this.removeAllAggregation("content");
	for(var idx=0; idx<aContent.length; idx++){
		var oDomRef;
		var oContent = aContent[idx];
		if(oContent && oContent.getDomRef) {
			oDomRef = oContent.getDomRef();
		}
		this._addRemovedContent(oDomRef);
	}
	//this.invalidate();
	return aContent;
};

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code>
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.core.UIArea.prototype.indexOfContent
 */

/**
 * Destroys all the content in the aggregation
 * named <code>content</code>.
 * @return {sap.ui.core.UIArea} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.UIArea.prototype.destroyContent = function() {
	var aContent = this.getContent();
	for(var idx=0; idx<aContent.length; idx++){
		var oDomRef;
		var oContent = aContent[idx];
		if(oContent && oContent.getDomRef) {
			oDomRef = oContent.getDomRef();
		}
		this._addRemovedContent(oDomRef);
	}
	this.destroyAggregation("content");
	//this.invalidate();
	return this;
};

/**
 * Locks this instance of UIArea.
 *
 * Rerendering and eventing will not be active as long as no
 * {@link #unlock} is called.
 *
 * @public
 */
sap.ui.core.UIArea.prototype.lock = function() {
	this.bLocked = true;
};

/**
 * Un-Locks this instance of UIArea.
 *
 * Rerendering and eventing will now be enabled again.
 *
 * @public
 */
sap.ui.core.UIArea.prototype.unlock = function() {
	if ( this.bLocked && this.bNeedsRerendering ) {
		// While being locked, we might have ignored a call to rerender()
		// Therefore notify the Core (again)
		this.oCore.addInvalidatedUIArea(this);
	}
	this.bLocked = false;
};

/**
 * Returns the locked state of the <code>sap.ui.core.UIArea</code>
 * @type boolean
 * @return locked state
 * @public
 */
sap.ui.core.UIArea.prototype.isLocked = function () {
	return this.bLocked;
};

/**
 * Provide getBindingContext, as UIArea can be parent of an element.
 * Always returns null.
 *
 * @protected
 */
sap.ui.core.UIArea.prototype.getBindingContext = function(){
	return null;
};

// ###########################################################################
// Convenience for methods
// e.g. Process Events for inner Controls
// or figure out whether control is part of this area.
// ###########################################################################

/**
 * Checks whether the control is still valid (is in the DOM)
 *
 * @return {boolean} True if the control is still in the active DOM
 * @protected
 */
sap.ui.core.UIArea.prototype.isActive = function() {
	return jQuery.sap.domById(this.getId()) != null;
};

/**
 * Will be used as end-point for invalidate-bubbling from controls up their hierarchy.<br/> Triggers re-rendering of
 * the UIAreas content.
 * @protected
 */
sap.ui.core.UIArea.prototype.invalidate = function() {
	this.addInvalidatedControl(this);
};

/**
 * Notifies the UIArea about an just invalidated control.
 *
 * The UIArea internally decides whether to re-render just the modified
 * controls or the complete content. It also informs the Core when it
 * becomes invalid the first time.
 *
 * TODO this.oRenderControl is either NULL or THIS. change to boolean?!
 * @protected
 */
sap.ui.core.UIArea.prototype.addInvalidatedControl = function(oControl){
	if (this.oRenderControl == this) {
		return;
	}

	// inform the Core, if we are getting invalid now
	if ( !this.bNeedsRerendering ) {
		this.oCore.addInvalidatedUIArea(this);
	}

	var sId = oControl.getId();
	//check whether the control is already invalidated
	if (/*jQuery.inArray(oControl, this.getContent()) || */oControl == this ) {
		this.oRenderControl = this; //everything in this UIArea
		this.bNeedsRerendering = true;
		return;
	}
	if (this.mInvalidatedControls[sId]) {
		return;
	}
	if (!this.oRenderControl) {
		//add it to the list of controls
		this.mInvalidatedControls[sId] = oControl;
		this.bNeedsRerendering = true;
	}
};

/**
 * TODO review and maybe refactor this complex algorithm
 * TODO documentation
 * TODO detach current "rerendering infos" before starting rerendering. Necessary to properly deal with concurrent modifications 
 * @param force {boolean} true, if the rerendering of the UI area should be forced
 * @return {boolean} whether a redraw was necessary or not
 * @private
 */
sap.ui.core.UIArea.prototype.rerender = function(force){
	if (force) {
		this.bNeedsRerendering = true;
	}
	if ( this.bLocked || !this.bNeedsRerendering ) {
		return false;
	}
	
	var that = this;

	// pause performance measurement for all UI Areas
	jQuery.sap.measure.pause("rerenderAllUIAreas");
	// start performance measurement
	jQuery.sap.measure.start(this.getId()+"---rerender","Rerendering of "+this.getMetadata().getName());

	if (this.oRenderControl == this) {
		if (this.oRootNode) {
			jQuery.sap.log.info("Rerendering of UI area: " + this.getId());

			// save old content
			sap.ui.core.RenderManager.preserveContent(this.oRootNode, /* bPreserveRoot */ false, /* bPreserveNodesWithId */ this.bInitial);
			this.bInitial = false;
			
			function cleanUpDom(aCtnt, bCtrls){
				var len = aCtnt.length;
				var oDomRef;
				for(var i=0; i<len; i++) {
					oDomRef = bCtrls ? aCtnt[i].getDomRef() : aCtnt[i];
					if ( oDomRef && !sap.ui.core.RenderManager.isPreservedContent(oDomRef) && that.oRootNode === oDomRef.parentNode) {
						jQuery(oDomRef).remove();
					}
				}
				return len;
			}

			//First remove the old Dom nodes and then render the controls again
			cleanUpDom(this.aContentToRemove);
			this.aContentToRemove = [];

			var aContent = this.getContent();
			var len = cleanUpDom(aContent, true);

			for(var i=0; i<len; i++){
				this.oCore.oRenderManager.render(aContent[i], this.oRootNode, true);
			}
		} else { // cannot re-render now; wait!
			// end performance measurement
			jQuery.sap.measure.end(this.getId()+"---rerender");
			// resume performance measurement for all UI Areas
			jQuery.sap.measure.resume("rerenderAllUIAreas");
			return false;
		}
	} else {
		function isAncestorInvalidated(oAncestor) {
			while ( oAncestor && oAncestor !== that ) {
				if ( that.mInvalidatedControls.hasOwnProperty(oAncestor.getId()) ) {
					return true;
				}
				oAncestor = oAncestor.getParent();
			}
			return false;
		}
		for (var n in this.mInvalidatedControls) { // TODO for in skips some names in IE8!
			var oControl = this.oCore.byId(n);
			// CSN 0000834961 2011: control may have been destroyed since invalidation happened
			if ( oControl && !isAncestorInvalidated(oControl.getParent()) ) {
				oControl.rerender();
			}
		}

	}

	this.oRenderControl = null;
	this.mInvalidatedControls = {};
	this.bNeedsRerendering = false;

	// end performance measurement
	jQuery.sap.measure.end(this.getId()+"---rerender");
	// resume performance measurement for all UI Areas
	jQuery.sap.measure.resume("rerenderAllUIAreas");
	return true;

};

/**
 * Rerenders the given control
 * @see sap.ui.core.Control.rerender()
 * @param oControl
 * @private
 */
sap.ui.core.UIArea.rerenderControl = function(oControl){
	var oDomRef = oControl ? oControl.getDomRef() : null;
	var oParentDomRef = oDomRef && oDomRef.parentNode; // remember parent here as preserveContent() might move the node!
	if(oParentDomRef){
		var uiArea = oControl.getUIArea();
		var rm = uiArea ? uiArea.oCore.oRenderManager : sap.ui.getCore().createRenderManager();
		jQuery.sap.log.info("Rerendering of control (using Core-RenderManager: "+(!!uiArea)+"): " + oControl.getId());
		sap.ui.core.RenderManager.preserveContent(oDomRef, /* bPreserveRoot */ true, /* bPreserveNodesWithId */ false);
		rm.render(oControl, oParentDomRef);
	} else {
		jQuery.sap.log.warning("Couldn't rerender '" + oControl.getId() + "', as its DOM location couldn't be determined");
	}
};

/**
 * Handles all incoming DOM events centrally and dispatches the event to the
 * registered event handlers.
 * @param {jQuery.Event} oEvent the jQuery event object
 * @private
 */
sap.ui.core.UIArea.prototype._handleEvent = function(/**event*/oEvent) {

	// execute the registered event handlers
	var oElement = null;

	// TODO: this should be the 'lowest' SAPUI5 Control of this very
	// UIArea instance's scope -> nesting scenario
	oElement = jQuery(oEvent.target).control(0);
	
	if(oElement === null){
		return;
	}
	
	//if event is already handled by inner UIArea (as we use the bubbling phase now), returns.
	//if capturing phase would be used, here means event is already handled by outer UIArea.
	if((oEvent.originalEvent || oEvent)._sapui_handledByUIArea){
		(oEvent.originalEvent || oEvent)._sapui_firstUIArea = false;
		return;
	}
	(oEvent.originalEvent || oEvent)._sapui_firstUIArea = true;

	// store the element on the event (aligned with jQuery syntax)
	oEvent.srcControl = oElement;

	// forward the control event:
	// if the control propagation has been stopped or the default should be
	// prevented then do not forward the control event.
	this.oCore._handleControlEvent(oEvent, this.getId());

	// if the UIArea or the Core is locked then we do not dispatch
	// any event to the control => but they will still be dispatched
	// as control event afterwards!
	if (this.bLocked || this.oCore.isLocked()) {
		return;
	}

	// retrieve the pseudo event types
	var aEventTypes = [];
	if(oEvent.getPseudoTypes){
		aEventTypes = oEvent.getPseudoTypes();
	}
	aEventTypes.push(oEvent.type);

	// dispatch the event to the controls (callback methods: onXXX)
	while (oElement && oElement instanceof sap.ui.core.Element && oElement.isActive() && !oEvent.isPropagationStopped()) {

		// for each event type call the callback method
		// if the execution should be stopped immediately
		// then no further callback method will be executed
		for (var i = 0, is = aEventTypes.length; i < is; i++) {
			var sType = aEventTypes[i];
			oEvent.type = sType;
			// ensure currenTarget is the DomRef of the handling Control
			oEvent.currentTarget = oElement.getDomRef();
			oElement._handleEvent(oEvent);
			if(oEvent.isImmediatePropagationStopped()) {
				break;
			}
		}

		// if the propagation is stopped do not bubble up further
		if(oEvent.isPropagationStopped()) {
			break;
		}

		// Secret property on the element to allow to cancel bubbling of all events.
		// This is a very special case, so there is no API method for this in the control. 
		if (oElement.bStopEventBubbling) {
			break;
		}
		
		// This is the (not that common) situation that the element was deleted in its own event handler.
		// i.e. the Element became 'inactive' (see Element#isActive())
		var oDomRef = oElement.getDomRef();
		if(!oDomRef) {
			break;
		}

		// bubble up to the parent
		oDomRef = oDomRef.parentNode;
		oElement = null;

		// ensure we do not bubble the control tree higher than our rootNode
		while (oDomRef && oDomRef !== this.getRootNode()) {
			if (oDomRef.id) {
				oElement = jQuery(oDomRef).control(0);
				if (oElement) {
					break;
				}
			}
			oDomRef = oDomRef.parentNode;
		}

	}

	// reset previously changed currentTarget
	oEvent.currentTarget = this.getRootNode();
	
	// mark on the event that it's already handled by this UIArea
	(oEvent.originalEvent || oEvent)._sapui_handledByUIArea = true;

	// TODO: rethink about logging levels!

	// logging: propagation stopped
	if (oEvent.isPropagationStopped()) {
		jQuery.sap.log.debug("'" + oEvent.type + "' propagation has been stopped");
	}

	// logging: prevent the logging of some events and for others do some
	//          info logging into the console
	var sName = oEvent.type;
	if (sName!="mousemove" && sName!="mouseover" && sName!="scroll" && sName!="mouseout") {
		var oElem = jQuery(oEvent.target).control(0);
		if(oElem) {
			jQuery.sap.log.debug("Event fired: '" + oEvent.type + "' on " + oElem, "", "sap.ui.core.UIArea");
		}
		else {
			jQuery.sap.log.debug("Event fired: '" + oEvent.type + "'", "", "sap.ui.core.UIArea");
		}
	}

};

/*
* The onattach function is called when the Element is attached to the DOM
* @private
*/
sap.ui.core.UIArea.prototype._onattach = function() {

// TODO optimizations for 'matching event list' could be done here.
//	// create the events string (space separated list of event names):
//	// the first time a control is attached - it will determine the required
//	// events and store this information in the controls metadata which is
//	// shared across the control instances.
//	if (!this.getMetadata().sEvents) {
//
//		// shorten the access to the array of events and pseudo events
//		var aEv = jQuery.sap.ControlEvents;
//		var oPsEv = jQuery.sap.PseudoEvents;
//
//		// create the data structures for the event handler registration
//		this.sEvents = "";
//		var aEvents = [];
//
//		// check for pseudo events and register them for their relevant types
//		for (var evt in oPsEv) {
//				for (j = 0, js = oPsEv[evt].aTypes.length; j < js; j++) {
//					var type = oPsEv[evt].aTypes[j];
//					if (jQuery.inArray(type, aEvents) == -1) {
//						aEvents.push(type);
//					}
//				}
//		}
//
//		// check for events and register them
//		for (var i = 0, is = aEv.length; i < is; i++) {
//			var type = aEv[i];
//				if (jQuery.inArray(type, aEvents) == -1) {
//					aEvents.push(type);
//				}
//		}
//
//		// keep the list of events for the jQuery bind/unbind method
//		this.sEvents = aEvents.join(" ");
//
//		// cache the event handlers registry map
//		this.getMetadata().sEvents = this.sEvents;
//
//	} else {
//		// use the cached map of event handlers
//		this.sEvents = this.getMetadata().sEvents;
//	}

	// check for existing root node
	var oDomRef = this.getRootNode();
	if (oDomRef == null) {
		return;
	}

	//	mark the DOM as UIArea and bind the required events
	jQuery(oDomRef).attr("data-sap-ui-area", oDomRef.id).bind(jQuery.sap.ControlEvents.join(" "), jQuery.proxy(this._handleEvent, this));

};

/**
* The ondetach function is called when the Element is detached out of the DOM
* @private
*/
sap.ui.core.UIArea.prototype._ondetach = function() {

	// check for existing root node
	var oDomRef = this.getRootNode();
	if (oDomRef == null) {
		return;
	}

	// remove UIArea marker and unregister all event handlers of the control
	jQuery(oDomRef).removeAttr("data-sap-ui-area").unbind();

	// TODO: when optimizing the events => take care to unbind only the
	//       required. additionally consider not to remove other event handlers.
//	var ojQRef = jQuery(oDomRef);
//	if (this.sEvents) {
//		ojQRef.unbind(this.sEvents, this._handleEvent);
//	}
//
//	var oFH = this.oCore.oFocusHandler;
//	ojQRef.unbind("focus",oFH.onfocusin);
//	ojQRef.unbind("blur", oFH.onfocusout);

};

/**
 * An UIArea can't be cloned and throws an error when trying to do so.
 */
sap.ui.core.UIArea.prototype.clone = function() {
	throw new Error("UIArea can't be cloned");
};


}; // end of sap.ui.core.UIArea


if ( !jQuery.sap.isDeclared('sap.ui.core.Component') ) {
/*
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides base class sap.ui.core.Component for all components
jQuery.sap.declare("sap.ui.core.Component");




/**
 * Creates and initializes a new component with the given <code>sId</code> and
 * settings.
 * 
 * The set of allowed entries in the <code>mSettings</code> object depends on
 * the concrete subclass and is described there. See {@link sap.ui.core.Component}
 * for a general description of this argument.
 * 
 * @param {string}
 *            [sId] optional id for the new control; generated automatically if
 *            no non-empty id is given Note: this can be omitted, no matter
 *            whether <code>mSettings</code> will be given or not!
 * @param {object}
 *            [mSettings] optional map/JSON-object with initial settings for the
 *            new component instance
 * @public
 * 
 * @class Base Class for Component.
 * @extends sap.ui.base.ManagedObject
 * @abstract
 * @author SAP
 * @version 1.12.0
 * @name sap.ui.core.Component
 * @experimental Since 1.9.2. The Component concept is still under construction, so some implementation details can be changed in future.
 */
sap.ui.base.ManagedObject.extend("sap.ui.core.Component", /** @lends sap.ui.core.Component */

{
	constructor : function(sId, mSettings) {

		sap.ui.base.ManagedObject.apply(this, arguments);

	},

	metadata : {
		stereotype : "component",
		"abstract": true,
		version : "0.0",
		includes : [],  // css, javascript files that should be used in the component
		dependencies : { // external dependencies
			libs : [],
			components : [],
			ui5version : ""
		},
		publicMethods: [],
		aggregations: {},
		library: "sap.ui.core"
	}

}, /* Metadata constructor */ sap.ui.core.ComponentMetadata);

/**
 * Initializes the Component instance after creation.
 *
 * Applications must not call this hook method directly, it is called by the
 * framework while the constructor of an Component is executed.
 *
 * Subclasses of Component should override this hook to implement any necessary
 * initialization.
 *
 * @function
 * @name sap.ui.core.Component.prototype.init
 * @protected
 */
sap.ui.core.Component.prototype.init = function() {
	this.loadIncludes();
	this.loadDependencies();
};

/**
 * Load included resources
 */
sap.ui.core.Component.prototype.loadIncludes = function() {

	var aIncludes = this.getMetadata().getIncludes();

	if (aIncludes && aIncludes.length > 0) {

		jQuery.each(aIncludes, function(i, sFile) {			
			var sFileLowCase = sFile.toLowerCase();
			if (sFileLowCase.match(/.css$/)) { 
				var sCssUrl = sap.ui.resource(this.getMetadata().getLibraryName(), sFile);
				jQuery.sap.log.info("Loading CSS from: " + sCssUrl);
				jQuery.sap.includeStyleSheet(sCssUrl);
			} else {
				// load javascript file
				var m = sFileLowCase.match(/.js$/);
				if (m) {
					sFile = sFile.substring(0, m.index);
					jQuery.sap.require(sFile);
				}
			}
		});
	}
};

/**
 * Load external dependencies
 */
sap.ui.core.Component.prototype.loadDependencies = function() {

	var oDep = this.getMetadata().getDependencies();
	if (oDep){
		this.loadLibs(oDep);
		this.loadComponents(oDep);
	}
};

/**
 * Load libraries
 */
sap.ui.core.Component.prototype.loadLibs = function (oDependencies) {
	var aLibs = oDependencies.libs;
	if (aLibs && aLibs.length > 0) {
		jQuery.each(aLibs, function(i, sLib) {
			jQuery.sap.log.info("Loading Library: " + sLib);
			sap.ui.getCore().loadLibrary(sLib);
		});
	}
};


/**
 * Load dependent components
 */
sap.ui.core.Component.prototype.loadComponents = function (oDependencies) {
	var aComps = oDependencies.components;
	if (aComps){
		jQuery.each(aComps, function(i, sName){
			jQuery.sap.log.info(sName);
			jQuery.sap.require(sName + ".Component");
		});
	}
};
/**
 * Cleans up the component instance before destruction.
 *
 * Applications must not call this hook method directly, it is called by the
 * framework when the element is {@link #destroy destroyed}.
 * 
 * Subclasses of Component should override this hook to implement any necessary
 * cleanup.
 *
 * @function
 * @name sap.ui.core.Component.prototype.exit
 * @protected
 */
sap.ui.core.Component.prototype.exit = function() {
};

}; // end of sap.ui.core.Component



/**
 * @class Core Class of the SAP UI Library.
 *
 * This class boots the Core framework and makes it available for the Application
 * via the method <code>sap.ui.getCore()</code>.
 *
 * Example:<br/>
 * <pre>   var oCore = sap.ui.getCore();</pre><br/>
 *
 * It provides events where the Application can attach to.<br/>
 * Example:<br/>
 * <pre>
 * oCore.attachInitEvent(function () {
 *   //do the needful, do it lean
 * });
 * </pre><br/>
 *
 * It registers the Browser Eventing.
 *
 * @extends sap.ui.base.EventProvider
 * @final
 * @author Martin Schaus, Daniel Brinkmann
 * @version 1.12.0
 * @constructor
 * @public
 */
sap.ui.core.Core = function() {

	//make this class only available once
	if(sap.ui.getCore && sap.ui.getCore()) {
		return sap.ui.getCore();
	}

	var that=this,
		log = jQuery.sap.log,
		METHOD="sap.ui.core.Core";

	//inheritance to be able to fire internal events
	sap.ui.base.EventProvider.apply(this);

	/**
	 * Whether the core has been booted
	 * @private
	 */
	this.bBooted = false;

	/**
	 * Whether the core has been initialized
	 * @private
	 */
	this.bInitialized = false;

	/**
	 * Available plugins in the order of registration.
	 * @private
	 */
	this.aPlugins = [];

	/**
	 * Collection of loaded libraries, keyed by their name.
	 * @private
	 */
	this.mLibraries = {};

	/**
	 * Already loaded resource bundles keyed by library and locale.
	 * @private
	 * @see sap.ui.core.Core.getLibraryResourceBundle
	 */
	this.mResourceBundles = {};

	/**
	 * Currently created UIAreas keyed by their id.
	 * @private
	 * FIXME how can a UI area ever be removed?
	 */
	this.mUIAreas = {};

	/**
	 * Default model used for databinding
	 * @private
	 */
	this.oModels = {};
	
	/**
	 * The event bus (initialized lazily)
	 * @private
	 */
	this.oEventBus = null;

	/**
	 * Map of of created Elements keyed by their id.
	 *
	 * Each element registers itself in its constructor and deregisters itself in its
	 * destroy method.
	 *
	 * @private
	 * TODO get rid of this collection as it represents a candidate for memory leaks
	 */
	this.mElements = {};

	/**
	 * Map of of created Components keyed by their id.
	 *
	 * Each component registers itself in its constructor and deregisters itself in its
	 * destroy method.
	 *
	 * @private
	 * TODO get rid of this collection as it represents a candidate for memory leaks
	 */
	this.mComponents = {};

	/**
	 * Ordered collection of initEvent listeners
	 * Moved here (before boot()) so that the libraries can be registered for lazy load!!
	 * @private
	 */
	this.aInitListeners = [];

	/**
	 * Whether the legacy library has to be loaded.
	 * @private
	 */
	this.bInitLegacyLib = false;

	log.info("Creating Core",null,METHOD);

	/**
	 * Object holding the interpreted configuration
	 * Initialized from the global "sap-ui-config" object and from Url parameters
	 * @private
	 */
	this.oConfiguration = new sap.ui.core.Configuration(this);

	// enable complex bindings if configured
	if ( this.oConfiguration["xx-bindingSyntax"] === "complex" ) {
		sap.ui.base.ManagedObject.bindingParser = sap.ui.base.BindingParser.complexParser; 
	}
		
	// grant ElementMetadata "friend" access to Core for registration
	sap.ui.core.ElementMetadata.prototype.register = function(oMetadata) {
		that.registerElementClass(oMetadata);
	};
	
	// grant Element "friend" access to Core for (de-)registration
	sap.ui.core.Element.prototype.register = function() {
		that.registerElement(this);
	};
	sap.ui.core.Element.prototype.deregister = function() {
		that.deregisterElement(this);
	};

	// grant Component "friend" access to Core for (de-)registration
	sap.ui.core.Component.prototype.register = function() {
		that.registerComponent(this);
	};
	sap.ui.core.Component.prototype.deregister = function() {
		that.deregisterComponent(this);
	};

	// handle modules
	var aModules = this.oConfiguration.modules;
	if ( this.oConfiguration.getDebug() ) {
		// add debug module if configured
		aModules.unshift("sap-ui-debug");
	}
	// enforce the core library as the first loaded module
	var i=jQuery.inArray("sap.ui.core.library", aModules);
	if ( i!=0 ) {
		if ( i>0 ) {
			aModules.splice(i,1);
		}
		aModules.unshift("sap.ui.core.library");
	}
	
	log.info("Declared modules: " + aModules, METHOD);

	var oCfgData = window["sap-ui-config"];
	// Configuration might have a themeRoot, if so integrate it in themeroots
	if ( this.oConfiguration.themeRoot ) {
		oCfgData = oCfgData || {};
		oCfgData.themeroots = oCfgData.themeroots || {};
		oCfgData.themeroots[this.oConfiguration.getTheme()] = this.oConfiguration.themeRoot;
	}
	if (oCfgData) {
		// read themeRoots configuration
		if (oCfgData.themeroots) {
			for (var themeName in oCfgData.themeroots) {
				var themeRoot = oCfgData.themeroots[themeName];
				if (typeof themeRoot === "string") {
					this.setThemeRoot(themeName, themeRoot);
				} else {
					for (var lib in themeRoot) {
						if (lib.length > 0) {
							this.setThemeRoot(themeName, [lib], themeRoot[lib]);
						} else {
							this.setThemeRoot(themeName, themeRoot[lib]);
						}
					}
				}
			}
		}
	}

	// set CSS class for the theme name
	this.sTheme = this.oConfiguration.getTheme();
	jQuery(document.documentElement).addClass("sapUiTheme-" + this.sTheme);
	log.info("Declared theme " + this.sTheme,null,METHOD);

	if (this.oConfiguration.getRTL()) {
		jQuery(document.documentElement).attr("dir", "rtl"); // webkit does not allow setting document.dir before the body exists
		log.info("RTL mode activated",null,METHOD);
	}


	//set the browser for css attribute selectors. do not move this to the onload function because sf and ie do not
	//use the classes
	var $html = jQuery("html");
	
	var b = sap.ui.Device.browser;
	var id = b.name;
	
	if(id === b.BROWSER.CHROME){
		jQuery.browser.safari = false;
		jQuery.browser.chrome = true;
	}else if(id === b.BROWSER.SAFARI){
		jQuery.browser.safari = true;
		jQuery.browser.chrome = false;
		if(b.mobile){
			id = "m"+id;
		}
	}
	
	if(id){
		jQuery.browser.fVersion = b.version;
		jQuery.browser.mobile = b.mobile;
		
		id = id + Math.floor(b.version);
		$html.attr("data-sap-ui-browser", id);
		log.debug("Browser-Id: " + id, null, METHOD);
	}
	

	$html.attr("data-sap-ui-os", sap.ui.Device.os.name + sap.ui.Device.os.versionStr);
	var osCSS = null;
	switch(sap.ui.Device.os.name){
		case sap.ui.Device.os.OS.IOS:
			osCSS = "sap-ios";
			break;
		case sap.ui.Device.os.OS.ANDROID:
			osCSS = "sap-android";
			break;
		case sap.ui.Device.os.OS.BLACKBERRY:
			osCSS = "sap-bb";
			break;
		case sap.ui.Device.os.OS.WINDOWS_PHONE:
			osCSS = "sap-winphone";
			break;
	}
	if(osCSS){
		$html.addClass(osCSS);
	}

	//if weinre id is set, load weinre target script
	if (this.oConfiguration.getWeinreId()) {
		log.info("Starting WEINRE Remote Web Inspector");
		document.write("<script src=\"");
		document.write(this.oConfiguration.getWeinreServer() + "/target/target-script-min.js#" + this.oConfiguration.getWeinreId());
		document.write("\"></script>");
	}

	// create accessor to the Core API early so that initLibrary and others can use it
	/**
	 * Retrieve the {@link sap.ui.core.Core SAPUI5 Core} instance for the current window.
	 * @returns the API of the current SAPUI5 Core instance.
	 * @public
	 * @function
	 */
	sap.ui.getCore = jQuery.sap.getter(this.getInterface());

	//Init the HTML5 support if necessary before initialize the RenderManager
	sap.ui.core.RenderManager.initHTML5Support();
	// create the RenderManager so it can be used already
	this.oRenderManager = new sap.ui.core.RenderManager();

	// sync point 1 synchronizes document ready and rest of UI5 boot
	var oSyncPoint1 = jQuery.sap.syncPoint("UI5 Document Ready", function(iOpenTasks, iFailures) {
		that.handleLoad();
	});
	var iDocumentReadyTask = oSyncPoint1.startTask("document.ready");
	var iCoreBootTask = oSyncPoint1.startTask("preload and boot");

	// task 1 is to wait for document.ready 
	jQuery(function() {
		log.trace("document is ready");
		oSyncPoint1.finishTask(iDocumentReadyTask);
	}); 
	
	// sync point 2 synchronizes all preload script loads and the end of the bootstrap script
	var oSyncPoint2 = jQuery.sap.syncPoint("UI5 Core Preloads and Bootstrap Script", function(iOpenTasks, iFailures) {
		log.trace("Core loaded: open=" + iOpenTasks + ", failures=" + iFailures);
		that._boot();
		oSyncPoint1.finishTask(iCoreBootTask);
	});

	// when a boot task is configured, add it to syncpoint2
	var fnCustomBootTask = this.oConfiguration["xx-bootTask"]; 
	if ( fnCustomBootTask ) {
    var iCustomBootTask = oSyncPoint2.startTask("custom boot task");
    fnCustomBootTask( function(bSuccess) { 
			oSyncPoint2.finishTask(iCustomBootTask, typeof bSuccess === "undefined" || bSuccess === true );
    });
	}
	
	// when the bootstrap script has finished, it calls sap.ui.getCore().boot() 
	var iBootstrapScriptTask = oSyncPoint2.startTask("bootstrap script");
	this.boot = function() {
		if (this.bBooted) {
			return;
		}
		this.bBooted = true;
		oSyncPoint2.finishTask(iBootstrapScriptTask);
	};
	
	var sPreloadMode = this.oConfiguration['preload'];
	// if debug sources are requested, then the preload feature must be deactivated
	if ( window["sap-ui-debug"] ) {
		sPreloadMode = "";
	}
	// when the preload mode is 'auto', it will be set to 'sync' for optimized sources
	if ( sPreloadMode === "auto" ) {
		sPreloadMode = (window["sap-ui-optimized"] && !this.oConfiguration['xx-loadAllMode']) ? "sync" : "";
	}
	if ( sPreloadMode === "sync" || sPreloadMode === "async" ) {
		var bAsyncPreload = sPreloadMode !== "sync";
		jQuery.each(aModules, function(i,sModule) {
			if ( sModule.match(/\.library$/) ) {
				jQuery.sap.preloadModules(sModule + "-preload", bAsyncPreload, oSyncPoint2);
			}
		});
	}

};

sap.ui.core.Core.prototype = jQuery.sap.newObject(sap.ui.base.EventProvider.prototype);
sap.ui.base.Object.defineClass("sap.ui.core.Core", {
		// ---- object ----
		baseType : "sap.ui.base.EventProvider",
		publicMethods : ["boot", "isInitialized","attachInitEvent","getRenderManager","createRenderManager",
						 "getConfiguration", "setRoot", "createUIArea", "getUIArea", "getUIDirty", "getElementById",
						 "getCurrentFocusedControlId", "getControl", "getComponent", "lock", "unlock","isLocked",
						 "attachEvent","detachEvent","applyChanges", "getEventBus",
						 "applyTheme","setThemeRoot","attachThemeChanged","detachThemeChanged","getStaticAreaRef",
						 "registerPlugin","unregisterPlugin","getLibraryResourceBundle", "byId",
						 "getLoadedLibraries", "loadLibrary", "initLibrary",
						 "includeLibraryTheme", "setModel", "getModel", "hasModel", "isMobile", 
						 "attachControlEvent", "detachControlEvent", 
						 "attachParseError", "detachParseError", "fireParseError",  
						 "attachValidationError", "detachValidationError", "fireValidationError",
						 "attachFormatError", "detachFormatError", "fireFormatError", 
						 "attachValidationSuccess", "detachValidationSuccess", "fireValidationSuccess",
						 "attachLocalizationChanged", "detachLocalizationChanged", 
						 "attachLibraryChanged", "detachLibraryChanged", 
						 "isStaticAreaRef", "createComponent"]
	});

/**
 * Map of event names and ids, that are provided by this class
 * @private
 */
sap.ui.core.Core.M_EVENTS = {ControlEvent: "ControlEvent", UIUpdated: "UIUpdated", ThemeChanged: "ThemeChanged", LocalizationChanged: "localizationChanged",
		LibraryChanged : "libraryChanged", 
		ValidationError : "validationError", ParseError : "parseError", FormatError : "formatError", ValidationSuccess : "validationSuccess"};

/**
 * Boots the core and injects the necessary css and js files for the library.
 * Applications shouldn't call this method. It is automatically called by the bootstrap scripts (e.g. sap-ui-core.js)
 *
 * @private
 */
sap.ui.core.Core.prototype._boot = function() {

	//do not allow any event processing until the Core is booting
	this.lock();

	// if a list of preloaded library CSS is configured, request a merged CSS (if application did not already do it)  
	var aCSSLibs = this.oConfiguration['xx-preloadLibCss'];
	if ( aCSSLibs.length > 0 ) {
		// a leading "!" denotes that the application has loaded the file already 
		var bAppManaged = aCSSLibs[0].slice(0,1) === "!";
		if ( bAppManaged ) {
			aCSSLibs[0] = aCSSLibs[0].slice(1); // also affect same array in this.oConfiguration!
		}
		if ( aCSSLibs[0] === "*" ) {
			// replace with configured libs
			aCSSLibs.splice(0,1); // remove *
			var pos=0;
			jQuery.each(this.oConfiguration.modules, function(i,mod) {
				var m = mod.match(/^(.*)\.library$/);
				if ( m ) {
					aCSSLibs.splice(pos,0,m[1]);
				}
			});
		}
		if ( !bAppManaged ) {
			this.includeLibraryTheme("sap-ui-merged", undefined, "?l=" + aCSSLibs.join(","));
		}
	}

  // initialize the application cachebuster mechanism if configured 
	var aACBConfig = this.oConfiguration.getAppCacheBuster();
	if (aACBConfig && aACBConfig.length > 0) {
		jQuery.sap.require("sap.ui.core.AppCacheBuster");
	}

	// load all modules now
	var that = this;
	jQuery.each(this.oConfiguration.modules, function(i,mod) {
		var m = mod.match(/^(.*)\.library$/);
		if ( m ) {
			that.loadLibrary(m[1]);
		} else {
			jQuery.sap.require(mod);
		}
	});

	//allow events again
	this.unlock();
};


/**
 * Applies the theme with the given name (by loading the respective style sheets, which does not disrupt the application).
 *
 * By default, the theme files are expected to be located at path relative to the respective control library ([libraryLocation]/themes/[themeName]).
 * Different locations can be configured by using the method setThemePath() or by using the second parameter "sThemeBaseUrl" of applyTheme().
 * Usage of this second parameter is a shorthand for setThemePath and internally calls setThemePath, so the theme location is then known.
 *
 * sThemeBaseUrl is a single URL to specify the default location of all theme files. This URL is the base folder below which the control library folders
 * are located. E.g. if the CSS files are not located relative to the root location of UI5, but instead they are at locations like
 *    http://my.server/myapp/resources/sap/ui/core/themes/my_theme/library.css
 * then the URL that needs to be given is:
 *    http://my.server/myapp/resources
 * All theme resources are then loaded from below this folder - except if for a certain library a different location has been registered.
 *
 * If the theme resources are not all either below this base location or  with their respective libraries, then setThemePath must be
 * used to configure individual locations.
 *
 * @param {string} sThemeName the name of the theme to be loaded
 * @param {string} [sThemeBaseUrl] the (optional) base location of the theme
 * @public
 */
sap.ui.core.Core.prototype.applyTheme = function(sThemeName, sThemeBaseUrl) {
	jQuery.sap.assert(typeof sThemeName === "string", "sThemeName must be a string");
	jQuery.sap.assert(typeof sThemeBaseUrl === "string" || typeof sThemeBaseUrl === "undefined", "sThemeBaseUrl must be a string or undefined");

	if (sThemeBaseUrl) {
		this.setThemeRoot(sThemeName, sThemeBaseUrl);
	}

	// only apply the theme if it is different from the active one
	if (sThemeName && this.sTheme != sThemeName) {
		var sCurrentTheme = this.sTheme;

		this._updateThemeUrls(sThemeName);
		this.sTheme = sThemeName;
		this.getConfiguration()._setTheme(sThemeName);
		
		// modify the <html> tag's CSS class with the theme name
		jQuery(document.documentElement).removeClass("sapUiTheme-" + sCurrentTheme).addClass("sapUiTheme-" + sThemeName);

		// notify the listeners
		if ( this.oThemeCheck ) {
			this.oThemeCheck.fireThemeChangedEvent(false, true);
		}
	}
};

// modify style sheet URLs to point to the given theme, using the current RTL mode
sap.ui.core.Core.prototype._updateThemeUrls = function(sThemeName) {
	var that = this,
	sRTL = this.oConfiguration.getRTL() ? "-RTL" : "";

	// select "our" stylesheets
	jQuery("link[id^=sap-ui-theme-]").each(function() {
		var sLibName = this.id.slice(13), // length of "sap-ui-theme-"
			sLibFileName = this.href.slice(this.href.lastIndexOf("/") + 1),
			sStandardLibFilePrefix = "library", 
			sHref,
			pos;
		
		// handle 'variants'
		if ((pos = sLibName.indexOf("-[")) > 0) { // assumes that "-[" does not occur as part of a library name
			sStandardLibFilePrefix += sLibName.slice(pos+2, -1); // 2=length of "-]" 
			sLibName = sLibName.slice(0, pos);
		}
		
		// try to distinguish "our" library css from custom css included with the ':' notation in includeLibraryTheme
		if ( sLibFileName === (sStandardLibFilePrefix + ".css") || sLibFileName === (sStandardLibFilePrefix + "-RTL.css") ) {
			sLibFileName = sStandardLibFilePrefix + sRTL + ".css"; 
		}
		
		// set new URL
		sHref = that._getThemePath(sLibName, sThemeName) + sLibFileName
		if ( sHref != this.href ) {
			this.href = sHref;
			jQuery(this).removeAttr("sap-ui-ready");
		}
	});
};

/**
 * Returns the URL of the folder in which the CSS file for the given theme and the given library is located .
 * The returned URL ends with a slash.
 *
 * @param sLibName
 * @param sThemeName
 * @private
 */
sap.ui.core.Core.prototype._getThemePath = function(sLibName, sThemeName) {
	if (this._mThemeRoots) {
		var path =  this._mThemeRoots[sThemeName + " " + sLibName] || this._mThemeRoots[sThemeName];
		// check whether for this combination (theme+lib) a URL is registered or for this theme a default location is registered
		if (path) {
			path = path + sLibName.replace(/\./g, "/") + "/themes/" + sThemeName + "/";
			jQuery.sap.registerModulePath(sLibName + ".themes." + sThemeName, path);
			return path;
		}
	}

	// use the library location as theme location
	return jQuery.sap.getModulePath(sLibName + ".themes." + sThemeName + "/", "/");
};


/**
 * Defines the root directory from below which UI5 should load the theme with the given name. 
 * Optionally allows restricting the setting to parts of a theme covering specific control libraries.
 *
 * Example:
 * <code>
 *   core.setThemeRoot("my_theme", "http://mythemeserver.com/allThemes");
 *   core.applyTheme("my_theme");
 * </code>
 * will cause the following file to be loaded:
 * <code>http://mythemeserver.com/allThemes/sap/ui/core/themes/my_theme/library.css</code>
 * (and the respective files for all used control libraries, like <code>http://mythemeserver.com/allThemes/sap/ui/commons/themes/my_theme/library.css</code>
 * if the sap.ui.commons library is used)
 *
 * If parts of the theme are at different locations (e.g. because you provide a standard theme like "sap_goldreflection" for a custom control library and
 * this self-made part of the standard theme is at a different location than the UI5 resources), you can also specify for which control libraries the setting
 * should be used, by giving an array with the names of the respective control libraries as second parameter:
 * <code>core.setThemeRoot("sap_goldreflection", ["my.own.library"], "http://mythemeserver.com/allThemes");</code>
 * This will cause the Gold Reflection theme to be loaded normally from the UI5 location, but the part for styling the "my.own.library" controls will be loaded from:
 * <code>http://mythemeserver.com/allThemes/my/own/library/themes/sap_goldreflection/library.css</code>
 *
 * If the custom theme should be loaded initially (via bootstrap attribute), the "themeRoots" property of the window["sap-ui-config"] object must be used instead
 * of Core.setThemeRoot(...) in order to configure the theme location early enough.
 *
 * @param {string} sThemeName the name of the theme for which to configure the location
 * @param {string[]} [aLibraryNames] the optional library names to which the configuration should be restricted
 * @param {string} sThemeBaseUrl the base URL below which the CSS file(s) will be loaded from
 * @return {sap.ui.core.Core} the Core, to allow method chaining
 * @since 1.10
 * @public
 */
sap.ui.core.Core.prototype.setThemeRoot = function(sThemeName, aLibraryNames, sThemeBaseUrl) {
	jQuery.sap.assert(typeof sThemeName === "string", "sThemeName must be a string");
	jQuery.sap.assert((jQuery.isArray(aLibraryNames) && typeof sThemeBaseUrl === "string") || (typeof aLibraryNames === "string" && sThemeBaseUrl === undefined), "either the second parameter must be a string (and the third is undefined), or it must be an array and the third parameter is a string");

	if (!this._mThemeRoots) {
		this._mThemeRoots = {};
	}

	// normalize parameters
	if (sThemeBaseUrl === undefined) {
		sThemeBaseUrl = aLibraryNames;
		aLibraryNames = undefined;
	}
	sThemeBaseUrl = sThemeBaseUrl + (sThemeBaseUrl.slice(-1) == "/" ? "" : "/");

	if (aLibraryNames) {
		// registration of URL for several libraries
		for (var i = 0; i < aLibraryNames.length; i++) {
			var lib = aLibraryNames[i];
			this._mThemeRoots[sThemeName + " " + lib] = sThemeBaseUrl;
		}

	} else {
		// registration of theme default base URL
		this._mThemeRoots[sThemeName] = sThemeBaseUrl;
	}
	
	return this;
};


/**
 * Initializes the Core after the initial page was loaded
 * @private
 */
sap.ui.core.Core.prototype.init = function() {

	if (this.bInitialized) {
		return;
	}

	var log = jQuery.sap.log,
		METHOD = "sap.ui.core.Core.init()";

	// ensure that the core is booted now (e.g. loadAllMode)
	this.boot();

	log.info("Initializing",null,METHOD);

	this.oFocusHandler = new sap.ui.core.FocusHandler(document.body, this);
	this.oResizeHandler = new sap.ui.core.ResizeHandler(this);
	this.oThemeCheck = new sap.ui.core.ThemeCheck(this);

	log.info("Initialized",null,METHOD);

	this.bInitialized = true;

	// start the plugins
	log.info("Starting Plugins",null,METHOD);
	this.startPlugins();
	log.info("Plugins started",null,METHOD);

	var oConfig = this.oConfiguration;
	// create any pre-configured UIAreas
//	if ( oConfig.areas && oConfig.areas.length > 0 ) {
	if ( oConfig.areas ) {
		// log.warning("deprecated config option '(data-sap-ui-)areas' used.");
		for (var i=0, l = oConfig.areas.length; i < l; i++) {
			this.createUIArea(oConfig.areas[i]);
		}
		oConfig.areas = undefined;
	}

	// execute a configured init hook
	if ( oConfig.onInit ) {
		if ( typeof oConfig.onInit === "function" ) {
			oConfig.onInit();
		} else {
			// DO NOT USE jQuery.globalEval as it executes async in FF!
			jQuery.sap.globalEval(oConfig.onInit);
		}
		oConfig.onInit = undefined;
	}

	// execute registered init event handlers
	if (this.aInitListeners.length > 0) {
		log.info("Fire Loaded Event",null,METHOD);
		jQuery.each(this.aInitListeners, function(i,f) { f(); }); // TODO is jQuery.each safe wrt. concurrent modifications?
		this.aInitListeners = [];
	}

	this._rerenderAllUIAreas(); // directly render without setTimeout, so rendering is guaranteed to be finished when init() ends
	
	this.oThemeCheck.fireThemeChangedEvent(true);
};

/**
 * Handles the load event of the browser to initialize the Core
 * @private
 */
sap.ui.core.Core.prototype.handleLoad = function () {

	//do not allow any event processing until the Core is initialized
	var bWasLocked = this.isLocked();
	if ( !bWasLocked ) {
		this.lock();
	}
	this.init();
	//allow event processing again
	if ( !bWasLocked ) {
		this.unlock();
	}

};

/**
 * Returns true if the core has already been initialized. This means that instances of RenderManager,
 * etc. do already exist and the init event has already been fired (and will not
 * be fired again).
 *
 * @return whether the core has already been initialized
 * @public
 */
sap.ui.core.Core.prototype.isInitialized = function () {
	return this.bInitialized;
};

/**
 * Attaches a given function to the initialized event of the core.
 * This event will only be fired once; you can check if it already has been fired by calling isInitialized().
 *
 * @param func the function to be called on event firing.
 * @public
 */
sap.ui.core.Core.prototype.attachInitEvent = function (func) {
	jQuery.sap.assert(typeof func === "function", "func must be a function");
	this.aInitListeners.push(func);
};

/**
 * Locks the Core. No browser events are dispatched to the controls.
 * Lock should be called before and after the dom is modified for rendering, roundtrips...
 * Exceptions might be the case for asynchronous UI behavior
 * @public
 */
sap.ui.core.Core.prototype.lock = function () {
	this.bLocked = true;
};

/**
 * Unlocks the Core. Browser events are dispatched to the controls after
 * this method is called.
 * @public
 */
sap.ui.core.Core.prototype.unlock = function () {
	this.bLocked = false;
};

/**
 * Returns the locked state of the <code>sap.ui.core.Core</code>
 * @type boolean
 * @return locked state
 * @public
 */
sap.ui.core.Core.prototype.isLocked = function () {
	return this.bLocked;
};

/**
 * Returns the Configuration instance of the current Core instance.
 *
 * @return {sap.ui.core.Configuration} the Configuration instance of the current Core instance.
 * @public
 */
sap.ui.core.Core.prototype.getConfiguration = function () {
	return this.oConfiguration;
};

/**
 * @public
 * @deprecated Since version 0.15.0. Replaced by <code>createRenderManager()</code>
 */
sap.ui.core.Core.prototype.getRenderManager = function() {
	return this.createRenderManager(); //this.oRenderManager;
};

/**
 * Returns a new instance of the RenderManager interface.
 *
 * @return {sap.ui.core.RenderManager} the new instance of the RenderManager interface.
 * @public
 */
sap.ui.core.Core.prototype.createRenderManager = function() {
	return (new sap.ui.core.RenderManager()).getInterface();
};

/**
 * Returns the Id of the control/element currently in focus.
 * @return {string} the Id of the control/element currently in focus.
 * @public
 */
sap.ui.core.Core.prototype.getCurrentFocusedControlId = function() {
	if(!this.isInitialized()){
		throw new Error("Core must be initialized");
	}
	return this.oFocusHandler.getCurrentFocusedControlId();
};

/**
 * Synchronously loads the given library and makes it available to the application.
 *
 * Loads the *.library module, which contains all preload modules (enums, types, content of a shared.js
 * if it exists). The library module will call initLibrary with additional metadata for the library.
 *
 * As a result, consuming applications can instantiate any control or element from that library
 * without having to write import statements for the controls or for the enums.
 *
 * When the optional parameter <code>sUrl</code> is given, then all request for resources of the
 * library will be redirected to the given Url. This is convenience for a call to
 * <pre>
 *   jQuery.sap.registerModulePath(sLibrary, sUrl);
 * </pre>
 *
 * When the given library has been loaded already, no further action will be taken.
 * Especially, a given Url will not be honored!
 *
 * @param {string} sLibrary name of the library to import
 * @param {string} [sUrl] URL to load the library from
 * @public
 */
sap.ui.core.Core.prototype.loadLibrary = function(sLibrary, sUrl) {
	jQuery.sap.assert(typeof sLibrary === "string", "sLibrary must be a string");
	jQuery.sap.assert(sUrl === undefined || typeof sUrl === "string", "sUrl must be a string or empty");

	// load libraries only once
	if ( !this.mLibraries[sLibrary] ) {

		var sModule = sLibrary + ".library",
			sAllInOneModule;

		// if a sUrl is given, redirect access to it
		if ( sUrl ) {
			jQuery.sap.registerModulePath(sLibrary, sUrl);
		}

		// optimization: in all-in-one mode we are loading all modules of the lib in a single file
		if ( this.oConfiguration['xx-loadAllMode'] && !jQuery.sap.isDeclared(sModule) ) {
			sAllInOneModule = sModule + "-all";
			jQuery.sap.log.debug("load all-in-one file " + sAllInOneModule);
			jQuery.sap.require(sAllInOneModule);
		}

		// require the library module (which in turn will call initLibrary())
		jQuery.sap.require(sModule);

		// check for legacy code
		if ( !this.mLibraries[sLibrary] ) {
			jQuery.sap.log.warning("library " + sLibrary + " didn't initialize itself");
			this.initLibrary(sLibrary); // TODO redundant to generated initLibrary call....
		}
		
		if ( this.oThemeCheck && this.isInitialized() ) {
			this.oThemeCheck.fireThemeChangedEvent(true);
		}

	}

	return this.mLibraries[sLibrary];
};

/**
 * Creates a component with the provided id and settings
 *
 * When the optional parameter <code>sUrl</code> is given, then all request for resources of the
 * library will be redirected to the given Url. This is convenience for a call to
 * <pre>
 *   jQuery.sap.registerModulePath(sLibrary, sUrl);
 * </pre>
 *
 * @param {string|object} sComponent name of the component to import or object containng all needed parameters
 * @param {string} [sUrl] the URL to load the component from
 * @param {string} [sId] the ID for the component instance
 * @param {object} [mSettings] the settings object for the component
 * @public
 */
sap.ui.core.Core.prototype.createComponent = function(sName, sUrl, sId, mSettings) {
	// Support object parameter instead of single parameters
	if (typeof sName == "object") {
		var oObject = sName;
		sName = oObject.name;
		sUrl = oObject.url;
		sId = oObject.id;
		mSettings = oObject.settings;
	}

	jQuery.sap.assert(typeof sName === "string", "sName must be a string");

	if (sUrl) {
		jQuery.sap.registerModulePath(sName, sUrl);
	}
	
	var sController = sName + ".Component";

	// require the component
	jQuery.sap.require(sController);
	var oClass = jQuery.sap.getObject(sController);
	var oInstance = new oClass(sId, mSettings);
	jQuery.sap.log.info("Component instance Id = " + oInstance.getId());
	
	return oInstance;
};

/**
 * Initializes a library for an already loaded library module.
 *
 * This method is intended to be called only from a library.js (e.g. generated code).
 * It includes the library specific stylesheet into the current page, and creates
 * lazy import stubs for all controls and elements in the library.
 *
 * As a result, consuming applications don't have to write import statements for the controls or for the enums.
 *
 * Synchronously loads any libraries that the given library depends on.
 *
 * @param {string|object} vLibInfo name of or info object for the library to import
 * @public
 */
sap.ui.core.Core.prototype.initLibrary = function(vLibInfo) {
	jQuery.sap.assert(typeof vLibInfo === "string" || typeof vLibInfo === "object", "vLibInfo must be a string or object");

	var bLegacyMode = typeof vLibInfo === "string",
		oLibInfo = bLegacyMode ? { name : vLibInfo } : vLibInfo,
		sLibName = oLibInfo.name,
		log = jQuery.sap.log,
		METHOD =  "sap.ui.core.Core.initLibrary()";

	if ( bLegacyMode ) {
		log.warning("[Deprecated] library " + sLibName + " uses old fashioned initLibrary() call (rebuild with newest generator)");
	}

	if ( !sLibName || this.mLibraries[sLibName] ) {
		return;
	}

	log.debug("Analyzing Library " + sLibName, null, METHOD);

	// Create lib info object. Also used as a marker that the library is loading/has been loaded
	this.mLibraries[sLibName] = oLibInfo = jQuery.extend({
	  dependencies : [],
	  types : [],
	  interfaces : [],
	  controls: [],
	  elements : []
	}, oLibInfo);

	// this code could be moved to a separate "legacy support" module
	function readLibInfoFromProperties() {

		// read library properties
		var oProperties = jQuery.sap.properties({url : sap.ui.resource(sLibName, "library.properties")});

		// version info
		oLibInfo.version = oProperties.getProperty(sLibName + "[version]");

		// dependencies
		var sDepInfo = oProperties.getProperty(sLibName + "[dependencies]");
		log.debug("Required Libraries: " + sDepInfo, null, METHOD);
		oLibInfo.dependencies = (sDepInfo && sDepInfo.split(/[,;| ]/)) || [];

		// collect types, controls and elements
		var aKeys = oProperties.getKeys(),
		  rPattern = /(.+)\.(type|interface|control|element)$/,
		  aMatch;
		for(var i=0; i<aKeys.length; i++) {
			var sEntityPath = oProperties.getProperty(aKeys[i]);
			if ( aMatch = sEntityPath.match(rPattern) ) {
				oLibInfo[aMatch[2]+"s"].push(aKeys[i]);
			}
		}
	}

	// (legacy) if only a string was given, read the library.properties instead
	if ( bLegacyMode ) {
		readLibInfoFromProperties();
	}

	// resolve dependencies
	for(var i=0; i<oLibInfo.dependencies.length; i++) {
		var sDepLib = oLibInfo.dependencies[i];
		log.debug("resolve Dependencies to " + sDepLib, null, METHOD);
		if ( !this.mLibraries[sDepLib] ) {
			log.warning("Dependency from " + sLibName + " to " + sDepLib + " has not been resolved by library itself", null, METHOD);
			this.loadLibrary(sDepLib);
		}
	}

	// register interface types
	sap.ui.base.DataType.registerInterfaceTypes(oLibInfo.interfaces);
	
	// create lazy imports for all controls and elements
	var aElements = oLibInfo.controls.concat(oLibInfo.elements);
	for(var i=0; i<aElements.length; i++) {
		sap.ui.lazyRequire(aElements[i], "new extend getMetadata"); // TODO don't create an 'extend' stub for final classes
	}

	// include the library theme
	if ( jQuery.inArray(sLibName, this.oConfiguration['xx-preloadLibCss']) < 0 ) {
		this.includeLibraryTheme(sLibName);
	}

	// expose some legacy names
	oLibInfo.sName = oLibInfo.name;
	oLibInfo.aControls = oLibInfo.controls;

	// load and execute the library.js script
	if ( !jQuery.sap.isDeclared(sLibName + ".library") ) {
		// TODO redundant to generated require calls
		log.warning("Library Module " + sLibName + ".library" + " not loaded automatically", null, METHOD);
		jQuery.sap.require(sLibName + ".library");
	}

	this.fireLibraryChanged({name : sLibName, stereotype : "library", operation: "add", metadata : oLibInfo});
};

/**
 * Includes a library theme into the current page (if a variant is specified it
 * will include the variant library theme)
 * @param {string} sLibName the name of the UI library
 * @param {string} [sVariant] the variant to include (optional)
 * @param {string} [sQuery] to be used only by the Core
 * @public
 */
sap.ui.core.Core.prototype.includeLibraryTheme = function(sLibName, sVariant, sQuery) {
	jQuery.sap.assert(typeof sLibName === "string", "sLibName must be a string");
	jQuery.sap.assert(sVariant === undefined || typeof sVariant === "string", "sVariant must be a string or undefined");

	/*
	 * by specifiying a library name containing a colon (":") you can specify
	 * the file name of the CSS file to include (ignoring RTL)
	 */

	// include the stylesheet for the library (except for "classic" and "legacy" lib)
	if ((sLibName != "sap.ui.legacy") && (sLibName != "sap.ui.classic")) {

		// no variant?
		if (!sVariant) {
			sVariant = "";
		}

		// determine RTL
		var sRtl = (this.oConfiguration.getRTL() ? "-RTL" : "");

		// create the library file name
		var sLibFileName,
			sLibId = sLibName + (sVariant.length > 0 ? "-[" + sVariant + "]" : sVariant);
		if (sLibName && sLibName.indexOf(":") == -1) {
			sLibFileName = "library" + sVariant + sRtl;
		} else {
			sLibFileName = sLibName.substring(sLibName.indexOf(":") + 1) + sVariant;
			sLibName = sLibName.substring(0, sLibName.indexOf(":"));
		}

		// log and include
		var cssPathAndName = this._getThemePath(sLibName, this.sTheme) + sLibFileName + ".css" + (sQuery ? sQuery : "");
		jQuery.sap.log.info("Including " + cssPathAndName + " -  sap.ui.core.Core.includeLibraryTheme()");
		jQuery.sap.includeStyleSheet(cssPathAndName, "sap-ui-theme-" + sLibId);

	}

};

/**
 * Returns a map which contains the names of the loaded libraries as keys
 * and some additional information about each library as values.
 *
 * Note that the details of the 'values' in the returned map are not yet specified!
 * Their structure might change in future versions without notice. So applications
 * can only rely on the set of keys as well as the pure existance of a value.
 *
 * @return {map} map of library names / controls
 * @public
 */
sap.ui.core.Core.prototype.getLoadedLibraries = function() {
	return jQuery.extend({}, this.mLibraries); // TODO deep copy or real Library object?
};

/**
 * Implicitly creates a new <code>UIArea</code> (or reuses an exiting one) for the given DOM reference and
 * adds the given control reference to the UIAreas content (existing content will be removed).
 *
 * @param {String,DomRef} oDomRef a Dom Reference or Id String of the UIArea
 * @param {sap.ui.base.Interface | sap.ui.core.Control}
 *            oControl the Control that should be the added to the <code>UIArea</code>.
 * @public
 * @deprecated Use function <code>oControl.placeAt(oDomRef, "only")</code> of <code>sap.ui.core.Control</code> instead.
 */
sap.ui.core.Core.prototype.setRoot = function(oDomRef, oControl) {
	jQuery.sap.assert(typeof oDomRef === "string" || typeof oDomRef === "object", "oDomRef must be a string or object");
	jQuery.sap.assert(oControl instanceof sap.ui.base.Interface || oControl instanceof sap.ui.core.Control, "oControl must be a Control or Interface");

	if(oControl) {
		oControl.placeAt(oDomRef, "only");
	}
};

/**
 * Creates a new sap.ui.core.UIArea
 *
 * @param {String,DomRef} oDomRef a DOM reference or ID string of the UIArea
 * @return a new UIArea
 * @type sap.ui.core.UIArea
 *
 * @public
 * @deprecated Use <code>setRoot()</code> instead!
 */
sap.ui.core.Core.prototype.createUIArea = function(oDomRef) {
	var that = this;
	jQuery.sap.assert(typeof oDomRef === "string" || typeof oDomRef === "object", "oDomRef must be a string or object");

	if (!oDomRef) {
		throw new Error("oDomRef must not be null");
	}

	// oDomRef might be (and actually IS in most cases!) a string (the ID of a DOM element)
	if (typeof(oDomRef) === "string") {
		var id = oDomRef;
		oDomRef = jQuery.sap.domById(oDomRef);
		if (!oDomRef) {
			throw new Error("DOM element with ID '" + id + "' not found in page, but application tries to insert content.");
		}
	}

	// if the domref does not have an ID or empty ID => generate one
	if (!oDomRef.id || oDomRef.id.length == 0) {
		oDomRef.id = jQuery.sap.uid();
	}

	// create a new or fetch an existing UIArea
	var sId = oDomRef.id;
	if (!this.mUIAreas[sId]) {
		this.mUIAreas[sId] = new sap.ui.core.UIArea(this, oDomRef);
		// propagate Models to newly created UIArea
		jQuery.each(this.oModels, function (sName, oModel){
			that.mUIAreas[sId].oPropagatedProperties.oModels[sName] = oModel;
		});
		this.mUIAreas[sId].propagateProperties(true);
	} else {
		// this should solve the issue of 'recreation' of a UIArea
		// e.g. via setRoot with a new domRef
		this.mUIAreas[sId].setRootNode(oDomRef);
	}
	return this.mUIAreas[sId];
};
 
/**
 * Returns a UIArea if the given ID/Element belongs to one
 *
 * @public
 * @param {String,DomRef} o a DOM Reference or ID String of the UIArea
 * @return a UIArea with a given id or dom ref.
 * @type sap.ui.core.UIArea
 */ 
sap.ui.core.Core.prototype.getUIArea = function(o) {
	jQuery.sap.assert(typeof o === "string" || typeof o === "object", "o must be a string or object");

	var sId = "";
	if (typeof(o)=="string") {
		sId = o;
	}
	else {
		sId = o.id;
	}

	if (sId) {
		return this.mUIAreas[sId];
	}

	return null;
};

/**
 * Informs the core about an UIArea that just became invalid.
 *
 * The core might use this information to minimize the set of
 * re-rendered UIAreas. But for the time being it just registers
 * a timer to trigger a re-rendering after the current event
 * has been processed.
 *
 * @param oUIArea {sap.ui.core.UIArea} UIArea that just became invalid
 * @private
 */
sap.ui.core.Core.prototype.addInvalidatedUIArea = function(oUIArea) {
	this.rerenderAllUIAreas(); // TODO: document why immediately rerender all??
};

/**
 * Retrieves a resource bundle for the given library and locale.
 *
 * If only one argument is given, it is assumed to be the libraryName. The locale
 * then falls back to the current {@link sap.ui.core.Configuration.prototype.getLanguage session locale}.
 * If no argument is given, the library also falls back to a default: "sap.ui.core".
 *
 * @param {string} [sLibraryName=sap.ui.core] name of the library to retrieve the bundle for
 * @param {string} [sLocale] locale to retrieve the resource bundle for
 * @return {jQuery.sap.util.ResourceBundle} the best matching resource bundle for the given parameters or undefined
 * @public
 */
sap.ui.core.Core.prototype.getLibraryResourceBundle = function(sLibraryName, sLocale) {
	jQuery.sap.assert((sLibraryName === undefined && sLocale === undefined) || typeof sLibraryName === "string", "sLibraryName must be a string or there is no argument given at all");
	jQuery.sap.assert(sLocale === undefined || typeof sLocale === "string", "sLocale must be a string or omitted");

	// TODO move implementation together with similar stuff to a new class "UILibrary"?
	sLibraryName = sLibraryName || "sap.ui.core";
	sLocale = sLocale || this.getConfiguration().getLanguage();
	var sKey = sLibraryName + "/" + sLocale;
	if (!this.mResourceBundles[sKey]) {
		var sURL = sap.ui.resource(sLibraryName, 'messagebundle.properties');
		this.mResourceBundles[sKey] = jQuery.sap.resources({url : sURL, locale : sLocale});
	}
	return this.mResourceBundles[sKey];
};

sap.ui.core.Core.prototype.rerenderAllUIAreas = function() {
	if ( !this._sRerenderTimer ) {
		jQuery.sap.log.info("registering timer for delayed re-rendering");
		this._sRerenderTimer = jQuery.sap.delayedCall(0,this,"_rerenderAllUIAreas"); // decoupled for collecting several invalidations into one redraw
	}
};

sap.ui.core.Core.prototype._rerenderAllUIAreas = function() {

	// start performance measurement
	jQuery.sap.measure.start("rerenderAllUIAreas","Rerendering of all UIAreas");

	// clear the timer so that the next call to re-render will create a new timer
	if (this._sRerenderTimer) {
		jQuery.sap.clearDelayedCall(this._sRerenderTimer); // explicitly stop the timer, as this call might be synchronous while still a timer is running
		this._sRerenderTimer = undefined;
	}

	var bUIUpdated = false;
	// avoid 'concurrent modifications' as IE8 can't handle them
	var mUIAreas = this.mUIAreas;
	for (var sId in mUIAreas) {
		bUIUpdated = mUIAreas[sId].rerender() || bUIUpdated;
	}

	// TODO this only covers parts of the relevant changes, 
	// A full solution requires changes in UIArea.rerender, see TODO about rendering infos there
	jQuery.sap.assert(!this._sRerenderTimer, "invalidate() while rendering");

	// TODO: Provide information on what actually was re-rendered...
	if(bUIUpdated) {
		this.fireUIUpdated();
	}

	// end performance measurement
	jQuery.sap.measure.end("rerenderAllUIAreas");
};


/**
 * Returns "true" if the UI is marked as dirty and will be cleaned/re-rendered after a certain small timeout.
 *
 * @return {boolean} true if some UI part is marked as dirty and will be cleaned up/re-rendered
 * @public
 */
sap.ui.core.Core.prototype.getUIDirty = function() {
	return !!this._sRerenderTimer;
};

/**
 * @name sap.ui.core.Core#UIUpdated
 * @event
 * @param {string} a
 * @param {object} source
 * @private
 */

sap.ui.core.Core.prototype.attachUIUpdated = function(fFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.UIUpdated, fFunction, oListener);
};

sap.ui.core.Core.prototype.detachUIUpdated = function(fFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.UIUpdated, fFunction, oListener);
};

sap.ui.core.Core.prototype.fireUIUpdated = function(mParameters) {
	this.fireEvent(sap.ui.core.Core.M_EVENTS.UIUpdated, mParameters);
};

/**
 * @name sap.ui.core.Core#ThemeChanged
 * @event
 * @param {string} a
 * @param {object} source
 */

sap.ui.core.Core.prototype.attachThemeChanged = function(fFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.ThemeChanged, fFunction, oListener);
};

sap.ui.core.Core.prototype.detachThemeChanged = function(fFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.ThemeChanged, fFunction, oListener);
};

sap.ui.core.Core.prototype.fireThemeChanged = function(mParameters) {
	jQuery.sap.scrollbarSize(true);
	
	// special hook for resetting theming parameters before the controls get 
	// notified (lightweight coupling to static Parameters module)
	if (sap.ui.core.theming && sap.ui.core.theming.Parameters) {
		sap.ui.core.theming.Parameters.reset();
	}
	
	// notify all elements/controls via a pseudo browser event
	var sEventId = sap.ui.core.Core.M_EVENTS.ThemeChanged;
	var oEvent = jQuery.Event(sEventId);
	jQuery.each(this.mElements, function(sId, oElement) {
		oElement._handleEvent(oEvent);
	});
	
	// notify the listeners via a control event
	this.fireEvent(sEventId, mParameters);
};

/**
 * Fired when any of the localization relevant configuration settings has changed
 * (e.g. language, rtl, formatLocale, datePattern, timePattern, numberSymbol, legacy formats).
 * 
 * The parameter <code>changes</code> contains additional information about the change. 
 * It is a plain object that can contain one or more of the following properties 
 * <ul>
 *   <li>language - the language setting has changed</li>
 *   <li>rtl - the character orientation mode (aka 'LTR/RTL mode') has changed</li>
 *   <li>formatLocale - the format locale has changed</li>
 * </ul>
 * (there might be other, currently undocumented settings)
 *  
 * The value for each property will be the new corresponding setting.
 * 
 * @name sap.ui.core.Core#localizationChanged
 * @event
 * @param {sap.ui.base.Event} oEvent
 * @param {sap.ui.base.EventProvider} oEvent.getSource
 * @param {object} oEvent.getParameters
 * @param {object} oEvent.getParameters.changes a map of the changed localization properties
 * @public
 */

/**
 * Register a listener for the <code>localizationChanged</code> event.
 * 
 * @public
 */
sap.ui.core.Core.prototype.attachLocalizationChanged = function(fFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.LocalizationChanged, fFunction, oListener);
};

/**
 * Unregister a listener from the <code>localizationChanged</code> event.
 * 
 * @public
 */
sap.ui.core.Core.prototype.detachLocalizationChanged = function(fFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.LocalizationChanged, fFunction, oListener);
};

/**
 * @private
 */
sap.ui.core.Core.prototype.fireLocalizationChanged = function(mChanges) {
	var that=this,
		sEventId = sap.ui.core.Core.M_EVENTS.LocalizationChanged,
		oBrowserEvent = jQuery.Event(sEventId, {changes : mChanges}),
		fnAdapt = sap.ui.base.ManagedObject._handleLocalizationChange,
		changedSettings = [];

	jQuery.each(mChanges, function(key,value) { changedSettings.push(key); } );
	jQuery.sap.log.info("localization settings changed: " + changedSettings.join(","), null, "sap.ui.core.Core");
	
	/*
	 * Notify models that are able to handle a localization change
	 */
	jQuery.each(this.oModels, function(sName, oModel) {
		if ( oModel && oModel._handleLocalizationChange ) {
			oModel._handleLocalizationChange(); 
		}
	});

	/*
	 * Notify all UIAreas, Components, Elements to first update their models (phase 1) 
	 * and then to update their bindings and corresponding data types (phase 2) 
	 */
	function notifyAll(iPhase) {
		jQuery.each(this.mUIAreas, function() {
			fnAdapt.call(this, iPhase);
		});
		jQuery.each(this.mComponents, function() {
			fnAdapt.call(this, iPhase);
		});
		jQuery.each(this.mElements, function() {
			fnAdapt.call(this, iPhase);
		});
	}
	
	notifyAll.call(this,1);
	notifyAll.call(this,2);
	
	// special handling for changes of the RTL mode
	if ( mChanges.rtl != undefined ) {
		// update the dir attribute of the document
		jQuery(document.documentElement).attr("dir", mChanges.rtl ? "rtl" : "ltr");
		// modify style sheet URLs
		this._updateThemeUrls(this.sTheme);
		// invalidate all UIAreas
		jQuery.each(this.mUIAreas, function() {
			this.invalidate();
		});
		jQuery.sap.log.info("RTL mode " + mChanges.rtl ? "activated" : "deactivated");
	}

	// notify Elements via a pseudo browser event (onLocalizationChanged)
	jQuery.each(this.mElements, function(sId, oElement) {
		this._handleEvent(oBrowserEvent);
	});

	// notify registered Core listeners 
	this.fireEvent(sEventId, {changes : mChanges});
};

/**
 * Fired when the set of controls, elements etc. for a library has changed
 * or when the set of libraries has changed.
 * 
 * Note: while the parameters of this event could already describe <i>any</i> type of change,
 * the set of reported changes is currently restricted to the addition of libraries, 
 * controls and elements. Future implementations might extend the set of reported 
 * changes. Therefore applications should already check the operation and stereotype 
 * parameters.
 * 
 * @name sap.ui.core.Core#libraryChanged
 * @event
 * @param {sap.ui.base.Event} oEvent
 * @param {sap.ui.base.EventProvider} oEvent.getSource
 * @param {object} oEvent.getParameters
 * @param {string} oEvent.getParameters.name name of the newly added entity
 * @param {string} [oEvent.getParameters.stereotype] stereotype of the newly added entity type ("control", "element")
 * @param {string} [oEvent.getParameters.operation] type of operation ("add")
 * @param {sap.ui.base.Metadata|object} [oEvent.getParameters.metadata] metadata for the added entity type. 
 *         Either an instance of sap.ui.core.ElementMetadata if it is a Control or Element, or a library info object
 *         if it is a library. Note that the API of all metadata objects is not public yet and might change. 
 */

/**
 * Register a listener for the {@link sap.ui.core.Core#event:libraryChanged} event.
 */
sap.ui.core.Core.prototype.attachLibraryChanged = function(fFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.LibraryChanged, fFunction, oListener);
};

/**
 * Unregister a listener from the {@link sap.ui.core.Core#event:libraryChanged} event.
 */
sap.ui.core.Core.prototype.detachLibraryChanged = function(fFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.LibraryChanged, fFunction, oListener);
};

/**
 * @private
 */
sap.ui.core.Core.prototype.fireLibraryChanged = function(oParams) {
	// notify registered Core listeners 
	this.fireEvent(sap.ui.core.Core.M_EVENTS.LibraryChanged, oParams);
};

/**
 * Enforces an immediate update of the visible UI (aka "rendering").
 *
 * In general, applications should avoid calling this method and
 * instead let the framework manage any necessary rendering.
 * @public
 */
sap.ui.core.Core.prototype.applyChanges = function() {
	this._rerenderAllUIAreas();
};

/**
 * @private
 */
sap.ui.core.Core.prototype.registerElementClass = function(oMetadata) {
	var sName = oMetadata.getName(),
		sLibraryName = oMetadata.getLibraryName() || "",
		oLibrary = this.mLibraries[sLibraryName],
		bControl = sap.ui.core.Control.prototype.isPrototypeOf(oMetadata.getClass().prototype),
		bChanged = false;
	
	if ( !oLibrary ) {
		oLibrary = this.mLibraries[sLibraryName] = {
			dependencies : [],
			types : [],
			interfaces : [],
			controls: [],
			elements : []
		}
	}
	
	if ( bControl ) {
		if ( jQuery.inArray(sName, oLibrary.controls) < 0 ) {
			oLibrary.controls.push(sName);
			bChanged=true;
		}
	} else {
		if ( jQuery.inArray(sName, oLibrary.elements) < 0 ) {
			oLibrary.elements.push(sName);
			bChanged=true;
		}
	}
	
	if ( bChanged ) {
		jQuery.sap.log.debug("Class " + oMetadata.getName() + " registered for library " + oMetadata.getLibraryName());
		this.fireLibraryChanged({name : oMetadata.getName(), stereotype : oMetadata.getStereotype(), operation: "add", metadata : oMetadata});
	}
};

/**
 * Registers the given element. Must be called once during construction.
 * @param {sap.ui.core.Element} oElement
 * @private
 */
sap.ui.core.Core.prototype.registerElement = function(oElement) {
	var oldElement = this.byId(oElement.getId());
	if ( oldElement && oldElement !== oElement ) {
		// duplicate ID detected => fail or at least log a warning
		if (this.oConfiguration.getNoDuplicateIds()) {
			jQuery.sap.log.error("adding element with duplicate id '" + oElement.getId() + "'");
			throw new Error("Error: adding element with duplicate id '" + oElement.getId() + "'");
		} else {
			jQuery.sap.log.warning("adding element with duplicate id '" + oElement.getId() + "'");
		}
	}

	this.mElements[oElement.getId()] = oElement;
};

/**
 * Deregisters the given element. Must be called once during destruction.
 * @param {sap.ui.core.Element} oElement
 * @private
 */
sap.ui.core.Core.prototype.deregisterElement = function(oElement) {
	delete this.mElements[oElement.getId()];
};

/**
 * Registers the given component. Must be called once during construction.
 * @param {sap.ui.core.Component} oComponent
 * @private
 */
sap.ui.core.Core.prototype.registerComponent = function(oComponent) {
	var oldComponent = this.getComponent(oComponent.getId());
	if ( oldComponent && oldComponent !== oComponent ) {
		jQuery.sap.log.error("adding component with duplicate id '" + oComponent.getId() + "'");
		throw new Error("Error: adding component with duplicate id '" + oComponent.getId() + "'");
	}

	this.mComponents[oComponent.getId()] = oComponent;
};

/**
 * Deregisters the given Component. Must be called once during destruction.
 * @param {sap.ui.core.Component} oComponent
 * @private
 */
sap.ui.core.Core.prototype.deregisterComponent = function(oComponent) {
	delete this.mComponents[oComponent.getId()];
};


/**
 * Returns the registered element for the given id, if any.
 * @param {string} sId
 * @return {sap.ui.core.Element} the element for the given id
 * @public
 */
sap.ui.core.Core.prototype.byId = function(sId) {
	jQuery.sap.assert(sId == null || typeof sId === "string", "sId must be a string when defined");
	// allow null, as this occurs frequently and it is easier to check whether there is a control in the end than
	// first checking whether there is an ID and then checking for a control

	/*
	// test alternative implementation
	function findById(sId, mUIAreas) {
		function _find(oControl) {
			if ( !oControl )
				return undefined;
			if ( oControl.getId() === sId ) {
				return oControl;
			}
			for (var n in oControl.mAggregations) {
				var a = oControl.mAggregations[n];
				if ( jQuery.isArray(a) ) {
					for (var i=0; i<a.length; i++) {
						var r = _find(a[i]);
						if ( r ) return r;
					}
				} else if ( a instanceof sap.ui.core.Element ) {
					var r = _find(a[i]);
					if ( r ) return r;
				}
			}
			return undefined;
		}

		//var t0=new Date().getTime();
		var r=undefined;
		for (var n in mUIAreas) {
			r=_find(mUIAreas[n].getRootControl()); //TODO: Adapt to mUIAreas[n].getContent
			if ( r ) break;
		}
		//var t1=new Date().getTime();
		//t=t+(t1-t0);
		return r;
	}

	if ( findById(sId, this.mUIAreas) !== this.mElements[sId] ) {
		jQuery.sap.log.error("failed to resolve " + sId + " (" + this.mElements[sId] + ")");
	}
	*/
	return sId == null ? undefined : this.mElements[sId];
};

/**
 * Returns the registered element for the given ID, if any.
 * @param {string} sId
 * @return {sap.ui.core.Element} the element for the given id
 * @deprecated use <code>sap.ui.core.Core.byId</code> instead!
 * @function
 * @public
 */
sap.ui.core.Core.prototype.getControl = sap.ui.core.Core.prototype.byId;

/**
 * Returns the registered element for the given ID, if any.
 * @param {string} sId
 * @return {sap.ui.core.Element} the element for the given id
 * @deprecated use <code>sap.ui.core.Core.byId</code> instead!
 * @function
 * @public
 */
sap.ui.core.Core.prototype.getElementById = sap.ui.core.Core.prototype.byId;

/**
 * Returns the registered component for the given id, if any.
 * @param {string} sId
 * @return {sap.ui.core.Component} the component for the given id
 * @public
 */
sap.ui.core.Core.prototype.getComponent = function(sId) {
	jQuery.sap.assert(sId == null || typeof sId === "string", "sId must be a string when defined");
	return sId == null ? undefined : this.mComponents[sId];
};

/**
 * Returns the static, hidden area reference belonging to this core instance.<br/> It can be used e.g. for hiding
 * elements like Popups, Shadow, Blocklayer etc.<br/> If it is not yet available, creates one HTML element and attaches
 * it to the body.
 *
 * @return {DOMNode} the static, hidden area reference belonging to this core instance.
 * @public
 */
sap.ui.core.Core.prototype.getStaticAreaRef = function() {
	var sStaticId = "sap-ui-static";
	var oStatic = jQuery.sap.domById(sStaticId);
	if(!oStatic){
		var leftRight = this.getConfiguration().getRTL() ? "right" : "left";
		oStatic = jQuery("<DIV/>",{id:sStaticId})
					.css("visibility", "hidden")
					.css("height", "0")
					.css("width", "0")
					.css("overflow", "hidden")
					.css("float", leftRight)
					.prependTo(document.body)[0];

		// TODO Check whether this is sufficient
		this.createUIArea(oStatic).bInitial = false;
	}
	return oStatic;
};

/**
 * Used to find out whether a certain DOM element is the static area
 * 
 * @return {boolean} whether the given DomRef is the StaticAreaRef
 * @protected
 */
sap.ui.core.Core.prototype.isStaticAreaRef = function(oDomRef) {
	return oDomRef && (oDomRef.id === "sap-ui-static");
};

/**
 * Registers a listener for control events
 * @param {function} sFunction
 * @param {object} [oListener]
 * @public
 */
sap.ui.core.Core.prototype.attachControlEvent = function(fFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.ControlEvent, fFunction, oListener);
};

/**
 * Unregisters a listener for control events
 * @param {function} sFunction
 * @param {object} [oListener]
 * @public
 */
sap.ui.core.Core.prototype.detachControlEvent = function(fFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.ControlEvent, fFunction, oListener);
};

/**
 * Notifies the listeners that a event on a control occures
 * @param {map} mParameters { browserEvent: jQuery.EventObject }
 * @private
 */
sap.ui.core.Core.prototype.fireControlEvent = function(mParameters) {
	this.fireEvent(sap.ui.core.Core.M_EVENTS.ControlEvent, mParameters);
};

/**
 * Handles a control event and forwards it to the registered control event
 * listeners
 * @param {jQuery.EventObject} control event
 * @private
 */
sap.ui.core.Core.prototype._handleControlEvent = function(/**event*/oEvent, sUiAreaId) {
	// Create a copy of the event
	var oEventClone = jQuery.Event(oEvent.type);
	jQuery.extend(oEventClone, oEvent);
	oEventClone.originalEvent = undefined;

	this.fireControlEvent({"browserEvent": oEventClone, "uiArea": sUiAreaId});
};


/**
 * Registers a Plugin to the <code>sap.ui.core.Core</code>, which lifecycle
 * will be managed (start and stop).
 * <br/>
 * Plugin object need to implement two methods:
 * <ul>
 *   <li><code>startPlugin(oCore)</code>: will be invoked, when the Plugin
 *       should start (as parameter the reference to the Core will be provided</li>
 *   <li><code>stopPlugin()</code>: will be invoked, when the Plugin should stop</li>
 * </ul>
 *
 * @param {object} oPlugin reference to a Plugin object
 * @public
 */
sap.ui.core.Core.prototype.registerPlugin = function(oPlugin) {
	jQuery.sap.assert(typeof oPlugin === "object", "oPlugin must be an object");

	// check for a valid plugin
	if (!oPlugin) {
		return;
	}

	// check if the plugin is already registered
	// if yes, the exit this function
	for (var i = 0, l = this.aPlugins.length; i < l; i++) {
		if (this.aPlugins[i] === oPlugin) {
			return;
		}
	}

	// register the plugin (keep the plugin in the plugin array)
	this.aPlugins.push(oPlugin);

	// if the Core is initialized also start the plugin
	if (this.bInitialized && oPlugin && oPlugin.startPlugin) {
		oPlugin.startPlugin(this);
	}

};

/**
 * Unregisters a Plugin out of the <code>sap.ui.core.Core</code>
 *
 * @param {object} oPlugin reference to a Plugin object
 * @public
 */
sap.ui.core.Core.prototype.unregisterPlugin = function(oPlugin) {
	jQuery.sap.assert(typeof oPlugin === "object", "oPlugin must be an object");

	// check for a valid plugin
	if (!oPlugin) {
		return;
	}

	// check if the plugin is already registered
	var iPluginIndex = -1;
	for (var i = this.aPlugins.length; i--; i >= 0) {
		if (this.aPlugins[i] === oPlugin) {
			iPluginIndex = i;
			break;
		}
	}

	// plugin was not registered!
	if (iPluginIndex == -1) {
		return;
	}

	// stop the plugin
	if (this.bInitialized && oPlugin && oPlugin.stopPlugin) {
		oPlugin.stopPlugin(this);
	}

	// remove the plugin
	this.aPlugins.splice(iPluginIndex, 1);

};

/**
 * Internal method to start all registered plugins
 * @private
 */
sap.ui.core.Core.prototype.startPlugins = function() {
	for (var i = 0, l = this.aPlugins.length; i < l; i++) {
		var oPlugin = this.aPlugins[i];
		if (oPlugin && oPlugin.startPlugin) {
			oPlugin.startPlugin(this, /* onInit*/ true);
		}
	}
};

/**
 * Internal method to stop all registered plugins
 * @private
 */
sap.ui.core.Core.prototype.stopPlugins = function() {
	for (var i = 0, l = this.aPlugins.length; i < l; i++) {
		var oPlugin = this.aPlugins[i];
		if (oPlugin && oPlugin.stopPlugin) {
			oPlugin.stopPlugin(this);
		}
	}
};

/**
 * Sets or unsets a model for the given model name. 
 * 
 * The <code>sName</code> must either be <code>undefined</code> (or omitted) or a non-empty string.
 * When the name is omitted, the default model is set/unset. 
 * 
 * When <code>oModel</code> is <code>null</code> or <code>undefined</code>, a previously set model 
 * with that name is removed from the Core.
 *  
 * Any change (new model, removed model) is propagated to all existing UIAreas and their descendants
 * as long as a descendant doesn't have its own model set for the given name.
 * 
 * Note: to be compatible with future versions of this API, applications must not use the value <code>null</code>,
 * the empty string <code>""</code> or the string literals <code>"null"</code> or <code>"undefined"</code> as model name. 
 *  
 * @param {sap.ui.model.Model} oModel the model to be set or <code>null</code> or <code>undefined</code>
 * @param {string} [sName] the name of the model or <code>undefined</code>
 * @return {sap.ui.base.ManagedObject} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.setModel = function(oModel, sName) {
	jQuery.sap.assert(typeof oModel === "object" || !oModel, "oModel must be an object or undefined");
	jQuery.sap.assert(sName === undefined || typeof sName === "string", "sName must be a string or omitted");
	if (!oModel && this.oModels[sName]) {
		delete this.oModels[sName];
		// propagate Models to all UI areas 
		jQuery.each(this.mUIAreas, function (i, oUIArea){
			delete oUIArea.oPropagatedProperties.oModels[sName];
			oUIArea.propagateProperties(sName);
		});
	} else if (oModel && oModel !== this.oModels[sName] ) { 
		this.oModels[sName] = oModel;
		// propagate Models to all UI areas 
		jQuery.each(this.mUIAreas, function (i, oUIArea){
			oUIArea.oPropagatedProperties.oModels[sName] = oModel;
			oUIArea.propagateProperties(sName);
		});
	} else {
		// nothing to do
	}  
};

/**
 * Get the model with the given model name.
 * 
 * The name can be omitted to reference the default model or it must be a non-empty string.
 * 
 * Note: to be compatible with future versions of this API, applications must not use the value <code>null</code>,
 * the empty string <code>""</code> or the string literals <code>"null"</code> or <code>"undefined"</code> as model name. 
 * 
 * @param {string|undefined} [sName] name of the model to be retrieved
 * @return {sap.ui.model.Model} oModel
 * @public
 */
sap.ui.core.Core.prototype.getModel = function(sName) {
	jQuery.sap.assert(sName === undefined || typeof sName === "string", "sName must be a string or omitted");
	return this.oModels[sName];
};

/**
 * Check if a Model is set to the core
 * @return {boolean} true or false
 * @public
 */
sap.ui.core.Core.prototype.hasModel = function() {
	if (!jQuery.isEmptyObject(this.oModels)) {
		return true;
	} else {
		return false;
	}
};

/**
 * Returns the event bus.
 * @return {sap.ui.core.EventBus} the event bus
 * @since 1.8.0
 * @public
 */
sap.ui.core.Core.prototype.getEventBus = function() {
	if(!this.oEventBus){
		jQuery.sap.require("sap.ui.core.EventBus");
		this.oEventBus = new sap.ui.core.EventBus();
	}
	return this.oEventBus;
};

/**
 * Attach event-handler <code>fnFunction</code> to the 'validationError' event of <code>sap.ui.core.Core</code>.<br/>
 *
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, this Model is used.
 *
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.attachValidationError = function(fnFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.ValidationError, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'validationError' event of <code>sap.ui.core.Core</code>.<br/>
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.detachValidationError = function(fnFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.ValidationError, fnFunction, oListener);
	return this;
};

/**
 * Attach event-handler <code>fnFunction</code> to the 'parseError' event of <code>sap.ui.core.Core</code>.<br/>
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, this Model is used.
 *
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.attachParseError = function(fnFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.ParseError, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'parseError' event of <code>sap.ui.core.Core</code>.<br/>
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.detachParseError = function(fnFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.ParseError, fnFunction, oListener);
	return this;
};

/**
 * Attach event-handler <code>fnFunction</code> to the 'formatError' event of <code>sap.ui.core.Core</code>.<br/>
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, this Model is used.
 *
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.attachFormatError = function(fnFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.FormatError, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'formatError' event of <code>sap.ui.core.Core</code>.<br/>
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.detachFormatError = function(fnFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.FormatError, fnFunction, oListener);
	return this;
};

/**
 * Attach event-handler <code>fnFunction</code> to the 'validationSuccess' event of <code>sap.ui.core.Core</code>.<br/>
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, this Model is used.
 *
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.attachValidationSuccess = function(fnFunction, oListener) {
	this.attachEvent(sap.ui.core.Core.M_EVENTS.ValidationSuccess, fnFunction, oListener);
	return this;
};

/**
 * Detach event-handler <code>fnFunction</code> from the 'validationSuccess' event of <code>sap.ui.core.Core</code>.<br/>
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Core.prototype.detachValidationSuccess = function(fnFunction, oListener) {
	this.detachEvent(sap.ui.core.Core.M_EVENTS.ValidationSuccess, fnFunction, oListener);
	return this;
};


/**
 * Fire event parseError to attached listeners.
 *
 * Expects following event parameters:
 * <ul>
 * <li>'element' of type <code>sap.ui.core.Element</code> </li>
 * <li>'property' of type <code>string</code> </li>
 * <li>'type' of type <code>string</code> </li>
 * <li>'newValue' of type <code>object</code> </li>
 * <li>'oldValue' of type <code>object</code> </li>
 * <li>'exception' of type <code>object</code> </li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.core.Core.prototype.fireParseError = function(mArguments) {
	this.fireEvent(sap.ui.core.Core.M_EVENTS.ParseError, mArguments);
	return this;
};

/**
 * The 'parseError' event is fired when input parsing fails.
 *
 * @name sap.ui.core.Core#parseError
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.core.Element} oControlEvent.getParameters.element The Element where the parse error occurred
 * @param {string} oControlEvent.getParameters.property The property name of the element where the parse error occurred
 * @param {type} oControlEvent.getParameters.type The type of the property
 * @param {object} oControlEvent.getParameters.newValue The value of the property which was entered when the parse error occurred
 * @param {object} oControlEvent.getParameters.oldValue The value of the property which was present before a new value was entered (before the parse error)
 * @param {object} oControlEvent.getParameters.exception The exception object which occurred and has more information about the parse error
 * @public
 */

/**
 * Fire event validationError to attached listeners.
 *
 * Expects following event parameters:
 * <ul>
 * <li>'element' of type <code>sap.ui.core.Element</code> </li>
 * <li>'property' of type <code>string</code> </li>
 * <li>'type' of type <code>string</code> </li>
 * <li>'newValue' of type <code>object</code> </li>
 * <li>'oldValue' of type <code>object</code> </li>
 * <li>'exception' of type <code>object</code> </li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.core.Core.prototype.fireValidationError = function(mArguments) {
	this.fireEvent(sap.ui.core.Core.M_EVENTS.ValidationError, mArguments);
	return this;
};

/**
 * The 'validationError' event is fired when validation of the input fails.
 *
 * @name sap.ui.core.Core#validationError
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.core.Element} oControlEvent.getParameters.element The Element where the validation error occurred
 * @param {string} oControlEvent.getParameters.property The property name of the element where the validation error occurred
 * @param {type} oControlEvent.getParameters.type The type of the property
 * @param {object} oControlEvent.getParameters.newValue The value of the property which was entered when the validation error occurred
 * @param {object} oControlEvent.getParameters.oldValue The value of the property which was present before a new value was entered (before the validation error)
 * @param {object} oControlEvent.getParameters.exception The exception object which occurred and has more information about the validation error
 * @public
 */

/**
 * Fire event formatError to attached listeners.
 *
 * Expects following event parameters:
 * <ul>
 * <li>'element' of type <code>sap.ui.core.Element</code> </li>
 * <li>'property' of type <code>string</code> </li>
 * <li>'type' of type <code>string</code> </li>
 * <li>'newValue' of type <code>object</code> </li>
 * <li>'oldValue' of type <code>object</code> </li>
 * <li>'exception' of type <code>object</code> </li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.core.Core.prototype.fireFormatError = function(mArguments) {
	this.fireEvent(sap.ui.core.Core.M_EVENTS.FormatError, mArguments);
	return this;
};

/**
 * The 'formatError' event is fired when a value formatting fails. This can happen when a value stored in the model cannot be formatted to be displayed in an element property.
 *
 * @name sap.ui.core.Core#formatError
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.core.Element} oControlEvent.getParameters.element The Element where the format error occurred
 * @param {string} oControlEvent.getParameters.property The property name of the element where the format error occurred
 * @param {type} oControlEvent.getParameters.type The type of the property
 * @param {object} oControlEvent.getParameters.newValue The value of the property which was entered when the format error occurred
 * @param {object} oControlEvent.getParameters.oldValue The value of the property which was present before a new value was entered (before the format error)
 * @param {object} oControlEvent.getParameters.exception The exception object which occurred and has more information about the format error
 * @public
 */

/**
 * Fire event validationSuccess to attached listeners.
 *
 * Expects following event parameters:
 * <ul>
 * <li>'element' of type <code>sap.ui.core.Element</code> </li>
 * <li>'property' of type <code>string</code> </li>
 * <li>'type' of type <code>string</code> </li>
 * <li>'newValue' of type <code>object</code> </li>
 * <li>'oldValue' of type <code>object</code> </li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.Core} <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.core.Core.prototype.fireValidationSuccess = function(mArguments) {
	this.fireEvent(sap.ui.core.Core.M_EVENTS.ValidationSuccess, mArguments);
	return this;
};

/**
 * The 'validationSuccess' event is fired when a value validation was successfully completed.
 *
 * @name sap.ui.core.Core#validationSuccess
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.core.Element} oControlEvent.getParameters.element The Element where the successful validation occurred
 * @param {string} oControlEvent.getParameters.property The property name of the element where the successfull validation occurred
 * @param {type} oControlEvent.getParameters.type The type of the property
 * @param {object} oControlEvent.getParameters.newValue The value of the property which was entered when the validation occurred
 * @param {object} oControlEvent.getParameters.oldValue The value of the property which was present before a new value was entered (before the validation)
 * @public
 */

/**
 * Check if the script is running on mobile
 * @return {boolean} true or false
 * @public
 */
sap.ui.core.Core.prototype.isMobile = function() {
	return jQuery.browser.mobile;
};

/**
 * @name sap.ui.core.CorePlugin
 * @interface Contract for plugins that want to extend the core runtime
 */

/**
 * Called by the Core after it has been initialized.
 * If a plugin is added to the core after its initialization, then
 * this method is called during registration of the plugin.
 *
 * Implementing this method is optional for a plugin.
 *
 * @name sap.ui.core.CorePlugin.prototype.startPlugin
 * @param {sap.ui.core.Core} oCore reference to the core
 * @param {boolean} bOnInit whether the hook is called during Core.init() or later
 * @function
 */

/**
 * Called by the Core when it is shutdown or when a plugin is
 * deregistered from the core.
 *
 * Implementing this method is optional for a plugin.
 *
 * @name sap.ui.core.CorePlugin.prototype.stopPlugin
 * @param {sap.ui.core.Core} oCore reference to the core
 * @function
 */


// TODO come up with more sophisticated solution.
// e.g. check for script tag, check for config... if not (yet) there, delay creation by e.g. 500ms or so.
if(!window.sap.ui.getCore){
	/**
	 * Create Core instance and make it available.
	 */
	(function(){
		new sap.ui.core.Core();
	}());
}

/**
 * Displays the control tree with the given root inside the area of the given
 * DOM reference (or inside the DOM node with the given ID) or in the given Control.
 *
 * Example:
 * <pre>
 *   &lt;div id="SAPUI5UiArea">&lt;/div>
 *   &lt;script type="text/javascript">
 *     var oRoot = new sap.ui.commons.Label();
 *     oRoot.setText("Hello world!");
 *     sap.ui.setRoot("SAPUI5UiArea", oRoot);
 *   &lt;/script>
 * </pre>
 * <p>
 *
 * This is a shortcut for <code>sap.ui.getCore().setRoot()</code>.
 *
 * Internally, if a string is given that does not identify an UIArea or a control
 * then implicitly a new <code>UIArea</code> is created for the given DOM reference
 * and the given control is added.
 *
 * @param {string|DOMRef|sap.ui.core.Control} oDomRef a Dom Reference or Id String of the UIArea
 * @param {sap.ui.base.Interface | sap.ui.core.Control}
 *            oControl the Control that should be added to the <code>UIArea</code>.
 * @public
 * @deprecated Use function <code>placeAt</code> of <code>sap.ui.core.Control</code> instead.
 */
sap.ui.setRoot = function(oDomRef, oControl) {
	jQuery.sap.assert(typeof oDomRef === "string" || typeof oDomRef === "object", "oDomRef must be a string or object");
	jQuery.sap.assert(oControl instanceof sap.ui.base.Interface || oControl instanceof sap.ui.core.Control, "oControl must be a Control or Interface");

	sap.ui.getCore().setRoot(oDomRef, oControl);
};

}; // end of sap.ui.core.Core
if ( !jQuery.sap.isDeclared('sap.ui.core.AppCacheBuster') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */




/*
 * Provides the AppCacheBuster mechanism to load application files using a timestamp
 */
jQuery.sap.declare("sap.ui.core.AppCacheBuster", false);

/*global URI *///declare unusual global vars for JSLint/SAPUI5 validation

(function() {

	/*
	 * The AppCacheBuster is only aware of resources which are relative to the
	 * current application or have been registered via:
	 *   - jQuery.sap.registerModulePath
	 */
	
	// intercept function to avoid usage of cachebuster
	
	// URL normalizer
	
	
	// 1.) Enableable
	// 2.) Must match to index
	// 3.) hook to suppress
	
	// ==> ManagedObject -> validateProperty
	
	// API 
	// setURLFilter,onConvertURL => return true, false
	// convertURL
	
	// what about being not on the root with the HTML page
	//   appcachebuster is always relative to the HTML page 
	
	
	// we need a detection for the root location
	//   --> to avoid registerComponent("./")
	//   --> configuration?
	
	// nested components? 
	//   indexOf check in convertURL will not work here!
	
	
	// determine the language from the configuration
	var oConfiguration = sap.ui.getCore().getConfiguration();
	var sLanguage = oConfiguration.getLanguage();
	
	// file index (maps file to timestamp) / avoid duplicate loading of known base paths
	var mIndex = {};
	
	// store the original function to intercept
	var fnAjaxOrig = jQuery.ajax;
	var fnIncludeScript = jQuery.sap.includeScript;
	var fnIncludeStyleSheet = jQuery.sap.includeStyleSheet;
	var fnValidateProperty = sap.ui.base.ManagedObject.prototype.validateProperty;
	
	// determine the application base url
	var sLocation = document.location.href.replace(/\?.*|#.*/g, "");
	var oBaseUri = URI("./").absoluteTo(sLocation); // "./" removes the html doc from path
	var sAppBaseUrl = oBaseUri.toString();
	
	// determine the base urls (normalize and then calculate the resources and test-resources urls) 
	var oUri = URI(jQuery.sap.getModulePath("", "/../"));
	var sOrgBaseUrl = oUri.toString();
	if (oUri.is("relative")) {
		oUri = oUri.absoluteTo(sLocation);
	}
	var sBaseUrl = oUri.normalize().toString();
	var sResBaseUrl = URI("resources").absoluteTo(sBaseUrl).toString();
	//var sTestResBaseUrl = URI("test-resources").absoluteTo(sBaseUrl).toString();
	
	// create resources check regex
	var oFilter = new RegExp("^" + jQuery.sap.escapeRegExp(sResBaseUrl));
	
	// define the AppCacheBuster namespace
	sap.ui.core.AppCacheBuster = {
			
			init: function() {
				
				// function shortcuts (better performance when used frequently!)
				var fnConvertUrl = sap.ui.core.AppCacheBuster.convertURL;
				var fnNormalizeUrl = sap.ui.core.AppCacheBuster.normalizeURL;
				
				// resources URL's will be handled via standard
				// UI5 cachebuster mechanism (so we simply ignore them)
				var fnIsACBUrl = function(sUrl) {
					if (sUrl && typeof(sUrl) === "string") {
						sUrl = fnNormalizeUrl(sUrl);
						return !sUrl.match(oFilter);
					}
					return false;
				};
				
				// enhance the original ajax function with appCacheBuster functionality 
				jQuery.ajax = function(url, options) {
					if (url && url.url && fnIsACBUrl(url.url)) {
						url.url = fnConvertUrl(url.url);
					}
					return fnAjaxOrig.apply(this, arguments);
				};
				
				// enhance the includeScript function
				jQuery.sap.includeScript = function(sUrl, sId) {
					var oArgs = Array.prototype.slice.apply(arguments);
					if (fnIsACBUrl(oArgs[0] /* sUrl */)) {
						oArgs[0] = fnConvertUrl(oArgs[0] /* sUrl */);
					}
					return fnIncludeScript.apply(this, oArgs);
				};
				
				// enhance the includeStyleSheet function
				jQuery.sap.includeStyleSheet = function(sUrl, sId) {
					var oArgs = Array.prototype.slice.apply(arguments);
					if (fnIsACBUrl(oArgs[0] /* sUrl */)) {
						oArgs[0] = fnConvertUrl(oArgs[0] /* sUrl */);
					}
					return fnIncludeStyleSheet.apply(this, oArgs);
				};
				
				// enhance the validateProperty function to intercept URI types
				//  test via: new sap.ui.commons.Image({src: "acctest/img/Employee.png"}).getSrc()
				//            new sap.ui.commons.Image({src: "./acctest/../acctest/img/Employee.png"}).getSrc()
				sap.ui.base.ManagedObject.prototype.validateProperty = function(sPropertyName, oValue) {
					var oMetadata = this.getMetadata(),
					    oProperty = oMetadata.getAllProperties()[sPropertyName],
					    oArgs;
					if (oProperty && oProperty.type === "sap.ui.core.URI") {
						oArgs = Array.prototype.slice.apply(arguments);
						try {
							if (fnIsACBUrl(oArgs[1] /* oValue */)) {
								oArgs[1] = fnConvertUrl(oArgs[1] /* oValue */);
							}
						} catch (e) {
							// URI normalization or conversion failed, fall back to normal processing 
						}
					}
					// either forward the modified or the original arguments
					return fnValidateProperty.apply(this, oArgs || arguments);
				};
				
			},
			
			exit: function() {

				// remove the function interceptions
				jQuery.ajax = fnAjaxOrig;
				jQuery.sap.includeScript = fnIncludeScript;
				jQuery.sap.includeStyleSheet = fnIncludeStyleSheet;
				sap.ui.base.ManagedObject.prototype.validateProperty = fnValidateProperty;
				
				// clear the index
				mIndex = {};
				
			},
			
			register: function(sBaseUrl) {
				
				// log
				jQuery.sap.log.debug("sap.ui.core.AppCacheBuster.register(\"" + sBaseUrl + "\");");

				// determine the base URL
				var sAbsoluteBaseUrl = sap.ui.core.AppCacheBuster.normalizeURL(sBaseUrl); // "./" removes the html doc from path
				
				// log
				jQuery.sap.log.debug("  --> normalized to: \"" + sAbsoluteBaseUrl + "\"");
				
				// if the index file has not been loaded yet => load!
				if (!mIndex[sAbsoluteBaseUrl]) {
					
					// load the index file
					var sUrl = sAbsoluteBaseUrl + "sap-ui-cachebuster-info.json?sap-ui-language=" + sLanguage;
					jQuery.sap.log.info("Loading AppCacheBuster index file from: \"" + sUrl + "\".");
					var oResponse = jQuery.sap.sjax({
						url: sUrl, 
						dataType: "json"
					});
					
					// add the index file to the index map
					if (oResponse && oResponse.data) {
						mIndex[sAbsoluteBaseUrl] = oResponse.data;
					} else {
						jQuery.sap.log.error("Failed to load AppCacheBuster index file from: \"" + sUrl + "\".");
					}
					
				}
					
			},
			
			convertURL: function(sUrl) {
				
				jQuery.sap.log.debug("sap.ui.core.AppCacheBuster.convertURL(\"" + sUrl + "\");");
					
				// modify the incoming url if found in the appCacheBuster file
				if (mIndex && sUrl) {
					
					// normalize the URL
					// local resources are registered with "./" => we remove the leading "./"! 
					// (code location for this: sap/ui/Global.js:sap.ui.localResources)
					var sNormalizedUrl = sap.ui.core.AppCacheBuster.normalizeURL(sUrl);
					jQuery.sap.log.debug("  --> normalized to: \"" + sNormalizedUrl + "\"");

					// should the URL be handled?
					if (sNormalizedUrl && sap.ui.core.AppCacheBuster.handleURL(sNormalizedUrl)) {
						
						// scan for a matching base URL (by default we use the default index)
						// we lookup the base url in the index list and if found we split the
						// url into the base and path where the timestamp is added in between
						jQuery.each(mIndex, function(sBaseUrl, mBaseUrlIndex) {
							var sUrlPath;
							if (sBaseUrl && sNormalizedUrl.length >= sBaseUrl.length && sNormalizedUrl.slice(0, sBaseUrl.length) === sBaseUrl ) {
								sUrlPath = sNormalizedUrl.slice(sBaseUrl.length);
								if (mBaseUrlIndex[sUrlPath]) {
									// return the normilzed URL only if found in the index
									sUrl = sBaseUrl + "~" + mBaseUrlIndex[sUrlPath] + "~/" + sUrlPath;
									jQuery.sap.log.debug("  ==> return \"" + sUrl + "\";");
									return false;
								}
							}
						});
						
					}
					
				}
				return sUrl;

			},
			
			normalizeURL: function(sUrl) {
				
				// local resources are registered with "./" => we remove the leading "./"! 
				// (code location for this: sap/ui/Global.js:sap.ui.localResources)
				// we by default normalize all relative URLs for a common base
				var oUri = URI(sUrl || "./");
				if (oUri.is("relative")) { //(sUrl.match(/^\.\/|\..\//g)) {
					oUri = oUri.absoluteTo(sLocation);
				}
				//return oUri.normalize().toString();
				// prevent to normalize the search and hash to avoid "+" in the search string
				// because for search strings the space will be normalized as "+"
				return oUri.normalizeProtocol().normalizeHostname().normalizePort().normalizePath().toString();

			},
			
			handleURL: function(sUrl) {
				// API function to be overriden by apps 
				// to exclude URLs from being manipulated
				return true;
			}
			
	};
	
	// application cachebuster mechanism (copy of array for later modification)
	var oConfig = oConfiguration.getAppCacheBuster();

	if (oConfig && oConfig.length > 0) {

		oConfig = oConfig.slice();

		// flag to activate the cachebuster
		var bActive = true;
		
		// fallback for old boolean configuration (only 1 string entry)
		// restriction: the values true, false and x are reserved as fallback values 
		//              and cannot be used as base url locations  
		var sValue = String(oConfig[0]).toLowerCase();
		if (oConfig.length === 1) {
			if (sValue === "true" || sValue === "x") {
				// register the current base URL (if it is a relative URL)
				// hint: if UI5 is referenced relative on a server it might be possible
				//       with the mechanism to register another base URL. 
				var oUri = URI(sOrgBaseUrl);
				oConfig =oUri.is("relative") ? [oUri.toString()] : [];
			} else if (sValue === "false") {
				bActive = false;
			}
		}
		
		// activate the cachebuster
		if (bActive) {
			
			// initialize the AppCacheBuster
			sap.ui.core.AppCacheBuster.init();
			
			// register the base URLs
			jQuery.each(oConfig, function(iIndex, sUrl) {
				if (sUrl.length > 0 && sUrl.slice(-1) !== "/") {
					sUrl += "/"; // append the missing trailing slash
				}
				sap.ui.core.AppCacheBuster.register(sUrl);
			});
			
		}
		
	}
		
}());	

}; // end of sap.ui.core.AppCacheBuster
if ( !jQuery.sap.isDeclared('sap.ui.core.UIComponent') ) {
/*
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides base class sap.ui.core.Component for all components
jQuery.sap.declare("sap.ui.core.UIComponent");


/**
 * Creates and initializes a new UI component with the given <code>sId</code> and
 * settings.
 * 
 * The set of allowed entries in the <code>mSettings</code> object depends on
 * the concrete subclass and is described there. See {@link sap.ui.core.Component}
 * for a general description of this argument.
 * 
 * @param {string}
 *            [sId] optional id for the new control; generated automatically if
 *            no non-empty id is given Note: this can be omitted, no matter
 *            whether <code>mSettings</code> will be given or not!
 * @param {object}
 *            [mSettings] optional map/JSON-object with initial settings for the
 *            new component instance
 * @public
 * 
 * @class Base Class for Component.
 * @extends sap.ui.base.ManagedObject
 * @abstract
 * @author SAP
 * @version 1.12.0
 * @name sap.ui.core.Component
 * @experimental Since 1.9.2. The Component concept is still under construction, so some implementation details can be changed in future.
 */
sap.ui.core.Component.extend("sap.ui.core.UIComponent", /** @lends sap.ui.core.UIComponent */

{
	constructor : function(sId, mSettings) {

		sap.ui.core.Component.apply(this, arguments);

	},

	metadata : {
		"abstract": true,
		version : "0.0",
		includes : [ ],  // css, javascript files that should be used in the component
		dependencies : { // external dependencies
			libs : [ ],
			components : [ ],
			ui5version : ""
		},
		publicMethods: [ "render" ],
		aggregations: {
			"rootControl": { type: "sap.ui.core.Control", multiple: false, visibility: "hidden" }
		},
		library: "sap.ui.core",
		autoDestroy: false, // destroy component when view should be destroyed
		initOnBeforeRender: true
	}

}, /* Metadata constructor */ sap.ui.core.ComponentMetadata);

/**
 * Initializes the Component instance after creation.
 *
 * Applications must not call this hook method directly, it is called by the
 * framework while the constructor of an Component is executed.
 *
 * Subclasses of Component should override this hook to implement any necessary
 * initialization.
 *
 * @function
 * @name sap.ui.core.UIComponent.prototype.init
 * @protected
 */
sap.ui.core.UIComponent.prototype.init = function() {
	sap.ui.core.Component.prototype.init.apply(this); 
	var that = this;
	return sap.ui.base.ManagedObject.runWithPreprocessors(
		function() {
			that.setAggregation("rootControl", that.createContent());
		},
		{
			id: function(sId) {
				return that.createId(sId);
			},
			settings: function(oSettings) {
				if (oSettings.component) {
					oSettings.component = that.createId(oSettings.component);
				}
				return oSettings;
			}
		}
	);
};


/**
 * returns an Element by its id in the context of the View
 *
 * @return Element by its id
 * @public
 */
sap.ui.core.UIComponent.prototype.byId = function(sId) {
	return sap.ui.getCore().byId(this.createId(sId));
};

/**
 * creates an id for an Element prefixed with the view id
 *
 * @return prefixed id
 * @public
 */
sap.ui.core.UIComponent.prototype.createId = function(sId) {
	return this.getId() + "--" + sId;
};

/**
 * The method to create the Content (UI Control Tree) of the Component. 
 * This method has to be overwritten in the implementation of the component.
 *
 * @public
 */
sap.ui.core.UIComponent.prototype.createContent = function() {
	return null;
};

/**
 * Render
 *
 * @return prefixed id
 * @public
 */
sap.ui.core.UIComponent.prototype.render = function(oRenderManager) {
	var oControl = this.getAggregation("rootControl");
	if (oControl) {
		oRenderManager.renderControl(oControl);
	}
};

/**
 * getUIArea
 *
 * @return prefixed id
 * @public
 */
sap.ui.core.UIComponent.prototype.getUIArea = function() {
	return (this.oContainer ? this.oContainer.getUIArea() : null);
};

/**
 * setContainer
 *
 * @return prefixed id
 * @public
 */
sap.ui.core.UIComponent.prototype.setContainer = function(oContainer) {
	this.oContainer = oContainer;
};

/**
 Function is called when the rendering of the Component Container is started.
 *
 * Applications must not call this hook method directly, it is called from ComponentContainer.
 *
 * Subclasses of UIComponent override this hook to implement any necessary actions before the rendering.
 *
 * @function
 * @name sap.ui.core.UIComponent.prototype.onBeforeRendering
 * @protected
 */
sap.ui.core.UIComponent.prototype.onBeforeRendering = function() {};

/**
 * Function is called when the rendering of the Component Container is completed.
 *
 * Applications must not call this hook method directly, it is called from ComponentContainer.
 *
 * Subclasses of UIComponent override this hook to implement any necessary actions after the rendering.
 *
 * @function
 * @name sap.ui.core.UIComponent.prototype.onAfterRendering
 * @protected
 */
sap.ui.core.UIComponent.prototype.onAfterRendering = function() {};

}; // end of sap.ui.core.UIComponent
if ( !jQuery.sap.isDeclared('sap.ui.core.library') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

/**
 * Initialization Code and shared classes of library sap.ui.core (1.12.0)
 */
jQuery.sap.declare("sap.ui.core.library");

/**
 * The SAPUI5 Core Runtime. 
 *   
 *   Contains the UI5 jQuery plugin (jQuery.sap.*), the Core and all its components, 
 *   base classes for Controls and the Model View Controller components.
 *
 * @namespace
 * @name sap.ui.core
 * @public
 */


// delegate further initialization of this library to the Core
sap.ui.getCore().initLibrary({
  name : "sap.ui.core",
  types: [
    "sap.ui.core.AccessibleRole",
    "sap.ui.core.BarColor",
    "sap.ui.core.CSSColor",
    "sap.ui.core.CSSSize",
    "sap.ui.core.CSSSizeShortHand",
    "sap.ui.core.Collision",
    "sap.ui.core.Design",
    "sap.ui.core.Dock",
    "sap.ui.core.HorizontalAlign",
    "sap.ui.core.ID",
    "sap.ui.core.IconColor",
    "sap.ui.core.ImeMode",
    "sap.ui.core.MessageType",
    "sap.ui.core.OpenState",
    "sap.ui.core.ScrollBarAction",
    "sap.ui.core.Scrolling",
    "sap.ui.core.TextAlign",
    "sap.ui.core.TextDirection",
    "sap.ui.core.URI",
    "sap.ui.core.ValueState",
    "sap.ui.core.VerticalAlign",
    "sap.ui.core.Wrapping",
    "any",
    "boolean",
    "float",
    "int",
    "sap.ui.core.mvc.ViewType",
    "object",
    "string",
    "void"
  ],
  interfaces: [
    "sap.ui.core.Label"
  ],
  controls: [
    "sap.ui.core.ComponentContainer",
    "sap.ui.core.Control",
    "sap.ui.core.HTML",
    "sap.ui.core.Icon",
    "sap.ui.core.LocalBusyIndicator",
    "sap.ui.core.ScrollBar",
    "sap.ui.core.TooltipBase",
    "sap.ui.core.UIComponent",
    "sap.ui.core.mvc.HTMLView",
    "sap.ui.core.mvc.JSONView",
    "sap.ui.core.mvc.JSView",
    "sap.ui.core.mvc.View",
    "sap.ui.core.mvc.XMLView"
  ],
  elements: [
    "sap.ui.core.CustomData",
    "sap.ui.core.Element",
    "sap.ui.core.Item",
    "sap.ui.core.LayoutData",
    "sap.ui.core.ListItem",
    "sap.ui.core.Message",
    "sap.ui.core.SeparatorItem",
    "sap.ui.core.VariantLayoutData",
    "sap.ui.core.search.OpenSearchProvider",
    "sap.ui.core.search.SearchProvider"
  ],
  version: "1.12.0"});

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.AccessibleRole.
jQuery.sap.declare("sap.ui.core.AccessibleRole");

/**
 * @class Defines the accessible roles for ARIA support. This enumeration is used with the AccessibleRole control property.
 * For more information, goto "Roles for Accessible Rich Internet Applications (WAI-ARIA Roles)" at the www.w3.org homepage.
 * 
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.AccessibleRole = {
  
    /**
     * No explicit role is applicable. An AccessibleName should be specified for the control.
     *  
     * @public
     */
    None : "None",

    /**
     * A message with an alert or error information.
     *  
     * @public
     */
    Alert : "Alert",

    /**
     * A separate window with an alert or error information.
     *  
     * @public
     */
    AlertDialog : "AlertDialog",

    /**
     * A software unit executing a set of tasks for the user. 
     * @public
     */
    Application : "Application",

    /**
     * Usually defined as the advertisement at the top of a web page.
     * The banner content typically contains the site or company logo, or other key advertisements.
     *  
     * @public
     */
    Banner : "Banner",

    /**
     * Allows user-triggered actions.
     *  
     * @public
     */
    Button : "Button",

    /**
     * A control that has three possible values: true, false, mixed. 
     * @public
     */
    Checkbox : "Checkbox",

    /**
     * A table cell containing header information for a column. 
     * @public
     */
    ColumnHeader : "ColumnHeader",

    /**
     * Allows selecting an item from a list, or to enter data directly in the input field. 
     * @public
     */
    Combobox : "Combobox",

    /**
     * Information about the content on the page. Examples are footnotes, copyrights, or links to privacy statements.
     *  
     * @public
     */
    ContentInfo : "ContentInfo",

    /**
     * The content of the associated element represents a definition.
     * If there is a definition element within the content, this one represents the term being defined.
     *  
     * @public
     */
    Definition : "Definition",

    /**
     * Descriptive content for a page element. 
     * @public
     */
    Description : "Description",

    /**
     * A small window that is designed to interrupt the current application processing
     * in order to inform the user and to get some response. 
     * @public
     */
    Dialog : "Dialog",

    /**
     * A list of references to members of a single group.
     *  
     * @public
     */
    Directory : "Directory",

    /**
     * Content that contains related information, such as a book. 
     * @public
     */
    Document : "Document",

    /**
     * Contains cells of tabular data arranged in rows and columns, for example in a table. 
     * @public
     */
    Grid : "Grid",

    /**
     * A table cell in a grid where the cells can be active, editable, and selectable.
     * Cells may have functional relationships to controls, for example. 
     * @public
     */
    GridCell : "GridCell",

    /**
     * A section of user interface objects. 
     * @public
     */
    Group : "Group",

    /**
     * A heading for a section of the page. 
     * @public
     */
    Heading : "Heading",

    /**
     * A container for a collection of elements that form an image. 
     * @public
     */
    Img : "Img",

    /**
     * An interactive reference to a resource. 
     * @public
     */
    Link : "Link",

    /**
     * A container for non-interactive list items which are the children of the list. 
     * @public
     */
    List : "List",

    /**
     * A widget that allows the user to select one or more items from a list.
     * The items within the list are static and can contain images. 
     * @public
     */
    Listbox : "Listbox",

    /**
     * A single item in a list. 
     * @public
     */
    ListItem : "ListItem",

    /**
     * An area where new information is added, or old information disappears.
     * Information types are chat logs, messaging, or error logs, for example.
     * The log contains a sequence: New information is always added to the end of the log. 
     * @public
     */
    Log : "Log",

    /**
     * Defines the main content of a document.
     *  
     * @public
     */
    Main : "Main",

    /**
     * Is used to scroll text across the page.
     *  
     * @public
     */
    Marquee : "Marquee",

    /**
     * Offers a list of choices to the user.
     *  
     * @public
     */
    Menu : "Menu",

    /**
     * A container for menu items where each item may activate a submenu.
     *  
     * @public
     */
    Menubar : "Menubar",

    /**
     * A child in a menu. 
     * @public
     */
    MenuItem : "MenuItem",

    /**
     * A checkable menu item (tri-state). 
     * @public
     */
    MenuItemCheckbox : "MenuItemCheckbox",

    /**
     * A menu item which is part of a group of menuitemradio roles. 
     * @public
     */
    MenuItemRadio : "MenuItemRadio",

    /**
     * A collection of links suitable for use when navigating the document or related documents. 
     * @public
     */
    Navigation : "Navigation",

    /**
     * The content is parenthetic or ancillary to the main content of the resource. 
     * @public
     */
    Note : "Note",

    /**
     * A selectable item in a list represented by a select.
     *  
     * @public
     */
    Option : "Option",

    /**
     * An element whose role is presentational does not need to be mapped to the accessibility API. 
     * @public
     */
    Presentation : "Presentation",

    /**
     * Shows the execution progress in applications providing functions that take a long time. 
     * @public
     */
    ProgressBar : "ProgressBar",

    /**
     * An option in single-select list. Only one radio control in a radiogroup can be selected at the same time.
     *  
     * @public
     */
    Radio : "Radio",

    /**
     * A group of radio controls. 
     * @public
     */
    RadioGroup : "RadioGroup",

    /**
     * A large section on the web page. 
     * @public
     */
    Region : "Region",

    /**
     * A row of table cells. 
     * @public
     */
    Row : "Row",

    /**
     * A table cell containing header information for a row. 
     * @public
     */
    RowHeader : "RowHeader",

    /**
     * A search section of a web document. In many cases, this is a form used to submit search requests about the site,
     * or a more general Internet wide search service. 
     * @public
     */
    Search : "Search",

    /**
     * A unique section of the document. In the case of a portal, this may include time display, weather forecast,
     * or stock price. 
     * @public
     */
    Secondary : "Secondary",

    /**
     * Indicates that the element contains content that is related to the main content of the page. 
     * @public
     */
    SeeAlso : "SeeAlso",

    /**
     * A line or bar that separates sections of content. 
     * @public
     */
    Separator : "Separator",

    /**
     * A user input where the user selects an input in a given range. This form of range expects an analogous keyboard
     * interface. 
     * @public
     */
    Slider : "Slider",

    /**
     * Allows users to select a value from a list of given entries where exactly one value is displayed at runtime, and
     * the other ones can be displayed by scrolling using the arrow up and arrow down key.
     *  
     * @public
     */
    SpinButton : "SpinButton",

    /**
     * A container for processing advisory information. 
     * @public
     */
    Status : "Status",

    /**
     * A header for a tab panel. 
     * @public
     */
    Tab : "Tab",

    /**
     * A list of tabs which are references to tab panels.
     *  
     * @public
     */
    Tablist : "Tablist",

    /**
     * A container for the resources associated with a tab. 
     * @public
     */
    Tabpanel : "Tabpanel",

    /**
     * Inputs that allow free-form text as their value. 
     * @public
     */
    Textbox : "Textbox",

    /**
     * A numerical counter which indicates an amount of elapsed time from a start point,
     * or of the time remaining until a certain end point. 
     * @public
     */
    Timer : "Timer",

    /**
     * A collection of commonly used functions represented in compact visual form. 
     * @public
     */
    Toolbar : "Toolbar",

    /**
     * A popup that displays a description for an element when the user passes over or rests on that element.
     * Supplement to the normal tooltip processing of the user agent.
     *  
     * @public
     */
    Tooltip : "Tooltip",

    /**
     * A form of a list (tree) having groups (subtrees) inside groups (subtrees), where the sub trees can be collapsed and expanded.
     *  
     * @public
     */
    Tree : "Tree",

    /**
     * A grid whose rows are expandable and collapsable in the same manner as the ones of trees. 
     * @public
     */
    TreeGrid : "TreeGrid",

    /**
     * A tree node 
     * @public
     */
    TreeItem : "TreeItem"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.BarColor.
jQuery.sap.declare("sap.ui.core.BarColor");

/**
 * @class Configuration options for the colors of a progress bar
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.BarColor = {
  
    /**
     * Color: blue (#b8d0e8) 
     * @public
     */
    NEUTRAL : "NEUTRAL",

    /**
     * Color: green (#b5e7a8) 
     * @public
     */
    POSITIVE : "POSITIVE",

    /**
     * Color: yellow (#faf2b0) 
     * @public
     */
    CRITICAL : "CRITICAL",

    /**
     * Color: red (#ff9a90) 
     * @public
     */
    NEGATIVE : "NEGATIVE"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

// Provides data type sap.ui.core.CSSColor
jQuery.sap.declare('sap.ui.core.CSSColor');


/**
 * @class A string type that represents CSS color values. Allowed values are CSS hex colors like "#666666" or "#fff", as well as css color names as 
 * 	"green" and "darkblue". 
 *
 * @static
 * @public
 */
sap.ui.core.CSSColor = sap.ui.base.DataType.createType('sap.ui.core.CSSColor', {
    isValid : function(vValue) {
      return /^(#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})|aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coralcornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silverskyblue|slateblue|slategray|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen)$/.test(vValue);
    }

  },
  sap.ui.base.DataType.getType('string')
);

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

// Provides data type sap.ui.core.CSSSize
jQuery.sap.declare('sap.ui.core.CSSSize');


/**
 * @class A string type that represents CSS size values. Allowed values are CSS sizes like "1px" or "2em" or "50%", but also the special values "auto" and "inherit". 
 * Note that CSS does not allow all of these values for every CSS property representing a size. E.g. "auto" is not an allowed value for a padding size.
 *
 * @static
 * @public
 */
sap.ui.core.CSSSize = sap.ui.base.DataType.createType('sap.ui.core.CSSSize', {
    isValid : function(vValue) {
      return /^(auto|inherit|[-+]?(0*|([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%)))$/.test(vValue);
    }

  },
  sap.ui.base.DataType.getType('string')
);

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

// Provides data type sap.ui.core.CSSSizeShortHand
jQuery.sap.declare('sap.ui.core.CSSSizeShortHand');


/**
 * @class This type checks the short hand form of a margin or
 * 		padding definition. E.g. "1px 1px" or up to four values are allowed.
 * 	
 *
 * @static
 * @public
 */
sap.ui.core.CSSSizeShortHand = sap.ui.base.DataType.createType('sap.ui.core.CSSSizeShortHand', {
    isValid : function(vValue) {
      return /^(inherit|(auto|[-+]?(0*|(\d+|\d*\.\d+)([eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%))){1}(\s(auto|[-+]?(0*|(\d+|\d*\.\d+)([eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%)))){0,3})$/.test(vValue);
    }

  },
  sap.ui.base.DataType.getType('string')
);

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

// Provides data type sap.ui.core.Collision
jQuery.sap.declare('sap.ui.core.Collision');


/**
 * @class Collision behavior: horizontal/vertical.
 * Defines how the position of an element should be adjusted in case it overflows the window in some direction. For both
 * directions this can be "flip", "fit" or "none". If only one behavior is provided it is applied to both directions.
 * Examples: "flip", "fit none".
 *
 * @static
 * @public
 */
sap.ui.core.Collision = sap.ui.base.DataType.createType('sap.ui.core.Collision', {
    isValid : function(vValue) {
      return /^((flip|fit|none)( (flip|fit|none))?)$/.test(vValue);
    }

  },
  sap.ui.base.DataType.getType('string')
);

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.Design.
jQuery.sap.declare("sap.ui.core.Design");

/**
 * @class Font design for texts
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.Design = {
  
    /**
     * Standard font 
     * @public
     */
    Standard : "Standard",

    /**
     * Mono space font 
     * @public
     */
    Monospace : "Monospace"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

// Provides data type sap.ui.core.Dock
jQuery.sap.declare('sap.ui.core.Dock');


/**
 * @class Docking position: horizontal/vertical.
 * Defines a position on the element which is used for aligned positioning of another element (e.g. the left top 
 * corner of a popup is positioned at the left bottom corner of the input field). For the horizontal position possible values 
 * are "begin", "left", "center", "right" and "end", where left/right always are left and right, or begin/end which are 
 * dependent on the text direction. For the vertical position possible values are "top", "center" and "bottom".
 * Examples: "left top", "end bottom", "center center".
 *
 * @static
 * @public
 */
sap.ui.core.Dock = sap.ui.base.DataType.createType('sap.ui.core.Dock', {
    isValid : function(vValue) {
      return /^((begin|left|center|right|end) (top|center|bottom))$/.test(vValue);
    }

  },
  sap.ui.base.DataType.getType('string')
);

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.HorizontalAlign.
jQuery.sap.declare("sap.ui.core.HorizontalAlign");

/**
 * @class Configuration options for horizontal alignments of controls
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.HorizontalAlign = {
  
    /**
     * Locale-specific positioning at the beginning of the line 
     * @public
     */
    Begin : "Begin",

    /**
     * Locale-specific positioning at the end of the line 
     * @public
     */
    End : "End",

    /**
     * Hard option for left alignment 
     * @public
     */
    Left : "Left",

    /**
     * Hard option for right alignment 
     * @public
     */
    Right : "Right",

    /**
     * Centered alignment of text 
     * @public
     */
    Center : "Center"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

// Provides data type sap.ui.core.ID
jQuery.sap.declare('sap.ui.core.ID');


/**
 * @class A string type representing an Id or a name.
 *
 * @static
 * @public
 */
sap.ui.core.ID = sap.ui.base.DataType.createType('sap.ui.core.ID', {
    isValid : function(vValue) {
      return /^([A-Za-z_][-A-Za-z0-9_.:]*)$/.test(vValue);
    }

  },
  sap.ui.base.DataType.getType('string')
);

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.IconColor.
jQuery.sap.declare("sap.ui.core.IconColor");

/**
 * @class Semantic Colors of an icon.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.IconColor = {
  
    /**
     * Default color 
     * @public
     */
    Default : "Default",

    /**
     * Positive color 
     * @public
     */
    Positive : "Positive",

    /**
     * Negative color 
     * @public
     */
    Negative : "Negative",

    /**
     * Critical color 
     * @public
     */
    Critical : "Critical"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.ImeMode.
jQuery.sap.declare("sap.ui.core.ImeMode");

/**
 * @class State of the Input Method Editor (IME) for the control. Depending on its value, it allows users to enter and edit for example Chinese characters.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.ImeMode = {
  
    /**
     * The value is automatically computed by the user agent. 
     * @public
     */
    Auto : "Auto",

    /**
     * IME is used for entering characters. 
     * @public
     */
    Active : "Active",

    /**
     * IME is not used for entering characters. 
     * @public
     */
    Inactive : "Inactive",

    /**
     * IME is disabled. 
     * @public
     */
    Disabled : "Disabled"

  };
  
/**
 * 
 *   Marker interface for controls which are suitable for use as label.
 *   
 *
 * @name sap.ui.core.Label
 * @interface
 * @public
 */

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.MessageType.
jQuery.sap.declare("sap.ui.core.MessageType");

/**
 * @class Defines the different message types of a message
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.MessageType = {
  
    /**
     * Message should be just an information 
     * @public
     */
    Information : "Information",

    /**
     * Message is a warning 
     * @public
     */
    Warning : "Warning",

    /**
     * Message is an error 
     * @public
     */
    Error : "Error",

    /**
     * Message has no specific level 
     * @public
     */
    None : "None",

    /**
     * Message is an success message 
     * @public
     */
    Success : "Success"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.OpenState.
jQuery.sap.declare("sap.ui.core.OpenState");

/**
 * @class Defines the different possible states of an element that can be open or closed and does not only toggle between these states, but also spends some time in between (e.g. because of an animation).
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.OpenState = {
  
    /**
     * Open and currently not changing states. 
     * @public
     */
    OPEN : "OPEN",

    /**
     * Closed and currently not changing states. 
     * @public
     */
    CLOSED : "CLOSED",

    /**
     * Already left the CLOSED state, is not OPEN yet, but in the process of getting OPEN. 
     * @public
     */
    OPENING : "OPENING",

    /**
     * Still open, but in the process of going to the CLOSED state. 
     * @public
     */
    CLOSING : "CLOSING"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.ScrollBarAction.
jQuery.sap.declare("sap.ui.core.ScrollBarAction");

/**
 * @class Actions are: Click on track, button, drag of thumb, or mouse wheel click
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.ScrollBarAction = {
  
    /**
     * Single step scrolling caused by clicking an arrow button or arrow key. 
     * @public
     */
    Step : "Step",

    /**
     * Range scrolling caused by clicking track area or using page up or page down key. 
     * @public
     */
    Page : "Page",

    /**
     * Scrolling done by mouse wheel 
     * @public
     */
    MouseWheel : "MouseWheel",

    /**
     * Scrolling done by dragging the scroll bar's paint thumb 
     * @public
     */
    Drag : "Drag"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.Scrolling.
jQuery.sap.declare("sap.ui.core.Scrolling");

/**
 * @class Defines the possible values for horizontal and vertical scrolling behavior.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.Scrolling = {
  
    /**
     * No scroll bar provided even if the content is larger than the available space. 
     * @public
     */
    None : "None",

    /**
     * A scroll bar is shown if the content requires more space than the given space (rectangle) provides. 
     * @public
     */
    Auto : "Auto",

    /**
     * A scroll bar is always shown even if the space is large enough for the current content. 
     * @public
     */
    Scroll : "Scroll",

    /**
     * No scroll bar is shown, and the content stays in the given rectangle. 
     * @public
     */
    Hidden : "Hidden"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.TextAlign.
jQuery.sap.declare("sap.ui.core.TextAlign");

/**
 * @class Configuration options for text alignments.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.TextAlign = {
  
    /**
     * Locale-specific positioning at the beginning of the line. 
     * @public
     */
    Begin : "Begin",

    /**
     * Locale-specific positioning at the end of the line. 
     * @public
     */
    End : "End",

    /**
     * Hard option for left alignment. 
     * @public
     */
    Left : "Left",

    /**
     * Hard option for right alignment. 
     * @public
     */
    Right : "Right",

    /**
     * Centered text alignment. 
     * @public
     */
    Center : "Center"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.TextDirection.
jQuery.sap.declare("sap.ui.core.TextDirection");

/**
 * @class Configuration options for the direction of texts.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.TextDirection = {
  
    /**
     * Specifies left-to-right text direction. 
     * @public
     */
    LTR : "LTR",

    /**
     * Specifies right-to-left text direction. 
     * @public
     */
    RTL : "RTL",

    /**
     * Inherits the direction from its parent control/container. 
     * @public
     */
    Inherit : "Inherit"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

// Provides data type sap.ui.core.URI
jQuery.sap.declare('sap.ui.core.URI');


/**
 * @class A string type that represents an RFC 3986 conformant URI.
 *
 * @static
 * @public
 */
sap.ui.core.URI = sap.ui.base.DataType.createType('sap.ui.core.URI', {
    isValid : function(vValue) {
      return /^((([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?)$/.test(vValue);
    }

  },
  sap.ui.base.DataType.getType('string')
);

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.ValueState.
jQuery.sap.declare("sap.ui.core.ValueState");

/**
 * @class Marker for the correctness of the current value.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.ValueState = {
  
    /**
     * State is not valid. 
     * @public
     */
    Error : "Error",

    /**
     * State is valid but with a warning. 
     * @public
     */
    Warning : "Warning",

    /**
     * State is valid. 
     * @public
     */
    Success : "Success",

    /**
     * State is not specified. 
     * @public
     */
    None : "None"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.VerticalAlign.
jQuery.sap.declare("sap.ui.core.VerticalAlign");

/**
 * @class
 * Configuration options for vertical alignments, for example of a layout cell content within the borders.
 * 
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.VerticalAlign = {
  
    /**
     * 
     * Content is aligned at the bottom.
     *  
     * @public
     */
    Bottom : "Bottom",

    /**
     * 
     * Content is centered vertically .
     *  
     * @public
     */
    Middle : "Middle",

    /**
     * 
     * Content is aligned at the top.
     *  
     * @public
     */
    Top : "Top"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.Wrapping.
jQuery.sap.declare("sap.ui.core.Wrapping");

/**
 * @class Configuration options for text wrapping.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.Wrapping = {
  
    /**
     * The standard browser behavior is considered for wrapping. 
     * @public
     */
    None : "None",

    /**
     * The text is actually on the same line but displayed within several lines. 
     * @public
     */
    Soft : "Soft",

    /**
     * Inserts actual line breaks in the text at the wrap point. 
     * @public
     */
    Hard : "Hard",

    /**
     * Wrapping shall not be allowed. 
     * @public
     */
    Off : "Off"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.core.mvc.ViewType.
jQuery.sap.declare("sap.ui.core.mvc.ViewType");

/**
 * @class Specifies possible view types
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.core.mvc.ViewType = {
  
    /**
     * JSON View 
     * @public
     */
    JSON : "JSON",

    /**
     * XML view 
     * @public
     */
    XML : "XML",

    /**
     * HTML view 
     * @public
     */
    HTML : "HTML",

    /**
     * JS View 
     * @public
     */
    JS : "JS"

  };
  

// -----------------------------------------------------------------------------
// Begin of Library Initialization coding, copied from shared.js
// -----------------------------------------------------------------------------

(function() {
	
	var lazy = sap.ui.lazyRequire;
	
	function each(sPackage,aClasses,sShortcutPkg) {
		for(var i=0; i<aClasses.length; i++) {
			if ( sShortcutPkg ) {
				lazy(sShortcutPkg, aClasses[i].toLowerCase(), sPackage + aClasses[i]);
			} else {
			  lazy(sPackage + aClasses[i], "new extend getMetadata");
			}
		}
	}
	
  //lazy imports for BusyIndicator
	lazy("sap.ui.core.BusyIndicator", "show hide attachOpen detachOpen attachClose detachClose");

	each("sap.ui.model.", ["Filter","Sorter","json.JSONModel","resource.ResourceModel","odata.ODataModel","xml.XMLModel"]);
	each("sap.ui.model.type.", ["Boolean","Integer","Float","String","Date","Time","DateTime"]);
	each("sap.ui.core.", ["Locale","LocaleData","mvc.Controller"]);
	each("sap.ui.core.mvc.", ["Controller", "View", "JSView", "JSONView", "XMLView", "HTMLView"], "sap.ui");

}());

}; // end of sap.ui.core.library
if ( !jQuery.sap.isDeclared('sap.ui.core.search.SearchProvider') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.search.SearchProvider.
jQuery.sap.declare("sap.ui.core.search.SearchProvider");



/**
 * Constructor for a new search/SearchProvider.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getIcon icon} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Abstract base class for all SearchProviders which can be e.g. attached to a SearchField. Do not create instances of this class, but use a concrete sub class instead.
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.search.SearchProvider
 */
sap.ui.core.Element.extend("sap.ui.core.search.SearchProvider", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"suggest"
	],

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"icon" : {type : "string", group : "Misc", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.search.SearchProvider with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.search.SearchProvider.extend
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * Icon of the Search Provider
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>icon</code>
 * @public
 * @name sap.ui.core.search.SearchProvider#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.core.search.SearchProvider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.search.SearchProvider#setIcon
 * @function
 */


/**
 * Call this function to get suggest values from the search provider. The given callback function is called with the suggest value (type 'string', 1st parameter) and an array of the suggestions (type '[string]', 2nd parameter).
 *
 * @name sap.ui.core.search.SearchProvider.prototype.suggest
 * @function
 * @param {string} 
 *         sSValue
 *         The value for which suggestions are requested.
 * @param {any} 
 *         oFCallBack
 *         The callback function which is called when the suggestions are available.

 * @type void
 * @public
 */


// Start of sap/ui/core/search/SearchProvider.js
/**
 * Call this function to get suggest values from the search provider.
 * The given callback function is called with the suggest value (type 'string', 1st parameter)
 * and an array of the suggestions (type '[string]', 2nd parameter).
 *
 * @name sap.ui.core.search.SearchProvider.prototype.suggest
 * @function
 * @param {string} sValue The value for which suggestions are requested.
 * @param {function} fCallBack The callback function which is called when the suggestions are available.
 * @type void
 * @public
 */
sap.ui.core.search.SearchProvider.prototype.suggest = function(sValue, fCallback) {
	jQuery.sap.log.warning("sap.ui.core.search.SearchProvider is the abstract base class for all SearchProviders. Do not create instances of this class, but use a concrete sub class instead.");
};

}; // end of sap.ui.core.search.SearchProvider
if ( !jQuery.sap.isDeclared('sap.ui.debug.PropertyList') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a (modifiable) list of properties for a given control
jQuery.sap.declare("sap.ui.debug.PropertyList");






/**
 * Constructs the class <code>sap.ui.debug.PropertyList</code>.
 *
 * @class HTML Property list for a <code>sap.ui.core.Control</code> in the
 * Debug Environment
 *
 * @extends sap.ui.base.EventProvider
 * @author Martin Schaus
 * @version 1.12.0
 *
 * @param {sap.ui.core.Core}
 *            oCore the core instance to use for analysis
 * @param {window}
 *            oWindow reference to the window object
 * @param {object}
 *            oParentDomRef reference to the parent DOM element
 *
 * @constructor
 * @private
 */
sap.ui.debug.PropertyList = function(oCore, oWindow, oParentDomRef) {
	sap.ui.base.EventProvider.apply(this,arguments);
	this.oWindow = oWindow;
	this.oParentDomRef = oParentDomRef;
//	this.oCore = oWindow.sap.ui.getCore();
	this.oCore = oCore;
	this.bEmbedded = top.window == oWindow; // check only with ==, not === as the test otherwise fails on IE8
	this.mProperties = {};
	var that = this;
	jQuery(oParentDomRef).bind("click",function(evt) {
		that.onclick(evt);
	})
	.bind("focusin",function(evt) {
		that.onfocus(evt);
	})
	.bind("keydown",function(evt) {
		that.onkeydown(evt);
	});
	if ( !this.bEmbedded ) {
		jQuery(oParentDomRef).bind("mouseover",function(evt) {
			that.onmouseover(evt);
		})
		.bind("mouseout",function(evt) {
			that.onmouseout(evt);
		});
	}
	//this.oParentDomRef.style.backgroundColor = "#e0e0e0";
	this.oParentDomRef.style.border = "solid 1px gray";
	this.oParentDomRef.style.padding = "2px";

};
sap.ui.debug.PropertyList.prototype = jQuery.sap.newObject(sap.ui.base.EventProvider.prototype);

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.exit = function() {
	jQuery(this.oParentDomRef).unbind();
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.update = function(oParams) {
	var sControlId = oParams.getParameter("controlId");
	this.oParentDomRef.innerHTML = "";

	var oControl = this.oCore.getElementById(sControlId);
	if (!oControl) {
		this.oParentDomRef.innerHTML = "Please select a valid control";
		return;
	}
	if(!oControl.getMetadata || !oControl.getMetadata()){
		this.oParentDomRef.innerHTML = "Control does not provide Metadata.";
		return;
	}
	this.mProperties = {};
	var oMetadata = oControl.getMetadata(),
		aHTML = [];
	aHTML.push("<span data-sap-ui-quickhelp='" + this._calcHelpId(oMetadata) + "'>Type : " + oMetadata.getName() + "</span><br >");
	aHTML.push("Id : " + oControl.getId() + "<br >");
	aHTML.push("<button id='sap-debug-propertylist-apply' sap-id='"+sControlId+"' style='border:solid 1px gray;background-color:#d0d0d0;font-size:8pt;'>Apply Changes</button>");
	if ( !this.bEmbedded ) {
		aHTML.push("<div id='sap-ui-quickhelp' style='position:fixed;display:none;padding:5px;background-color:rgb(200,220,231);border:1px solid gray;overflow:hidden'>Help</div>");
	}
	aHTML.push("<div style='border-bottom:1px solid gray'>&nbsp;</div><table cellspacing='1' style='font-size:8pt;width:100%;table-layout:fixed'>");

	while( oMetadata instanceof sap.ui.core.ElementMetadata ) {
		var mProperties = oMetadata.getProperties();
		var bHeaderCreated = false;
		if ( !jQuery.isEmptyObject(mProperties) ) {
			if ( !bHeaderCreated && oMetadata !== oControl.getMetadata() ) {
				aHTML.push("<tr><td colspan=\"2\">BaseType: ");
				aHTML.push(oMetadata.getName());
				aHTML.push("</td></tr>");
				bHeaderCreated = true;
			}
			oMetadata.getJSONKeys(); // side effect: properties are enriched with _oParent
			this.printProperties(aHTML, oControl, mProperties);
		}
		var mProperties = this.getAggregationsAsProperties(oMetadata);
		if ( !jQuery.isEmptyObject(mProperties) ) {
			if ( !bHeaderCreated && oMetadata !== oControl.getMetadata() ) {
				aHTML.push("<tr><td colspan=\"2\">BaseType: ");
				aHTML.push(oMetadata.getName());
				aHTML.push("</td></tr>");
				bHeaderCreated = true;
			}
			oMetadata.getJSONKeys(); // side effect: properties are enriched with _oParent
			this.printProperties(aHTML, oControl, mProperties);
		}
		oMetadata = oMetadata.getParent();
	}

	aHTML.push("</table>");
	this.oParentDomRef.innerHTML = aHTML.join("");
	this.mHelpDocs = {};
};

sap.ui.debug.PropertyList.prototype.getAggregationsAsProperties = function(oMetadata) {

	function isSimpleType(sType) {
		if ( !sType ) {
			return false;
		}

		if ( sType.indexOf("[]") > 0 ) {
			sType = sType.substring(sType.indexOf("[]"));
		}

		if ( sType === "boolean" || sType === "string" || sType === "int" || sType === "float" ) {
			return true;
		}

		if ( sType === "void" ) {
			return false;
		}

		// TODO check for enum

		return false;
	}

	var oResult = {};
	for(var sAggrName in oMetadata.getAggregations() ) {
		var oAggr = oMetadata.getAggregations()[sAggrName];
		if ( oAggr.altTypes && oAggr.altTypes[0] && isSimpleType(oAggr.altTypes[0]) ) {
			oResult[sAggrName] = { name : sAggrName, type : oAggr.altTypes[0], _oParent : oAggr._oParent };
		}
	}
	return oResult;

};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.printProperties = function(aHTML, oControl, mProperties, bAggregation) {
	for (var i in mProperties) {
		var sName = i,
			sType = mProperties[i].type,
			oMethod =  oControl["get" + sName];
		if (!oMethod) {
			sName = jQuery.sap.charToUpperCase(sName,0);
		}
		var oValue = oControl["get" + sName]();
		aHTML.push("<tr><td>");
		this.mProperties[sName] = sType;
		aHTML.push("<span data-sap-ui-quickhelp='", this._calcHelpId(mProperties[i]._oParent, i), "' >", sName, '</span>');
		aHTML.push("</td><td>");
		if (sType == "string" || sType == "int" || sType == "float" || jQuery.sap.endsWith(sType, "[]")) {
			var sColor='', sTitle='';
			if ( oValue === null ) {
				sColor = 'color:#a5a5a5;';
				oValue = '(null)';
			} else if ( oValue  instanceof sap.ui.core.Element ) {
				sColor = 'color:#a5a5a5;';
				if (jQuery.isArray(oValue)) {
					// array type (copied from primitive values above and modified the value to string / comma separated)
					oValue = oValue.join(", ");
				} else {
					oValue = oValue.toString();
				}
				sTitle = ' title="This aggregation currently references an Element. You can set a ' + sType +  ' value instead"';
			}
			aHTML.push("<input type='text' style='width:100%;font-size:8pt;background-color:#f5f5f5;"+sColor+"' value='"+ jQuery.sap.escapeHTML("" + oValue)+"'" + sTitle + " sap-name='"+sName+"'/>");
		} else if (sType == "boolean") {
			aHTML.push("<input type='checkbox' sap-name='"+sName+"' ");
			if (oValue == true) {
				aHTML.push("checked='checked'");
			}
			aHTML.push("/>");
		} else if (sType != "void"){
			//Enum or Custom Type
			var oEnum = jQuery.sap.getObject(sType);
			if (!oEnum || oEnum instanceof sap.ui.base.DataType) {
				aHTML.push("<input type='text' style='width:100%;font-size:8pt;background-color:#f5f5f5;' value='"+ jQuery.sap.escapeHTML("" + oValue)+"'" + sTitle + " sap-name='"+sName+"'/>");
			} else {
				aHTML.push("<select style='width:100%;font-size:8pt;background-color:#f5f5f5;' sap-name='"+sName+"'>");
				sType = sType.replace("/",".");
				for (var n in oEnum) {
					aHTML.push("<option ");
					if (n==oValue) {
						aHTML.push(" selected ");
					}
					aHTML.push("value='"+sType+"."+n+"'>");
					aHTML.push(n);
					aHTML.push("</option>");
				}
				aHTML.push("</select>");
			}
		} else {
			aHTML.push("&nbsp;");
		}
		aHTML.push("</td></tr>");
	}
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.onkeydown = function(oEvent) {
	if (oEvent.keyCode == 13) {
		this.applyChanges("sap-debug-propertylist-apply");
	}
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.onclick = function(oEvent) {
	var oSource = oEvent.srcElement || oEvent.target;
	if (oSource.id == "sap-debug-propertylist-apply") {
		this.applyChanges("sap-debug-propertylist-apply");
	}
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.onfocus = function(oEvent) {
	var oSource = oEvent.srcElement || oEvent.target;
	if (oSource.tagName === "INPUT" && oSource.getAttribute("sap-name") ) {
		if ( oSource.style.color === '#a5a5a5' /* && oSource.value === '(null)' */ ) {
			oSource.style.color = '';
			oSource.value = '';
		}
	}
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.applyChanges = function(sId) {
	var oSource = this.oParentDomRef.ownerDocument.getElementById(sId),
		sControlId = oSource.getAttribute("sap-id"),
		oControl = this.oCore.getElementById(sControlId),
		aInput = oSource.parentNode.getElementsByTagName("INPUT"),
		aSelect = oSource.parentNode.getElementsByTagName("SELECT");

	for (var i=0; i< aInput.length; i++) {
		var oInput = aInput[i],
			sName = oInput.getAttribute("sap-name");
			oMethod = oControl["set"+sName];
		if (!oMethod) {
			sName = jQuery.sap.charToUpperCase(sName,0);
		}
		if (oControl["set"+sName]) {
			var oType = sap.ui.base.DataType.getType(this.mProperties[sName]);
			var vValue = this.mProperties[sName] === "boolean" ? oInput.checked : oType.parseValue(oInput.value);
			if (oType.isValid(vValue) && vValue !== "(null)" ) {
				oControl["set"+sName](vValue);
			}
		}
	}
	for (var i=0; i< aSelect.length; i++) {
		var oSelect = aSelect[i],
			sName = oSelect.getAttribute("sap-name"),
			oMethod = oControl["set"+sName];
		if (!oMethod) {
			sName = jQuery.sap.charToUpperCase(sName,0);
		}
		var	oValue = null;
		if (oSelect.value) {
			eval("oValue = " + oSelect.value);
			oControl["set"+sName](oValue);
		}
	}
	this.oCore.applyChanges();
};

sap.ui.debug.PropertyList.prototype.showQuickHelp = function(oSource) {
	if ( this.oQuickHelpTimer ) {
		clearTimeout(this.oQuickHelpTimer);
		this.oQuickHelpTimer = undefined;
	}
	var oTooltipDomRef = this.oParentDomRef.ownerDocument.getElementById("sap-ui-quickhelp");
	if ( oTooltipDomRef ) {
		this.sCurrentHelpId = oSource.getAttribute("data-sap-ui-quickhelp");
		var oRect = jQuery(oSource).rect();
		oTooltipDomRef.style.left = (oRect.left + 40 + 10) + "px";
		oTooltipDomRef.style.top = (oRect.top - 40) + "px";
		oTooltipDomRef.style.display = 'block';
		oTooltipDomRef.style.opacity = '0.2';
		oTooltipDomRef.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=20)';
		if ( this.mHelpDocs[this.sCurrentHelpId] ) {
			this.updateQuickHelp(this.mHelpDocs[this.sCurrentHelpId], 2000);
		} else {
			oTooltipDomRef.innerHTML = "<b>Quickhelp</b> for " + this.sCurrentHelpId + " is being retrieved...";
			this.sCurrentHelpDoc = this.sCurrentHelpId;
			this.sCurrentHelpDocPart = undefined;
			if ( this.sCurrentHelpId.indexOf('#') >= 0 ) {
				this.sCurrentHelpDoc = this.sCurrentHelpId.substring(0, this.sCurrentHelpId.indexOf('#'));
				this.sCurrentHelpDocPart = this.sCurrentHelpId.substring(this.sCurrentHelpId.indexOf('#')+1);
			}
			var sUrl = this.oWindow.jQuery.sap.getModulePath(this.sCurrentHelpDoc, ".control");
			var that = this;
			jQuery.ajax({
				async: true,
				url : sUrl,
				dataType : 'xml',
				error : function(xhr,status) { that.receiveQuickHelp(undefined); },
				success : function(data) { that.receiveQuickHelp(data); }
			});
			this.oQuickHelpTimer = setTimeout(function () { that.hideQuickHelp(); }, 2000);
		}
	}
};

// ---- Quickhelp ----

sap.ui.debug.PropertyList.prototype.receiveQuickHelp = function(oDocument) {
	if ( oDocument ) {
		var oControlNode = oDocument.getElementsByTagName("control")[0];
		if ( oControlNode ) {
			// debugger;
			function get(oXMLNode, sName) {
				var result = [];
				var oCandidate = oXMLNode.firstChild;
				while ( oCandidate ) {
					if ( sName === oCandidate.nodeName ) {
						result.push(oCandidate);
					}
					oCandidate = oCandidate.nextSibling;
				};
				return result;
			};
			var aName = get(oControlNode, "name");
			var sName = '';
			if ( aName[0] ) {
				sName = aName[0].text || aName[0].textContent;
			}
			var aDocumentation = get(oControlNode, "documentation");
			if ( aDocumentation[0] ) {
				if ( sName && aDocumentation[0] ) {
					var doc=[];
					doc.push("<div style='font-size:10pt;font-weight:bold;padding:5px 0px;margin-bottom:5px;border-bottom:1px solid gray'>", sName.replace('/', '.'), "</div>");
					doc.push("<div style='padding:2px 0px;'>", aDocumentation[0].text || aDocumentation[0].textContent, "</div>");
					this.mHelpDocs[this.sCurrentHelpDoc] = doc.join("");
				}
			}
			var aProperties = get(oControlNode, "properties");
			if ( aProperties[0] ) {
				aProperties = get(aProperties[0], "property");
			}
			for(var i = 0, l = aProperties.length; i < l; i++) {
				var oProperty = aProperties[i];
				var sName = oProperty.getAttribute("name");
				var sType = oProperty.getAttribute("type") || "string";
				var sDefaultValue = oProperty.getAttribute("defaultValue") || "empty/undefined";
				var aDocumentation = get(oProperty, "documentation");
				if ( sName && aDocumentation[0] ) {
					var doc=[];
					doc.push("<div style='font-size:10pt;font-weight:bold;padding:3px 0px;margin-bottom:3px;border-bottom:1px solid gray'>", sName, "</div>");
					doc.push("<div style='padding:2px 0px;'><i><strong>Type</strong></i>: ", sType, "</div>");
					doc.push("<div style='padding:2px 0px;'>", aDocumentation[0].text || aDocumentation[0].textContent, "</div>");
					doc.push("<div style='padding:2px 0px;'><i><strong>Default Value</strong></i>: ", sDefaultValue, "</div>");
					this.mHelpDocs[this.sCurrentHelpDoc + "#" + sName] = doc.join("");
				}
			};
			var aProperties = get(oControlNode, "aggregations");
			if ( aProperties[0] ) {
				aProperties = get(aProperties[0], "aggregation");
			}
			for(var i = 0, l = aProperties.length; i < l; i++) {
				var oProperty = aProperties[i];
				var sName = oProperty.getAttribute("name");
				var sType = oProperty.getAttribute("type") || "sap.ui.core/Control";
				var sDefaultValue = oProperty.getAttribute("defaultValue") || "empty/undefined";
				var aDocumentation = get(oProperty, "documentation");
				if ( sName && aDocumentation[0] && !this.mHelpDocs[this.sCurrentHelpDoc + "#" + sName]) {
					var doc=[];
					doc.push("<div style='font-size:10pt;font-weight:bold;padding:3px 0px;margin-bottom:3px;border-bottom:1px solid gray'>", sName, "</div>");
					doc.push("<div style='padding:2px 0px;'><i><strong>Type</strong></i>: ", sType, "</div>");
					doc.push("<div style='padding:2px 0px;'>", aDocumentation[0].text || aDocumentation[0].textContent, "</div>");
					doc.push("<div style='padding:2px 0px;'><i><strong>Default Value</strong></i>: ", sDefaultValue, "</div>");
					this.mHelpDocs[this.sCurrentHelpDoc + "#" + sName] = doc.join("");
				}
			};
		}
		if ( this.mHelpDocs[this.sCurrentHelpId] ) {
			this.updateQuickHelp(this.mHelpDocs[this.sCurrentHelpId], 2000);
		}
		else {
			this.updateQuickHelp(undefined, 0);
		}
	} else {
		this.updateQuickHelp(undefined, 0);
	};
};

sap.ui.debug.PropertyList.prototype.updateQuickHelp = function(sNewContent, iTimeout) {
	if ( this.oQuickHelpTimer ) {
		clearTimeout(this.oQuickHelpTimer);
		this.oQuickHelpTimer = undefined;
	}
	var oTooltipDomRef = this.oParentDomRef.ownerDocument.getElementById("sap-ui-quickhelp");
	if ( oTooltipDomRef ) {
		if ( !sNewContent ) {
			oTooltipDomRef.innerHTML = "<i>No quick help...</i>";;
			oTooltipDomRef.style.display = 'none';
		} else {
			oTooltipDomRef.innerHTML = sNewContent;
			var that = this;
			this.oQuickHelpTimer = setTimeout(function () { that.hideQuickHelp(); }, iTimeout);
		}
	}
};

sap.ui.debug.PropertyList.prototype.hideQuickHelp = function() {
	var oTooltipDomRef = this.oParentDomRef.ownerDocument.getElementById("sap-ui-quickhelp");
	if ( oTooltipDomRef ) {
		oTooltipDomRef.style.display = 'none';
	}
	this.bMovedOverTooltip = false;
};

sap.ui.debug.PropertyList.prototype._calcHelpId = function(oMetadata, sName) {
	var sHelpId = oMetadata.getName();
	if ( sName ) {
		sHelpId = sHelpId + "#" + sName;
	}
	return sHelpId;
};

sap.ui.debug.PropertyList.prototype._isChildOfQuickHelp = function(oDomRef) {
	while ( oDomRef ) {
		if ( oDomRef.id === "sap-ui-quickhelp" ) {
			return true;
		}
		oDomRef = oDomRef.parentNode;
	};
	return false;
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.onmouseover = function(oEvent) {
	var oSource = oEvent.srcElement || oEvent.target;
	if ( this._isChildOfQuickHelp(oSource) ) {
		// if the user enteres the tooltip with the mouse, we don't close it automatically
		if ( this.oQuickHelpTimer ) {
			clearTimeout(this.oQuickHelpTimer);
			this.oQuickHelpTimer = undefined;
		}
		this.bMovedOverTooltip = true;
		var oTooltipDomRef = this.oParentDomRef.ownerDocument.getElementById("sap-ui-quickhelp");
		if ( oTooltipDomRef ) {
			oTooltipDomRef.style.opacity = '';
			oTooltipDomRef.style.filter = '';
		};
	} else if ( oSource.getAttribute("data-sap-ui-quickhelp") ) {
		this.showQuickHelp(oSource);
	};
};

/**
 * TODO: missing internal JSDoc... @author please update
 * @private
 */
sap.ui.debug.PropertyList.prototype.onmouseout = function(oEvent) {
	var oSource = oEvent.srcElement || oEvent.target;
	if ( this._isChildOfQuickHelp(oSource) ) {
		if ( this.oQuickHelpTimer ) {
			clearTimeout(this.oQuickHelpTimer);
			this.oQuickHelpTimer = undefined;
		}
		this.bMovedOverTooltip = false;
		var that = this;
		this.oQuickHelpTimer = setTimeout(function () { that.hideQuickHelp(); }, 50);
	} else if (oSource.getAttribute("data-sap-ui-quickhelp")) {
		if ( this.oQuickHelpTimer ) {
			clearTimeout(this.oQuickHelpTimer);
			this.oQuickHelpTimer = undefined;
		}
		if ( !this.bMovedOverTooltip ) {
			var that = this;
			this.oQuickHelpTimer = setTimeout(function () { that.hideQuickHelp(); }, 800);
		};
	}
};
}; // end of sap.ui.debug.PropertyList
if ( !jQuery.sap.isDeclared('sap.ui.core.CustomData') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.CustomData.
jQuery.sap.declare("sap.ui.core.CustomData");



/**
 * Constructor for a new CustomData.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getKey key} : string</li>
 * <li>{@link #getValue value} : any</li>
 * <li>{@link #getWriteToDom writeToDom} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Contains a single key/value pair of custom data attached to an Element. See method data().
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.CustomData
 */
sap.ui.core.Element.extend("sap.ui.core.CustomData", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"key" : {type : "string", group : "Data", defaultValue : null},
		"value" : {type : "any", group : "Data", defaultValue : null},
		"writeToDom" : {type : "boolean", group : "Data", defaultValue : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.CustomData with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.CustomData.extend
 * @function
 */


/**
 * Getter for property <code>key</code>.
 * The key of the data in this CustomData object.
 * When the data is just stored, it can be any string, but when it is to be written to HTML (writeToDom == true) then it must also be a valid HTML attribute name (it must conform to the sap.ui.core.ID type and may contain no colon) to avoid collisions, it also may not start with "sap-ui". When written to HTML, the key is prefixed with "data-".
 * If any restriction is violated, a warning will be logged and nothing will be written to the DOM.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>key</code>
 * @public
 * @name sap.ui.core.CustomData#getKey
 * @function
 */

/**
 * Setter for property <code>key</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sKey  new value for property <code>key</code>
 * @return {sap.ui.core.CustomData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.CustomData#setKey
 * @function
 */


/**
 * Getter for property <code>value</code>.
 * The data stored in this CustomData object.
 * When the data is just stored, it can be any JS type, but when it is to be written to HTML (writeToDom == true) then it must be a string.
 * If this restriction is violated, a warning will be logged and nothing will be written to the DOM.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {any} the value of property <code>value</code>
 * @public
 * @name sap.ui.core.CustomData#getValue
 * @function
 */

/**
 * Setter for property <code>value</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {any} oValue  new value for property <code>value</code>
 * @return {sap.ui.core.CustomData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.CustomData#setValue
 * @function
 */


/**
 * Getter for property <code>writeToDom</code>.
 * If set to "true" and the value is of type "string" and the key conforms to the documented restrictions, this custom data is written to the HTML root element of the control as a "data-*" attribute.
 * If the key is "abc" and the value is "cde", the HTML will look as follows:
 * &lt;SomeTag ... data-abc="cde" ... &gt;
 * Thus the application can provide stable attributes by data binding which can be used for styling or identification purposes.
 * ATTENTION: use carefully to not create huge attributes or a large number of them.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>writeToDom</code>
 * @public
 * @since 1.9.0
 * @name sap.ui.core.CustomData#getWriteToDom
 * @function
 */

/**
 * Setter for property <code>writeToDom</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bWriteToDom  new value for property <code>writeToDom</code>
 * @return {sap.ui.core.CustomData} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.0
 * @name sap.ui.core.CustomData#setWriteToDom
 * @function
 */


// Start of sap/ui/core/CustomData.js

}; // end of sap.ui.core.CustomData
if ( !jQuery.sap.isDeclared('sap.ui.core.EnabledPropagator') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides helper sap.ui.core.EnabledPropagator
jQuery.sap.declare("sap.ui.core.EnabledPropagator");


/**
 * @class Helper Class for enhancement of a Control with propagation of enabled property.
 *
 * <b>This constructor should be applied to the prototype of a control</b>
 *
 * Example:
 * <code>
 * sap.ui.core.EnabledPropagator.call(<i>Some-Control</i>.prototype, <i>Default-value, ...</i>);
 * </code>
 * e.g.
 * <code>
 * sap.ui.core.EnabledPropagator.call(sap.ui.commons.Button.prototype);
 * </code>
 *
 * @author Daniel Brinkmann
 * @version 1.12.0
 * @param {boolean} [bDefault=true] the value that should be used as default value for the enhancement of the control.
 * @param {boolean} [bLegacy=false] whether the introduced property should use the old name 'Enabled' 
 * @public
 */
sap.ui.core.EnabledPropagator = function(bDefault, bLegacy) {
	// Ensure only Controls are enhanced
	if (!(this instanceof sap.ui.core.Control)) {
		throw new Error("EnabledPropagator only supports subclasses of Control"); // TODO clarify why. Daniel has added this check, but it is not obvious why?
	}

	// default for the default
	if ( bDefault === undefined ) {
		bDefault = true;
	}

	// helper to find a parent that has a getEnabled() method 
	function findParentWithEnabled(/**sap.ui.core.Control*/oControl) {
		var oParent = oControl.getParent();
		while (oParent && !oParent.getEnabled && oParent.getParent) {
			oParent = oParent.getParent();
		}
		return oParent;
	}
	
	// Ensure not to overwrite existing implementations.
	if (this.getEnabled === undefined) {
		// set some default
		this.getEnabled = function() {
			var oParent = findParentWithEnabled(this);
			return (oParent && oParent.getEnabled && !oParent.getEnabled()) ? false : this.getProperty("enabled");
		};

		if ( bLegacy ) {
			// add Enabled with old spelling for compatibility reasons. Shares the getter and setter with new spelling. 
			this.getMetadata().addProperty("Enabled", {type : "boolean", group : "Behavior", defaultValue :  !!bDefault});
		}
		this.getMetadata().addProperty("enabled", {type : "boolean", group : "Behavior", defaultValue :  !!bDefault});
		this.getMetadata().addPublicMethods('getEnabled');

	} else {
		// 
		var fnOld = this.getEnabled;
		this.getEnabled = function() {
			var oParent = findParentWithEnabled(this);
			return (oParent && oParent.getEnabled && !oParent.getEnabled()) ? false : fnOld.apply(this);
		};
	}

	if (this.setEnabled === undefined) {
		this.setEnabled = function(bEnabled) {
			this.setProperty("enabled", bEnabled);
		};

		this.getMetadata().addPublicMethods('setEnabled');
	}
};

}; // end of sap.ui.core.EnabledPropagator
if ( !jQuery.sap.isDeclared('sap.ui.core.HTML') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.HTML.
jQuery.sap.declare("sap.ui.core.HTML");



/**
 * Constructor for a new HTML.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getContent content} : string</li>
 * <li>{@link #getPreferDOM preferDOM} : boolean (default: true)</li>
 * <li>{@link #getSanitizeContent sanitizeContent} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.core.HTML#event:afterRendering afterRendering} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Embeds standard HTML in a SAPUI5 control tree.
 * @extends sap.ui.core.Control
 *
 * @author Frank Weigel 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.HTML
 */
sap.ui.core.Control.extend("sap.ui.core.HTML", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"content" : {type : "string", group : "Misc", defaultValue : null},
		"preferDOM" : {type : "boolean", group : "Misc", defaultValue : true},
		"sanitizeContent" : {type : "boolean", group : "Misc", defaultValue : false}
	},
	events : {
		"afterRendering" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.HTML with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.HTML.extend
 * @function
 */

sap.ui.core.HTML.M_EVENTS = {'afterRendering':'afterRendering'};


/**
 * Getter for property <code>content</code>.
 * HTML content to be displayed, defined as a string. The content is converted to DOM nodes with a call to <code>new jQuery(content)</code>, so any restrictions for the jQuery constructor apply to the content of the HTML control as well.
 * 
 * Some of these restrictions (there might be others!) are:
 * <ul>
 * <li>the content must be enclosed in tags, pure text is not supported. </li>
 * <li>if the content contains script tags, they will be executed but they will not appear in the resulting DOM tree. When the contained code tries to find the corresponding script tag, it will fail.</li>
 * </ul>
 * 
 * Please consider to consult the jQuery documentation as well.
 * 
 * The HTML control currently doesn't prevent the usage of multiple root nodes in its DOM content (e.g. setContent("<div/><div/>")), but this is not a guaranteed feature. The accepted content might be restricted to single root nodes in future versions. To notify applications about this fact, a warning is written in the log when multiple root nodes are used.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>content</code>
 * @public
 * @name sap.ui.core.HTML#getContent
 * @function
 */

/**
 * Setter for property <code>content</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sContent  new value for property <code>content</code>
 * @return {sap.ui.core.HTML} <code>this</code> to allow method chaining
 * @public
 * @SecSink {,XSS} The content of the 'content' property is rendered 1:1 to allow the full flexibility of HTML in UI5 applications. 
		Applications therefore must ensure, that they don't set malicious content (e.g. derived from user input). UI5 does not provide an HTML validation function. 
		jQuery.sap.encodeHTML will encode any HTML relevant character, but this is in nearly all cases not what applications want here.
 * @name sap.ui.core.HTML#setContent
 * @function
 */


/**
 * Getter for property <code>preferDOM</code>.
 * Whether existing DOM content is preferred over the given content string.
 * 
 * There are two scenarios where this flag is relevant (when set to true):
 * <ul>
 * <li>for the initial rendering: when an HTML control is added to an UIArea for the first time and if the root node of that UIArea contained DOM content with the same id as the HTML control, then that content will be used for rendering instead of any specified string content</li>
 * <li>any follow-up rendering: when an HTML control is rendered for the second or any later time and the preferDOM flag is set, then the DOM from the first rendering is preserved and not replaced by the string content</li>
 * </ul>
 * 
 * As preserving the existing DOM is the most common use case of the HTML control, the default value is true.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>preferDOM</code>
 * @public
 * @name sap.ui.core.HTML#getPreferDOM
 * @function
 */

/**
 * Setter for property <code>preferDOM</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bPreferDOM  new value for property <code>preferDOM</code>
 * @return {sap.ui.core.HTML} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.HTML#setPreferDOM
 * @function
 */


/**
 * Getter for property <code>sanitizeContent</code>.
 * Whether to run the HTML sanitizer once the content (HTML markup) is applied or not. To configure allowed URLs please use the whitelist API via jQuery.sap.addUrlWhitelist.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>sanitizeContent</code>
 * @public
 * @name sap.ui.core.HTML#getSanitizeContent
 * @function
 */

/**
 * Setter for property <code>sanitizeContent</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bSanitizeContent  new value for property <code>sanitizeContent</code>
 * @return {sap.ui.core.HTML} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.HTML#setSanitizeContent
 * @function
 */


/**
 * Fired after the HTML control has been rendered. Allows to manipulate the resulting DOM.
 * 
 * When the control doesn't have string content and no preserved DOM existed for this control, then this event will fire, but there won't be a DOM node for this control.
 *  
 *
 * @name sap.ui.core.HTML#afterRendering
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {boolean} oControlEvent.getParameters.isPreservedDOM Whether the current DOM of the control has been preserved (true) or not (e.g. rendered from content property or it is an empty HTML control).
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'afterRendering' event of this <code>sap.ui.core.HTML</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.core.HTML</code>.<br/> itself. 
 *  
 * Fired after the HTML control has been rendered. Allows to manipulate the resulting DOM.
 * 
 * When the control doesn't have string content and no preserved DOM existed for this control, then this event will fire, but there won't be a DOM node for this control.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.core.HTML</code>.<br/> itself.
 *
 * @return {sap.ui.core.HTML} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.HTML#attachAfterRendering
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'afterRendering' event of this <code>sap.ui.core.HTML</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.core.HTML} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.HTML#detachAfterRendering
 * @function
 */

/**
 * Fire event afterRendering to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'isPreservedDOM' of type <code>boolean</code> Whether the current DOM of the control has been preserved (true) or not (e.g. rendered from content property or it is an empty HTML control).</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.HTML} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.core.HTML#fireAfterRendering
 * @function
 */


// Start of sap/ui/core/HTML.js
/**
 * @return {DOMNode} The element's DOM reference or null
 * @public
 */
sap.ui.core.HTML.prototype.getDomRef = function() {
	return jQuery.sap.domById("sap-ui-dummy-" + this.getId()) || jQuery.sap.domById(this.getId());
};

sap.ui.core.HTML.prototype.setContent = function(sContent) {
	
	if ( this.getSanitizeContent() ) {
		jQuery.sap.log.trace("sanitizing HTML content for " + this);
		sContent = jQuery.sap._sanitizeHTML(sContent);
	}

	this.setProperty("content", sContent, true);
	if ( /* sContent && */ this.getDomRef() ) {
		var $newContent = new jQuery(this.getContent()); // TODO what if content is not HTML (e.g. #something)?
		jQuery(this.getDomRef()).replaceWith($newContent);
		this._postprocessNewContent($newContent);
	} else {
		this.invalidate();
	}
	return this;
};


sap.ui.core.HTML.prototype.onBeforeRendering = function() {
	if(this.getPreferDOM() && this.getDomRef() && !sap.ui.core.RenderManager.isPreservedContent(this.getDomRef())){
		sap.ui.core.RenderManager.preserveContent(this.getDomRef(), /* bPreserveRoot */ true, /* bPreserveNodesWithId */ false);
	}
};


/**
 * If the HTML doesn't contain own content, it tries to reproduce existing content
 */
sap.ui.core.HTML.prototype.onAfterRendering = function() {

	var $placeholder = jQuery(jQuery.sap.domById("sap-ui-dummy-" + this.getId()));
	var $oldContent = sap.ui.core.RenderManager.findPreservedContent(this.getId());
	var $newContent = undefined;
	var isPreservedDOM = false;
	if ( /*this.getContent() && */ (!this.getPreferDOM() || $oldContent.size() == 0) ) {
		// remove old, preserved content
		$oldContent.remove();
		// replace placeholder with content string
		$newContent = new jQuery(this.getContent()); // TODO what if content is not HTML (e.g. #something)?
		$placeholder.replaceWith($newContent);
	} else if ( $oldContent.size() > 0 ) {
		// replace dummy with old content
		$placeholder.replaceWith($oldContent);
		$newContent = $oldContent;
		isPreservedDOM = true;
	} else {
		$placeholder.remove();
	}

	this._postprocessNewContent($newContent);

	this.fireAfterRendering({isPreservedDOM : isPreservedDOM});

};

sap.ui.core.HTML.prototype._postprocessNewContent = function($newContent) {
	if ( $newContent && $newContent.size() > 0 ) {
		if ( $newContent.length > 1 ) {
			jQuery.sap.log.warning("[Unsupported Feature]: " + this + " has rendered " + $newContent.length + " root nodes!");
		}else{
			var sContentId = $newContent.attr("id");
			if(sContentId && sContentId != this.getId()){
				jQuery.sap.log.warning("[Unsupported Feature]: Id of HTML Control '" + this.getId() + "' does not match with content id '"+sContentId+"'!");
			}
		}

		// set a marker that identifies all root nodes in $newContent as 'to-be-preserved'
		sap.ui.core.RenderManager.markPreservableContent($newContent, this.getId());
		// and if no node has the control id, search the first without an id and set it
		if ( $newContent.find("#" + this.getId().replace(/(:|\.)/g,'\\$1')).length === 0 ) {
			$newContent.filter(":not([id])").first().attr("id", this.getId());
		}
	} else {
		jQuery.sap.log.debug("" + this + " is empty after rendering, setting bOutput to false");
		this.bOutput = false; // clean up internal rendering bookkeeping
	}
};

/**
 * Sets some new DOM content for this HTML control. The content will replace the existing content
 * after the next rendering. Properties are not modified, but preferDOM should be set to true.
 *
 * @param {DOMNode} oDom the new DOM content
 * @return this for chaining
 * @public
 */
sap.ui.core.HTML.prototype.setDOMContent = function(oDom) {
	var $newContent = jQuery(oDom);
	if ( this.getDomRef() ) {
		jQuery(this.getDomRef()).replaceWith($newContent);
		this._postprocessNewContent($newContent);
	} else {
		$newContent.appendTo(sap.ui.core.RenderManager.getPreserveAreaRef());
		if ( this.getUIArea() ) {
			this.getUIArea().invalidate();
		} // TODO fix issue with Control.rerender()
		this._postprocessNewContent($newContent); // CHECK is it okay to set bOutput to false for empty content?
	}

	return this;
};


}; // end of sap.ui.core.HTML
if ( !jQuery.sap.isDeclared('sap.ui.core.Icon') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.Icon.
jQuery.sap.declare("sap.ui.core.Icon");



/**
 * Constructor for a new Icon.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getSrc src} : sap.ui.core.URI</li>
 * <li>{@link #getSize size} : sap.ui.core.CSSSize</li>
 * <li>{@link #getColor color} : string</li>
 * <li>{@link #getHoverColor hoverColor} : string</li>
 * <li>{@link #getActiveColor activeColor} : string</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getBackgroundColor backgroundColor} : string</li>
 * <li>{@link #getHoverBackgroundColor hoverBackgroundColor} : string</li>
 * <li>{@link #getActiveBackgroundColor activeBackgroundColor} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.core.Icon#event:press press} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Icon uses embeded font instead of pixel image. Comparing to image, Icon is easily scalable, color can be altered live and various effects can be added using css.
 * 
 * A set of built in Icons is available and they can be fetched by calling sap.ui.core.IconPool.getIconURI and set this value to the src property on the Icon.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.11.1
 * @name sap.ui.core.Icon
 */
sap.ui.core.Control.extend("sap.ui.core.Icon", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"src" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"size" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null},
		"color" : {type : "string", group : "Misc", defaultValue : null},
		"hoverColor" : {type : "string", group : "Misc", defaultValue : null},
		"activeColor" : {type : "string", group : "Misc", defaultValue : null},
		"width" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null},
		"height" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null},
		"backgroundColor" : {type : "string", group : "Misc", defaultValue : null},
		"hoverBackgroundColor" : {type : "string", group : "Misc", defaultValue : null},
		"activeBackgroundColor" : {type : "string", group : "Misc", defaultValue : null}
	},
	events : {
		"press" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.Icon with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.Icon.extend
 * @function
 */

sap.ui.core.Icon.M_EVENTS = {'press':'press'};


/**
 * Getter for property <code>src</code>.
 * This property should be set by the return value of calling sap.ui.core.IconPool.getIconURI with a Icon name parameter and an optional collection parameter which is required when using application extended Icons. A list of standard FontIcon is available here.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>src</code>
 * @public
 * @name sap.ui.core.Icon#getSrc
 * @function
 */

/**
 * Setter for property <code>src</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sSrc  new value for property <code>src</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setSrc
 * @function
 */


/**
 * Getter for property <code>size</code>.
 * Since Icon uses font, this property will be applied to the css font-size property on the rendered DOM element.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>size</code>
 * @public
 * @name sap.ui.core.Icon#getSize
 * @function
 */

/**
 * Setter for property <code>size</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sSize  new value for property <code>size</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setSize
 * @function
 */


/**
 * Getter for property <code>color</code>.
 * The color of the Icon. If color is not defined here, the Icon inherits the color from its DOM parent.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>color</code>
 * @public
 * @name sap.ui.core.Icon#getColor
 * @function
 */

/**
 * Setter for property <code>color</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sColor  new value for property <code>color</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setColor
 * @function
 */


/**
 * Getter for property <code>hoverColor</code>.
 * This color is shown when icon is hovered. This property has no visual effect when run on mobile device.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>hoverColor</code>
 * @public
 * @name sap.ui.core.Icon#getHoverColor
 * @function
 */

/**
 * Setter for property <code>hoverColor</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sHoverColor  new value for property <code>hoverColor</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setHoverColor
 * @function
 */


/**
 * Getter for property <code>activeColor</code>.
 * This color is shown when icon is pressed/activated by the user.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>activeColor</code>
 * @public
 * @name sap.ui.core.Icon#getActiveColor
 * @function
 */

/**
 * Setter for property <code>activeColor</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sActiveColor  new value for property <code>activeColor</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setActiveColor
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * This is the width of the DOM element which contains the Icon. Setting this property doesn't affect the size of the font. If you want to make the font bigger, increase the size property.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.core.Icon#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * This is the height of the DOM element which contains the Icon. Setting this property doesn't affect the size of the font. If you want to make the font bigger, increase the size property.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.core.Icon#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setHeight
 * @function
 */


/**
 * Getter for property <code>backgroundColor</code>.
 * Background color of the Icon in normal state.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>backgroundColor</code>
 * @public
 * @name sap.ui.core.Icon#getBackgroundColor
 * @function
 */

/**
 * Setter for property <code>backgroundColor</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sBackgroundColor  new value for property <code>backgroundColor</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setBackgroundColor
 * @function
 */


/**
 * Getter for property <code>hoverBackgroundColor</code>.
 * Background color for Icon in hover state. This property has no visual effect when run on mobile device.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>hoverBackgroundColor</code>
 * @public
 * @name sap.ui.core.Icon#getHoverBackgroundColor
 * @function
 */

/**
 * Setter for property <code>hoverBackgroundColor</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sHoverBackgroundColor  new value for property <code>hoverBackgroundColor</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setHoverBackgroundColor
 * @function
 */


/**
 * Getter for property <code>activeBackgroundColor</code>.
 * Background color for Icon in active state.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>activeBackgroundColor</code>
 * @public
 * @name sap.ui.core.Icon#getActiveBackgroundColor
 * @function
 */

/**
 * Setter for property <code>activeBackgroundColor</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sActiveBackgroundColor  new value for property <code>activeBackgroundColor</code>
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#setActiveBackgroundColor
 * @function
 */


/**
 * This event is fired when icon is pressed/activated by the user. 
 *
 * @name sap.ui.core.Icon#press
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'press' event of this <code>sap.ui.core.Icon</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.core.Icon</code>.<br/> itself. 
 *  
 * This event is fired when icon is pressed/activated by the user. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.core.Icon</code>.<br/> itself.
 *
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#attachPress
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'press' event of this <code>sap.ui.core.Icon</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Icon#detachPress
 * @function
 */

/**
 * Fire event press to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.Icon} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.core.Icon#firePress
 * @function
 */


// Start of sap/ui/core/Icon.js


(function(){
	var bTouchModeOff = (jQuery.sap.touchEventMode === "OFF"),
		sActiveEventName = (bTouchModeOff ? "onmousedown" : "ontouchstart"),
		sClickEventName = (bTouchModeOff ? "onclick" : "ontap");
	
	/**
	 * This binds to the mousedown/touchstart event to change the color and background color to the active values.
	 * @private
	 *
	 */
	sap.ui.core.Icon.prototype[sActiveEventName] = function(oEvent){
		//for control who need to know if they should handle events from the image control
		//TODO: here may also be relevant to the bTouchModeOff
		if(oEvent.srcControl.mEventRegistry["press"] || oEvent.srcControl.mEventRegistry["tap"]){
			oEvent.originalEvent._sapui_handledByControl = true;
		}
		var sActiveColor = this.getActiveColor(),
			sActiveBackgroundColor = this.getActiveBackgroundColor(),
			$this;
		if(sActiveColor || sActiveBackgroundColor){
			//change the source only when the first finger is on the Icon, the following fingers doesn't affect
			if((oEvent.targetTouches && oEvent.targetTouches.length === 1) || !oEvent.targetTouches){
				$this = this.$();
				
				$this.addClass("sapUiIconActive");
				
				if(sActiveColor){
					$this.css("color", sActiveColor);
				}
				
				if(sActiveBackgroundColor){
					$this.css("background-color", sActiveBackgroundColor);
				}
				
				this._isActiveState = true;
				if(!this._touchEndProxy){
					this._touchEndProxy = jQuery.proxy(this._ontouchend, this);
				}
				
				if(!jQuery.support.touch){
					//binding to document when runs in desktop browser
					//here also bound to the mouseup event to enable it working in desktop browsers
					jQuery(window.document).bind("mouseup", this._touchEndProxy);
				}else{
					//binding to the image itself when runs in mobile device
					//Galaxy Note (4.0.4) can't bubble the touchend event to document
					this.$().bind("touchcancel touchend", this._touchEndProxy);
				}
			}
		}
	};
	
	sap.ui.core.Icon.prototype[sClickEventName] = function(oEvent){
		this.firePress({/* no parameters */});
	};
	
	if(bTouchModeOff){
		sap.ui.core.Icon.prototype.onmouseover = function(oEvent){
			var sHoverColor = this.getHoverColor(),
				sHoverBackgroundColor = this.getHoverBackgroundColor(),
				$this = this.$();
				
			if(sHoverColor){
				$this.css("color", sHoverColor);
			}
			if(sHoverBackgroundColor){
				$this.css("background-color", sHoverBackgroundColor);
			}
		};
		
		sap.ui.core.Icon.prototype.onmouseout = function(oEvent){
			if(!this._isActiveState){
				this._restoreColors();
			}
		};
	}
}());

/**
 * This changes the src property of the image back to the src property of the image control.
 * @private
 *
 */
sap.ui.core.Icon.prototype._ontouchend = function(oEvent){
	//change the source back only when all fingers leave the icon
	if((oEvent.targetTouches && oEvent.targetTouches.length === 0) || !oEvent.targetTouches){
		this._isActiveState = false;
		
		this.$().removeClass("sapUiIconActive");
		
		this._restoreColors();
		
		if(!jQuery.support.touch){
			jQuery(window.document).unbind("mouseup", this._touchEndProxy);
		}else{
			this.$().unbind("touchcancel touchend", this._touchEndProxy);
		}
	}
};

sap.ui.core.Icon.prototype._restoreColors = function(){	
	this.$().css({
		"color": this.getColor() || "",
		"background-color": this.getBackgroundColor() || ""
	});
};

sap.ui.core.Icon.prototype.setSrc = function(sSrc){
	this.setProperty("src", sSrc, true);
	var oIconInfo = sap.ui.core.IconPool.getIconInfo(sSrc),
		bTextNeeded = (jQuery.browser.msie && jQuery.browser.fVersion < 9),
		$this = this.$();
	if(oIconInfo){
		$this.css("font-family", oIconInfo.fontFamily);
		if(bTextNeeded){
			$this.text(oIconInfo.content);
		}else{
			$this.attr("data-sap-ui-icon-content", oIconInfo.content);
		}
		
	}
};

sap.ui.core.Icon.prototype.setWidth = function(sWidth){
	this.setProperty("width", sWidth, true);
	this.$().css("width", sWidth);
};

sap.ui.core.Icon.prototype.setHeight = function(sHeight){
	this.setProperty("height", sHeight, true);
	this.$().css({
		"height": sHeight,
		"line-height": sHeight
	});
};

sap.ui.core.Icon.prototype.setSize = function(sSize){
	this.setProperty("size", sSize, true);
	this.$().css("font-size", sSize);
};

sap.ui.core.Icon.prototype.setColor = function(sColor){
	this.setProperty("color", sColor, true);
	this.$().css("color", sColor);
};

sap.ui.core.Icon.prototype.setActiveColor = function(sColor){
	this.setProperty("activeColor", sColor, true);
};

sap.ui.core.Icon.prototype.setHoverColor = function(sColor){
	this.setProperty("hoverColor", sColor, true);
};

sap.ui.core.Icon.prototype.setBackgroundColor = function(sColor){
	this.setProperty("backgroundColor", sColor, true);
	this.$().css("background-color", sColor);
};

sap.ui.core.Icon.prototype.setActiveBackgroundColor = function(sColor){
	this.setProperty("activeBackgroundColor", sColor, true);
};

sap.ui.core.Icon.prototype.setHoverBackgroundColor = function(sColor){
	this.setProperty("hoverBackgroundColor", sColor, true);
};
}; // end of sap.ui.core.Icon
if ( !jQuery.sap.isDeclared('sap.ui.core.Item') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.Item.
jQuery.sap.declare("sap.ui.core.Item");



/**
 * Constructor for a new Item.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string (default: "")</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getTextDirection textDirection} : sap.ui.core.TextDirection (default: sap.ui.core.TextDirection.Inherit)</li>
 * <li>{@link #getKey key} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A control base type.
 * 
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.Item
 */
sap.ui.core.Element.extend("sap.ui.core.Item", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"text" : {type : "string", group : "Misc", defaultValue : ""},
		"enabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"textDirection" : {type : "sap.ui.core.TextDirection", group : "Misc", defaultValue : sap.ui.core.TextDirection.Inherit},
		"key" : {type : "string", group : "Data", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.Item with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.Item.extend
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * The text to be displayed for the item.
 *
 * Default value is <code>""</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.core.Item#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is <code>""</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.core.Item} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Item#setText
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Enabled items can be selected.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.core.Item#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.core.Item} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Item#setEnabled
 * @function
 */


/**
 * Getter for property <code>textDirection</code>.
 * Options are RTL and LTR. Alternatively, an item can inherit its text direction from its parent control.
 *
 * Default value is <code>Inherit</code>
 *
 * @return {sap.ui.core.TextDirection} the value of property <code>textDirection</code>
 * @public
 * @name sap.ui.core.Item#getTextDirection
 * @function
 */

/**
 * Setter for property <code>textDirection</code>.
 *
 * Default value is <code>Inherit</code> 
 *
 * @param {sap.ui.core.TextDirection} oTextDirection  new value for property <code>textDirection</code>
 * @return {sap.ui.core.Item} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Item#setTextDirection
 * @function
 */


/**
 * Getter for property <code>key</code>.
 * Can be used as input for subsequent actions.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>key</code>
 * @public
 * @name sap.ui.core.Item#getKey
 * @function
 */

/**
 * Setter for property <code>key</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sKey  new value for property <code>key</code>
 * @return {sap.ui.core.Item} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Item#setKey
 * @function
 */


// Start of sap/ui/core/Item.js

}; // end of sap.ui.core.Item
if ( !jQuery.sap.isDeclared('sap.ui.core.LayoutData') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.LayoutData.
jQuery.sap.declare("sap.ui.core.LayoutData");



/**
 * Constructor for a new LayoutData.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A layout data base type.
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.LayoutData
 */
sap.ui.core.Element.extend("sap.ui.core.LayoutData", { metadata : {

	// ---- object ----
	"abstract" : true,

	// ---- control specific ----
	library : "sap.ui.core"
}});


/**
 * Creates a new subclass of class sap.ui.core.LayoutData with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.LayoutData.extend
 * @function
 */


// Start of sap/ui/core/LayoutData.js
sap.ui.core.LayoutData.prototype.invalidate = function() {
	//No call of Element.invalidate to avoid bubbling of invalidate
	var oParent = this.getParent();

	if(oParent && oParent.getMetadata().getName() == "sap.ui.core.VariantLayoutData"){
		// layout is part of a VariantLayout - so use parent of this one
		oParent = oParent.getParent();
	}

	if(oParent){
		var oLayout = oParent.getParent();
		if(oLayout){
			var oEvent = jQuery.Event("LayoutDataChange");
			oEvent.srcControl = oParent;
			oLayout._handleEvent(oEvent);
		}
	}
};

sap.ui.core.LayoutData.prototype.setLayoutData = function(oLayoutData) {

	// as LayoutData on LayoutData makes no sense just ignore it.
	return this;

};

}; // end of sap.ui.core.LayoutData
if ( !jQuery.sap.isDeclared('sap.ui.core.ListItem') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.ListItem.
jQuery.sap.declare("sap.ui.core.ListItem");



/**
 * Constructor for a new ListItem.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getIcon icon} : string</li>
 * <li>{@link #getAdditionalText additionalText} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Item#constructor sap.ui.core.Item}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * An item that is used in lists or list-similar controls such as DropdownBox, for example.
 * The element foresees the usage of additional texts displayed in a second column.
 * 
 * @extends sap.ui.core.Item
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.ListItem
 */
sap.ui.core.Item.extend("sap.ui.core.ListItem", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"icon" : {type : "string", group : "Appearance", defaultValue : null},
		"additionalText" : {type : "string", group : "Data", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.ListItem with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.ListItem.extend
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * The icon belonging to this list item instance.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>icon</code>
 * @public
 * @name sap.ui.core.ListItem#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.core.ListItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ListItem#setIcon
 * @function
 */


/**
 * Getter for property <code>additionalText</code>.
 * Some additional text of type string, optionally to be displayed along with this item.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>additionalText</code>
 * @public
 * @name sap.ui.core.ListItem#getAdditionalText
 * @function
 */

/**
 * Setter for property <code>additionalText</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAdditionalText  new value for property <code>additionalText</code>
 * @return {sap.ui.core.ListItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ListItem#setAdditionalText
 * @function
 */


// Start of sap/ui/core/ListItem.js

}; // end of sap.ui.core.ListItem
if ( !jQuery.sap.isDeclared('sap.ui.core.LocalBusyIndicator') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.LocalBusyIndicator.
jQuery.sap.declare("sap.ui.core.LocalBusyIndicator");



/**
 * Constructor for a new LocalBusyIndicator.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100px')</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize (default: '100px')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The LocalBusyIndicator is a special version of the
 * BusyIndicator. This one doesn't block the whole screen - it just
 * blocks the corresponding control and puts a local animation over the
 * control. To use the functionality of this control the corresponding
 * control needs to be enabled via the 'LocalBusyIndicatorSupport'
 * accordingly to the ListBox control (see the init-function of the
 * ListBox).
 * 
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.11.0
 * @name sap.ui.core.LocalBusyIndicator
 */
sap.ui.core.Control.extend("sap.ui.core.LocalBusyIndicator", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : '100px'},
		"height" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : '100px'}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.LocalBusyIndicator with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.LocalBusyIndicator.extend
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * This property is the width of the control that has to
 * be covered. With this width the position of the animation can be
 * properly set.
 * 
 *
 * Default value is <code>100px</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.core.LocalBusyIndicator#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100px</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.core.LocalBusyIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.LocalBusyIndicator#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * This property is the height of the control that has to
 * be covered. With this height the position of the animation can be
 * properly set.
 * 
 *
 * Default value is <code>100px</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.core.LocalBusyIndicator#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is <code>100px</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.core.LocalBusyIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.LocalBusyIndicator#setHeight
 * @function
 */


// Start of sap/ui/core/LocalBusyIndicator.js


(function() {
	sap.ui.core.LocalBusyIndicator.prototype.init = function() {
		var sRoot = "sap.ui.core.LocalBusyIndicator:";

		var sParam = "sapUiLocalBusyIndicatorBoxSize";
		sParam = sap.ui.core.theming.Parameters.get(sRoot + sParam);
		// this._iBoxSize = parseInt(sParam, 10);
		this._iBoxSize = 8;

		sParam = "sapUiLocalBusyIndicatorBoxColor";
		this._sBoxColor = sap.ui.core.theming.Parameters.get(sRoot + sParam);

		sParam = "sapUiLocalBusyIndicatorBoxColorActive";
		this._sBoxColorActive = sap.ui.core.theming.Parameters.get(sRoot + sParam);

		this._animateProxy = jQuery.proxy(fnAnimate, this);
	};

	sap.ui.core.LocalBusyIndicator.prototype.exit = function() {
		jQuery.sap.clearDelayedCall(this._delayedCallId);
		delete this._delayedCallId;
	};

	sap.ui.core.LocalBusyIndicator.prototype.onThemeChanged = function(oEvent) {
		this.invalidate();
	};

	sap.ui.core.LocalBusyIndicator.prototype.onAfterRendering = function() {
		var w = parseInt(this.getWidth(), 10);
		var h = parseInt(this.getHeight(), 10);

		var $this = this.$();
		$this.css("width", w + "px");
		$this.css("height", h + "px");

		var sId = this.getId();
		var $animation = jQuery.sap.byId(sId + "-animation");

		var left = Math.floor(w / 2);
		left -= Math.floor((5 * this._iBoxSize) / 2);

		var top = Math.floor(h / 2) - Math.floor(this._iBoxSize / 2);

		$animation.css("left", left + "px");
		$animation.css("top", top + "px");

		if (!this._$left) {
			this._$left = jQuery.sap.byId(sId + "-leftBox");
		}
		if (!this._$middle) {
			this._$middle = jQuery.sap.byId(sId + "-middleBox");
		}
		if (!this._$right) {
			this._$right = jQuery.sap.byId(sId + "-rightBox");
		}

		this._delayedCallId = jQuery.sap.delayedCall(0, this, this._animateProxy);
	};

	var fnAnimate = function() {
		if (this.getDomRef()) {
			var oThis = this;
			var $left, $middle, $right;
			var color = "", colorActive = "";

			/*
			 * All this steps ensure that the control won't crash if during an
			 * animation the control was destroyed.
			 */
			if (oThis._$left) {
				$left = oThis._$left;
			} else {
				return;
			}
			if (oThis._$middle) {
				$middle = oThis._$middle;
			} else {
				return;
			}
			if (oThis._$right) {
				$right = oThis._$right;
			} else {
				return;
			}
			if (oThis._sBoxColor) {
				color = oThis._sBoxColor;
			} else {
				return;
			}
			if (oThis._sBoxColorActive) {
				colorActive = oThis._sBoxColorActive;
			} else {
				return;
			}

			$left.css("background-color", colorActive);

			setTimeout(function() {
				$left.css("background-color", color);

				$middle.css("background-color", colorActive);

				setTimeout(function() {
					$middle.css("background-color", color);

					$right.css("background-color", colorActive);

					setTimeout(function() {
						$right.css("background-color", color);
					}, 150);
				}, 150);
			}, 150);

			delete oThis;
			delete $left, $middle, $right;
			delete color, colorActive;

			this._delayedCallId = jQuery.sap.delayedCall(1200, this, this._animateProxy);
		}
	};
}());
}; // end of sap.ui.core.LocalBusyIndicator
if ( !jQuery.sap.isDeclared('sap.ui.core.Message') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.Message.
jQuery.sap.declare("sap.ui.core.Message");



/**
 * Constructor for a new Message.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getTimestamp timestamp} : string</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getLevel level} : sap.ui.core.MessageType (default: sap.ui.core.MessageType.None)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This element used to provide messages. Rendering must be done within the control that uses this kind of element.
 * 
 * Its default level is none.
 * @extends sap.ui.core.Element
 *
 * @author SAP 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.Message
 */
sap.ui.core.Element.extend("sap.ui.core.Message", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getDefaultIcon"
	],

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"text" : {type : "string", group : "Misc", defaultValue : null},
		"timestamp" : {type : "string", group : "Misc", defaultValue : null},
		"icon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"level" : {type : "sap.ui.core.MessageType", group : "Misc", defaultValue : sap.ui.core.MessageType.None}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.Message with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.Message.extend
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * Message text
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.core.Message#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.core.Message} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Message#setText
 * @function
 */


/**
 * Getter for property <code>timestamp</code>.
 * Message's timestamp. It is just a simple String that will be used without any transformation. So the application that uses messages needs to format the timestamp to its own needs.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>timestamp</code>
 * @public
 * @name sap.ui.core.Message#getTimestamp
 * @function
 */

/**
 * Setter for property <code>timestamp</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTimestamp  new value for property <code>timestamp</code>
 * @return {sap.ui.core.Message} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Message#setTimestamp
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * A possible icon URI of the message
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.core.Message#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.core.Message} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Message#setIcon
 * @function
 */


/**
 * Getter for property <code>level</code>.
 * Setting the message's level.
 *
 * Default value is <code>sap.ui.core.MessageType.None</code>
 *
 * @return {sap.ui.core.MessageType} the value of property <code>level</code>
 * @public
 * @name sap.ui.core.Message#getLevel
 * @function
 */

/**
 * Setter for property <code>level</code>.
 *
 * Default value is <code>sap.ui.core.MessageType.None</code> 
 *
 * @param {sap.ui.core.MessageType} oLevel  new value for property <code>level</code>
 * @return {sap.ui.core.Message} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.Message#setLevel
 * @function
 */


/**
 * Returns the icon's default URI depending on given size. There are default icons for messages available that can be used this way. If no parameter is given the size will be 16x16 per default. If larger icons are needed the parameter "32x32" might be given.
 *
 * @name sap.ui.core.Message.prototype.getDefaultIcon
 * @function
 * @param {string} 
 *         sSize
 *         If parameter is not set the default icon's size will be 16x16. If parameter is set to "32x32" the icon size will be 32x32.

 * @type sap.ui.core.URI
 * @public
 */


// Start of sap/ui/core/Message.js

/**
 * This file defines behavior for the control,
 */
sap.ui.core.Message.prototype.getDefaultIcon = function(sSize) {
	var sModulePath = jQuery.sap.getModulePath("sap.ui.core", '/');
	var sTheme = "themes/" + sap.ui.getCore().getConfiguration().getTheme();

	var sImagesPath = "/img/message/";
	if (sSize && sSize == "32x32") {
		sImagesPath += "32x32/";
	} else {
		sImagesPath += "16x16/";
	}
	var sUrl = "";

	switch (this.getProperty("level")) {
	case sap.ui.core.MessageType.Error:
		sUrl = sModulePath + sTheme + sImagesPath + "Message_Icon_Error.png";
		break;

	case sap.ui.core.MessageType.Information:
		sUrl = sModulePath + sTheme + sImagesPath
				+ "Message_Icon_Information.png";
		break;

	case sap.ui.core.MessageType.Warning:
		sUrl = sModulePath + sTheme + sImagesPath + "Message_Icon_Warning.png";
		break;

	case sap.ui.core.MessageType.Success:
		sUrl = sModulePath + sTheme + sImagesPath + "Message_Icon_Success.png";
		break;

	case sap.ui.core.MessageType.None:
	default:
		sUrl = this.getProperty("icon");
		break;
	}

	return sUrl;
};

/**
 * See sap.ui.core.Message.compare
 * @public
 */
sap.ui.core.Message.prototype.compareByType = function(oOther) {
	sap.ui.core.Message.compareByType(this, oOther);
};

/**
 * Compares a given message with <strong>this</strong> message. The types of
 * {sap.ui.core.MessageType} is ordered from "Error" > "Warning" > "Success" >
 * "Information" > "None".
 * 
 * @static
 * @public
 * @param {sap.ui.core.Message}
 *            a message to compare with
 * @return {sap.ui.core.int} returns <strong>0</strong> if both messages are at
 *         the same level. <strong>-1</strong> if <strong>this</strong>
 *         message has a lower level. <strong>1</strong> if <strong>this</strong>
 *         message has a higher level.
 */
sap.ui.core.Message.compareByType = function(oMessage1, oMessage2) {
	if (!oMessage1 && !oMessage2) {
		return 0;
	}
	if (oMessage1 && !oMessage2) {
		return 1;
	}
	if (!oMessage1 && oMessage2) {
		return -1;
	}

	var sLvl1 = oMessage1.getLevel();
	var sLvl2 = oMessage2.getLevel();
	var t = sap.ui.core.MessageType;

	if (sLvl1 === sLvl2) {
		return 0;
	}

	switch (sLvl1) {
	case t.Error:
		return 1;

	case t.Warning:
		return sLvl2 === t.Error ? -1 : 1;

	case t.Success:
		return sLvl2 === t.Error || sLvl2 === t.Warning ? -1 : 1;

	case t.Information:
		return sLvl2 === t.None ? 1 : -1;

	case t.None:
		return -1;

	default:
		jQuery.sap.log.error("Comparison error", this);
		return 0;
	}
};
}; // end of sap.ui.core.Message
if ( !jQuery.sap.isDeclared('sap.ui.core.Popup') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides helper class sap.ui.core.Popup
jQuery.sap.declare("sap.ui.core.Popup");








/**
 * Creates an instance of <code>sap.ui.core.Popup</code> that can be used to open controls as a Popup,
 * visually appearing in front of other controls.
 *
 * @class Popup Class is a helper class for controls that want themselves or
 * parts of themselves or even other aggregated or composed controls
 * or plain HTML content to popup on the screen like menues, dialogs, drop down boxes.
 *
 * It allows the controls to be aligned to other dom elements
 * using the {@link sap.ui.core.Popup#dock} method. With it you can define where
 * the popup should be docked. One can dock the popup to the top bottom left or right side
 * of a dom ref.
 *
 * In the case that the popup has no space to show itself in the view port
 * of the current window it tries to open itself to
 * the inverted direction.
 *
 * @param {sap.ui.core.Control | sap.ui.core.Element | DOMNode} oContent the content to render in the popup. In case of sap.ui.core.Element or DOMNode, the content must be present in the page (i.e. rendered). In case of sap.ui.core.Control, the Popup ensures rendering before opening.
 * @param {boolean} [bModal=false] whether the popup should be opened in a modal way (i.e. with blocking background). Setting this to "true" effectively blocks all attempts to focus content outside the modal popup. A modal popup also automatically sets the focus back to whatever was focused when the popup opened.
 * @param {boolean} [bShadow=true] whether the popup should be have a visual shadow underneath (shadow appearance depends on active theme and browser support)
 * @param {boolean} [bAutoClose=false] whether the popup should automatically close when the focus moves out of the popup
 *
 * @constructor
 * @public
 */
sap.ui.core.Popup = function (oContent, bModal, bShadow, bAutoClose) {
	jQuery.sap.assert(arguments.length == 0 || (oContent && typeof oContent === "object"), "oContent must be an object or there may be no arguments at all");
	jQuery.sap.assert((bModal === undefined || bModal === true || bModal === false), "bModal must be true, false, or undefined");
	jQuery.sap.assert((bShadow === undefined || bShadow === true || bShadow === false), "bShadow must be true, false, or undefined");
	jQuery.sap.assert((bAutoClose === undefined || bAutoClose === true || bAutoClose === false), "bAutoClose must be true, false, or undefined");

	sap.ui.base.EventProvider.apply(this);
	
	this._id = jQuery.sap.uid(); // internal ID to make event handlers unique

	this.bOpen = false; // true exactly if the Popup is opening, open, or closing
	this.eOpenState = sap.ui.core.OpenState.CLOSED;
	if (oContent) {
		this.setContent(oContent);
	}

	this._oPosition = {my: sap.ui.core.Popup.Dock.CenterCenter, at: sap.ui.core.Popup.Dock.CenterCenter, of:document, offset:"0 0", collision:"flip"};
	this._bModal = !!bModal;
	this._oPreviousFocus = null;
	this._sInitialFocusId = null;
	this._bShadow = typeof(bShadow) === "boolean" ? bShadow : true;
	this._bAutoClose = !!bAutoClose;
	this._aAutoCloseAreas;
	this._animations = {open: null, close: null};
	this._durations = {open: "fast", close: "fast"};
	this._iZIndex = -1;
	this._oBlindLayer = null;
	
	//autoclose handler for mobile or desktop browser in touch mode
	//this function needs to be put onto the instance other than the prototype because functions on the prototype are treated as same function and can't be bound twice.
	if(this.touchEnabled){
		this._fAutoCloseHandler = function(oEvent){
			// call the close handler only when it's fully opened
			// this also prevents calling close while closing
			if(this.eOpenState !== sap.ui.core.OpenState.OPEN){
				return;
			}
			var oDomNode = oEvent.target,
				oPopupDomNode = this._$().get(0),
				oParentDomNode = this._oLastPosition.of === document ? null : this._oLastPosition.of,
				bInsidePopup = jQuery.contains(oPopupDomNode, oDomNode),
				bInsideParent = oParentDomNode ? jQuery.contains(oParentDomNode, oDomNode) : false,
				bInsideAutoCloseAreas = false;
				
			if(this._aAutoCloseAreas){
				for (var i = 0; i < this._aAutoCloseAreas.length; i++) {
					if(jQuery.contains(this._aAutoCloseAreas[i], oDomNode)){
						bInsideAutoCloseAreas = true;
						break;
					}
				}
			}
				
			if(!(bInsidePopup || bInsideParent || bInsideAutoCloseAreas)){
				this.close();
			}
		};
	}
};

sap.ui.core.Popup._activateBlindLayer = true;

// stack used for storing z-indices for blocklayer
sap.ui.core.Popup.blStack = [];

// this should be capable of raising event etc and thus uses EventProvider
sap.ui.core.Popup.prototype = jQuery.sap.newObject(sap.ui.base.EventProvider.prototype);

sap.ui.base.Object.defineClass("sap.ui.core.Popup", {
		// ---- object ----
		baseType : "sap.ui.base.EventProvider",
		publicMethods : ["open", "close", "setContent", "getContent", "setPosition", "setShadow", "setModal", "setAutoClose", "isOpen", "getOpenState", "setAnimations", "setDurations", "attachOpened", "attachClosed", "detachOpened", "detachClosed"]
	});

sap.ui.core.Popup.M_EVENTS = {opened:'opened',closed:'closed'};

/**
 * Enumeration providing options for docking of some element to another.
 * "Right" and "Left" will stay the same in RTL mode, but "Begin" and "End" will flip to the other side ("Begin" is "Right" in RTL).
 *
 * @static
 * @namespace
 * @public
 */
sap.ui.core.Popup.Dock = {
		/**
		 * @public
		 */
		BeginTop      : "begin top",
		/**
		 * @public
		 */
		BeginCenter   : "begin center",
		/**
		 * @public
		 */
		BeginBottom   : "begin bottom",
		/**
		 * @public
		 */
		LeftTop      : "left top",
		/**
		 * @public
		 */
		LeftCenter   : "left center",
		/**
		 * @public
		 */
		LeftBottom   : "left bottom",
		/**
		 * @public
		 */
		CenterTop    : "center top",
		/**
		 * @public
		 */
		CenterCenter : "center center",
		/**
		 * @public
		 */
		CenterBottom : "center bottom",
		/**
		 * @public
		 */
		RightTop     : "right top",
		/**
		 * @public
		 */
		RightCenter  : "right center",
		/**
		 * @public
		 */
		RightBottom  : "right bottom",
		/**
		 * @public
		 */
		EndTop     : "end top",
		/**
		 * @public
		 */
		EndCenter  : "end center",
		/**
		 * @public
		 */
		EndBottom  : "end bottom"
};

/**
 * This property changes how the autoClose behaves on the Popup. When it's set to true, the Popup will be closed when tap outside of the Popup. Otherwise it will close as soon as the focus leaves the Popup.
 * 
 * The default value of this property is true when running in touchable environments.
 * 
 * @static
 * @type {boolean}
 * @private
 */
sap.ui.core.Popup.prototype.touchEnabled = (jQuery.sap.touchEventMode !== "OFF");

/**
 * This property changes how focus handling works. When it's set to true, focus will be restored after Popup is closed to the previous focused element before Popup is open. Otherwise, this function is disabled.
 * 
 * By default, the focus is restored only in non-touch environments.
 * 
 * @static
 * @type {boolean}
 * @private
 */
sap.ui.core.Popup.prototype.restoreFocus = (jQuery.sap.touchEventMode === "OFF");

/**
 * This property also changes how focus handling works. When it's set to true, focus will be done to the first focusable element in the Popup after Popup is open. Otherwise, this function is disabled.
 * 
 * By default, focusing on the first focusable elements in popup content is only enabled in non-touch environments.
 * 
 * @static
 * @type {boolean}
 * @private
 */
sap.ui.core.Popup.prototype.focusOnPopup = (jQuery.sap.touchEventMode === "OFF");

//****************************************************
// Event handlers
//****************************************************

/**
 * Attach event-handler <code>fnFunction</code> to the 'opened' event of this <code>sap.ui.core.Popup</code>.<br/>
 *
 * Event is fired when the popup has completely opened (after any animation).
 *
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present)
 * @param {object}
 *            [oListener] object on which to call the given function.
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.attachOpened = function(fnFunction, oListener) {
	this.attachEvent("opened", fnFunction, oListener);
	return this;
};

/**
 * Attach event-handler <code>fnFunction</code> to the 'closed' event of this <code>sap.ui.core.Popup</code>.<br/>
 *
 * Event is fired when the popup has completely closed (after any animation).
 *
 *
 * @param {function}
 *            fnFunction The function to call when the popup has completely closed (after any animation).
 * @param {object}
 *            [oListener] object on which to call the given function.
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.attachClosed = function(fnFunction, oListener) {
	this.attachEvent("closed", fnFunction, oListener);
	return this;
};

/**
 * Detach event handler <code>fnFunction</code> from the 'opened' event of this <code>sap.ui.core.Popup</code>.<br/>
 *
 * @param {function}
 *            fnFunction The function to call when the popup has completely opened (after any animation).
 * @param {object}
 *            oListener (optional) The object, that wants to be notified, when the event occurs
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.detachOpened = function(fnFunction, oListener) {
	this.detachEvent("opened", fnFunction, oListener);
	return this;
};

/**
 * Detach event handler <code>fnFunction</code> from the 'closed' event of this <code>sap.ui.core.Popup</code>.<br/>
 *
 * @param {function}
 *            fnFunction The function to call when the popup has completely closed (after any animation).
 * @param {object}
 *            oListener (optional) The object, that wants to be notified, when the event occurs
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.detachClosed = function(fnFunction, oListener) {
	this.detachEvent("closed", fnFunction, oListener);
	return this;
};


//****************************************************
// BlindLayer et al
//****************************************************
/**
 * @class
 * @private
 */
sap.ui.core.Popup.BlindLayer = function() {
	this._$Ref = jQuery("<div class=\"sapUiBliLy\" id=\"sap-ui-blindlayer-" + jQuery.sap.uid() + "\"><iframe scrolling=\"no\" src=\"javascript:''\"	tabIndex=\"-1\"></iframe></div>");
	this._$Ref.appendTo(sap.ui.getCore().getStaticAreaRef());
};
sap.ui.core.Popup.BlindLayer.prototype = jQuery.sap.newObject(sap.ui.base.Object.prototype);
/**
 *
 * @param oRef
 * @param iZIndex
 * @private
 */
sap.ui.core.Popup.BlindLayer.prototype.init = function(/** jQuery */oRef, iZIndex) {
	this._$Ref
		.css("visibility", "visible")
		.css("z-index", iZIndex);
	this.update(oRef, iZIndex);
	this._$Ref.insertAfter(oRef).show();
};
/**
 * @protected
 */
sap.ui.core.Popup.BlindLayer.prototype.update = function(/** jQuery */oRef, iZIndex){
	var oRect = oRef.rect();
	this._$Ref
		.css("left", oRect.left)
		.css("top", oRect.top);
	
	if(oRef.css("right") != "auto" && oRef.css("right") != "inherit"){
		this._$Ref
			.css("right", oRef.css("right"))
			.css("width", "auto");
	}else{
		this._$Ref
			.css("width", oRect.width)
			.css("right", "auto");
	}
	if(oRef.css("bottom") != "auto" && oRef.css("bottom") != "inherit"){
		this._$Ref
			.css("bottom", oRef.css("bottom"))
			.css("height", "auto");
	}else{
		this._$Ref
			.css("height", oRect.height)
			.css("bottom", "auto");
	}

	if(typeof(iZIndex) === "number") {
		this._$Ref.css("z-index", iZIndex);
	}
};
sap.ui.core.Popup.BlindLayer.prototype.reset = function(){
	this._$Ref
		.hide()
		.css("visibility", "hidden")
		.appendTo(sap.ui.getCore().getStaticAreaRef());
};
/**
 * Facility for reuse of created iframes.
 * @type sap.ui.base.ObjectPool
 * @private
 */
sap.ui.core.Popup.prototype.oBlindLayerPool = new sap.ui.base.ObjectPool(sap.ui.core.Popup.BlindLayer);

// End of BlindLayer


// Begin of Popup-Stacking facilities
(function() {
	var iLastZIndex = 0;

	/**
	 * Returns the last z-index that has been handed out. does not increase the internal z-index counter.
	 *
	 * @returns {Number}
	 * @public
	 */
	sap.ui.core.Popup.getLastZIndex = function(){
		return iLastZIndex;
	};

	/**
	 * Returns the last z-index that has been handed out. does not increase the internal z-index counter.
	 *
	 * @returns {Number}
	 * @public
	 */
	sap.ui.core.Popup.prototype.getLastZIndex = function(){
		return sap.ui.core.Popup.getLastZIndex();
	};

	/**
	 * Returns the next available z-index on top of the existing/previous popups. Each call increases the internal z-index counter and the returned z-index.
	 *
	 * @returns {Number} the next z-index on top of the Popup stack
	 * @public
	 */
	sap.ui.core.Popup.getNextZIndex = function(){
		return (iLastZIndex += 10);
	};

	/**
	 * Returns the next available z-index on top of the existing/previous popups. Each call increases the internal z-index counter and the returned z-index.
	 *
	 * @returns {Number} the next z-index on top of the Popup stack
	 * @public
	 */
	sap.ui.core.Popup.prototype.getNextZIndex = function(){
		return sap.ui.core.Popup.getNextZIndex();
	};
}());
// End of Popup-Stacking facilites



/**
 * Opens the popup's content at the position either specified here or beforehand via {@link #setPosition}.
 * Content must be capable of being positioned via "position:absolute;"
 * All parameters are optional (open() may be called without any parameters). iDuration may just be omitted, but if any of "at", "of", "offset", "collision" is given, also the preceding positioning parameters ("my", at",...) must be given.
 *
 * If the Popup's OpenState is different from "CLOSED" (i.e. if the Popup is already open, opening or closing), the call is ignored.
 *
 * @param {int} [iDuration] animation duration in milliseconds; default is the jQuery preset "fast". For iDuration == 0 the opening happens synchronously without animation.
 * @param {sap.ui.core.Popup.Dock} [my=sap.ui.core.Popup.Dock.CenterCenter] the popup content's reference position for docking
 * @param {sap.ui.core.Popup.Dock} [at=sap.ui.core.Popup.Dock.CenterCenter] the "of" element's reference point for docking to
 * @param {DOMNode|sap.ui.core.Element} [of=document] the DOM element or control to dock to
 * @param {string} [offset="0 0"] the offset relative to the docking point, specified as a string with space-separated pixel values (e.g. "0 10" to move the popup 10 pixels to the right). If the docking of both "my" and "at" are both RTL-sensitive ("begin" or "end"), this offset is automatically mirrored in the RTL case as well.
 * @param {string} [collision="flip"] defines how the position of an element should be adjusted in case it overflows the window in some direction.
 * @param {boolean} [followOf=false] defines whether the popup should follow the dock reference when the reference changes its position.
 * @public
 */
sap.ui.core.Popup.prototype.open = function(iDuration, my, at, of, offset, collision, followOf) {
	jQuery.sap.assert(this.oContent, "Popup content must have been set by now");
	// other asserts follow after parameter shifting

	if(this.eOpenState != sap.ui.core.OpenState.CLOSED) {
		return;
	}

	this.eOpenState = sap.ui.core.OpenState.OPENING;

	// If the content is a control and has no parent, add it to the static UIArea.
	// This makes automatic rerendering after invalidation work.
	// When the popup closes, the content is removed again from the static UIArea.
	this._bContentAddedToStatic = false;
	if ( this.oContent instanceof sap.ui.core.Control && !this.oContent.getParent() ) {
		var oStatic = sap.ui.getCore().getStaticAreaRef();
		oStatic = sap.ui.getCore().getUIArea(oStatic);
		oStatic.addContent(this.oContent, true);
		this._bContentAddedToStatic = true;
	}
	
	// the content needs to be connected with a UIArea to make sure that it works properly
	// this could not be the case when returning e.g. a Thing Inspector as content of a view
	if(this.oContent instanceof sap.ui.core.Element && (!this.oContent.getUIArea || this.oContent.getUIArea() !== null)) {
		jQuery.sap.log.warning("The Popup content is already connected with an UIArea and may not work properly!");
	}

	// iDuration is optional... if not given:
	if (typeof(iDuration) == "string") {
		followOf = collision;
		collision = offset;
		offset = of;
		of = at;
		at = my;
		my = iDuration;
		iDuration = -1;
	}

	// if no arguments are passed iDuration has to be set to -1
	if (iDuration === undefined) {
		iDuration = -1;
	}

	// all other parameters must be given if any subsequent parameter is given, hence no more shifting
	// now every parameter should be in the right variable

	jQuery.sap.assert(iDuration === -1 || (typeof iDuration === "number" && iDuration % 1 == 0), "iDuration must be an integer (or omitted)"); // omitted results in -1
	jQuery.sap.assert(my === undefined || typeof my === "string", "my must be a string or empty");
	jQuery.sap.assert(at === undefined || typeof at === "string", "at must be a string or empty");
	jQuery.sap.assert(!of || typeof of === "object" || typeof of === "function", "of must be empty or an object");
	jQuery.sap.assert(!offset || typeof offset === "string", "offset must be empty or a string");
	jQuery.sap.assert(!collision || typeof collision === "string", "collision must be empty or a string");

	// disable for mobile or desktop browser in touch mode
	if(this.restoreFocus){
		// save current focused element to restore the focus after closing
		this._oPreviousFocus = sap.ui.core.Popup.getCurrentFocusInfo();
	}

	var $Ref = this._$(true);
	var iRealDuration = "fast";
	if((iDuration === 0) || (iDuration > 0)) {
		iRealDuration = iDuration;
	} else if ((this._durations.open === 0) || (this._durations.open > 0)) {
		iRealDuration = this._durations.open;
	}

	// Ensure right position is used for this call
	var _oPosition = {
			"my": my || this._oPosition.my,
			"at": at || this._oPosition.at,
			"of": of || this._oPosition.of || document,
			"offset": offset || this._oPosition.offset,
			"collision": collision || this._oPosition.collision
		};
	this._iZIndex = this._iZIndex === this.getLastZIndex() ? this._iZIndex : this.getNextZIndex();

	var oStaticArea = sap.ui.getCore().getStaticAreaRef();
	$Ref.css("position", "absolute").css("visibility", "hidden");
	
	if(!($Ref[0].parentNode == oStaticArea)) { // do not move in DOM if not required - otherwise this destroys e.g. the RichTextEditor
		$Ref.appendTo(oStaticArea);
	}
	$Ref.css("z-index", this._iZIndex);

	jQuery.sap.log.debug("position popup content " + $Ref.attr("id") + " at " + (window.JSON ? JSON.stringify(_oPosition.at) : String(_oPosition.at)));
	this._applyPosition(_oPosition);
	
	//Remeber the custom follow of handler: TODO Make this public?
	this._followOfHandler = (typeof(followOf) === "function") ? followOf : null;

	var that = this;
	var fnOpened = function() {
		$Ref.css("display","block");
		
		//disabled for mobile or desktop browser in touch mode
		if(that.focusOnPopup){
			// in modal and auto-close case the focus needs to be in the popup; provide this generic implementation as helper, but users can change the focus in the "opened" event handler
			if (that._bModal || that._bAutoClose || that._sInitialFocusId) {
				var domRefToFocus = null;
				if (that._sInitialFocusId) {
					var control = sap.ui.getCore().byId(that._sInitialFocusId);
					if (control) {
						domRefToFocus = control.getFocusDomRef();
					}
					domRefToFocus = domRefToFocus || jQuery.sap.domById(that._sInitialFocusId);
				}

				jQuery.sap.focus(domRefToFocus || $Ref.firstFocusableDomRef());
			}
		}

		that.eOpenState = sap.ui.core.OpenState.OPEN;
		
		if(followOf === true || typeof(followOf) === "function"){
			sap.ui.core.Popup.DockTrigger.addListener(sap.ui.core.Popup.checkDocking, that);
		}

		// notify that opening has completed
		if (jQuery.browser.msie && jQuery.browser.version == '9.0') {
			jQuery.sap.delayedCall(0,that,function(){
				that.fireEvent(sap.ui.core.Popup.M_EVENTS.opened);
			});
		} else {
			that.fireEvent(sap.ui.core.Popup.M_EVENTS.opened);
		}
		
		//autoclose implementation for mobile or desktop browser in touch mode
		if(that.touchEnabled && !that._bModal && that._bAutoClose){
			jQuery(document).bind("vmousedown", jQuery.proxy(that._fAutoCloseHandler, that));
		}

	};

	// and show the popup content
	$Ref.toggleClass("sapUiShd", this._bShadow).hide().css("visibility", "visible");
	if (iRealDuration == 0) { // do not animate if there is a duration == 0
		fnOpened.apply(); // otherwise call after-opening functions directly
	} else {
		if (this._animations.open) { // if custom animation is defined, call it
			this._animations.open.call(null, $Ref, iRealDuration, fnOpened);
		} else { // otherwise play the default animation
			$Ref.fadeIn(iRealDuration, fnOpened);
		}
	}

	// get (and 'show' i.e. activate) the BlindLayer
	if(jQuery.browser.msie && sap.ui.core.Popup._activateBlindLayer) {
		this._oBlindLayer = this.oBlindLayerPool.borrowObject($Ref, this._iZIndex - 1);
	} // -1 = BlindLayer, -2 = BlockLayer

	if(this._bModal) {
		this._showBlockLayer();
	}

	// add Delegate to hosted content for handling of events (e.g. onfocusin)
	if(this.oContent instanceof sap.ui.core.Element) {
		this.oContent.addDelegate(this);
	}

	this.bOpen = true;
	
	//disabled for mobile or desktop browser in touch mode
	if(!this.touchEnabled){
		if (this._bModal || this._bAutoClose) { // initialize focus handling
			this.fEventHandler = jQuery.proxy(this.onFocusEvent, this);
			// make sure to notice all blur's in the popup
			var jPopupRoot = $Ref;//this._$();
			if(document.addEventListener) { //FF, Safari
				document.addEventListener("focus", this.fEventHandler, true);
				jPopupRoot.get(0).addEventListener("blur", this.fEventHandler, true);
				if (this._aAutoCloseAreas) {
					for (var i = 0; i < this._aAutoCloseAreas.length; i++) {
						this._aAutoCloseAreas[i].addEventListener("blur", this.fEventHandler, true);
					}
				}
			} else { // IE8
				jQuery(document).bind("activate." + this._id, this.fEventHandler);
				jPopupRoot.bind("deactivate." + this._id, this.fEventHandler);
				if (this._aAutoCloseAreas) {
					for (var i = 0; i < this._aAutoCloseAreas.length; i++) {
						jQuery(this._aAutoCloseAreas[i]).bind("deactivate." + this._id, this.fEventHandler);
					}
				}
			}
		}
	}
	
	//  register resize handler for blindlayer resizing
	if(this._oBlindLayer) {
		this._resizeListenerId = sap.ui.core.ResizeHandler.register(this._$().get(0), jQuery.proxy(this.onresize, this));
	}
};



/**
 * Handles the focus/blur events.
 *
 * @param oBrowserEvent the browser event
 * @private
 */
sap.ui.core.Popup.prototype.onFocusEvent = function(oBrowserEvent) {
	var oEvent = jQuery.event.fix(oBrowserEvent);
	var type = (oEvent.type == "focus" || oEvent.type == "activate") ? "focus" : "blur";

	if (type=="focus") {
		var oDomRef = this._$().get(0);
		if (oDomRef) {
			var contains = (oDomRef == oEvent.target) || (jQuery.contains(oDomRef, oEvent.target));

			// if focus does not go into the popup, check any other areas belonging to it
			if (!contains && this._aAutoCloseAreas) {
				for (var i = 0; i < this._aAutoCloseAreas.length; i++) {
					contains = (this._aAutoCloseAreas[i] == oEvent.target) || (jQuery.contains(this._aAutoCloseAreas[i], oEvent.target));
					if (contains) {
						break;
					}
				}
			}
			jQuery.sap.log.debug("focus event on " + oEvent.target.id + ", contains: " + contains);

			if (this._bModal && !contains) { // case: modal popup and focus has gone somewhere else in the document
				// The popup is modal, but the focus has moved to a part of the document that is NOT inside the popup
				// check whether this modal popup is the topmost one
				var bTopMost = (sap.ui.core.Popup.getLastZIndex() == this._iZIndex);
				if (bTopMost) {
					// set the focus back to the last focused element inside the popup or at least to the popup root
					var oDomRefToFocus = this.oLastBlurredElement ? this.oLastBlurredElement : oDomRef;
					jQuery.sap.focus(oDomRefToFocus);
				}
			} else if (this._bAutoClose && contains && this._sTimeoutId) { // case: autoclose popup and focus has returned into the popup immediately
				// focus has returned, so it did only move inside the popup => clear timeout
				jQuery.sap.clearDelayedCall(this._sTimeoutId);
				this._sTimeoutId = null;
			}
		}

	} else if (type=="blur") { // an element inside the popup is loosing focus - remember in case we need to re-set
		jQuery.sap.log.debug("blur event on " + oEvent.target.id);
		if (this._bModal) {
			this.oLastBlurredElement = oEvent.target;
		} else if (this._bAutoClose) {
			// create timeout for closing the popup if there is no focus immediately returning to the popup
			if (!this._sTimeoutId) {
				this._sTimeoutId = jQuery.sap.delayedCall(0, this, "close"); // TODO: do we need a "onBeforeClose" event?
			}
		}
	}
};


/**
 * Sets the ID of the element that should be focused once the popup opens.
 * If the given ID is the ID of an existing Control, this Control's focusDomRef will be focused instead, which may be an HTML element with a different ID (usually a sub-element inside the Control).
 * If no existing element ID is supplied and the Popup is modal or auto-close, the Popup will instead focus the first focusable element.
 *
 * @param sId the ID of the DOM element to focus
 * @public
 */
sap.ui.core.Popup.prototype.setInitialFocusId = function(sId) {
	jQuery.sap.assert(!sId || typeof sId === "string", "sId must be a string or empty");
	this._sInitialFocusId = sId;
};


/**
 * Closes the popup.
 *
 * If the Popup is already closed or in the process of closing, calling this method does nothing.
 * If the Popup is in the process of being opened and closed with a duration of 0, calling this method does nothing.
 * If the Popup is in the process of being opened and closed with an animation duration, the animation will be chained, but this functionality is dangerous,
 * may lead to inconsistent behavior and is thus not recommended and may even be removed.
 *
 * @param {int} [iDuration] animation duration in milliseconds; default is the jQuery preset "fast".  For iDuration == 0 the closing happens synchronously without animation.
 * @public
 */
sap.ui.core.Popup.prototype.close = function(iDuration) {
	jQuery.sap.assert(iDuration === undefined || (typeof iDuration === "number" && (iDuration % 1 == 0)), "iDuration must be empty or an integer");

	if(this.eOpenState == sap.ui.core.OpenState.CLOSED || this.eOpenState == sap.ui.core.OpenState.CLOSING) {
		return;
	} // also close when OPENING
	// the above will queue the animations (close only after opening), but may lead to the CLOSED event happening before the OPENED event

	var iRealDuration = "fast";
	if((iDuration === 0) || (iDuration > 0)) {
		iRealDuration = iDuration;
	} else if ((this._durations.close === 0) || (this._durations.close > 0)) {
		iRealDuration = this._durations.close;
	}

	if (iRealDuration === 0 && this.eOpenState == sap.ui.core.OpenState.OPENING) {
		return;
	} // do not allowed immediate closing while opening


	//if(this.eOpenState != sap.ui.core.OpenState.OPEN) return; // this is the more conservative approach: to only close when the Popup is OPEN

	this.eOpenState = sap.ui.core.OpenState.CLOSING;
	
	sap.ui.core.Popup.DockTrigger.removeListener(sap.ui.core.Popup.checkDocking, this);
	this._followOfHandler = null;

	// If we added the content control to the static UIArea,
	// then we should remove it again now.
	// Assumption: application did not move the content in the meantime!
	if ( this.oContent && this._bContentAddedToStatic ) {
		//Fix for RTE in PopUp
		sap.ui.getCore().getEventBus().publish("sap.ui","__beforePopupClose", { domNode : this._$().get(0) });
		var oStatic = sap.ui.getCore().getStaticAreaRef();
		oStatic = sap.ui.getCore().getUIArea(oStatic);
		oStatic.removeContent(oStatic.indexOfContent(this.oContent), true);
	}
	this._bContentAddedToStatic = false;

	this._sTimeoutId = null;
	
	//disabled for mobile or desktop browser in touch mode
	if(!this.touchEnabled){
		if (this.fEventHandler) { // remove focus handling
			var jPopupRoot = this._$();
			if(document.removeEventListener) { //FF, Safari
				document.removeEventListener("focus", this.fEventHandler, true);
				jPopupRoot.get(0).removeEventListener("blur", this.fEventHandler, true);
				if (this._aAutoCloseAreas) {
					for (var i = 0; i < this._aAutoCloseAreas.length; i++) {
						this._aAutoCloseAreas[i].removeEventListener("blur", this.fEventHandler, true);
					}
				}
			} else { // IE8
				jQuery(document).unbind("activate." + this._id, this.fEventHandler);
				jPopupRoot.unbind("deactivate." + this._id, this.fEventHandler);
				if (this._aAutoCloseAreas) {
					for (var i = 0; i < this._aAutoCloseAreas.length; i++) {
						jQuery(this._aAutoCloseAreas[i]).unbind("deactivate." + this._id, this.fEventHandler);
					}
				}
			}
			this.fEventHandler = null;
		}
	}
	//deregister the autoclose handler for mobile
	else{
		if(!this._bModal && this._bAutoClose){
			jQuery(document).unbind("vmousedown", this._fAutoCloseHandler);
		}
	}

	

	if(this.oContent instanceof sap.ui.core.Element) {
		this.oContent.removeDelegate(this);
	}

	var $Ref = this._$();
	// get (and 'hide' i.e. remove) the BlindLayer
	if(this._oBlindLayer) {
		this.oBlindLayerPool.returnObject(this._oBlindLayer);
	}
	this._oBlindLayer = null;

	var that = this;
	var fnClose = function() { // the function to call when the popup closing animation has completed
		jQuery($Ref).hide().
			css("visibility", "inherit").
			css("left", "0px").
			css("top", "0px").
			css("right", "");

		//disabled for mobile or desktop browser in touch mode
		if(that.restoreFocus){
			if (that._bModal){
				// try to set the focus back to whatever was focused before. Do this here because animation needs to be finished.
				//- TODO: currently focus is restored only for modal popups. Non modal popups have to do it themselves because the outside focus can change!
				sap.ui.core.Popup.applyFocusInfo(that._oPreviousFocus);
				that._oPreviousFocus = null;
				that.oLastBlurredElement = null;
			}
		}
		

		that.bOpen = false;
		that.eOpenState = sap.ui.core.OpenState.CLOSED;

		// notify users that the popup is now officially closed
		that.fireEvent(sap.ui.core.Popup.M_EVENTS.closed);
	};

	if (iRealDuration == 0) { // iRealDuration == 0 means: no animation!
		fnClose.apply();
	} else {
		if (this._animations.close) {
			this._animations.close.call(null, $Ref, iRealDuration, fnClose); // play custom animation, if supplied
		} else {
			$Ref.fadeOut(iRealDuration, fnClose); // otherwise use jQuery animation
		}
	}

	if(this._bModal) {
		this._hideBlockLayer();
	}

	//deregister resize handler
	if (this._resizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this._resizeListenerId);
		this._resizeListenerId = null;
	}
};



/**
 * Returns an object containing as much information about the current focus as possible, or null if no focus is present or no focus information can be gathered.
 */
sap.ui.core.Popup.getCurrentFocusInfo = function() {
	var _oPreviousFocus = null;
	var focusedControlId = sap.ui.getCore().getCurrentFocusedControlId();
	if(focusedControlId) {
		// a SAPUI5 control was focused before
		var oFocusedControl = sap.ui.getCore().getControl(focusedControlId);
		_oPreviousFocus = {'sFocusId':focusedControlId,'oFocusInfo': oFocusedControl ? oFocusedControl.getFocusInfo() : {}}; // add empty oFocusInfo to avoid the need for all recipients to check
	} else {
		try {
			// not a SAPUI5 control... but if something has focus, save as much information about it as available
			var oElement = document.activeElement;
			if (oElement) {
				_oPreviousFocus = {'sFocusId':oElement.id,'oFocusedElement':oElement,'oFocusInfo':{}}; // add empty oFocusInfo to avoid the need for all recipients to check
			}
		} catch (ex) {
			// IE9 throws an Unspecified Error when accessing document.activeElement inside a frame before body.onload
			// This is not an issue, as there is just no focus yet to restore
			// Other browsers do not fail here, but even if they would, the worst thing would be a non-restored focus
			_oPreviousFocus = null;
		}
	}
	return _oPreviousFocus;
};

/**
 *
 */
sap.ui.core.Popup.applyFocusInfo = function(oPreviousFocus) {
	if(oPreviousFocus) {
		var oFocusedControl = sap.ui.getCore().getControl(oPreviousFocus.sFocusId);
		if(oFocusedControl) {
			// if a SAPUI5 control had been focused, just re-focus it
			oFocusedControl.applyFocusInfo(oPreviousFocus.oFocusInfo);
		} else {
			// no SAPUI5 control... try to find the control by ID if an ID was there
			var oElement = jQuery.sap.domById(oPreviousFocus.sFocusId)
					|| oPreviousFocus.oFocusedElement; // if not even an ID was available when focus was lost maybe the original DOM element is still there
			jQuery.sap.focus(oElement); // also works for oElement == null
		}
	}
};



/**
 * Sets the content this instance of the Popup should render.
 * Content must be capable of being positioned via position:absolute;
 * @param {sap.ui.core.Control | DOMRef } oContent
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.setContent = function(oContent) {
	jQuery.sap.assert(typeof oContent === "object", "oContent must be an object");
	this.oContent = oContent;
	return this;
};


/**
 * Returns this Popup's content.
 * @return {sap.ui.core.Control | DOMRef } the content that has been set previously (if any)
 * @public
 */
sap.ui.core.Popup.prototype.getContent = function() {
	return this.oContent;
};

/**
 * Sets the position of the Popup (if you refer to a Control as anchor then do not
 * use the DOMRef of the control which might change after re-renderings).
 * Optional parameters can only be omitted when all subsequent parameters are omitted as well.
 *
 * @param {sap.ui.core.Popup.Dock} my specifies which point of the given Content should be aligned
 * @param {sap.ui.core.Popup.Dock | object {left: {sap.ui.core.CSSSize}, top: {sap.ui.core.CSSSize}}} at specifies the point of the reference element to which the given Content should be aligned
 * @param {string | sap.ui.core.Control | DOMRef | jQuery | jQuery.Event} [of=document] specifies the reference element to which the given content should be aligned as specified in the other parameters
 * @param {string} [offset="0 0"] the offset relative to the docking point, specified as a string with space-separated pixel values (e.g. "0 10" to move the popup 10 pixels to the right). If the docking of both "my" and "at" are both RTL-sensitive ("begin" or "end"), this offset is automatically mirrored in the RTL case as well.
 * @param {string} defines how the position of an element should be adjusted in case it overflows the window in some direction.
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.setPosition = function(my, at, of, offset, collision) {
	jQuery.sap.assert(typeof my === "string", "my must be a string");
	jQuery.sap.assert(typeof at === "string" || (typeof at === "object" && (typeof at.left === "number") && (typeof at.top === "number")), "my must be a string or an object with 'left' and 'top' properties");
	jQuery.sap.assert(!of || typeof of === "object" || typeof of === "function", "of must be empty or an object");
	jQuery.sap.assert(!offset || typeof offset === "string", "offset must be empty or a string");
	jQuery.sap.assert(!collision || typeof collision === "string", "collision must be empty or a string");

	// defaults are implemented in Popup.open()
	this._oPosition = jQuery.extend({},this._oPosition, {
			"my": my,
			"at": at,
			"of": of,
			"offset": offset,
			"collision": collision
		});

	if(this.eOpenState != sap.ui.core.OpenState.CLOSED) {
		this._applyPosition(this._oPosition);
		this._oBlindLayer && this._oBlindLayer.update(this._$());
	}

	return this;
};

/**
 * Applies the given position to the Popup which is assumed to be currently open
 *
 * @private
 */
sap.ui.core.Popup.prototype._applyPosition = function(oPosition) {
	var bRtl = sap.ui.getCore().getConfiguration().getRTL();
	var $Ref = this._$();
	var oAt = oPosition.at;
	
	if(typeof(oAt) === "string") {
		//TODO enable this stuff when a jQueryUI update has been made
		// this is the version where the offset was used as a separate parameter for positioning
		// this is not final and has to be edited when going to be used! 
		
//		var aVersOld = [1, 8, 23];
//		var aVers = jQuery.ui.version.split(".");
//		var bNewOffset = false;
//		
//		if (aVers.length === 3){
//			if (parseInt(aVers[0]) > aVersOld[0]){
//				bNewOffset = true;
//			}
//			if (parseInt(aVers[1]) > aVersOld[1]){
//				bNewOffset = true;
//			}
//			if (parseInt(aVers[2]) > aVersOld[2]){
//				bNewOffset = true;
//			}
//		} else {
//			bNewOffset = true;
//		}
//		
//		if (bNewOffset) {
//			var pattern;
//			
//			var aMy = oPosition.my.split(" ");
//			var aOffset = oPosition.offset.split(" ");
//			var _oPosition = jQuery.extend({}, oPosition);
//			
//			_oPosition.my = aMy[0] + aOffset[0] + " " + aMy[1] + aOffset[1];
//				
//			$Ref.css("display", "block").position(this._resolveReference(this._convertPositionRTL(_oPosition, bRtl))); // must be visible, so browsers can calculate its offset!
//			this._fixPositioning(_oPosition, bRtl);
//		} else {
		$Ref.css("display", "block").position(this._resolveReference(this._convertPositionRTL(oPosition, bRtl))); // must be visible, so browsers can calculate its offset!
		this._fixPositioning(oPosition, bRtl);
//		}
	} else if(sap.ui.core.CSSSize.isValid(oAt.left) && sap.ui.core.CSSSize.isValid(oAt.top)) {
		$Ref.css("left", oAt.left).css("top", oAt.top);
	} else if(sap.ui.core.CSSSize.isValid(oAt.right) && sap.ui.core.CSSSize.isValid(oAt.top)) {
		$Ref.css("right", oAt.right).css("top", oAt.top);
	} else if(typeof(oAt.left) === "number" && typeof(oAt.top) === "number") {
		var domRef = $Ref[0];
		if (domRef && domRef.style.right) { // in some RTL cases leave the Popup attached to the right side of the browser window
			var width = $Ref.outerWidth();
			$Ref.css("right", (document.documentElement.clientWidth - (oAt.left + width)) + "px").css("top", oAt.top + "px");
		} else {
			$Ref.css("left", oAt.left + "px").css("top", oAt.top + "px");
		}
	}

	// remember given position for later redraws
	this._oLastPosition = oPosition;
	this._oLastOfRect = jQuery(oPosition.of instanceof sap.ui.core.Element ? oPosition.of.getDomRef() : oPosition.of).rect();
};

/**
 * Converts a position string with RTL-independent settings like "begin top" or "end center" into a string understood by
 * jQuery UI position() by replacing "begin" and "end" with the respective concrete value, depending on RTL settings.
 * The returned object is a clone, the original is unchanged.
 *
 * @private
 */
sap.ui.core.Popup.prototype._convertPositionRTL = function(oPosition, bRtl) {
	var fixedPos = jQuery.extend({}, oPosition); // don't modify the original object
	if (bRtl) {
		if (oPosition.offset
				&& ((oPosition.my.indexOf("begin") > -1) || (oPosition.my.indexOf("end") > -1))
				&& ((oPosition.at.indexOf("begin") > -1) || (oPosition.at.indexOf("end") > -1))) {
			fixedPos.offset = this._mirrorOffset(oPosition.offset);
		}
		fixedPos.my = oPosition.my.replace("begin", "right").replace("end", "left");
		fixedPos.at = oPosition.at.replace("begin", "right").replace("end", "left");
	} else {
		fixedPos.my = oPosition.my.replace("end", "right").replace("begin", "left");
		fixedPos.at = oPosition.at.replace("end", "right").replace("begin", "left");
	}
	return fixedPos;
};

/**
 * Mirrors the given offset which is a string containing two integer numbers separated by whitespace.
 * (=negates the first number)
 *
 * @param sOffset
 * @returns {String}
 *
 * @private
 */
sap.ui.core.Popup.prototype._mirrorOffset = function(sOffset) {
	var aOffset = jQuery.trim(sOffset).split(/\s/);
	var posX = parseInt(aOffset[0], 10);
	return (-posX) + " " + aOffset[aOffset.length-1]; // array could be longer than 2 with multiple whitespace characters
};

/**
 * Changes the default positioning of the Popup ("left: ...px") to ("right: ...px"), maintaining the
 * actual screen position, if the Popup should "grow to the left" when increasing in size.
 * This is the case if:
 * - LTR mode and horizontal alignment is right or end
 * - RTL mode and horizontal alignment is right, begin or center
 *
 * @private
 */
sap.ui.core.Popup.prototype._fixPositioning = function(sPosition, bRtl) {
	var my = sPosition.my;
	if (typeof(my) === "string") {
		if (bRtl && ((my.indexOf("right") > -1) || (my.indexOf("begin") > -1) || (my.indexOf("center") > -1))) {
			var $Ref = this._$();
			var right = jQuery(window).width() - $Ref.outerWidth() - $Ref.offset().left;
			$Ref.css("right", right + "px").css("left", "");
		} else if ((my.indexOf("right") > -1) || (my.indexOf("end") > -1)) {
			// LTR
			var $Ref = this._$();
			var right = jQuery(window).width() - $Ref.outerWidth() - $Ref.offset().left;
			$Ref.css("right", right + "px").css("left", "");
		}
	}
};

/**
 * If the reference element is specified as a sap.ui.core.Element, then it is resovled to a DOM node
 * @param oPosition
 * @returns
 */
sap.ui.core.Popup.prototype._resolveReference = function(oPosition) {
	var oResult = oPosition;
	if ( oPosition.of instanceof sap.ui.core.Element ) {
		oResult = jQuery.extend({}, oPosition, { of : oPosition.of.getDomRef()});
	}
	return oResult;
};

/**
 * Determines whether the Popup should have a shadow (in supporting browsers).
 * This also affects a currently open popup.
 *
 * @param bShowShadow
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.setShadow = function(bShowShadow) {
	jQuery.sap.assert(typeof bShowShadow === "boolean", "bShowShadow must be boolean");
	this._bShadow = bShowShadow;
	if(this.eOpenState != sap.ui.core.OpenState.CLOSED) {
		this._$().toggleClass("sapUiShd", bShowShadow);
	}
	return this;
};

/**
 * Used to specify whether the Popup should be modal. A modal popup will put some fading "block layer" over the background and
 * prevent attempts to put the focus outside/below the popup.
 * Setting this while the popup is open will change "block layer" immediately.
 *
 * @param {boolean} bModal whether the Popup is of modal type
 * @param {string} [sModalCSSClass] a CSS class (or space-separated list of classes) that should be added to the block layer
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.setModal = function(bModal, sModalCSSClass) {
	jQuery.sap.assert(typeof bModal === "boolean", "bModal must be boolean");
	jQuery.sap.assert(!sModalCSSClass || typeof sModalCSSClass === "string", "sModalCSSClass must be empty or a string");

	var bOldModal = this._bModal;
	
	this._bModal = bModal;
	this._sModalCSSClass = sModalCSSClass;
	
	//update the blocklayer and autoclose handler when the popup is open
	if(this.isOpen()){
		if(bOldModal !== bModal){
			if(bModal){
				this._showBlockLayer();
			}else{
				this._hideBlockLayer();
			}
			
			if(this.touchEnabled && this._bAutoClose){
				if(!bModal){
					//register the autoclose handler when modal is set to false
					jQuery(document).bind("vmousedown", jQuery.proxy(this._fAutoCloseHandler, this));
				}else{
					//deregister the autoclose handler when modal is set to true
					jQuery(document).unbind("vmousedown", this._fAutoCloseHandler);
				}
			}
		}
	}
	return this;
};

/**
 * Used to specify whether the Popup should close as soon as 
 * - for non-touch environment: the focus leaves
 * - for touch environment: user clicks the area which is outside the popup itself, the dom elemnt which popup aligns to (except document),
 *  and one of the autoCloseAreas set by calling setAutoCloseAreas.
 * @param {boolean} bAutoClose whether the Popup should close as soon as the focus leaves
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.setAutoClose = function(bAutoClose) {
	jQuery.sap.assert(typeof bAutoClose === "boolean", "bAutoClose must be boolean");
	
	if(this.touchEnabled && this.isOpen() && this._bAutoClose !== bAutoClose){
		if(!this._bModal){
			if(bAutoClose){
				//register the autoclose hanlder when autoclose is set to true
				jQuery(document).bind("vmousedown", jQuery.proxy(this._fAutoCloseHandler, this));
			}else{
				//deregister the autoclose handler when autoclose is set to false
				jQuery(document).unbind("vmousedown", this._fAutoCloseHandler);
			}
		}
	}
	
	this._bAutoClose = bAutoClose;
	return this;
};

/**
 * Sets the additional areas in the page that are considered part of the Popup when autoclose is enabled. 
 * - non-touch environment: if the focus leaves the Popup but immediately enters one of these areas, the Popup does NOT close.
 * - touch environment: if user clicks one of these areas, the Popup does NOT close.
 *
 * @param {DomRef[]} aAutoCloseAreas an array containing DOM elements considered part of the Popup; a value of null removes all previous areas
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.setAutoCloseAreas = function(aAutoCloseAreas) {
	jQuery.sap.assert(aAutoCloseAreas === null || jQuery.isArray(aAutoCloseAreas), "aAutoCloseAreas must be null or an array");
	this._aAutoCloseAreas = aAutoCloseAreas;
	return this;
};

/**
 * Sets the animation functions to use for opening and closing the Popup. Any null value will be ignored and not change the respective animation function.
 * When called, the animation functions receive three parameters:
 * - the jQuery object wrapping the DomRef of the popup
 * - the requested animation duration
 * - a function that MUST be called once the animation has completed
 *
 * @param {function} fnOpen
 * @param {function} fnClose
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.setAnimations = function(fnOpen, fnClose) {
	jQuery.sap.assert(fnOpen === null || typeof fnOpen === "function", "fnOpen must be a function");
	jQuery.sap.assert(fnClose === null || typeof fnClose === "function", "fnClose must be a function");

	if (fnOpen && (typeof(fnOpen) == "function")) {
		this._animations.open = fnOpen;
	}
	if (fnClose && (typeof(fnClose) == "function")) {
		this._animations.close = fnClose;
	}
	return this;
};

/**
 * Sets the durations for opening and closing animations.
 * Null values and values < 0 are ignored.
 * A duration of 0 means no animation.
 * Default value is "fast" which is the jQuery constant for "200 ms".
 *
 * @param {int} iOpenDuration in milliseconds
 * @param {int} iCloseDuration in milliseconds
 * @return {sap.ui.core.Popup} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.core.Popup.prototype.setDurations = function(iOpenDuration, iCloseDuration) {
	jQuery.sap.assert(iOpenDuration === null || (typeof iOpenDuration === "number" && (iOpenDuration % 1 == 0)), "iOpenDuration must be null or an integer");
	jQuery.sap.assert(!iCloseDuration || (typeof iCloseDuration === "number" && (iCloseDuration % 1 == 0)), "iOpenDuration must be undefined or an integer");

	if ((iOpenDuration > 0) || (iOpenDuration === 0)) {
		this._durations.open = iOpenDuration;
	}
	if ((iCloseDuration > 0) || (iCloseDuration === 0)) {
		this._durations.close = iCloseDuration;
	}
	return this;
};

/**
 * Returns whether the Popup is currently open (this includes opening and closing animations).
 *
 * @returns {Boolean} whether the Popup is opened (or currently being opened or closed)
 * @public
 */
sap.ui.core.Popup.prototype.isOpen = function() {
	return this.bOpen;
};

/**
 * Returns whether the Popup is currently open, closed, or transitioning between these states.
 *
 * @returns {OpenState} whether the Popup is opened
 * @public
 */
sap.ui.core.Popup.prototype.getOpenState = function() {
	return this.eOpenState;
};

/**
 * Closes and destroys this instance of Popup.
 * Does not destroy the hosted content.
 * @public
 */
sap.ui.core.Popup.prototype.destroy = function() {
	// deregister resize handler
	if (this._resizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this._resizeListenerId);
		this._resizeListenerId = null;
	}
	this.close();
	this.oContent = null;
};

/**
 * Returns the jQuery object containing the root of the content of the Popup
 * @returns {jQuery} the jQuery object containing the root of the content of the Popup
 * @private
 */
sap.ui.core.Popup.prototype._$ = function(bForceReRender){
	if(this.oContent instanceof sap.ui.core.Control){
		var oContentRef = this.oContent.$();
		if (oContentRef.length === 0 || bForceReRender) {
			jQuery.sap.log.info("Rendering of popup content: " + this.oContent.getId());
			if (oContentRef.length > 0) {
				sap.ui.core.RenderManager.preserveContent(oContentRef[0], /* bPreserveRoot */ true, /* bPreserveNodesWithId */ false);
			}
			sap.ui.getCore().getRenderManager().render(this.oContent, sap.ui.getCore().getStaticAreaRef());
			oContentRef = this.oContent.$();
		}
		return oContentRef;
	} else if(this.oContent instanceof sap.ui.core.Element){
		return this.oContent.$();
	} else {
		return jQuery(this.oContent);
	}
};

/**
 *
 * @param iZIndex
 * @private
 */
sap.ui.core.Popup.prototype._showBlockLayer = function() {
	var $BlockRef = jQuery("#sap-ui-blocklayer-popup");
	if($BlockRef.length === 0){
		var className = "sapUiBLy" + (this._sModalCSSClass ? " " + this._sModalCSSClass : "");
		$BlockRef = jQuery("<div id=\"sap-ui-blocklayer-popup\" tabindex=\"0\" class=\"" + className + "\"></div>");
		$BlockRef.appendTo(sap.ui.getCore().getStaticAreaRef());
	}
	// push current z-index to stack
	sap.ui.core.Popup.blStack.push(this._iZIndex - 2);
	$BlockRef.css("z-index", this._iZIndex - 2).css("visibility","visible").show();
};

sap.ui.core.Popup.prototype._hideBlockLayer = function() {
	// a dialog was closed so pop his z-index from the stack
	sap.ui.core.Popup.blStack.pop();
	// if there are more z-indices this means there are more dialogs stacked up. So redisplay the blocklayer (with new z-index) under the new current dialog which should be displayed.
	if (sap.ui.core.Popup.blStack.length > 0){
		// set the blocklayer z-index to the last z-index in the stack and show it
		jQuery("#sap-ui-blocklayer-popup").css("z-index", sap.ui.core.Popup.blStack[sap.ui.core.Popup.blStack.length-1]).css("visibility","visible").show();
	}
	else{
		// the last dialog was closed so we can hide the block layer now
		jQuery("#sap-ui-blocklayer-popup").css("visibility","inherit").hide();
	}
};


//****************************************************
//Handling of movement of the dock references
//****************************************************
sap.ui.core.Popup.DockTrigger = new sap.ui.core.IntervalTrigger(200);

sap.ui.core.Popup.checkDocking = function(){
	if(this.getOpenState() === sap.ui.core.OpenState.OPEN){
		var oCurrentOfRect = jQuery(this._oLastPosition.of instanceof sap.ui.core.Element ? this._oLastPosition.of.getDomRef() : this._oLastPosition.of).rect();
		
		/* 
		 * It's possible that the triggering has already started since the listener is added in 'open' and the Popup hasn't opened yet.
		 * Therefore '_oLastOfRect' wasn't set due to the Popup didn't set it in '_applyPosition'.
		 */
		if (this._oLastOfRect){
			if(this._oLastOfRect.left != oCurrentOfRect.left
					|| this._oLastOfRect.top != oCurrentOfRect.top
					|| this._oLastOfRect.width != oCurrentOfRect.width
					|| this._oLastOfRect.height != oCurrentOfRect.height){
				if(this._followOfHandler){
					this._followOfHandler();
				}else{
					this._applyPosition(this._oLastPosition);
				}
			}
		}
	}
};

//****************************************************
//Focus Handling Delegate function for use with the given content (of type sap.ui.core.Element)
//****************************************************

/**
 * Delegate function for handling of mousedown event on sap.ui.core.Elements as content
 * @private
 */
sap.ui.core.Popup.prototype.onmousedown = function(oEvent) {
	if(this._iZIndex === this.getLastZIndex()) {
		return;
	} // we are 'uppermost' and therefore everything is ok

	this._iZIndex = this.getNextZIndex();

	var $Ref = this._$();
	$Ref.css("z-index", this._iZIndex);

	if(this._oBlindLayer) {
		this._oBlindLayer.update($Ref, this._iZIndex -1);
	}
};


//****************************************************
//Rerendering Handling Delegate function for use with the given content (of type sap.ui.core.Element)
//****************************************************

/**
 * Delegate function for onAfterRendering.
 * Only active when Popup is opened.
 * @private
 */
sap.ui.core.Popup.prototype.onAfterRendering = function(oEvent){
	var $Ref = this.getContent().$();

	// TODO all stuff done in 'open' is destroyed if the content was rerendered 
	$Ref.toggleClass("sapUiShd", this._bShadow);
	$Ref.css("position", "absolute");

	// Ensure right position is used for this call
	var ref = $Ref[0];
	var left = ref.style.left;
	var right = ref.style.right;
	var top = ref.style.top;
	var bottom = ref.style.bottom;
	if (!(left && left != "auto" || right && right != "auto" || top && top != "auto" || bottom && bottom != "auto")) {
		jQuery.sap.log.debug("reposition popup content " + $Ref.attr("id") + " at " + (window.JSON ? JSON.stringify(this._oLastPosition.at) : String(this._oLastPosition.at)));
		this._applyPosition(this._oLastPosition);
	}
	$Ref.show()
		.css("visibility", "visible")
		.css("z-index", this._iZIndex);
	// register resize handler for blindlayer resizing
	if(this._oBlindLayer) {
		this._resizeListenerId = sap.ui.core.ResizeHandler.register(this._$().get(0), jQuery.proxy(this.onresize, this));
	}
};

/**
* Delegate function for onBeforeRendering.
* @private
*/
sap.ui.core.Popup.prototype.onBeforeRendering = function(oEvent){
	// deregister resize handler
	if (this._resizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this._resizeListenerId);
		this._resizeListenerId = null;
	}
};

/**
 * Resize handler listening to the popup. If the Popup changes its size the blindlayer
 * should be updated as well. For example necessary when popup content has absolute positions.
 *
 * @private
 */
sap.ui.core.Popup.prototype.onresize = function(oEvent) {
	if(this.eOpenState != sap.ui.core.OpenState.CLOSED) {
		this._oBlindLayer && this._oBlindLayer.update(this._$());
	}
};


}; // end of sap.ui.core.Popup
if ( !jQuery.sap.isDeclared('sap.ui.core.ScrollBar') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.ScrollBar.
jQuery.sap.declare("sap.ui.core.ScrollBar");



/**
 * Constructor for a new ScrollBar.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVertical vertical} : boolean (default: true)</li>
 * <li>{@link #getScrollPosition scrollPosition} : int</li>
 * <li>{@link #getSize size} : sap.ui.core.CSSSize</li>
 * <li>{@link #getContentSize contentSize} : sap.ui.core.CSSSize</li>
 * <li>{@link #getSteps steps} : int</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.core.ScrollBar#event:scroll scroll} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The ScrollBar control can be used for virtual scrolling of a certain area.
 * This means: to simulate a very large scrollable area when technically the area is small and the control takes care of displaying the respective part only. E.g. a Table control can take care of only rendering the currently visible rows and use this ScrollBar control to make the user think he actually scrolls through a long list.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.ScrollBar
 */
sap.ui.core.Control.extend("sap.ui.core.ScrollBar", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"bind", "unbind", "pageUp", "pageDown"
	],

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"vertical" : {type : "boolean", group : "Behavior", defaultValue : true},
		"scrollPosition" : {type : "int", group : "Behavior", defaultValue : null},
		"size" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"contentSize" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"steps" : {type : "int", group : "Dimension", defaultValue : null}
	},
	events : {
		"scroll" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.ScrollBar with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.ScrollBar.extend
 * @function
 */

sap.ui.core.ScrollBar.M_EVENTS = {'scroll':'scroll'};


/**
 * Getter for property <code>vertical</code>.
 * Orientation. Defines if the Scrollbar is vertical or horizontal.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>vertical</code>
 * @public
 * @name sap.ui.core.ScrollBar#getVertical
 * @function
 */

/**
 * Setter for property <code>vertical</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVertical  new value for property <code>vertical</code>
 * @return {sap.ui.core.ScrollBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ScrollBar#setVertical
 * @function
 */


/**
 * Getter for property <code>scrollPosition</code>.
 * Scroll position in steps or pixels.
 *
 * Default value is <code></code>
 *
 * @return {int} the value of property <code>scrollPosition</code>
 * @public
 * @name sap.ui.core.ScrollBar#getScrollPosition
 * @function
 */

/**
 * Setter for property <code>scrollPosition</code>.
 *
 * Default value is <code></code> 
 *
 * @param {int} iScrollPosition  new value for property <code>scrollPosition</code>
 * @return {sap.ui.core.ScrollBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ScrollBar#setScrollPosition
 * @function
 */


/**
 * Getter for property <code>size</code>.
 * Size of the Scrollbar (in pixels).
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>size</code>
 * @public
 * @name sap.ui.core.ScrollBar#getSize
 * @function
 */

/**
 * Setter for property <code>size</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sSize  new value for property <code>size</code>
 * @return {sap.ui.core.ScrollBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ScrollBar#setSize
 * @function
 */


/**
 * Getter for property <code>contentSize</code>.
 * Size of the scrollable content (in pixels).
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>contentSize</code>
 * @public
 * @name sap.ui.core.ScrollBar#getContentSize
 * @function
 */

/**
 * Setter for property <code>contentSize</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sContentSize  new value for property <code>contentSize</code>
 * @return {sap.ui.core.ScrollBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ScrollBar#setContentSize
 * @function
 */


/**
 * Getter for property <code>steps</code>.
 * Number of steps to scroll. Used if the size of the content is not known as the data is loaded dynamically.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>steps</code>
 * @public
 * @name sap.ui.core.ScrollBar#getSteps
 * @function
 */

/**
 * Setter for property <code>steps</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iSteps  new value for property <code>steps</code>
 * @return {sap.ui.core.ScrollBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ScrollBar#setSteps
 * @function
 */


/**
 * Scroll event. 
 *
 * @name sap.ui.core.ScrollBar#scroll
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.core.ScrollBarAction} oControlEvent.getParameters.action Actions are: Click on track, button, drag of thumb, or mouse wheel click.
 * @param {boolean} oControlEvent.getParameters.forward Direction of scrolling: back (up) or forward (down).
 * @param {int} oControlEvent.getParameters.newScrollPos Current Scroll position either in pixels or in steps.
 * @param {int} oControlEvent.getParameters.oldScrollPos Old Scroll position - can be in pixels or in steps.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'scroll' event of this <code>sap.ui.core.ScrollBar</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.core.ScrollBar</code>.<br/> itself. 
 *  
 * Scroll event. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.core.ScrollBar</code>.<br/> itself.
 *
 * @return {sap.ui.core.ScrollBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ScrollBar#attachScroll
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'scroll' event of this <code>sap.ui.core.ScrollBar</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.core.ScrollBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ScrollBar#detachScroll
 * @function
 */

/**
 * Fire event scroll to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'action' of type <code>sap.ui.core.ScrollBarAction</code> Actions are: Click on track, button, drag of thumb, or mouse wheel click.</li>
 * <li>'forward' of type <code>boolean</code> Direction of scrolling: back (up) or forward (down).</li>
 * <li>'newScrollPos' of type <code>int</code> Current Scroll position either in pixels or in steps.</li>
 * <li>'oldScrollPos' of type <code>int</code> Old Scroll position - can be in pixels or in steps.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.ScrollBar} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.core.ScrollBar#fireScroll
 * @function
 */


/**
 * Binds the mouse wheel scroll event of the control that has the scrollbar to the scrollbar itself.
 *
 * @name sap.ui.core.ScrollBar.prototype.bind
 * @function
 * @param {string} 
 *         sOOwnerDomRef
 *         Dom ref of the control that uses the scrollbar

 * @type void
 * @public
 */


/**
 * Unbinds the mouse wheel scroll event of the control that has the scrollbar
 *
 * @name sap.ui.core.ScrollBar.prototype.unbind
 * @function
 * @param {string} 
 *         sOOwnerDomRef
 *         Dom ref of the Control that uses the scrollbar

 * @type void
 * @public
 */


/**
 * Page Up is used to scroll one page back.
 *
 * @name sap.ui.core.ScrollBar.prototype.pageUp
 * @function

 * @type void
 * @public
 */


/**
 * Page Down is used to scroll one page forward.
 *
 * @name sap.ui.core.ScrollBar.prototype.pageDown
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/core/ScrollBar.js
/**
 * This file defines behavior for the control,
 */

// =============================================================================
// BASIC CONTROL API
// =============================================================================

/**
 * Initialization of the Scrollbar control
 * @private
 */
sap.ui.core.ScrollBar.prototype.init = function(){

	// JQuery Object - Dom reference of the scroll bar
	this._$ScrollDomRef = null;

	// In pixels - exact position
	this._iOldScrollPos = 0;

	// In steps
	this._iOldStep = 0;

	// True if the scroll position was verified. And false if the check was not done yet - for example if the rendering is not done completely
	this._bScrollPosIsChecked = false;

	// RTL mode
	this._bRTL = sap.ui.getCore().getConfiguration().getRTL();

	// Supress scroll event
	this._bSuppressScroll = false;
	
	if (jQuery.sap.touchEventMode !== "OFF") {
		jQuery.sap.require("sap.ui.thirdparty.zyngascroll");

		// Remember last touch scroller position to prevent unneeded rendering
		this._iLastTouchScrollerPosition = null;
		
		// The threshold in pixel for a step when scrolled by touch events
		this._iTouchStepTreshold = 24;
		
		// Some zynga scroller methods call the touch handler. By settings this variable to false, touch handling is prevented and
		// number of unneeded rendering is reduced.
		this._bSkipTouchHandling = false;
		
		this._oTouchScroller = new window.Scroller(jQuery.proxy(this._handleTouchScroll,this), {
			bouncing:false
		});
	}
};


/**
 * Rerendering handling
 * @private
 */
sap.ui.core.ScrollBar.prototype.onBeforeRendering = function() {
	jQuery.sap.byId(this.getId() + "-sb").unbind("scroll", this.onscroll);
};


/**
 * Rerendering handling
 * @private
 */
sap.ui.core.ScrollBar.prototype.onAfterRendering = function () {
	 // count of steps (comes per API)
	this._iSteps = this.getSteps();

	// content size in pixel
	var sContentSize = this.getContentSize();

	// determine the mode
	this._bStepMode = !sContentSize;

	var iScrollBarSize = this.getSize();
	if(jQuery.sap.endsWith(iScrollBarSize,"px")){
		iScrollBarSize = iScrollBarSize.substr(0, iScrollBarSize.length -2);
	} else {
		iScrollBarSize = this.getVertical() ? this.$().height() : this.$().width();
	}

	var stepSize = null;

	var $ffsize = jQuery.sap.byId(this.getId() + "-ffsize");
	if (jQuery.browser.mozilla) {
		stepSize = $ffsize.outerHeight();
	}
	$ffsize.remove();

	if  (jQuery.browser.webkit) {
		// document.width (was not supported by Chrome 17 anymore but works again with Chrome 18+) 
		stepSize = Math.round(40 / (document.width / jQuery(document).width()));
		//jQuery.sap.log.debug( stepSize + " ****************************STEP SIZE*************************************************************");
	}

	if (this.getVertical()) {
		this._iFactor = jQuery.browser.mozilla ? stepSize :	jQuery.browser.webkit ? stepSize : Math.floor(iScrollBarSize  * 0.125);
		this._iFactorPage = jQuery.browser.mozilla ? iScrollBarSize - stepSize : Math.floor(iScrollBarSize * 0.875)
	} else {
		this._iFactor = jQuery.browser.mozilla ? 10 : jQuery.browser.webkit ? stepSize :  7 ;
		this._iFactorPage = jQuery.browser.mozilla ? Math.floor(iScrollBarSize * 0.8) : jQuery.browser.webkit ? Math.floor(iScrollBarSize  * 0.875) : iScrollBarSize-14;
	}

	this._$ScrollDomRef = jQuery.sap.byId(this.getId() + "-sb");

	if (this._bStepMode) {
		if (this.getVertical()) {
			// calculate the height of the content size => scroll bar height + (steps * browser step size)
			var iContentSize = this._$ScrollDomRef.height() + this._iSteps * this._iFactor;
			// set the content size
			this._$ScrollDomRef.find("div").height(iContentSize);
		} else {
			// calculate the height of the content size => scroll bar size + (steps * browser step size)
			var iContentSize = this._$ScrollDomRef.width() + this._iSteps * this._iFactor;
			// set the content size
			this._$ScrollDomRef.find("div").width(iContentSize);
		}
	}

	this.setCheckedScrollPosition(this.getScrollPosition() ? this.getScrollPosition() : 0, true);

	this._$ScrollDomRef.bind("scroll", jQuery.proxy(this.onscroll, this));

	if (jQuery.sap.touchEventMode !== "OFF") {
		this._bSkipTouchHandling = true;
		
		var oContent = {
				width:0,
				height:0
		};
		oContent[this.getVertical()? "height" : "width"] = this._bStepMode ? (this.getSteps() * this._iTouchStepTreshold) : parseInt(this.getContentSize(), 10);

		this._oTouchScroller.setDimensions(0, 0, oContent.width, oContent.height);
	
		var oElement = this._$ScrollDomRef.get(0);
		var oRect = oElement.getBoundingClientRect();
		this._oTouchScroller.setPosition(oRect.left + oElement.clientLeft, oRect.top + oElement.clientTop);
		this._bSkipTouchHandling = false;
	}
};

//=============================================================================
// CONTROL EVENT HANDLING
//=============================================================================

/**
 * Event object contains detail (for Firefox and Opera), and wheelData (for Internet Explorer, Safari, and Opera).
 * Scrolling down is a positive number for detail, but a negative number for wheelDelta.
 * @param {jQuery.Event} oEvent Event object contains detail (for Firefox and Opera), and wheelData (for Internet Explorer, Safari, and Opera).
 * @private
*/
sap.ui.core.ScrollBar.prototype.onmousewheel = function(oEvent)  {

	// ignore the mousewheel events when the scrollbar is not visible
	if (this.$().is(":visible")) {
	
		// So let's scale and make negative value for all scroll down in all browsers.
		var oOriginalEvent = oEvent.originalEvent;
		var wheelData = oOriginalEvent.detail ? oOriginalEvent.detail : oOriginalEvent.wheelDelta * (-1) / 40;
	
		// find out if the user is scrolling up= back or down= forward.
		var bForward = wheelData > 0 ? true : false;
	
		if (jQuery.sap.containsOrEquals(this._$ScrollDomRef[0], oEvent.target)) {
			this._doScroll(sap.ui.core.ScrollBarAction.MouseWheel, bForward);
		} else {
	
			this._bMouseWheel = true;
			var pos = null;
			if (this._bStepMode) {
				pos = wheelData + this._iOldStep;
			} else {
				pos = wheelData * this._iFactor + this._iOldScrollPos;
			}
	
			this.setCheckedScrollPosition(pos, true);
		}
	
		// prevent the default behavior
		oEvent.preventDefault();
		oEvent.stopPropagation();
		return false;
		
	}
		
};


/**
 * Touch start handler. Called when the "touch start" event occurs on this control.
 * @param {jQuery.Event} oEvent Touch Event object 
 * @private
*/
sap.ui.core.ScrollBar.prototype.ontouchstart = function(oEvent) {
	// Don't react if initial down happens on a form element
	var aTouches =  oEvent.touches;
	var oFirstTouch = aTouches[0];
	if (oFirstTouch && oFirstTouch.target && oFirstTouch.target.tagName.match(/input|textarea|select/i)) {
		return;
	}

	this._oTouchScroller.doTouchStart(aTouches, oEvent.timeStamp);
	if (aTouches.length == 1) {
		oEvent.preventDefault();
	}
};


/**
 * Touch move handler. Called when the "touch move" event occurs on this control.
 * @param {jQuery.Event} oEvent Touch Event object 
 * @private
*/
sap.ui.core.ScrollBar.prototype.ontouchmove = function(oEvent) {
	this._oTouchScroller.doTouchMove(oEvent.touches, oEvent.timeStamp, oEvent.scale);
};


/**
 * Touch end handler. Called when the "touch end" event occurs on this control.
 * @param {jQuery.Event} oEvent Touch Event object 
 * @private
*/
sap.ui.core.ScrollBar.prototype.ontouchend = function(oEvent) {
	this._oTouchScroller.doTouchEnd(oEvent.timeStamp);
};

/**
 * Touch cancel handler. Called when the "touch cancel" event occurs on this control.
 * @param {jQuery.Event} oEvent Touch Event object 
 * @private
*/
sap.ui.core.ScrollBar.prototype.ontouchcancel = function(oEvent) {
	this._oTouchScroller.doTouchEnd(oEvent.timeStamp);
};

/**
 * Handles the Scroll event.
 *
 * @param {jQuery.Event}  oEvent Event object
 * @private
 */
sap.ui.core.ScrollBar.prototype.onscroll = function(oEvent) {
	//jQuery.sap.log.debug("*****************************onScroll************************ SUPRESS SCROLL:  " + this._bSuppressScroll );
	if (this._bSuppressScroll) {
		this._bSuppressScroll = false;
		oEvent.preventDefault();
		oEvent.stopPropagation();
		return false;
	}

	// Set new Scroll position
	var iScrollPos = null;
	if (this._$ScrollDomRef){
		if (this.getVertical()) {
			iScrollPos = this._$ScrollDomRef.scrollTop();
		} else {
			iScrollPos = this._$ScrollDomRef.scrollLeft();
			if ( jQuery.browser.mozilla && this._bRTL ) {
				iScrollPos = Math.abs(iScrollPos);
			} else if ( jQuery.browser.webkit && this._bRTL ) {
				var oScrollDomRef = this._$ScrollDomRef.get(0);
				iScrollPos = oScrollDomRef.scrollWidth - oScrollDomRef.clientWidth - oScrollDomRef.scrollLeft;
			}
		}
	}

	var iDelta = iScrollPos - this._iOldScrollPos;

	var bForward = iDelta > 0 ? true : false;
	if (iDelta < 0) {
		iDelta = iDelta*(-1);
	}

	var eAction = sap.ui.core.ScrollBarAction.Drag;
	if (iDelta == this._iFactor ) {
		eAction = sap.ui.core.ScrollBarAction.Step;
	} else if (iDelta == this._iFactorPage) {
		eAction = sap.ui.core.ScrollBarAction.Page;
	} else if (this._bMouseWheel) {
		eAction = sap.ui.core.ScrollBarAction.MouseWheel;
	}

	// Proceed scroll
	this._doScroll(eAction, bForward);

	oEvent.preventDefault();
	oEvent.stopPropagation();
	return false;
};


/**
 * Handler for the touch scroller instance. Called only when touch mode is enabled.
 *   
 * @param {number} left Horizontal scroll position
 * @param {number} top Vertical scroll position 
 * @param {number} zoom The zoom level
 * @private
 */
sap.ui.core.ScrollBar.prototype._handleTouchScroll = function(iLeft, iTop, iZoom) {
	if (this._bSkipTouchHandling) {
		return;
	}

	var iValue = this.getVertical() ? iTop : iLeft; 	
	if (this._bStepMode) {
		var iPos = Math.max(Math.round(iValue / this._iTouchStepTreshold), 0);
	} else {
		var iPos = Math.round(iValue);
	}
	if (this._iLastTouchScrollerPosition !== iPos) {
		this._iLastTouchScrollerPosition = iPos;
		this.setCheckedScrollPosition(iPos, true);
		this.fireScroll();	
	}
};


//=============================================================================
// PUBLIC API METHODS
//=============================================================================

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.core.ScrollBar.prototype.unbind = function (oOwnerDomRef) {
	if (oOwnerDomRef) {
		this._$OwnerDomRef = jQuery(oOwnerDomRef);
		if (this.getVertical()) {
			this._$OwnerDomRef.unbind(jQuery.browser.mozilla ? "DOMMouseScroll" : "mousewheel", this.onmousewheel);			
		}
		
		if (jQuery.sap.touchEventMode !== "OFF") {
			this._$OwnerDomRef.unbind(this._getTouchEventType("touchstart"), jQuery.proxy(this.ontouchstart, this));
			this._$OwnerDomRef.unbind(this._getTouchEventType("touchmove"), jQuery.proxy(this.ontouchmove, this));
			this._$OwnerDomRef.unbind(this._getTouchEventType("touchend"), jQuery.proxy(this.ontouchend, this));
			this._$OwnerDomRef.unbind(this._getTouchEventType("touchcancle"), jQuery.proxy(this.ontouchcancle, this));
		}
	}
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.core.ScrollBar.prototype.bind = function (oOwnerDomRef) {
	if (oOwnerDomRef) {
		this._$OwnerDomRef = jQuery(oOwnerDomRef);
		if (this.getVertical()) {
			this._$OwnerDomRef.bind(jQuery.browser.mozilla ? "DOMMouseScroll" : "mousewheel", jQuery.proxy(this.onmousewheel, this));
		}

		if (jQuery.sap.touchEventMode !== "OFF") {
			this._$OwnerDomRef.bind(this._getTouchEventType("touchstart"), jQuery.proxy(this.ontouchstart, this));
			this._$OwnerDomRef.bind(this._getTouchEventType("touchmove"), jQuery.proxy(this.ontouchmove, this));
			this._$OwnerDomRef.bind(this._getTouchEventType("touchend"), jQuery.proxy(this.ontouchend, this));
			this._$OwnerDomRef.bind(this._getTouchEventType("touchcancle"), jQuery.proxy(this.ontouchcancle, this));
		}
	}
};

/**
 * Returns the event type for a given touch event type base on the current touch event mode (jQuery.sap.touchEventMod).
 *   
 * @param {string} sType The touch event to convert
 * @return {string} The converted event type.
 * @private
 */
sap.ui.core.ScrollBar.prototype._getTouchEventType = function (sType) {
	return jQuery.sap.touchEventMode === "SIM" ? ("sap" + sType) : sType;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.core.ScrollBar.prototype.pageUp = function() {
	// call on scroll
	this._doScroll(sap.ui.core.ScrollBarAction.Page, false);
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.core.ScrollBar.prototype.pageDown = function() {
    // call on scroll
    this._doScroll(sap.ui.core.ScrollBarAction.Page, true);
};

//=============================================================================
// OVERRIDE OF SETTERS
//=============================================================================

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.core.ScrollBar.prototype.setScrollPosition = function (scrollPosition) {
	if (this._$ScrollDomRef) {
		this.setCheckedScrollPosition(scrollPosition, true);
	} else {
		this.setProperty("scrollPosition", scrollPosition);
	}
	return this;
};

/*
 * After the Scrollbar is rendered, we check the validity of the scroll position and set Scroll Left and ScrollTop.
 * @private
 */
sap.ui.core.ScrollBar.prototype.setCheckedScrollPosition = function (scrollPosition, callScrollEvent) {

	var iCheckedSP = Math.max(scrollPosition, 0);

	if ( this._bStepMode === undefined) {
		this._bStepMode = !this.getContentSize();
	}

	var iScrollPos = iCheckedSP;
	if ( this._bStepMode) {

		iCheckedSP = Math.min(iCheckedSP, this.getSteps());

		// STEPS MODE - Calculate the position in PX
		iScrollPos = iCheckedSP * this._iFactor;
	}

	this._bSuppressScroll = !callScrollEvent;
	this.setProperty("scrollPosition", iCheckedSP, true);

	if ( this.getVertical()) {
			this._$ScrollDomRef.scrollTop(iScrollPos);
		} else {
		if ( jQuery.browser.mozilla && this._bRTL ) {
			this._$ScrollDomRef.scrollLeft(-iScrollPos);
		} else if ( jQuery.browser.webkit && this._bRTL ) {
			var oScrollDomRef = this._$ScrollDomRef.get(0);
			this._$ScrollDomRef.scrollLeft(oScrollDomRef.scrollWidth - oScrollDomRef.clientWidth - iScrollPos);
		} else {
			this._$ScrollDomRef.scrollLeft(iScrollPos);
		}
	}

 	if (jQuery.sap.touchEventMode !== "OFF") {
		var value = iCheckedSP;
		if (this._bStepMode) {
			value = Math.round(iCheckedSP * this._iTouchStepTreshold);
		}

		this._oTouchScroller.__scrollTop = this.getVertical() ? value : 0;
		this._oTouchScroller.__scrollLeft =  this.getVertical() ? 0 : value;
	}
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.core.ScrollBar.prototype.setContentSize = function (sContentSize) {

	// Trigger the rerendering when switching the from step mode.
	this.setProperty("contentSize", sContentSize, !this._bStepMode);
	if (!this._bStepMode) {
		var $SbCnt = jQuery.sap.byId(this.getId() + "-sbcnt");
		if ($SbCnt) {
			if (this.getVertical()) {
				$SbCnt.height(sContentSize);
			} else {
				$SbCnt.width(sContentSize);
			}
		}
	}
	return this;
};

//=============================================================================
// PRIVATE METHODS
//=============================================================================

/**
* Process scroll events and fire scroll event
* @param eAction Action type that can be mouse wheel, Drag, Step or Page.
* @param bForward Scroll Direction - forward or back
* @private
*/
sap.ui.core.ScrollBar.prototype._doScroll = function(eAction, bForward) {

	// Get new scroll position
	var iScrollPos = null;
	if (this._$ScrollDomRef){
		if (this.getVertical()) {
			iScrollPos = this._$ScrollDomRef.scrollTop();
		} else {
			iScrollPos = this._$ScrollDomRef.scrollLeft();
			if (jQuery.browser.mozilla && this._bRTL ) {
				iScrollPos = Math.abs(iScrollPos);
			} else if ( jQuery.browser.webkit && this._bRTL ) {
				var oScrollDomRef = this._$ScrollDomRef.get(0);
				iScrollPos = oScrollDomRef.scrollWidth - oScrollDomRef.clientWidth - oScrollDomRef.scrollLeft;
			}
		}
	}

	if (this._bStepMode) {

		// STEP MODE
		var iStep = Math.round(iScrollPos / this._iFactor);
		var iOldStep = this._iOldStep;

		if (iOldStep !== iStep) {

			// Set new scrollposition without the rerendering
			this.setCheckedScrollPosition(iStep, false);

			jQuery.sap.log.debug("-----STEPMODE-----: New Step: " + iStep + " --- Old Step: " +  iOldStep  + " --- Scroll Pos in px: " + iScrollPos + " --- Action: " + eAction + " --- Direction is forward: " + bForward);
			this.fireScroll({ action: eAction, forward: bForward, newScrollPos: iStep, oldScrollPos: iOldStep});
			this._iOldStep = iStep;

		}
	} else {

		// Set new scroll position without the rerendering
		this.setCheckedScrollPosition(iScrollPos, false);

		jQuery.sap.log.debug("-----PIXELMODE-----: New ScrollPos: " + iScrollPos + " --- Old ScrollPos: " +  this._iOldScrollPos + " --- Action: " + eAction + " --- Direction is forward: " + bForward);
		this.fireScroll({ action: eAction, forward: bForward, newScrollPos: iScrollPos, oldScrollPos: this._iOldScrollPos});
	}
	this._bSuppressScroll = false;
	this._iOldScrollPos = iScrollPos;
	this._bMouseWheel = false;

};

sap.ui.core.ScrollBar.prototype.onThemeChanged = function() {
	this.rerender();
}

/**
 * return the native scroll position without any browser specific correction of 
 * the scroll position value (firefox & RTL => negative value / webkit & RTL =>
 * positive value not beginning with 0 because 0 is left and not as expected 
 * right for webkit RTL mode).
 * @return {int} native scroll position
 * @private
 */
sap.ui.core.ScrollBar.prototype.getNativeScrollPosition = function() {
	if (this._$ScrollDomRef) {
		if (this.getVertical()) {
			return this._$ScrollDomRef.scrollTop();
		} else {
			return this._$ScrollDomRef.scrollLeft();
		}
	}
	return 0;
}

/**
 * sets the scroll position directly
 * @param {int} iNativeScrollPos new native scroll position
 * @private
 */
sap.ui.core.ScrollBar.prototype.setNativeScrollPosition = function(iNativeScrollPos) {
	if (this._$ScrollDomRef) {
		if (this.getVertical()) {
			this._$ScrollDomRef.scrollTop(iNativeScrollPos);
		} else {
			this._$ScrollDomRef.scrollLeft(iNativeScrollPos);
		}
	}
}


}; // end of sap.ui.core.ScrollBar
if ( !jQuery.sap.isDeclared('sap.ui.core.SeparatorItem') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.SeparatorItem.
jQuery.sap.declare("sap.ui.core.SeparatorItem");



/**
 * Constructor for a new SeparatorItem.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Item#constructor sap.ui.core.Item}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * An item that provides a visual separation. It borrows all its methods from the classes sap.ui.core.Item, sap.ui.core.Element,
 * sap.ui.base.EventProvider, and sap.ui.base.Object.
 * @extends sap.ui.core.Item
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.SeparatorItem
 */
sap.ui.core.Item.extend("sap.ui.core.SeparatorItem", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core"
}});


/**
 * Creates a new subclass of class sap.ui.core.SeparatorItem with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.SeparatorItem.extend
 * @function
 */


// Start of sap/ui/core/SeparatorItem.js
///**
// * This file defines behavior for the control,
// */
//sap.ui.core.SeparatorItem.prototype.init = function(){
//   // do something for initialization...
//};
}; // end of sap.ui.core.SeparatorItem
if ( !jQuery.sap.isDeclared('sap.ui.core.TooltipBase') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.TooltipBase.
jQuery.sap.declare("sap.ui.core.TooltipBase");



/**
 * Constructor for a new TooltipBase.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string (default: "")</li>
 * <li>{@link #getOpenDuration openDuration} : int (default: 200)</li>
 * <li>{@link #getCloseDuration closeDuration} : int (default: 200)</li>
 * <li>{@link #getMyPosition myPosition} : sap.ui.core.Dock (default: 'begin top')</li>
 * <li>{@link #getAtPosition atPosition} : sap.ui.core.Dock (default: 'begin bottom')</li>
 * <li>{@link #getOffset offset} : string (default: '10 3')</li>
 * <li>{@link #getCollision collision} : sap.ui.core.Collision (default: 'flip')</li>
 * <li>{@link #getOpenDelay openDelay} : int (default: 500)</li>
 * <li>{@link #getCloseDelay closeDelay} : int (default: 100)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Abstract class that can be extended in order to implement any extended tooltip. For example, RichTooltip Control is based on it. It provides the opening/closing behavior and the main "text" property.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.TooltipBase
 */
sap.ui.core.Control.extend("sap.ui.core.TooltipBase", { metadata : {

	// ---- object ----
	"abstract" : true,

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"text" : {type : "string", group : "Misc", defaultValue : ""},
		"openDuration" : {type : "int", group : "Behavior", defaultValue : 200},
		"closeDuration" : {type : "int", group : "Behavior", defaultValue : 200},
		"myPosition" : {type : "sap.ui.core.Dock", group : "Behavior", defaultValue : 'begin top'},
		"atPosition" : {type : "sap.ui.core.Dock", group : "Behavior", defaultValue : 'begin bottom'},
		"offset" : {type : "string", group : "Behavior", defaultValue : '10 3'},
		"collision" : {type : "sap.ui.core.Collision", group : "Behavior", defaultValue : 'flip'},
		"openDelay" : {type : "int", group : "Misc", defaultValue : 500},
		"closeDelay" : {type : "int", group : "Misc", defaultValue : 100}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.TooltipBase with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.TooltipBase.extend
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * The text that is shown in the tooltip that extends the TooltipBase class, for example in RichTooltip.
 *
 * Default value is <code>""</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.core.TooltipBase#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is <code>""</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setText
 * @function
 */


/**
 * Getter for property <code>openDuration</code>.
 * Optional. Open Duration in milliseconds.
 *
 * Default value is <code>200</code>
 *
 * @return {int} the value of property <code>openDuration</code>
 * @public
 * @name sap.ui.core.TooltipBase#getOpenDuration
 * @function
 */

/**
 * Setter for property <code>openDuration</code>.
 *
 * Default value is <code>200</code> 
 *
 * @param {int} iOpenDuration  new value for property <code>openDuration</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setOpenDuration
 * @function
 */


/**
 * Getter for property <code>closeDuration</code>.
 * Optional. Close Duration in milliseconds.
 *
 * Default value is <code>200</code>
 *
 * @return {int} the value of property <code>closeDuration</code>
 * @public
 * @name sap.ui.core.TooltipBase#getCloseDuration
 * @function
 */

/**
 * Setter for property <code>closeDuration</code>.
 *
 * Default value is <code>200</code> 
 *
 * @param {int} iCloseDuration  new value for property <code>closeDuration</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setCloseDuration
 * @function
 */


/**
 * Getter for property <code>myPosition</code>.
 * Optional. My position defines which position on the extended tooltip being positioned to align with the target control.
 *
 * Default value is <code>begin top</code>
 *
 * @return {sap.ui.core.Dock} the value of property <code>myPosition</code>
 * @public
 * @name sap.ui.core.TooltipBase#getMyPosition
 * @function
 */

/**
 * Setter for property <code>myPosition</code>.
 *
 * Default value is <code>begin top</code> 
 *
 * @param {sap.ui.core.Dock} sMyPosition  new value for property <code>myPosition</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setMyPosition
 * @function
 */


/**
 * Getter for property <code>atPosition</code>.
 * Optional. At position defines which position on the target control to align the positioned tooltip.
 *
 * Default value is <code>begin bottom</code>
 *
 * @return {sap.ui.core.Dock} the value of property <code>atPosition</code>
 * @public
 * @name sap.ui.core.TooltipBase#getAtPosition
 * @function
 */

/**
 * Setter for property <code>atPosition</code>.
 *
 * Default value is <code>begin bottom</code> 
 *
 * @param {sap.ui.core.Dock} sAtPosition  new value for property <code>atPosition</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setAtPosition
 * @function
 */


/**
 * Getter for property <code>offset</code>.
 * Optional. Offset adds these left-top values to the calculated position.
 * Example: "10 3".
 *
 * Default value is <code>10 3</code>
 *
 * @return {string} the value of property <code>offset</code>
 * @public
 * @name sap.ui.core.TooltipBase#getOffset
 * @function
 */

/**
 * Setter for property <code>offset</code>.
 *
 * Default value is <code>10 3</code> 
 *
 * @param {string} sOffset  new value for property <code>offset</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setOffset
 * @function
 */


/**
 * Getter for property <code>collision</code>.
 * Optional. Collision - when the positioned element overflows the window in some direction, move it to an alternative position.
 *
 * Default value is <code>flip</code>
 *
 * @return {sap.ui.core.Collision} the value of property <code>collision</code>
 * @public
 * @name sap.ui.core.TooltipBase#getCollision
 * @function
 */

/**
 * Setter for property <code>collision</code>.
 *
 * Default value is <code>flip</code> 
 *
 * @param {sap.ui.core.Collision} sCollision  new value for property <code>collision</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setCollision
 * @function
 */


/**
 * Getter for property <code>openDelay</code>.
 * Opening delay of the tooltip in milliseconds
 *
 * Default value is <code>500</code>
 *
 * @return {int} the value of property <code>openDelay</code>
 * @public
 * @name sap.ui.core.TooltipBase#getOpenDelay
 * @function
 */

/**
 * Setter for property <code>openDelay</code>.
 *
 * Default value is <code>500</code> 
 *
 * @param {int} iOpenDelay  new value for property <code>openDelay</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setOpenDelay
 * @function
 */


/**
 * Getter for property <code>closeDelay</code>.
 * Closing delay of the tooltip in milliseconds
 *
 * Default value is <code>100</code>
 *
 * @return {int} the value of property <code>closeDelay</code>
 * @public
 * @name sap.ui.core.TooltipBase#getCloseDelay
 * @function
 */

/**
 * Setter for property <code>closeDelay</code>.
 *
 * Default value is <code>100</code> 
 *
 * @param {int} iCloseDelay  new value for property <code>closeDelay</code>
 * @return {sap.ui.core.TooltipBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.TooltipBase#setCloseDelay
 * @function
 */


// Start of sap/ui/core/TooltipBase.js


/**
 * Return the popup to use but do not expose it to the outside.
 * @type sap.ui.commons.Popup
 * @return The popup to use
 * @private
 */
sap.ui.core.TooltipBase.prototype._getPopup = jQuery.sap.getter((function() {
		var oPopup = new sap.ui.core.Popup();
			oPopup.setShadow(true);
			return oPopup;
		}())
);

/**
 * When a control that has a Tooltip gets the focus, this method is called.
 * @param {jQuery.EventObject} oEvent The event that occurred on the Control that has extended Tooltip.
 * @private
 */
sap.ui.core.TooltipBase.prototype.onfocusin = function(oEvent) {

	var oSC = jQuery(oEvent.target).control(0);
	if (oSC != null) {
		var oDomRef = oSC.getFocusDomRef();
		this.sStoredTooltip = null;
		if (oDomRef.title && oDomRef.title!= "") {
			this.sStoredTooltip = oDomRef.title;
			oDomRef.title = "";
		}

		var oPopup = this._getPopup();
		if (!(oPopup.isOpen() && oPopup.getContent() == this)) {
			// Update Tooltip or create a new span with texts.
			sap.ui.getCore().getRenderManager().render(this, sap.ui.getCore().getStaticAreaRef(), true);
		}

		// Attach accessibility info to the control oSC
		var sValue = oDomRef.getAttribute("aria-describedby");
		var sIdsString = this.getId() + "-title " + this.getId() +"-txt";
		if (sValue == null || sValue== "" ) {
			oDomRef.setAttribute("aria-describedby", sIdsString);
		}
		else if (sValue.indexOf(sIdsString) == -1) {
			oDomRef.setAttribute("aria-describedby", sValue + " " + sIdsString);
		}
	}
};

/**
 * When a control that has a Tooltip looses the focus, this method is called.
 * @param {jQuery.EventObject} oEvent The event that occurred on the extended Tooltip.
 * @private
 */
sap.ui.core.TooltipBase.prototype.onfocusout = function(oEvent) {
	var oSC = jQuery(oEvent.target).control(0);
	if (oSC != null) {

		var oDomRef = oSC.getFocusDomRef();
		if (this.sStoredTooltip) {
			oDomRef.title = this.sStoredTooltip;
		}

		// Detach accessibility information from control oSC.
		var sValue = oDomRef.getAttribute("aria-describedby");
		var sIdsString = this.getId() + "-title " + this.getId() +"-txt";
		if (sValue && sValue.indexOf(sIdsString) >= 0){
			if (jQuery.trim(sValue) == sIdsString) {
				oDomRef.removeAttribute("aria-describedby");
			}
			else  {
				sValue = sValue.replace(sIdsString, "");
				oDomRef.setAttribute("aria-describedby", sValue);
			}
		}
	}
	if (this.sOpenTimeout){
		jQuery.sap.clearDelayedCall(this.sOpenTimeout);
		this.sOpenTimeout = null;
	}

	// Avoid closing the popup when there is a move inside the control to another control or element (for example div)
	this.sCloseNowTimeout = jQuery.sap.delayedCall(this.getCloseDelay(), this, "closePopup");
};

/**
 *	Check if the parameter is a standard browser Tooltip.
 * @return {boolean} - true if the Tooltip is a standard tooltip type of string. False if not a string or empty.
 * @private
 */
sap.ui.core.TooltipBase.prototype.isStandardTooltip = function(oTooltip) {
	return  (typeof oTooltip === "string" &&  (jQuery.trim(oTooltip)) !== "");
};

/**
* Handle the mouseover event of a Control that has a Tooltip.
* @param {jQuery.EventObject} oEvent - The event that occurred on the Control.
* @private
 */
sap.ui.core.TooltipBase.prototype.onmouseover = function(oEvent) {

	// The Element or Control that initiated the event.
	var oEventSource = jQuery(oEvent.target).control(0);
    //jQuery.sap.log.debug("MOUSE OVER    " +  oEventSource + "  " + jQuery(oEvent.currentTarget).control(0));
	if ( oEventSource != null) {

		// If we move in the tooltip itself then do not close the tooltip.
		if ( oEventSource === this) {
			if (this.sCloseNowTimeout) {
					jQuery.sap.clearDelayedCall(this.sCloseNowTimeout);
					this.sCloseNowTimeout = null;
				}
				oEvent.stopPropagation();
				oEvent.preventDefault();
				return;
		}
		// The current Element or Control within the event bubbling phase.
		var oCurrentElement = jQuery(oEvent.currentTarget).control(0);
		// Cancel close event if we move from parent with extended tooltip to child without own tooltip
		if ( oCurrentElement !== oEventSource &&  !this.isStandardTooltip(oEventSource.getTooltip()))  {
			if (this.sCloseNowTimeout){
				jQuery.sap.clearDelayedCall(this.sCloseNowTimeout);
				this.sCloseNowTimeout = null;
				oEvent.stopPropagation();
				oEvent.preventDefault();
				return;
			}
		}

		// Indicates the element being exited.
		var oLeftElement = jQuery(oEvent.relatedTarget).control(0);
		if (oLeftElement) {

			// Cancel close event if we move from child without own tooltip to the parent with rtt - current element has to have rtt.
			if (oLeftElement.getParent()){
				if (oLeftElement.getParent() === oCurrentElement && oCurrentElement === oEventSource) {
					// It is a child of the current element and has no tooltip
					var oLeftElementTooltip = oLeftElement.getTooltip();
					if ( !this.isStandardTooltip(oLeftElementTooltip) && (!oLeftElementTooltip || !(oLeftElementTooltip instanceof sap.ui.core.TooltipBase))) {
						if (this.sCloseNowTimeout){
							jQuery.sap.clearDelayedCall(this.sCloseNowTimeout);
							this.sCloseNowTimeout = null;
								oEvent.stopPropagation();
								oEvent.preventDefault();
							return;
						}
					}
				}
			}
		}

		// Open the popup
		if (this._currentControl === oEventSource || !this.isStandardTooltip(oEventSource.getTooltip())) {
			// Set all standard tooltips to empty string
			this.removeStandardTooltips(oEventSource);
			// Open with delay 0,5 sec.
			this.sOpenTimeout = jQuery.sap.delayedCall(this.getOpenDelay(), this, "openPopup", [this._currentControl]);
			// We need this for the scenario if the both a child and his parent have an RichTooltip
			oEvent.stopPropagation();
			oEvent.preventDefault();
		}
	}
};

/**
 * Handle the mouseout event  of a Control that has a Tooltip.
 * @param {jQuery.EventObject} oEvent Event that occurred on the Control that has extended Tooltip.
 * @private
 */
sap.ui.core.TooltipBase.prototype.onmouseout = function(oEvent) {
	//jQuery.sap.log.debug("MOUSE OUT    " + jQuery(oEvent.target).control(0) + "   "+ jQuery(oEvent.currentTarget).control(0) );
	if (this.sOpenTimeout){
		jQuery.sap.clearDelayedCall(this.sOpenTimeout);
		this.sOpenTimeout = null;
	}
	// Avoid closing the popup when there is a move inside the control to another control or element (for example div)
	if (!this.sCloseNowTimeout) {
		this.sCloseNowTimeout = jQuery.sap.delayedCall(this.getCloseDelay(), this, "closePopup");
	}
	this.restoreStandardTooltips();
	oEvent.stopPropagation();
	oEvent.preventDefault();
};

/**
 * Close the popup holding the content of the tooltip.
 * Clears all delayed calls for closing this popup as those are not needed anymore.
 * @private
 */
sap.ui.core.TooltipBase.prototype.closePopup = function() {
	var oPopup = this._getPopup();
	if (this.sCloseNowTimeout) {
		jQuery.sap.clearDelayedCall(this.sCloseNowTimeout);
	}
	this.sCloseNowTimeout = null;
	//jQuery.sap.log.debug("CLOSE POPUP");
	oPopup.attachClosed(jQuery.proxy(this.handleClosed, this));
	oPopup.close();
	this.restoreStandardTooltips();
};

sap.ui.core.TooltipBase.prototype.handleClosed = function(){
	this._getPopup().detachClosed(jQuery.proxy(this.handleClosed, this));
	this.fireEvent(sap.ui.core.Popup.M_EVENTS.closed);
};


/**
 * Open the popup holding the content of the tooltip.
 * @param {Object} oSC - the Control that has extended Tooltip.
 * @private
 */
sap.ui.core.TooltipBase.prototype.openPopup = function(oSC) {
	if (oSC.getTooltip() != null) {

		// Clear Delayed Call if exist
		if (this.sCloseNowTimeout){
			jQuery.sap.clearDelayedCall(this.sCloseNowTimeout);
			this.sCloseNowTimeout = null;
			return;
		}

		// If already opened with the needed content then return
		var oPopup = this._getPopup();
		if (oPopup.isOpen() && oPopup.getContent() == this) {
			return;
		}

		// Tooltip will be displayed. Ensure the content is rendered. As this is no control, the popup will not take care of rendering.
		sap.ui.getCore().getRenderManager().render(this, sap.ui.getCore().getStaticAreaRef(), true);

		// Open popup
		var oDomRef = oSC.getDomRef();
		oPopup.setContent(this);
		oPopup.setPosition(this.getMyPosition(), this.getAtPosition(), oDomRef, this.getOffset(), this.getCollision());
		oPopup.setDurations(this.getOpenDuration(), this.getCloseDuration());
		oPopup.open();
		this.removeStandardTooltips(this._currentControl);
	}
};

/**
 * Switch off the browser standard tooltips and store then in an array.
 * @private
*/
sap.ui.core.TooltipBase.prototype.removeStandardTooltips = function() {

	var oDomRef = this._currentControl.getDomRef();
	if (!this.aStoredTooltips) {
		this.aStoredTooltips = [];
	} else{
		return;
	}

	var tooltip = "";
	while (oDomRef && !(oDomRef === document)) {
		tooltip = oDomRef.title;
		if ( tooltip ) {
			this.aStoredTooltips.push({ domref : oDomRef, tooltip : tooltip });
			oDomRef.title = "";
		}
		oDomRef = oDomRef.parentNode;
	}

	// Do it for the specified elements under the root Dom ref.
	if (this._currentControl.getTooltipDomRefs) {
		// oDomRefs is jQuery Object that contains DOM nodes of the elements to remove the tooltips
		var aDomRefs = this._currentControl.getTooltipDomRefs();
		for (var i = 0; i < aDomRefs.length; i++) {
			oDomRef = aDomRefs[i];
			if (oDomRef) {
				tooltip = oDomRef.title;
				if (tooltip) {
					this.aStoredTooltips.push({ domref : oDomRef, tooltip : tooltip });
					oDomRef.title = "";
				}
			}
		}
	}
};

/**
 * Restore the standard browser tooltips.
 * @private
 */
sap.ui.core.TooltipBase.prototype.restoreStandardTooltips = function() {

	var oPopup = this._getPopup();
	var eState = oPopup.getOpenState();
	if (eState === sap.ui.core.OpenState.OPEN || eState === sap.ui.core.OpenState.OPENING) {
		//jQuery.sap.log.debug(oPopup.getOpenState());
		return;
	}
	if (this.sOpenTimeout){
		return;
	}
	if (this.aStoredTooltips){
		for (var i = 0; i < this.aStoredTooltips.length; i++) {
			var oDomRef = this.aStoredTooltips[i].domref;
			oDomRef.title = this.aStoredTooltips[i].tooltip;
		}
	}
	this.aStoredTooltips = null;
};

/* Store reference to original setParent function */
sap.ui.core.TooltipBase.prototype._setParent = sap.ui.core.TooltipBase.prototype.setParent;

/**
 * Defines the new parent of this TooltipBase using {@link sap.ui.core.Element#setParent}.
 * Additionally closes the Tooltip.
 *
 * @param {sap.ui.core.Element} oParent The element that becomes this element's parent.
 * @param {string} sAggregationName - The name of the parent element's aggregation.
 * @private
 */
sap.ui.core.TooltipBase.prototype.setParent = function(oParent, sAggregationName) {
	// As there is a new parent, close popup.
	var _oPopup = this._getPopup(); 
	if (_oPopup && _oPopup.isOpen()) {
		this.closePopup();
	}
	this._setParent.apply(this, arguments);
};
/**
 * Handle the key down event Ctrl+i and ESCAPE.
 * @param {jQuery.Event} oEvent - the event that occurred on the Parent of the Extended Tooltip.
 * @private
 */
sap.ui.core.TooltipBase.prototype.onkeydown = function(oEvent) {
	// Ctrl is pressed together with "i" - Open Rich tooltip.
	if(oEvent.ctrlKey && oEvent.which == jQuery.sap.KeyCodes.I) {
		// The Element or Control that initiated the event.

		var oEventSource = jQuery(oEvent.target).control(0);
		if (oEventSource != null) {
			// If the current control is the event source or event source does not have a standard tooltip
			if (this._currentControl === oEventSource || !this.isStandardTooltip(oEventSource.getTooltip())) {

				// Set all standard tooltips to empty string
				this.removeStandardTooltips(oEventSource);

				// Open extended tooltip
				this.openPopup( this._currentControl);

				oEvent.preventDefault();
				oEvent.stopPropagation();
			}
		}
	}
	// If Ecs is pressed then close the Rich Tooltip.
	else if(oEvent.which == jQuery.sap.KeyCodes.ESCAPE) {
		if (this.sOpenTimeout) {
			jQuery.sap.clearDelayedCall(this.sOpenTimeout);
			this.sOpenTimeout = null;
		}
		this.closePopup();
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

}; // end of sap.ui.core.TooltipBase
if ( !jQuery.sap.isDeclared('sap.ui.core.VariantLayoutData') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.VariantLayoutData.
jQuery.sap.declare("sap.ui.core.VariantLayoutData");



/**
 * Constructor for a new VariantLayoutData.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getMultipleLayoutData multipleLayoutData} : sap.ui.core.LayoutData[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.LayoutData#constructor sap.ui.core.LayoutData}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Allows to add multiple LayoutData to one control in case that a easy switch of layouts (e.g. in a Form) is needed.
 * @extends sap.ui.core.LayoutData
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.2
 * @name sap.ui.core.VariantLayoutData
 */
sap.ui.core.LayoutData.extend("sap.ui.core.VariantLayoutData", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	aggregations : {
    	"multipleLayoutData" : {type : "sap.ui.core.LayoutData", multiple : true, singularName : "multipleLayoutData"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.VariantLayoutData with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.VariantLayoutData.extend
 * @function
 */


/**
 * Getter for aggregation <code>multipleLayoutData</code>.<br/>
 * Allows multiple LayoutData.
 * 
 * @return {sap.ui.core.LayoutData[]}
 * @public
 * @name sap.ui.core.VariantLayoutData#getMultipleLayoutData
 * @function
 */


/**
 * Inserts a multipleLayoutData into the aggregation named <code>multipleLayoutData</code>.
 *
 * @param {sap.ui.core.LayoutData}
 *          oMultipleLayoutData the multipleLayoutData to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the multipleLayoutData should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the multipleLayoutData is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the multipleLayoutData is inserted at 
 *             the last position        
 * @return {sap.ui.core.VariantLayoutData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.VariantLayoutData#insertMultipleLayoutData
 * @function
 */

/**
 * Adds some multipleLayoutData <code>oMultipleLayoutData</code> 
 * to the aggregation named <code>multipleLayoutData</code>.
 *
 * @param {sap.ui.core.LayoutData}
 *            oMultipleLayoutData the multipleLayoutData to add; if empty, nothing is inserted
 * @return {sap.ui.core.VariantLayoutData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.VariantLayoutData#addMultipleLayoutData
 * @function
 */

/**
 * Removes an multipleLayoutData from the aggregation named <code>multipleLayoutData</code>.
 *
 * @param {int | string | sap.ui.core.LayoutData} vMultipleLayoutData the multipleLayoutData to remove or its index or id
 * @return {sap.ui.core.LayoutData} the removed multipleLayoutData or null
 * @public
 * @name sap.ui.core.VariantLayoutData#removeMultipleLayoutData
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>multipleLayoutData</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.LayoutData[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.core.VariantLayoutData#removeAllMultipleLayoutData
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.LayoutData</code> in the aggregation named <code>multipleLayoutData</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.LayoutData}
 *            oMultipleLayoutData the multipleLayoutData whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.core.VariantLayoutData#indexOfMultipleLayoutData
 * @function
 */
	

/**
 * Destroys all the multipleLayoutData in the aggregation 
 * named <code>multipleLayoutData</code>.
 * @return {sap.ui.core.VariantLayoutData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.VariantLayoutData#destroyMultipleLayoutData
 * @function
 */


// Start of sap/ui/core/VariantLayoutData.js

}; // end of sap.ui.core.VariantLayoutData
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.View') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.mvc.View.
jQuery.sap.declare("sap.ui.core.mvc.View");



/**
 * Constructor for a new mvc/View.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getViewName viewName} : string</li>
 * <li>{@link #getDisplayBlock displayBlock} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.core.mvc.View#event:afterInit afterInit} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.core.mvc.View#event:beforeExit beforeExit} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.core.mvc.View#event:afterRendering afterRendering} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.core.mvc.View#event:beforeRendering beforeRendering} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * View
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.mvc.View
 */
sap.ui.core.Control.extend("sap.ui.core.mvc.View", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getController"
	],

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"viewName" : {type : "string", group : "Misc", defaultValue : null},
		"displayBlock" : {type : "boolean", group : "Appearance", defaultValue : false}
	},
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	},
	events : {
		"afterInit" : {}, 
		"beforeExit" : {}, 
		"afterRendering" : {}, 
		"beforeRendering" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.mvc.View with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.mvc.View.extend
 * @function
 */

sap.ui.core.mvc.View.M_EVENTS = {'afterInit':'afterInit','beforeExit':'beforeExit','afterRendering':'afterRendering','beforeRendering':'beforeRendering'};


/**
 * Getter for property <code>width</code>.
 * The width
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.core.mvc.View#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * The height
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.core.mvc.View#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#setHeight
 * @function
 */


/**
 * Getter for property <code>viewName</code>.
 * Name of the View
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>viewName</code>
 * @public
 * @name sap.ui.core.mvc.View#getViewName
 * @function
 */

/**
 * Setter for property <code>viewName</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sViewName  new value for property <code>viewName</code>
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#setViewName
 * @function
 */


/**
 * Getter for property <code>displayBlock</code>.
 * Whether the CSS display should be set to "block".
 * Set this to "true" if the default display "inline-block" causes a vertical scrollbar with Views that are set to 100% height.
 * Do not set this to "true" if you want to display other content in the same HTML parent on either side of the View (setting to "true" may push that other content to the next/previous line).
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>displayBlock</code>
 * @public
 * @name sap.ui.core.mvc.View#getDisplayBlock
 * @function
 */

/**
 * Setter for property <code>displayBlock</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bDisplayBlock  new value for property <code>displayBlock</code>
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#setDisplayBlock
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Child Controls of the view
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.core.mvc.View#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.core.mvc.View#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.core.mvc.View#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.core.mvc.View#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#destroyContent
 * @function
 */


/**
 * Fired when the View has parsed the UI description and instantiated the contained controls (/control tree). 
 *
 * @name sap.ui.core.mvc.View#afterInit
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'afterInit' event of this <code>sap.ui.core.mvc.View</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.core.mvc.View</code>.<br/> itself. 
 *  
 * Fired when the View has parsed the UI description and instantiated the contained controls (/control tree). 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.core.mvc.View</code>.<br/> itself.
 *
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#attachAfterInit
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'afterInit' event of this <code>sap.ui.core.mvc.View</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#detachAfterInit
 * @function
 */

/**
 * Fire event afterInit to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.core.mvc.View#fireAfterInit
 * @function
 */


/**
 * Fired when the view has received the request to destroy itself, but before it has destroyed anything. 
 *
 * @name sap.ui.core.mvc.View#beforeExit
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'beforeExit' event of this <code>sap.ui.core.mvc.View</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.core.mvc.View</code>.<br/> itself. 
 *  
 * Fired when the view has received the request to destroy itself, but before it has destroyed anything. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.core.mvc.View</code>.<br/> itself.
 *
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#attachBeforeExit
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'beforeExit' event of this <code>sap.ui.core.mvc.View</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#detachBeforeExit
 * @function
 */

/**
 * Fire event beforeExit to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.core.mvc.View#fireBeforeExit
 * @function
 */


/**
 * Fired when the View has been (re-)rendered and its HTML is present in the DOM. 
 *
 * @name sap.ui.core.mvc.View#afterRendering
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'afterRendering' event of this <code>sap.ui.core.mvc.View</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.core.mvc.View</code>.<br/> itself. 
 *  
 * Fired when the View has been (re-)rendered and its HTML is present in the DOM. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.core.mvc.View</code>.<br/> itself.
 *
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#attachAfterRendering
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'afterRendering' event of this <code>sap.ui.core.mvc.View</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#detachAfterRendering
 * @function
 */

/**
 * Fire event afterRendering to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.core.mvc.View#fireAfterRendering
 * @function
 */


/**
 * Fired before this View is re-rendered. Use to unbind event handlers from HTML elements etc. 
 *
 * @name sap.ui.core.mvc.View#beforeRendering
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'beforeRendering' event of this <code>sap.ui.core.mvc.View</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.core.mvc.View</code>.<br/> itself. 
 *  
 * Fired before this View is re-rendered. Use to unbind event handlers from HTML elements etc. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.core.mvc.View</code>.<br/> itself.
 *
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#attachBeforeRendering
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'beforeRendering' event of this <code>sap.ui.core.mvc.View</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.mvc.View#detachBeforeRendering
 * @function
 */

/**
 * Fire event beforeRendering to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.core.mvc.View} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.core.mvc.View#fireBeforeRendering
 * @function
 */


/**
 * Returns the view's Controller instance (if any)
 *
 * @name sap.ui.core.mvc.View.prototype.getController
 * @function

 * @type object
 * @public
 */


// Start of sap/ui/core/mvc/View.js
(function() {
	/**
	 * @namespace
	 * @name sap.ui.core.mvc
	 * @public
	 */

	/**
	 * initialize the View and connect (create if no instance is given) the Controller
	 *
	 * @private
	 */
	sap.ui.core.mvc.View.prototype._initCompositeSupport = function(mSettings) {

		// init View with constructor settings
		// (e.g. parse XML or identify default controller) ***/

		// make user specific data available during view instantiation
		this.oViewData = mSettings.viewData;

		if (this.initViewSettings) {
			this.initViewSettings(mSettings);
		}

		createAndConnectController(this, mSettings);

		// the controller is connected now => notify the view implementations
		if (this.onControllerConnected) {
			this.onControllerConnected(this.oController);
		}

		// notifies the listeners that the View is initialized
		this.fireAfterInit();

	};

	/**
	 * may return null for controller-less View
	 *
	 * @return Controller of the View
	 * @public
	 */
	sap.ui.core.mvc.View.prototype.getController = function() {
		return this.oController;
	};

	/**
	 * returns an Element by its id in the context of the View
	 *
	 * @return Element by its id
	 * @public
	 */
	sap.ui.core.mvc.View.prototype.byId = function(sId) {
		return sap.ui.getCore().byId(this.createId(sId));
	};

	/**
	 * creates an id for an Element prefixed with the view id
	 *
	 * @return prefixed id
	 * @public
	 */
	sap.ui.core.mvc.View.prototype.createId = function(sId) {
		return this.getId() + "--" + sId;
	};

	/**
	 * creates and connects the controller if the controller is not given in the
	 * mSettings
	 *
	 * @private
	 */
	var createAndConnectController = function(oThis, mSettings) {

		// only set when used internally
		var oController = mSettings.controller;

		// check for default controller
		if (!oController && oThis.getControllerName) {
			// get optional default controller name
			var defaultController = oThis.getControllerName();
			if (defaultController) {
				// create controller
				oController = sap.ui.controller(defaultController);
			}
		}

		if ( oController ) {
			oThis.oController = oController;
			// connect controller
			oController.connectToView(oThis);
		}
	};

	/**
	 * Returns user specific data object
	 *
	 * @return object viewData
	 * @public
	 */
	sap.ui.core.mvc.View.prototype.getViewData = function(){
		return this.oViewData;
	};

	/**
	 * exit hook
	 *
	 * @private
	 */
	sap.ui.core.mvc.View.prototype.exit = function() {
		this.fireBeforeExit();
		this.oController = null;
	};

	/**
	 * onAfterRendering hook
	 *
	 * @private
	 */
	sap.ui.core.mvc.View.prototype.onAfterRendering = function() {
		this.fireAfterRendering();
	};

	/**
	 * onBeforeRendering hook
	 *
	 * @private
	 */
	sap.ui.core.mvc.View.prototype.onBeforeRendering = function() {
		this.fireBeforeRendering();
	};

	/**	
	 * Override clone method to avoid conflict between generic cloning of content
	 * and content creation as defined by the UI5 Model View Controller lifecycle.
	 * 
	 * For more details see the development guide section about Model View Controller in UI5.
	 * 
	 * @param {String} [sIdSuffix] a suffix to be appended to the cloned element id
	 * @param {Array} [aLocalIds] an array of local IDs within the cloned hierarchy (internally used)
	 * @return {sap.ui.core.Element} reference to the newly created clone
	 * @protected
	 */
	sap.ui.core.mvc.View.prototype.clone = function(sIdSuffix, aLocalIds) {
		var mSettings = {}, sKey, oClone;
		//Clone properties (only those with non-default value)
		for(sKey in this.mProperties  && !(this.isBound && this.isBound(sKey))) {
			if ( this.mProperties.hasOwnProperty(sKey) ) {
				mSettings[sKey] = this.mProperties[sKey];
			}
		}
		oClone = sap.ui.core.Control.prototype.clone.call(this, sIdSuffix, aLocalIds, {cloneChildren:false, cloneBindings: true});
		oClone.applySettings(mSettings);
		return oClone;
	};
	
	/**
	 * Creates a view of the given type, name and with the given id.
	 *
	 * The <code>oView</code> configuration object can have the following properties for the view
	 * instantiation:
	 * <ul>
	 * <li>The ID <code>oView.id</code> specifies an ID for the View instance. If no ID is given,
	 * an ID will be generated.</li>
	 * <li>The view name <code>oView.viewName</code> corresponds to an XML module that can be loaded
	 * via the module system (oView.viewName + suffix ".view.xml")</li>
	 * <li>The controller instance <code>oView.controller</code> must be a valid controller implementation.
	 * The given controller instance overrides the controller defined in the view definition</li>
	 * <li>The view type <code>oView.type</code> specifies what kind of view will be instantiated. All valid
	 * view types are listed in the enumeration sap.ui.core.mvc.ViewType.</li>
	 * <li>The view data <code>oView.viewData</code> can hold user specific data. This data is available
	 * during the whole lifecycle of the view and the controller</li>
	 * </ul>
	 *
	 * @param {object} [oView] view configuration Object
	 * @public
	 * @static
	 * @return {sap.ui.core.mvc.View} the created View instance
	 */
	sap.ui.view = function(oView) {
		var view = null;
		if (!oView.type) {
			throw new Error("No view type specified.");
		} else if (oView.type === sap.ui.core.mvc.ViewType.JS) {
			view = new sap.ui.core.mvc.JSView(oView);
		} else if (oView.type === sap.ui.core.mvc.ViewType.JSON) {
			view = new sap.ui.core.mvc.JSONView(oView);
		} else if (oView.type === sap.ui.core.mvc.ViewType.XML) {
			view = new sap.ui.core.mvc.XMLView(oView);
		} else if (oView.type === sap.ui.core.mvc.ViewType.HTML) {
			view = new sap.ui.core.mvc.HTMLView(oView);
		} else { // unknown view type
			throw new Error("Unknown view type "+oView.type+" specified.");
		}
		return view;
	};


	/**
	 * An (optional) method to be implemented by Views.
	 * When no controller instance is given at View instantiation time AND this method exists and returns the (package and class) name of a controller,
	 * the View tries to load and instantiate the controller and to connect it to itself.
	 * 
	 * @return {string} the name of the controller
	 * @public
	 * @name sap.ui.core.mvc.View.getControllerName
	 * @function
	 */


}());
}; // end of sap.ui.core.mvc.View
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.XMLView') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.mvc.XMLView.
jQuery.sap.declare("sap.ui.core.mvc.XMLView");



/**
 * Constructor for a new mvc/XMLView.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.mvc.View#constructor sap.ui.core.mvc.View}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A View defined using (P)XML and HTML markup.
 * @extends sap.ui.core.mvc.View
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.mvc.XMLView
 */
sap.ui.core.mvc.View.extend("sap.ui.core.mvc.XMLView", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core"
}});


/**
 * Creates a new subclass of class sap.ui.core.mvc.XMLView with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.mvc.XMLView.extend
 * @function
 */


// Start of sap/ui/core/mvc/XMLView.js




(function(){

	/**
	 * Creates an XML view of the given name and with the given id.
	 *
	 * The <code>viewName</code> must either correspond to an XML module that can be loaded
	 * via the module system (viewName + suffix ".view.xml") and which defines the view or must
	 * be a configuration object for a view.
	 * The configuration object can have a viewName, viewContent and a controller property. The viewName
	 * behaves as described above. ViewContent can hold the view description as XML string. The controller
	 * property can hold an controller instance. If a controller instance is given it overrides the
	 * controller defined in the view.
	 *
	 * Like with any other control, id is optional and one will be created automatically.
	 *
	 * @param {string} [sId] id of the newly created view
	 * @param {string | object} vView name of the view or view configuration as described above.
	 * @public
	 * @static
	 * @return {sap.ui.core.mvc.XMLView} the created XMLView instance
	 */
	sap.ui.xmlview = function(sId, vView) {
		var mSettings = {};
		if (vView) {
			if (typeof(vView) == "string") {
				mSettings.viewName = vView;
			}
			else {
				mSettings.viewName = vView.viewName;
				mSettings.controller = vView.controller;
				mSettings.viewContent = vView.viewContent;
			}
			return new sap.ui.core.mvc.XMLView(sId, mSettings);
		} else {
			if (typeof(sId) == "string") {
				mSettings.viewName = sId;
			}
			else {
				mSettings.viewName = sId.viewName;
				mSettings.controller = sId.controller;
				mSettings.viewContent = sId.viewContent;
			}
			return new sap.ui.core.mvc.XMLView(mSettings);
		}
	};


	sap.ui.core.mvc.XMLView.prototype.initViewSettings = function(mSettings) {
		if (!mSettings) {
			throw new Error("mSettings must be given");
		}

		// View template handling - either template name or XML node is given
		if (mSettings.viewName && mSettings.viewContent) {
			throw new Error("View name and view content are given. There is no point in doing this, so please decide.");
		} else if ((mSettings.viewName || mSettings.viewContent) && mSettings.xmlNode) {
			throw new Error("View name/content AND an XML node are given. There is no point in doing this, so please decide.");
		} else if (!(mSettings.viewName || mSettings.viewContent) && !mSettings.xmlNode) {
			throw new Error("Neither view name/content nor an XML node is given. One of them is required.");
		}

		if (mSettings.viewName) {
			this._xContent = loadTemplate(mSettings.viewName);
		} else if (mSettings.viewContent) {
			this.mProperties["viewContent"] = mSettings.viewContent;
			this._xContent = jQuery.sap.parseXML(mSettings.viewContent);
			if (this._xContent.parseError.errorCode != 0){
				var oParseError = this._xContent.parseError;
				throw new Error("The following problem occurred: XML parse Error for " + oParseError.url + " code: " + oParseError.errorCode + " reason: " +
						oParseError.reason +  " src: " + oParseError.srcText + " line: " +  oParseError.line +  " linepos: " + oParseError.linepos +  " filepos: " + oParseError.filepos);
			}else{
				this._xContent = this._xContent.documentElement;
			}

		} else if (mSettings.xmlNode) {
			this._xContent = mSettings.xmlNode;
		} else {
			// does not happen, already checked
		}
		this._oContainingView = mSettings.containingView || this;

		// extract the properties of the view from the XML element
		if ( !this.isSubView() ) {
			// for a real XMLView, we need to parse the attributes of the root node
			parseViewAttributes(this._xContent, this, mSettings);
		} else {
			// when used as fragment: prevent connection to controller, only top level XMLView must connect
			delete mSettings.controller;
		}

		if((this._resourceBundleName || this._resourceBundleUrl) && (!mSettings.models || !mSettings.models[this._resourceBundleAlias])) {
			var model = new sap.ui.model.resource.ResourceModel({bundleName:this._resourceBundleName, bundleUrl:this._resourceBundleUrl, bundleLocale:this._resourceBundleLocale});
			this.setModel(model,this._resourceBundleAlias);
		}
	};

	sap.ui.core.mvc.XMLView.prototype.onControllerConnected = function(oController) {
		var that=this;
		// unset any preprocessors (e.g. from an enclosing JSON view)
		sap.ui.base.ManagedObject.runWithPreprocessors(function() {
			// parse the XML tree
			that._aParsedContent = parseView(that._xContent, that);
		});
	};

	sap.ui.core.mvc.XMLView.prototype.getControllerName = function() {
		return this._controllerName;
	};


	sap.ui.core.mvc.XMLView.prototype.isSubView = function() {
		return this._oContainingView != this;
	};

	/**
	 * If the HTML doesn't contain own content, it tries to reproduce existing content
	 */
	sap.ui.core.mvc.XMLView.prototype.onAfterRendering = function() {

		if ( this._$oldContent.length !== 0 ) {
			// jQuery.sap.log.debug("after rendering for " + this);

			// move DOM of children into correct place in preserved DOM
			var aChildren = this.getAggregation("content");
			if ( aChildren ) {
				for(var i=0; i<aChildren.length; i++) {
					var $childDOM = aChildren[i].$();
					// jQuery.sap.log.debug("replacing placeholder for " + aChildren[i] + " with content");
					jQuery.sap.byId("sap-ui-dummy-" + aChildren[i].getId(), this._$oldContent).replaceWith($childDOM);
				}
			}
			// move preserved DOM into place
			// jQuery.sap.log.debug("moving preserved dom into place for " + this);
			jQuery.sap.byId("sap-ui-dummy-" + this.getId()).replaceWith(this._$oldContent);
		}
		this._$oldContent = undefined;

		// call super
		sap.ui.core.mvc.View.prototype.onAfterRendering.apply(this, arguments);
	};

	function loadTemplate(sTemplateName) {
		var url = jQuery.sap.getModulePath(sTemplateName, ".view.xml");

		var response = jQuery.sap.sjax({
			url : url,
			dataType: 'xml'
		});
		var _xContent = response.data;
		if (!_xContent) {
			throw new Error("View definition could not be loaded from " + url + ". Check for XML errors or 'file not found' errors.");
		}
		return _xContent.documentElement; // response.data is the document node
	}

	//************* PARSING *************

	function parseScalarType(sType, sValue, sName, oController) {
		// check for a binding expression (string)
		var oBinding = sap.ui.base.ManagedObject.bindingParser(sValue, oController);
		if ( oBinding ) {
			return oBinding;
		}

		var oType = sap.ui.base.DataType.getType(sType);
		if (oType) {
			if (oType instanceof sap.ui.base.DataType) {
				return oType.parseValue(sValue);
			}
			// else return original sValue (e.g. for enums)
		} else {
			throw new Error("Property " + sName + " has no known type");
		}
		return sValue;
	}

	function localName(xmlNode) {
		// localName for standard browsers, baseName for IE, nodeName in the absence of namespaces
		return xmlNode.localName || xmlNode.baseName || xmlNode.nodeName;
	}

	/**
	 * Parses only the attributes of the root node (View)
	 * Children are parsed later on after the controller has been set.
	 * TODO can't handle event handlers in the root node
	 */
	function parseViewAttributes(xmlNode, oView, mSettings) {

		var mAllProperties = oView.getMetadata().getAllProperties();
		for ( var i = 0; i < xmlNode.attributes.length; i++) {
			var attr = xmlNode.attributes[i];
			if (attr.name === 'controllerName') {
				oView._controllerName = attr.value;
			} else if (attr.name === 'resourceBundleName') {
				oView._resourceBundleName =  attr.value;
			} else if (attr.name === 'resourceBundleUrl') {
				oView._resourceBundleUrl =  attr.value;
			} else if (attr.name === 'resourceBundleLocale') {
				oView._resourceBundleLocale =  attr.value;
			} else if (attr.name === 'resourceBundleAlias') {
				oView._resourceBundleAlias =  attr.value;
			} else if (!mSettings[attr.name] && mAllProperties[attr.name]) {
				mSettings[attr.name] = parseScalarType(mAllProperties[attr.name].type, attr.value, attr.name, oView._oContainingView.oController);
			}
		}
	}

	/**
	 * Parses a complete View definition (full node hierarchy)
	 */
	function parseView(xmlNode, oView) {

		var aResult=[];
		if (oView.isSubView()) {
			parseNode(xmlNode, true);
		} else {
			parseChildren(xmlNode);
		}
		return aResult;

		/**
		 * Parses an XML node that might represent an UI5 control or simple XHTML.
		 * XHTML will be added to the aResult array as a sequence of strings,
		 * UI5 controls will be instantiated and added as controls
		 */
		function parseNode(xmlNode, bRoot) {

			if ( xmlNode.nodeType === 1 /* ELEMENT_NODE */ ) {

				var sLocalName = localName(xmlNode);
				if (xmlNode.namespaceURI === "http://www.w3.org/1999/xhtml" || xmlNode.namespaceURI === "http://www.w3.org/2000/svg") {
					// write opening tag
					aResult.push("<" + sLocalName + " ");
					// write attributes
					var sId;
					for (var i = 0; i < xmlNode.attributes.length; i++) {
						var attr = xmlNode.attributes[i];
						var value = attr.value;
						if (attr.name === "id") {
							value = oView._oContainingView.createId(value);
						}
						aResult.push(attr.name + "=\"" + jQuery.sap.encodeHTML(value) + "\" ");
					}
					if ( bRoot === true ) {
						aResult.push("data-sap-ui-preserve" + "=\"" + oView.getId() + "\" ");
					}
					aResult.push(">");

					// write children
					parseChildren(xmlNode);

					// close the tag
					aResult.push("</" + sLocalName + ">");

				} else {

					// assumption: an ELEMENT_NODE with non-XHTML namespace is a SAPUI5 control and the namespace equals the library name
					var oChild = createRegularControl(xmlNode);

					oView.addAggregation("content", oChild);
					aResult.push(oChild);

				}

			} else if (xmlNode.nodeType === 3 /* TEXT_NODE */ ) {

				var text = xmlNode.textContent || xmlNode.text,
					parentName = localName(xmlNode.parentNode);
				if (text) {
					if (parentName != "style") {
						text = jQuery.sap.encodeHTML(text);
					}
					aResult.push(text);
				}

			}

		}

		/**
		 * Parses the children of an XML node
		 */
		function parseChildren(xmlNode, bRoot) {
			var children = xmlNode.childNodes;
			for (var i = 0; i < children.length; i++) {
				parseNode(children[i], bRoot);
			}
		}

		function findControlClass(sNamespaceURI, sLocalName) {
			var sClassName;
			var mLibraries = sap.ui.getCore().getLoadedLibraries();
			jQuery.each(mLibraries, function(sLibName, oLibrary) {
				if ( sNamespaceURI === oLibrary.namespace || sNamespaceURI === oLibrary.name ) {
					sClassName = oLibrary.name + "." + ((oLibrary.tagNames && oLibrary.tagNames[sLocalName]) || sLocalName);
				}
			});
			// TODO guess library from sNamespaceURI and load corresponding lib!?
			sClassName = sClassName || sNamespaceURI + "." + sLocalName;

			// ensure that control and library are loaded
			jQuery.sap.require(sClassName); // make sure oClass.getMetadata() exists

			return jQuery.sap.getObject(sClassName);
		}

		/**
		 * Takes an arbitrary node and creates a SAPUI5 control from it, iterating over the attributes and child nodes
		 *
		 * @private
		 */
		function createControl(node) {
			// differentiate between SAPUI5 and plain-HTML children
			if (node.namespaceURI === "http://www.w3.org/1999/xhtml" || node.namespaceURI === "http://www.w3.org/2000/svg" ) {
				// plain HTML node - create a new View control
				return new sap.ui.core.mvc.XMLView({
					id: xmlNode.attributes['id'] ? oView.createId(xmlNode.attributes['id']) : undefined, 
					xmlNode:node,
					containingView:oView._oContainingView});
			} else {
				// SAPUI5 control
				return createRegularControl(node);
			}
		}

		function createRegularControl(node) {
			var ns = node.namespaceURI,
				oClass = findControlClass(ns, localName(node)),
				oMetadata = oClass.getMetadata(),
				mJSONKeys = oMetadata.getJSONKeys(),
				mSettings = {},
				sStyleClasses = "",
				aCustomData = [];

			for (var i = 0; i < node.attributes.length; i++) {
				var attr = node.attributes[i];

				var sName = attr.name;
				var sValue = attr.value;

				// apply the value of the attribute to a
				//   * property,
				//   * association (id of the control),
				//   * event (name of the function in the controller) or
				//   * CustomData element (namespace-prefixed attribute)

				var oInfo = mJSONKeys[sName];

				if (sName === "id") {
					// special handling for ID
					mSettings[sName] = oView.createId(sValue);

				} else if (sName === "class") {
					// special handling for CSS classes, which will be added via addStyleClass()
					sStyleClasses += sValue;

				} else if (sName === "viewName") {
					mSettings[sName] = sValue;

				} else if (sName.indexOf(":") > -1) {  // namespace-prefixed attribute found
					if (attr.namespaceURI === "http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1") {  // CustomData attribute found
						aCustomData.push({
							Type:"sap.ui.core.CustomData",
							key:localName(attr),
							value:sValue
						});
					} else { // other, unknown namespace
						jQuery.sap.log.warning("XMLView parser encountered and ignored attribute '" + sName + "' (value: '" + sValue + "') with unknown namespace");
						// TODO: here XMLView could check for namespace handlers registered by the application for this namespace which could modify mSettings according to their interpretation of the attribute
					}

				} else if (oInfo && oInfo._iKind === 0 /* PROPERTY */ ) {
					// other PROPERTY
					mSettings[sName] = parseScalarType(oInfo.type, sValue, sName, oView._oContainingView.oController);

				} else if (oInfo && oInfo._iKind === 1 /* SINGLE_AGGREGATION */ && oInfo.altTypes ) {
					// AGGREGATION with scalar type (altType)
					mSettings[sName] = parseScalarType(oInfo.altTypes[0], sValue, sName, oView._oContainingView.oController);

				} else if (oInfo && oInfo._iKind === 2 /* MULTIPLE_AGGREGATION */ ) {
					var oBindingInfo = sap.ui.base.ManagedObject.bindingParser(sValue, oView._oContainingView.oController);
					if ( oBindingInfo ) {
						mSettings[sName] = oBindingInfo;
					} else {
						// TODO we now in theory allow more than just a binding path. Update message?
						jQuery.sap.error("XMLView: aggregations with cardinality 0..n only allow binding paths as attribute value");
					}
				} else if (oInfo && oInfo._iKind === 3 /* SINGLE_ASSOCIATION */ ) {
					// ASSOCIATION
					mSettings[sName] = oView.createId(sValue); // use the value as ID

				} else if (oInfo && oInfo._iKind === 5 /* EVENT */ ) {
					// EVENT
					var fnEventHandler = oView._oContainingView.oController[sValue];
					jQuery.sap.assert(typeof(fnEventHandler) === "function", "event handler function \"" + sValue + "\" is not a function or does not exist in the controller.");
					if (fnEventHandler) {
						mSettings[sName] = [fnEventHandler, oView._oContainingView.oController];
					}
				} else {
					jQuery.sap.log.warning("XMLView parser encountered and ignored unknown attribute '" + sName + "' (value: '" + sValue + "')");
				}
			}
			if (aCustomData.length > 0) {
				mSettings["customData"] = aCustomData;
			}

			function handleChildren(node, oAggregation, mAggregations) {

				var childNode,oNamedAggregation,oControl;

				// loop over all nodes
				for (childNode=node.firstChild; childNode; childNode = childNode.nextSibling) {

					// inspect only element nodes
					if ( childNode.nodeType === 1 /* ELEMENT_NODE */ ) {

						// check for a named aggregation (must have the same namespace as the parent and an aggregation with the same name must exist)
						oNamedAggregation = childNode.namespaceURI === ns && mAggregations && mAggregations[localName(childNode)];
						if (oNamedAggregation) {

							// the children of the current childNode are aggregated controls (or HTML) below the named aggregation
							handleChildren(childNode, oNamedAggregation);

						} else if (oAggregation) {
							// child node name does not equal an aggregation name,
							// so this child must be a control (or HTML) which is aggregated below the DEFAULT aggregation
							var oControl = createControl(childNode);
							if ( oControl ) {
								// append the child to the aggregation
								var name = oAggregation._sName;
								if (oAggregation.multiple) {
									// 1..n AGGREGATION
									if (!mSettings[name]) {
										mSettings[name] = [];
									}
									if ( typeof mSettings[name].path === "string" ) {
										jQuery.sap.assert(!mSettings[name].template, "list bindings support only a single template object");
										mSettings[name].template = oControl;
									} else {
										mSettings[name].push(oControl);
									}
								} else {
									// 1..1 AGGREGATION
									jQuery.sap.assert(!mSettings[name], "multiple aggregates defined for aggregation with cardinality 0..1");
									mSettings[name] = oControl;
								}
							}
						} else {
							throw new Error("Cannot add direct child without default aggregation defined for control " + oMetadata.getElementName());
						}

					} else if ( childNode.nodeType === 3 /* TEXT_NODE */ ) {
						if ( jQuery.trim(childNode.textContent || childNode.text) ) { // whitespace would be okay
							throw new Error("Cannot add text nodes as direct child of an aggregation. For adding text to an aggregation, a surrounding html tag is needed");
						}
					} // other nodes types are silently ignored

				}
			}

			// loop child nodes and handle all AGGREGATIONS
			handleChildren(node, oMetadata.getDefaultAggregation(), oMetadata.getAllAggregations());

			// apply the settings to the control
			var oControl = new oClass(mSettings);

			if (sStyleClasses && oControl.addStyleClass) {
				// Elements do not have a style class!
				oControl.addStyleClass(sStyleClasses);
			}

			return oControl;
		}

	}

}());

}; // end of sap.ui.core.mvc.XMLView
if ( !jQuery.sap.isDeclared('sap.ui.core.search.OpenSearchProvider') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.search.OpenSearchProvider.
jQuery.sap.declare("sap.ui.core.search.OpenSearchProvider");



/**
 * Constructor for a new search/OpenSearchProvider.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getSuggestUrl suggestUrl} : sap.ui.core.URI</li>
 * <li>{@link #getSuggestType suggestType} : string (default: 'json')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.search.SearchProvider#constructor sap.ui.core.search.SearchProvider}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A SearchProvider which uses the OpenSearch protocol (either JSON or XML).
 * @extends sap.ui.core.search.SearchProvider
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.search.OpenSearchProvider
 */
sap.ui.core.search.SearchProvider.extend("sap.ui.core.search.OpenSearchProvider", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"suggestUrl" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"suggestType" : {type : "string", group : "Misc", defaultValue : 'json'}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.search.OpenSearchProvider with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.search.OpenSearchProvider.extend
 * @function
 */


/**
 * Getter for property <code>suggestUrl</code>.
 * The URL for suggestions of the search provider. As placeholder for the concrete search queries '{searchTerms}' must be used. For cross domain requests maybe a proxy must be used.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>suggestUrl</code>
 * @public
 * @name sap.ui.core.search.OpenSearchProvider#getSuggestUrl
 * @function
 */

/**
 * Setter for property <code>suggestUrl</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sSuggestUrl  new value for property <code>suggestUrl</code>
 * @return {sap.ui.core.search.OpenSearchProvider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.search.OpenSearchProvider#setSuggestUrl
 * @function
 */


/**
 * Getter for property <code>suggestType</code>.
 * The type of data which is provided by the given suggestUrl: either 'json' or 'xml'.
 *
 * Default value is <code>json</code>
 *
 * @return {string} the value of property <code>suggestType</code>
 * @public
 * @name sap.ui.core.search.OpenSearchProvider#getSuggestType
 * @function
 */

/**
 * Setter for property <code>suggestType</code>.
 *
 * Default value is <code>json</code> 
 *
 * @param {string} sSuggestType  new value for property <code>suggestType</code>
 * @return {sap.ui.core.search.OpenSearchProvider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.search.OpenSearchProvider#setSuggestType
 * @function
 */


// Start of sap/ui/core/search/OpenSearchProvider.js


/**
 * Call this function to get suggest values from the search provider.
 * The given callback function is called with the suggest value (type 'string', 1st parameter)
 * and an array of the suggestions (type '[string]', 2nd parameter).
 *
 * @name sap.ui.core.search.SearchProvider.prototype.suggest
 * @function
 * @param {string} sValue The value for which suggestions are requested.
 * @param {function} fCallBack The callback function which is called when the suggestions are available.
 * @type void
 * @public
 */
sap.ui.core.search.OpenSearchProvider.prototype.suggest = function(sValue, fCallback) {
	var sUrl = this.getSuggestUrl();
	if(!sUrl) {
		return;
	}
	sUrl = sUrl.replace("{searchTerms}", jQuery.sap.encodeURL(sValue));

	var sType = this.getSuggestType();
	var fSuccess;
	if(sType && sType.toLowerCase() === "xml"){
		//Docu: http://msdn.microsoft.com/en-us/library/cc891508%28v=vs.85%29.aspx
		sType = "xml";
		fSuccess = function(data){
			var jXMLDocument = jQuery(data);
			var jItems = jXMLDocument.find("Text");
			var aSuggestions = [];
			jItems.each(function(){
				aSuggestions.push(jQuery(this).text());
			});
			fCallback(sValue, aSuggestions);
		};
	}else{
		//Docu: http://www.opensearch.org/Specifications/OpenSearch/Extensions/Suggestions/1.1#Response_format
		sType = "json";
		fSuccess = function(data){
			fCallback(sValue, data[1]);
		};
	}

	jQuery.ajax({
		url: sUrl,
		dataType: sType,
		success: fSuccess,
		error: function(XMLHttpRequest, textStatus, errorThrown) {
			jQuery.sap.log.fatal("The following problem occurred: " + textStatus, XMLHttpRequest.responseText + ","
					+ XMLHttpRequest.status);
		}
	});
};

}; // end of sap.ui.core.search.OpenSearchProvider
if ( !jQuery.sap.isDeclared('sap.ui.core.support.plugins.Selector') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.support.plugins.Selector (Selector support plugin)
jQuery.sap.declare("sap.ui.core.support.plugins.Selector");




(function() {

	/**
	 * Creates an instance of sap.ui.core.support.plugins.Selector.
	 * @class This class represents the selector plugin for the support tool functionality of UI5. This class is internal and all its functions must not be used by an application.
	 *
	 * @abstract
	 * @extends sap.ui.base.Object
	 * @version 1.12.0
	 * @constructor
	 * @private
	 * @name sap.ui.core.support.plugins.Selector
	 */
	sap.ui.core.support.Plugin.extend("sap.ui.core.support.plugins.Selector", {
		constructor : function(oSupportStub) {
			sap.ui.core.support.Plugin.apply(this, ["sapUiSupportSelector", "", oSupportStub]);
			
			if(this.isToolPlugin()){
				throw Error();
			}
	
			this._aEventIds = [this.getId()+"Highlight"];
			this._oPopup = new sap.ui.core.Popup();
		}
	});
	
	
	/**
	 * Handler for sapUiSupportSelectorHighlight event
	 * 
	 * @param {sap.ui.base.Event} oEvent the event
	 * @private
	 */
	sap.ui.core.support.plugins.Selector.prototype.onsapUiSupportSelectorHighlight = function(oEvent){
		highlight(oEvent.getParameter("id"), this, oEvent.getParameter("sendInfo"));
	};
	
	
	sap.ui.core.support.plugins.Selector.prototype.init = function(oSupportStub){
		sap.ui.core.support.Plugin.prototype.init.apply(this, arguments);
		
		var jPopupRef;
		
		if(!this._sPopupId){
			this._sPopupId = this.getId() + "-" + jQuery.sap.uid();
			var rm = sap.ui.getCore().createRenderManager();
			rm.write("<div id='"+this._sPopupId+"' style='border: 2px solid rgb(0, 128, 0); background-color: rgba(0, 128, 0, .55);'></div>");
			rm.flush(sap.ui.getCore().getStaticAreaRef());
			rm.destroy();
			
			jPopupRef = jQuery.sap.byId(this._sPopupId);
			this._oPopup.setContent(jPopupRef[0]);
		}else{
			jPopupRef = jQuery.sap.byId(this._sPopupId);
		}

		var that = this;
		
		this._fSelectHandler = function(oEvent){
			if(!oEvent.shiftKey || !oEvent.altKey || !oEvent.ctrlKey){
				return;
			}
			var sId = jQuery(oEvent.target).closest("[data-sap-ui]").attr("id");
			
			if(highlight(sId, that, true)){
				oEvent.stopPropagation();
				oEvent.preventDefault();
			}
		};
		
		this._fCloseHandler = function(oEvent){
			that._oPopup.close(0);
		};
		
		jPopupRef.bind("click", this._fCloseHandler);
		jQuery(document).bind("mousedown", this._fSelectHandler);
		
	};
	
	
	sap.ui.core.support.plugins.Selector.prototype.exit = function(oSupportStub){
		this._oPopup.close(0);
		if(this._fCloseHandler){
			jQuery.sap.byId(this._sPopupId).unbind("click", this._fCloseHandler);
			this._fCloseHandler = null;
		}
		if(this._fSelectHandler){
			jQuery(document).unbind("mousedown", this._fSelectHandler);
			this._fSelectHandler = null;
		}
		sap.ui.core.support.Plugin.prototype.exit.apply(this, arguments);
	};
	
	
	function highlight(sId, oPlugin, bSend){
		if(sId){
			var oElem = sap.ui.getCore().byId(sId);
			if(oElem){
				var jPopupRef = jQuery.sap.byId(oPlugin._sPopupId);
				var jRef = oElem.$();
				if(jRef.is(":visible")){
					jPopupRef.width(jRef.outerWidth());
					jPopupRef.height(jRef.outerHeight());
					oPlugin._oPopup.open(0, "BeginTop", "BeginTop", jRef[0], "0 0", "none");
					if(bSend){
						sap.ui.core.support.Support.getStub().sendEvent(oPlugin.getId()+"Select", getElementDetailsForEvent(oElem, oPlugin));
					}
					setTimeout(function(){oPlugin._oPopup.close(0);}, 1000);
					return true;
				}
			}
		}
		return false;
	};
	
	
	function getElementDetailsForEvent(oElement, oPlugin){
		//TODO: to be extended
		return {"id": oElement.getId()};
	};
	
}());
}; // end of sap.ui.core.support.plugins.Selector
if ( !jQuery.sap.isDeclared('sap.ui.debug.TechnicalInfo') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides a popup with technical informations about the running SAPUI5 core
jQuery.sap.declare("sap.ui.debug.TechnicalInfo");





(function() {

	sap.ui.debug.TechnicalInfo = {

		open : function(callback) {

			function serialize(o) {
				if (o && window.JSON) {
					return window.JSON.stringify(o);
				}
				if ( o === "" ) {
					return '""';
				}
				return "" + o + (o ? "???" : "");
			}

			function list(o,prefix) {
				prefix = prefix||'';
				if ( !prefix ) {
					html.push("<table border='0' cellspacing='0' cellpadding='0'>");
				}
				jQuery.each(o, function(i,v) {
					if ( !v || typeof v === 'string' || typeof v === 'number' || v instanceof Date ) {
					  html.push("<tr><td>", prefix, "<b>", jQuery.sap.escapeHTML(serialize(i)), "</b></td><td>", jQuery.sap.escapeHTML(serialize(v)), "</td></tr>");
					} else {
					  html.push("<tr><td>", prefix, "<b>", jQuery.sap.escapeHTML(serialize(i)), "</b></td><td></td></tr>");
					  list(v, prefix + "&nbsp;&nbsp;");
					}
				});
				if ( !prefix) {
					html.push("</table>");
				}
			}

			var ojQSData = this._ojQSData = callback() || {};

			var bCT=false,bLV=false,bEmbedded=true;
			if ( jQuery.sap.getObject("sap.ui.debug.DebugEnv") ) {
				bCT = sap.ui.debug.DebugEnv.getInstance().isControlTreeShown();
				bLV = sap.ui.debug.DebugEnv.getInstance().isTraceWindowShown();
				bEmbedded = sap.ui.debug.DebugEnv.getInstance().isRunningEmbedded();
			}
			var sDCUrl = "/sapui5-internal/download/index.jsp";
			var bDC = jQuery.sap.syncHead(sDCUrl);
			var sOUUrl = "/demokit/optimize-module-set";
			var bOU = jQuery.sap.syncHead(sOUUrl);
			var bUseDbgSrc = jQuery.sap.debug();
			var sWeinreId = jQuery.sap.uid();
			var sWeinreClientUrl = sap.ui.getCore().getConfiguration().getWeinreServer() + "/client/#" + sWeinreId;
			{
				var html=[];
				html.push("<div id='sap-ui-techinfo' class='sapUiTInf sapUiDlg' style='width:640px; position: relative;'>");
				html.push("<table border='0' cellpadding='3'>");
				html.push("<tr><td align='right' valign='top'><b>SAPUI5 Version</b></td><td>", sap.ui.version, " (build at ", sap.ui.buildinfo.buildtime, ", last change ", sap.ui.buildinfo.lastchange, ")</td></tr>");
				html.push("<tr><td align='right' valign='top'><b>User Agent</b></td><td>", navigator.userAgent, (document.documentMode? ", Document Mode '" + document.documentMode + "'" : ""), "</td></tr>");
				html.push("<tr><td align='right' valign='top'><b>Configuration</b></td><td class='sapUiTInfCfg'>");
				list(ojQSData.config);
				html.push("</td></tr>");
				html.push("<tr><td align='right' valign='top'><b>Loaded Modules</b></td><td><div id='sap-ui-techinfo-modules' class='sapUiTInfMList'>");
				this._renderModules(html, 20);
				html.push("</div></td></tr>");
				if ( bDC ) {
					html.push("<tr><td></td><td><a id=\"sap-ui-techinfo-customModule\" href=\"" + sDCUrl + "\">Create Custom Bootstrap Module</a></td></tr>");
				}
				if ( bOU ) {
					html.push("<tr><td></td><td><a id=\"sap-ui-techinfo-optimizeModuleSet\" href=\"" + sDCUrl + "\">Calculate Optimized Module Set URL</a></td></tr>");
				}
				html.push("<tr><td align='right' valign='top' rowSpan='3'><b>Debug Tools</b></td>", "<td><input id='sap-ui-techinfo-useDbgSources' type='checkbox'",
						bUseDbgSrc?" checked='checked'":"",
						"><span ",
						">Use Debug Sources (reload)</span></input></td></tr>");
				html.push("<tr><td><input id='sap-ui-techinfo-showControls' type='checkbox'",
						bCT?" checked='checked'":"",
						bEmbedded?"":" readonly='readonly'",
						"><span ",
						bEmbedded?"":" style='color:grey'",
						">Show UIAreas, Controls and Properties</span></input></td></tr>");
				html.push("<tr><td><input id='sap-ui-techinfo-showLogViewer' type='checkbox' ",
						bLV?" checked='checked'":"",
						bEmbedded?"":" readonly='readonly' style='color:grey'",
						"><span ",
						bEmbedded?"":" style='color:grey'",
						">Show Log Viewer</span></input></td></tr>");
				html.push("<tr><td colspan='2' align='center' valign='bottom' height='40'><button id='sap-ui-techinfo-close' class='sapUiBtn sapUiBtnS sapUiBtnNorm sapUiBtnStd'>Close</button></td></tr>");
				html.push("</table>");
				if ( bDC ) {
					html.push("<form id=\"sap-ui-techinfo-submit\" target=\"_blank\" method=\"post\" action=\"" + sDCUrl + "\">");
					html.push("<input type=\"hidden\" name=\"modules\"/>");
					html.push("</form>");
				}
				if ( bOU ) {
					html.push("<form id=\"sap-ui-techinfo-optimize-submit\" target=\"_blank\" method=\"post\" action=\"" + sOUUrl + "\">");
					html.push("<input type=\"hidden\" name=\"libs\"/>");
					html.push("<input type=\"hidden\" name=\"modules\"/>");
					html.push("</form>");
				}
				html.push("<div style='position: absolute; bottom: 5px; right: 5px;'>");
				html.push("<canvas id='sap-ui-techinfo-qrcode'></canvas>");
				html.push("<br><a id='sap-ui-techinfo-weinre' href=\"" + sWeinreClientUrl + "\" target=\"_blank\">Remote Web Inspector</a>");
				html.push("</div></div>");
				this._$Ref = jQuery(html.join(""));
				this._$Ref.find('#sap-ui-techinfo-useDbgSources').click(jQuery.proxy(this.onUseDbgSources, this));
				this._$Ref.find('#sap-ui-techinfo-showControls').click(jQuery.proxy(this.onShowControls, this));
				this._$Ref.find('#sap-ui-techinfo-showLogViewer').click(jQuery.proxy(this.onShowLogViewer, this));
				this._$Ref.find('#sap-ui-techinfo-more').click(jQuery.proxy(this.onShowAllModules, this));
				this._$Ref.find('#sap-ui-techinfo-close').click(jQuery.proxy(this.close, this));
				this._$Ref.find('#sap-ui-techinfo-customModule').click(jQuery.proxy(this.onCreateCustomModule, this));
				this._$Ref.find('#sap-ui-techinfo-optimizeModuleSet').click(jQuery.proxy(this.onOptimizeModuleSet, this));
				this._$Ref.find('#sap-ui-techinfo-weinre').click(jQuery.proxy(this.onOpenWebInspector, this));
			}
			this._oPopup = new sap.ui.core.Popup(this._$Ref.get(0), /*modal*/true, /*shadow*/true, /*autoClose*/false);
			var bValidBrowser = !jQuery.browser.msie || jQuery.browser.msie && jQuery.browser.version > 8;
			var bDevAvailable = bValidBrowser && jQuery.sap.sjax({type: "HEAD", url: sap.ui.resource("sap.ui.dev", "library.js")}).success;
			if (bDevAvailable) {
				var that = this;
				this._oPopup.attachOpened(function(oEvent) {
					var sAbsUrl = window.location.href,
						sWeinreTargetUrl = sAbsUrl + (sAbsUrl.indexOf("?") > 0 ? "&" : "?") + "sap-ui-weinreId=" + sWeinreId;
					jQuery.sap.require("sap.ui.dev.qrcode.QRCode");
					if (sap.ui.dev.qrcode.QRCode._renderQRCode) {
						sap.ui.dev.qrcode.QRCode._renderQRCode(jQuery.sap.domById("sap-ui-techinfo-qrcode"), sWeinreTargetUrl);
					}
				});
			}
			this._oPopup.open(400);
		},

		close : function() {
			this._oPopup.destroy();
			this._oPopup = undefined;
			this._$Ref.remove();
			this._$Ref = undefined;
			this._ojQSData = undefined;
		},

		_renderModules : function(html, iLimit) {
			var modules = this._ojQSData.modules;
			var modnames=[]; jQuery.each(modules, function(i,v) { modnames.push(i); }); modnames.sort();
			var iMore = (iLimit && modnames.length > iLimit) ? modnames.length - iLimit : 0;
			if ( iMore ) {
				modnames.sort(function(a,b) {
					if ( a === b ) {
						return 0;
					}
					var ia = modules[a].url?1:0;
					var ib = modules[b].url?1:0;
					if ( ia != ib ) {
						return ib-ia;
					}
					return a < b ? -1 : 1;
				});
				modnames = modnames.slice(0, iLimit);
			}
			jQuery.each(modnames, function(i,v) {
				var mod = modules[v];
				html.push("<span",
						" title='", mod.url ? jQuery.sap.escapeHTML(mod.url): ("embedded in " + mod.parent), "'",
						" class='",
						  mod.url ? "" : " sapUiTInfMEmbd",
						  mod.state!=="ready" ? " sapUiTInfMFail":"",
						"'>", v, "</span>, ");
			});
			if ( iMore ) {
				html.push("<span id='sap-ui-techinfo-more' title='Show all modules' class='sapUiTInfMMore'>...(" + iMore + " more)</span>");
			};
		},

		onShowAllModules : function(e) {
			var html = [];
			this._renderModules(html, 0);
			this._$Ref.find("[id=sap-ui-techinfo-modules]").html(html.join(""));
		},

		onCreateCustomModule : function(e) {
			e.preventDefault();
			e.stopPropagation();
			var modnames=[]; jQuery.each(this._ojQSData.modules, function(i,v) { modnames.push(i); }); modnames.sort();
			jQuery("input[name='modules']", this._$Ref).attr("value", modnames.join(","));
			jQuery("form", this._$Ref)[0].submit();
		},

		onOptimizeModuleSet : function(e) {
			e.preventDefault();
			e.stopPropagation();
			var libnames=[]; jQuery.each(sap.ui.getCore().getLoadedLibraries(), function(i,v) { libnames.push(i); });
			var modnames=[]; jQuery.each(this._ojQSData.modules, function(i,v) { modnames.push(i); }); modnames.sort();
			var $Form=jQuery("#sap-ui-techinfo-optimize-submit",this._$Ref);
			jQuery("input[name='libs']", $Form).attr("value", libnames.join(","));
			jQuery("input[name='modules']", $Form).attr("value", modnames.join(","));
			$Form[0].submit();
		},

		ensureDebugEnv : function(bShowControls) {
			if ( !jQuery.sap.getObject("sap.ui.debug.DebugEnv") ) {
				try {
					jQuery.sap.require("sap-ui-debug");
					// when sap-ui-debug is loaded, control tree and property list are shown by defualt
					// so disable them again if they are not desired
					if ( !bShowControls ) {
						sap.ui.debug.DebugEnv.getInstance().hideControlTree();
						sap.ui.debug.DebugEnv.getInstance().hidePropertyList();
					}
				} catch(e) {
					// failed to load debug env (not installed?)
					return false;
				}
			}
			return true;
		},

		onShowControls : function(e) {
			if ( e.target.readOnly ) {
				e.preventDefault();
				e.stopPropagation();
				return;
			}
			if ( this.ensureDebugEnv(true) ) {
				if ( e.target.checked ) {
					sap.ui.debug.DebugEnv.getInstance().showControlTree();
					sap.ui.debug.DebugEnv.getInstance().showPropertyList();
				} else {
					sap.ui.debug.DebugEnv.getInstance().hideControlTree();
					sap.ui.debug.DebugEnv.getInstance().hidePropertyList();
				}
			}
		},

		onShowLogViewer : function(e) {
			if ( e.target.readOnly ) {
				e.preventDefault();
				e.stopPropagation();
				return;
			}
			if ( this.ensureDebugEnv(false) ) {
				if ( e.target.checked ) {
					sap.ui.debug.DebugEnv.getInstance().showTraceWindow();
				} else {
					sap.ui.debug.DebugEnv.getInstance().hideTraceWindow();
				}
			}
		},

		onUseDbgSources : function(e) {
			var bUsesDbgSrc = jQuery.sap.debug(!!e.target.checked);
		},

		onOpenWebInspector: function(e) {
			if (!sap.ui.getCore().getConfiguration().getWeinreServer()) {
				alert("Cannot start Web Inspector - WEINRE server is not configured.");
				e.preventDefault();
			}
			else if (!jQuery.browser.webkit) {
				alert("Cannot start Web Inspector - WEINRE only runs on WebKit, please use Chrome or Safari.");
				e.preventDefault();
			}
		}


	};

}());

}; // end of sap.ui.debug.TechnicalInfo
if ( !jQuery.sap.isDeclared('sap.ui.core.BusyIndicator') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// A static class to show a busy indicator
jQuery.sap.declare("sap.ui.core.BusyIndicator");



/**
 * This class is used to display a waiting animation covering the whole page and blocking user interaction.
 *
 * @class sap.ui.core.BusyIndicator
 * @version 1.12.0
 * @constructor
 * @public
 */
sap.ui.core.BusyIndicator = jQuery.extend(jQuery.sap.newObject(sap.ui.base.EventProvider.prototype), {
	oPopup: null,
	oDomRef: null,
	bOpenRequested: false,
	iDEFAULT_DELAY_MS: 1000,
	sDOM_ID: "sapUiBusyIndicator"
});

sap.ui.base.EventProvider.apply(sap.ui.core.BusyIndicator);

/**
 * Map of event names and ids, that are provided by this class
 * @private
 */
sap.ui.core.BusyIndicator.M_EVENTS = {Open: "Open", Close: "Close"};


/**
 * Sets up the BusyIndicator HTML and the Popup instance.
 *
 * @private
 */
sap.ui.core.BusyIndicator._init = function() {
	// Create the graphics element
	var root = document.createElement("div");
	root.id = this.sDOM_ID;

	// Render into invisible area, so the size settings from CSS are applied
	var oInvisible = sap.ui.getCore().getStaticAreaRef();
	oInvisible.appendChild(root);
	jQuery(root).addClass("sapUiBusy").attr("tabindex", 0).attr("role", "progressbar").attr("alt", "").attr("title", "Please Wait");
	this.oDomRef = root;

	this.oPopup = new sap.ui.core.Popup(root);
	this.oPopup.setModal(true, "sapUiBlyBusy");
	this.oPopup.setShadow(false);
};


/**
 * Displays the BusyIndicator and starts blocking all user input.
 * This only happens after some delay and if after that delay the BusyIndicator.hide() has not yet been called in the meantime.
 * There is a certain default value for the delay, but that one can be overridden.
 *
 * @public
 * @param {int} [iDelay] The delay in milliseconds before opening the BusyIndicator. It is not opened if hide() is called before end of the delay. If no delay (or no valid delay) is given, the default value is used.
 */
sap.ui.core.BusyIndicator.show = function(iDelay) {
	jQuery.sap.log.debug("sap.ui.core.BusyIndicator.show (delay: " + iDelay + ") at " + new Date().getTime());
	
	jQuery.sap.assert(iDelay === undefined || (typeof iDelay == "number" && (iDelay % 1 == 0)), "iDelay must be empty or an integer");

	if ((iDelay === undefined)
			|| ((iDelay != 0) && (parseInt(iDelay, 10) == 0))
			|| (parseInt(iDelay, 10) < 0)) {
		iDelay = this.iDEFAULT_DELAY_MS;
	}

	this.bOpenRequested = true;
	if (iDelay === 0) { // avoid async call when there is no delay
		this._showNowIfRequested();
	} else {
		jQuery.sap.delayedCall(iDelay, this, "_showNowIfRequested");
	}
};


/**
 * Immediately displays the BusyIndicator if the application has not called hide() yet.
 *
 * @private
 */
sap.ui.core.BusyIndicator._showNowIfRequested = function() {
	jQuery.sap.log.debug("sap.ui.core.BusyIndicator._showNowIfRequested (bOpenRequested: " + this.bOpenRequested + ") at " + new Date().getTime());
	
	// Do not open if the request has been canceled in the meantime
	if (!this.bOpenRequested) {
		return;
	}

	// If body/Core are not available yet, give them some more time and open later if still required
	if (!document.body || !sap.ui.getCore().isInitialized()) {
		jQuery.sap.delayedCall(100, this, "_showNowIfRequested");
		return;
	}

	this.bOpenRequested = false; // opening request is handled

	// Initialize/create the BusyIndicator if this has not been done yet
	if (!this.oDomRef) {
		this._init();
	}

	// Actually open the popup
	this.oPopup.open(0, sap.ui.core.Popup.Dock.CenterCenter, sap.ui.core.Popup.Dock.CenterCenter, document);

	// allow an event handler to do something with the indicator
	this.fireOpen({$Busy: this.oPopup._$()});

	// Grab the focus once opened
	var oDomRef = jQuery.sap.domById(sap.ui.core.BusyIndicator.sDOM_ID);
	jQuery.sap.focus(oDomRef);

	jQuery("body").attr("aria-busy", true);
};

/**
 * Removes the BusyIndicator from the screen
 *
 * @public
 */
sap.ui.core.BusyIndicator.hide = function() {
	jQuery.sap.log.debug("sap.ui.core.BusyIndicator.hide at " + new Date().getTime());
	
	var that = sap.ui.core.BusyIndicator; // Restore scope in case we are called with setTimeout or so...

	that.bOpenRequested = false;

	if (that.oDomRef) { // only if the BusyIndicator was shown before!
		jQuery("body").removeAttr("aria-busy");

		// allow an event handler to do something with the indicator
		this.fireClose({$Busy: this.oPopup._$()});

		that.oPopup.close(0);
	}
};


/*  EVENT HANDLING */

/**
 * Registers a handler for the "open" event
 * @public
 */
sap.ui.core.BusyIndicator.attachOpen = function(fFunction, oListener) {
	this.attachEvent(sap.ui.core.BusyIndicator.M_EVENTS.Open, fFunction, oListener);
	return this;
};

/**
 * Unregisters a handler for the "open" event
 * @public
 */
sap.ui.core.BusyIndicator.detachOpen = function(fFunction, oListener) {
	this.detachEvent(sap.ui.core.BusyIndicator.M_EVENTS.Open, fFunction, oListener);
	return this;
};

/**
 * Registers a handler for the "close" event
 * @public
 */
sap.ui.core.BusyIndicator.attachClose = function(fFunction, oListener) {
	this.attachEvent(sap.ui.core.BusyIndicator.M_EVENTS.Close, fFunction, oListener);
	return this;
};

/**
 * Unregisters a handler for the "close" event
 * @public
 */
sap.ui.core.BusyIndicator.detachClose = function(fFunction, oListener) {
	this.detachEvent(sap.ui.core.BusyIndicator.M_EVENTS.Close, fFunction, oListener);
	return this;
};

sap.ui.core.BusyIndicator.fireOpen = function(mParameters) {
	this.fireEvent(sap.ui.core.BusyIndicator.M_EVENTS.Open, mParameters);
};

sap.ui.core.BusyIndicator.fireClose = function(mParameters) {
	this.fireEvent(sap.ui.core.BusyIndicator.M_EVENTS.Close, mParameters);
};
}; // end of sap.ui.core.BusyIndicator
if ( !jQuery.sap.isDeclared('sap.ui.core.ComponentContainer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.ComponentContainer.
jQuery.sap.declare("sap.ui.core.ComponentContainer");



/**
 * Constructor for a new ComponentContainer.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getName name} : string</li>
 * <li>{@link #getUrl url} : sap.ui.core.URI</li>
 * <li>{@link #getSettings settings} : object</li>
 * <li>{@link #getPropagateModel propagateModel} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getComponent component} : string | sap.ui.core.UIComponent</li></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Component Container
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @experimental Since version 1.9.2. 
 * The Component concept is still under construction, so some implementation details can be changed in future.
 * @name sap.ui.core.ComponentContainer
 */
sap.ui.core.Control.extend("sap.ui.core.ComponentContainer", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core",
	properties : {
		"name" : {type : "string", group : "", defaultValue : null},
		"url" : {type : "sap.ui.core.URI", group : "", defaultValue : null},
		"settings" : {type : "object", group : "", defaultValue : null},
		"propagateModel" : {type : "boolean", group : "", defaultValue : false}
	},
	associations : {
		"component" : {type : "sap.ui.core.UIComponent", multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.core.ComponentContainer with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.ComponentContainer.extend
 * @function
 */


/**
 * Getter for property <code>name</code>.
 * Component name, the package where the component is contained
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>name</code>
 * @public
 * @name sap.ui.core.ComponentContainer#getName
 * @function
 */

/**
 * Setter for property <code>name</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sName  new value for property <code>name</code>
 * @return {sap.ui.core.ComponentContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ComponentContainer#setName
 * @function
 */


/**
 * Getter for property <code>url</code>.
 * The URL of the component
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>url</code>
 * @public
 * @name sap.ui.core.ComponentContainer#getUrl
 * @function
 */

/**
 * Setter for property <code>url</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sUrl  new value for property <code>url</code>
 * @return {sap.ui.core.ComponentContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ComponentContainer#setUrl
 * @function
 */


/**
 * Getter for property <code>settings</code>.
 * The settings object passed to the component when created
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {object} the value of property <code>settings</code>
 * @public
 * @name sap.ui.core.ComponentContainer#getSettings
 * @function
 */

/**
 * Setter for property <code>settings</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {object} oSettings  new value for property <code>settings</code>
 * @return {sap.ui.core.ComponentContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ComponentContainer#setSettings
 * @function
 */


/**
 * Getter for property <code>propagateModel</code>.
 * Defines whether binding information is propagated to the component
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>propagateModel</code>
 * @public
 * @name sap.ui.core.ComponentContainer#getPropagateModel
 * @function
 */

/**
 * Setter for property <code>propagateModel</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bPropagateModel  new value for property <code>propagateModel</code>
 * @return {sap.ui.core.ComponentContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ComponentContainer#setPropagateModel
 * @function
 */


/**
 * The component displayed in this ComponentContainer
 *
 * @return {string} Id of the element which is the current target of the <code>component</code> association, or null
 * @public
 * @name sap.ui.core.ComponentContainer#getComponent
 * @function
 */

/**
 * The component displayed in this ComponentContainer
 *
 * @param {string | sap.ui.core.UIComponent} vComponent 
 *    Id of an element which becomes the new target of this <code>component</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.core.ComponentContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.core.ComponentContainer#setComponent
 * @function
 */


	
// Start of sap/ui/core/ComponentContainer.js
/*!
 * @copyright@
 */
/**
 * This file defines behavior for the control,
 */

// =============================================================================
// BASIC CONTROL API
// =============================================================================

/**
 * Initialization of the ComponentContainer control
 * @private
 */
sap.ui.core.ComponentContainer.prototype.init = function(){
};

/**
 * Initialization of the ComponentContainer control
 * @private
 */
sap.ui.core.ComponentContainer.prototype.onBeforeRendering = function(){
	if (!this.oComponent) {
		var sName = this.getName(),
			sUrl = this.getUrl(),
			oSettings = this.getSettings();
		if (sName) {
			this.oComponent = sap.ui.getCore().createComponent(sName, sUrl, oSettings);
		}
		
		if (!this.oComponent) {
			this.oComponent = this.getComponentInstance();
		}
		
		if (this.oComponent) {
			this.oComponent.setContainer(this);
			this.setComponent(this.oComponent);
			this.propagateProperties();
		}
	} 
	
	if (this.oComponent) {
		this.oComponent.onBeforeRendering();
	}
};

/**
 * Function is called by the framework when the rendering of the component container is completed. 
 * It calls the onAfterRendering method in the relevant Component, so that you can implement there 
 * any necessary actions after the rendering.
 *
 * @private
 */
sap.ui.core.ComponentContainer.prototype.onAfterRendering = function(){
	if (this.oComponent) {
		this.oComponent.onAfterRendering();
	}
};


/**
 * Exit of the ComponentContainer control
 * @private
 */
sap.ui.core.ComponentContainer.prototype.exit = function(){
	if (this.oComponent) {
		this.oComponent.destroy();
	}
};

/**
 * Get component
 */
sap.ui.core.ComponentContainer.prototype.getComponentInstance = function () {
	var sComponentId = this.getComponent();
	return sap.ui.getCore().getComponent(sComponentId);
};

/**
 * Propagate Properties
 */
sap.ui.core.ComponentContainer.prototype.propagateProperties = function (vName) {
	if (this.oComponent && this.getPropagateModel()) {
		this._propagateProperties(vName, this.oComponent);
		sap.ui.core.Control.prototype.propagateProperties.apply(this, arguments);
	}
};


}; // end of sap.ui.core.ComponentContainer
if ( !jQuery.sap.isDeclared('sap.ui.core.CompositeSupport') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.core.CompositeSupport
jQuery.sap.declare("sap.ui.core.CompositeSupport");



/**
 * Helper for composite controls. Can be applied as a mixin to existing classes by calling
 *
 * <pre>
 * sap.ui.core.CompositeSupport.mixInto(your.Class, {
 *   createComponent1 : function() {
 *   },
 *   createComponent2 : function() {
 *   },
 *   ...
 * });
 * </pre>
 *
 * @class
 * @static
 */
sap.ui.core.CompositeSupport = {};

/**
 * Applies the CompositeMixin to the given control class <code>fnClass</code>. This includes the following steps:
 *
 * <ul>
 * <li>Creates a new subclass of {@link sap.ui.core.ComponentFactory} and adds it to the given class
 * <li>Merges the given methods into the prototype of the newly created class
 * <li>Enriches the prototype of the given control class with a getComponentFactory() method
 * <li>Hooks into init() and destroy() of the given class
 * </ul>
 *
 * @param {function} fnClass the class (constructor function) of a control calls to be enriched
 * @param {string} [sFactoryName='ComponentFactory'] name under which the newly created factory class will be added to the control class
 * @param {object} [oMethods] default factory methods and helper methods
 * @public
 */
sap.ui.core.CompositeSupport.mixInto = function(fnClass, sFactoryName, oMethods) {

	if ( arguments.length == 2 && typeof sFactoryName === "object" ) {
		oMethods = sFactoryName;
		sFactoryName = "ComponentFactory";
	}
	jQuery.sap.assert(typeof fnClass === "function" && fnClass.prototype instanceof sap.ui.core.Control, "CompositeSupport.mixInto: fnClass must be a subclass of Control");
	jQuery.sap.assert(typeof sFactoryName === "string" && sFactoryName, "CompositeSupport.mixInto: sFactoryName must be a non-empty string");
	jQuery.sap.assert(typeof oMethods === "object", "oMethods must be an object");

	function _getBaseFactory() {
		var oMetadata = fnClass.getMetadata();
		do {
			oMetadata = oMetadata.getParent();
			if ( oMetadata && oMetadata.getComponentFactoryClass ) {
				return oMetadata.getComponentFactoryClass();
			}
		} while ( oMetadata );
		return sap.ui.core.ComponentFactory;
	}

	// create a new component factory class
	fnClass[sFactoryName] = (_getBaseFactory()).subclass(oMethods);

	// add factory class info to metadata
	fnClass.getMetadata().getComponentFactoryClass = jQuery.sap.getter(fnClass[sFactoryName]);

	// initialization and getter for the component factory
	if ( !fnClass.prototype._initCompositeSupport ) {
		fnClass.prototype._initCompositeSupport = function(mSettings) {

			var oFactory = new (this.getMetadata().getComponentFactoryClass())(this);

			if ( mSettings.componentFactory ) {

				// assert a pure object literal
				jQuery.sap.assert(jQuery.isPlainObject(mSettings.componentFactory));

				// customize the factory with it
				oFactory.customize(mSettings.componentFactory);

				// cleanup settings
				delete mSettings.componentFactory;

			}

			this.getComponentFactory = jQuery.sap.getter(oFactory);
		};
	}

	if ( !fnClass.prototype._exitCompositeSupport ) {
		fnClass.prototype._exitCompositeSupport = function() {

			this.getComponentFactory().destroy();
			delete this.getComponentFactory;
		};
	}

};

/**
 * @class Base class for component factories. Subclasses are created by the CompositeSupport mixin.
 *
 * @param oComposite Composite control that this factory is used for.
 */
sap.ui.core.ComponentFactory = function(oComposite) {
	sap.ui.base.EventProvider.apply(this);
	this.oComposite = oComposite;
	return this;
};

sap.ui.core.ComponentFactory.prototype = jQuery.sap.newObject(sap.ui.base.EventProvider.prototype);

/**
 * Attaches a change notification listener to this factory. The listener will be informed when
 * any of the API objects of the composite API will change.
 * @param {function} f listener function to call
 * @param {object} [o=window] Object to call the function on
 * @return {sap.ui.core.ComponentFactory} returns this to facilitate method chaining
 * @public
 */
sap.ui.core.ComponentFactory.prototype.attachChange = function (f,o) {
	this.getModel();
	this.attachEvent("change", f,o);
	return this;
};

/**
 * Detaches the given change notification listener from this factory.
 * The listener must have been registered with the exact same parameters before
 * @param {function} f listener function to remove
 * @param {object} [o=window] Object that the listener function had to be called for
 * @return {sap.ui.core.ComponentFactory} returns this to facilitate method chaining
 * @public
 */
sap.ui.core.ComponentFactory.prototype.detachChange = function (f,o) {
	this.getModel();
	this.detachEvent("change", f,o);
	return this;
};

/**
 * Returns a control model for the composite that this factory belongs to.
 *
 * The model can be used to bind properties of created components against it.
 *
 * @return {sap.ui.model.control.ControlModel} A model for the composite of this factory
 * @public
 */
sap.ui.core.ComponentFactory.prototype.getModel = function() {
	if ( !this.oModel ) {
		var that=this;
		this.oModel = new sap.ui.model.control.ControlModel(this.oComposite);
		this.oModel._onchange = function(e) {
			that.fireEvent("change", e.getParameters && e.getParameters());
		};
	}
	return this.oModel;
};

/**
 * Adds an element to the facade of the composite. To be called by the composite application.
 * @param {sap.ui.core.Element} oElement element to be added to the facade
 * @return {void}
 * @public
 */
sap.ui.core.ComponentFactory.prototype.addFacadeComponent = function(oElement) {
	this.getModel().add(oElement);
};

/**
 * Removes an element from the facade of the composite. To be called by the composite application.
 * @param {sap.ui.core.Element} oElement element to be removed to the facade
 * @return {void}
 * @public
 */
sap.ui.core.ComponentFactory.prototype.removeFacadeComponent = function(oElement) {
	this.getModel().remove(oElement);
};

(function() {

	function _extend(o, oMethods, bDefaults) {
		jQuery.each(oMethods, function(sName, fnFunc) {
			if ( sName.indexOf("default") != 0 ) {
				o[sName] = fnFunc;
			}
			// for create functions keep a backup
			if ( bDefaults && sName.indexOf("create") == 0 ) {
				o["defaultC" + sName.substring(1)] = o[sName];
			}
		});
	}

	function _createExtendFunction(fnBaseClass) {
		return function(oMethods) {

			// create a new constructor function
			var fnCtor = function(/* anonymous arguments */) {
				// invoke base class
				fnBaseClass.apply(this, arguments);
			};
			// properly chain the prototypes
			fnCtor.prototype = jQuery.sap.newObject(fnBaseClass.prototype);
			_extend(fnCtor.prototype, oMethods, /* bDefaults */ true);

			fnCtor.customize = function(oMethods) {
				_extend(fnCtor.prototype, oMethods);
				return this;
			};

			fnCtor.subclass = _createExtendFunction(fnCtor);

			return fnCtor;
		};
	}

	/**
	 * @function
	 * @param oMethods
	 * @return
	 */
	sap.ui.core.ComponentFactory.subclass = _createExtendFunction(sap.ui.core.ComponentFactory);

	/**
	 * Overrides factory methods with a customized implementation.
	 *
	 * The members in the <code>mMethods</code> parameter should match
	 * the documented factory methods in the concrete ComponentFactory subclass
	 * of a composite.
	 *
	 * @see Application Developers guide for component customization
	 *
	 * @param {object} mMethods
	 * @return this to allow method chaining
	 * @public
	 */
	sap.ui.core.ComponentFactory.prototype.customize = function (mMethods) {
		_extend(this, mMethods);
		if ( this.oComposite && this.oComposite._onComponentFactoryChanged ) {
			//
			this.oComposite._onComponentFactoryChanged();
		}
		return this;
	};

}());
}; // end of sap.ui.core.CompositeSupport
if ( !jQuery.sap.isDeclared('sap.ui.core.LocalBusyIndicatorSupport') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides helper sap.ui.core.LocalBusyIndicatorSupport
jQuery.sap.declare("sap.ui.core.LocalBusyIndicatorSupport");


/**
 * This support class extends the calling control with a local BusyIndicator.
 * After the control called this class (within the init-function), the control
 * is able to easily set a LocalBusyIndicator that only blocks the current
 * control.
 * 
 * @returns {sap.ui.core.LocalBusyIndicatorSupport}
 * @constructor
 * @public
 */
sap.ui.core.LocalBusyIndicatorSupport = function() {
	// "this" is the prototype now when called with apply()

	// Ensure only Controls are enhanced
	if (this instanceof sap.ui.core.Control) {
		this._sapUiCoreLocalBusy_isBusy = false;
		this._sapUiCoreLocalBusy_oPopup;
		this._sapUiCoreLocalBusy_busyIndicator;

		this._sapUiCoreLocalBusy_delay = 1000;

		/**
		 * This function starts or ends the LocalBusyIndicator depending on the
		 * given parameter value.
		 * 
		 * @param {boolean}
		 *            bBusy whether the control should be set as busy or not
		 * @public
		 */
		this.setBusy = function(bBusy) {
			if (this._sapUiCoreLocalBusy_isBusy === bBusy) {
				// if the status should be set as it already is -> nothing needs
				// to be done
				return;
			}

			this._sapUiCoreLocalBusy_isBusy = bBusy;

			if (bBusy) {
				if (this._sapUiCoreLocalBusy_busyIndicator) {
					delete this._sapUiCoreLocalBusy_busyIndicator;
				}

				var $this = this.$();
				var w = $this.outerWidth() + "px";
				var h = $this.outerHeight() + "px";
				this._sapUiCoreLocalBusy_busyIndicator = new sap.ui.core.LocalBusyIndicator({
					width : w,
					height : h
				});

				// content, bModal, bShadow, bAutoclose
				this._sapUiCoreLocalBusy_oPopup = new sap.ui.core.Popup(this._sapUiCoreLocalBusy_busyIndicator, false, false, false);
				this._sapUiCoreLocalBusy_oPopup.attachOpened(jQuery.proxy(this._sapUiCoreLocalBusyPopupOpened, this));
				this._sapUiCoreLocalBusy_oPopup.attachClosed(jQuery.proxy(this._sapUiCoreLocalBusyPopupClosed, this));

				this._delayedCallId = jQuery.sap.delayedCall(this._sapUiCoreLocalBusy_delay, this, "_sapUiCoreLocalBusyPopupOpen");
			} else {
				if (this._delayedCallId) {
					/*
					 * This stuff is needed if the LocalBusyIndicator was
					 * started and a delay was used and the delay hasn't passed
					 * yet. So everything needs to be tidied up.
					 */
					jQuery.sap.clearDelayedCall(this._delayedCallId);
					delete this._delayedCallId;

					if (this._sapUiCoreLocalBusy_busyIndicator) {
						this._sapUiCoreLocalBusy_busyIndicator.destroy();
						delete this._sapUiCoreLocalBusy_busyIndicator;
					}
				}

				this._sapUiCoreLocalBusy_oPopup.close();
			}
		};

		/**
		 * Checks if the control is currently busy.
		 * 
		 * @returns {boolean} whether the contol is currently busy or not
		 * @public
		 */
		this.isBusy = function() {
			return this._sapUiCoreLocalBusy_isBusy;
		};

		/**
		 * This function set the delay until the BusyIndicator is being shown
		 * 
		 * @public
		 * @param iDelay
		 */
		this.setDelay = function(iDelay) {
			this._sapUiCoreLocalBusy_delay = iDelay;
		};

		/**
		 * @returns {Number} delay that will be waited for until the
		 *          BusyIndicator is shown
		 */
		this.getDelay = function() {
			return this._sapUiCoreLocalBusy_delay;
		};

		this._sapUiCoreLocalBusyPopupOpen = function() {
			// iDuration, my, at, of, offset, collision, followOf
			this._sapUiCoreLocalBusy_oPopup.open(sap.ui.core.Popup.Dock.BeginTop, sap.ui.core.Popup.Dock.BeginTop, this, "0 0", null, true);
		};

		/**
		 * @private
		 */
		this._sapUiCoreLocalBusyPopupOpened = function() {
			jQuery.sap.clearDelayedCall(this._delayedCallId);
			delete this._delayedCallId;
		};

		/**
		 * This function destroys the previously created BusyIndicator after the
		 * Popup is closed
		 * 
		 * @private
		 */
		this._sapUiCoreLocalBusyPopupClosed = function() {
			jQuery.sap.clearDelayedCall(this._delayedCallId);
			delete this._delayedCallId;

			if (this._sapUiCoreLocalBusy_busyIndicator) {
				this._sapUiCoreLocalBusy_busyIndicator.destroy();
				delete this._sapUiCoreLocalBusy_busyIndicator;
			}
		};

		// TODO edit this comment accordingly to the comment in Element.js
		/**
		 * 
		 * This function is called from Element.js (a temporary hook) to
		 * remove/delete all stuff that was added before
		 * 
		 * @private
		 */
		this._sapUiCoreLocalBusy_Exit = function() {
			delete this._sapUiCoreLocalBusy_isBusy;

			if (this._delayedCallId) {
				jQuery.sap.clearDelayedCall(this._delayedCallId);
				delete this._delayedCallId;
			}

			if (this._sapUiCoreLocalBusy_busyIndicator) {
				this._sapUiCoreLocalBusy_busyIndicator.destroy();
				delete this._sapUiCoreLocalBusy_busyIndicator;
			}

			if (this._sapUiCoreLocalBusy_oPopup) {
				this._sapUiCoreLocalBusy_oPopup.detachClosed(jQuery.proxy(this.sapUiCoreLocalBusyPopupClosed, this));

				this._sapUiCoreLocalBusy_oPopup.destroy();
				delete this._sapUiCoreLocalBusy_oPopup;
			}
		};
	} else {
		jQuery.sap.log.error("Only controls can use the LocalBusyIndicator", this);
	}
};
}; // end of sap.ui.core.LocalBusyIndicatorSupport
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.HTMLView') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.mvc.HTMLView.
jQuery.sap.declare("sap.ui.core.mvc.HTMLView");



/**
 * Constructor for a new mvc/HTMLView.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.mvc.View#constructor sap.ui.core.mvc.View}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A view defined/constructed by declarative HTML.
 * @extends sap.ui.core.mvc.View
 *
 * @author Stefan Hipfel, Tino Butz 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.2
 * @name sap.ui.core.mvc.HTMLView
 */
sap.ui.core.mvc.View.extend("sap.ui.core.mvc.HTMLView", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core"
}});


/**
 * Creates a new subclass of class sap.ui.core.mvc.HTMLView with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.mvc.HTMLView.extend
 * @function
 */


// Start of sap/ui/core/mvc/HTMLView.js



(function(){
	/**
	 * Defines or creates an instance of a declarative HTML view.
	 *
	 * The behavior of this method depends on the signature of the call and on the current context.
	 *
	 * <ul>
	 * <li>View Definition <code>sap.ui.htmlview(sId, vView)</code>: Defines a view of the given name with the given
	 * implementation. sId must be the views name, vView must be an object and can contain
	 * implementations for any of the hooks provided by HTMLView</li>
	 * <li>View Instantiation <code>sap.ui.htmlview(sId?, vView)</code>: Creates an instance of the view with the given name (and id)</li>.
	 * </ul>
	 *
	 * Any other call signature will lead to a runtime error. If the id is omitted in the second variant, an id will
	 * be created automatically.
	 *
	 * @param {string} [sId] id of the newly created view, only allowed for instance creation
	 * @param {string | object} vView name or implementation of the view.
	 * @public
	 * @static
	 * @return {sap.ui.core.mvc.HTMLView | undefined} the created HTMLView instance in the creation case, otherwise undefined
	 */
	sap.ui.htmlview = function(sId, vView) {
		var mSettings = {};

		var oSettings = vView || sId;

		if (typeof(oSettings) == "string") {
			mSettings.viewName = oSettings;
		} else {
			for (var sKey in oSettings) {
				if (sap.ui.core.mvc.HTMLView._mAllowedSettings[sKey]) {
					mSettings[sKey] = oSettings[sKey];
				}
			}
		}

		if (typeof sId == "string") {
			return new sap.ui.core.mvc.HTMLView(sId, mSettings);
		} else {
			return new sap.ui.core.mvc.HTMLView(mSettings);
		}
	};
	
	
	/**
	 * The template cache. Templates are only loaded once.
	 * 
	 * @private
	 * @static
	 */
	sap.ui.core.mvc.HTMLView._mTemplates = {};


	/**
	 * A map with the allowed settings for the view.
	 * 
	 * @private
	 * @static
	 */
	sap.ui.core.mvc.HTMLView._mAllowedSettings = {
			"viewName" : true,
			"controller" : true,
			"viewContent" : true,
			"controllerName" : true,
			"resourceBundleName" : true,
			"resourceBundleUrl" : true,
			"resourceBundleLocale" : true,
			"resourceBundleAlias" : true
	};
	
	
	/**
	 * Loads and returns a template for the given template name. Templates are only loaded once {@link sap.ui.core.mvc.HTMLView._mTemplates}.
	 * 
	 * @param {string} sTemplateName The name of the template
	 * @return {string} the template data
	 * @private
	 * @static
	 */
	sap.ui.core.mvc.HTMLView._getTemplate = function(sTemplateName) {
		var sUrl = this._getViewUrl(sTemplateName);
		var sHTML = this._mTemplates[sUrl];

		if (!sHTML) {
			sHTML = this._loadTemplate(sUrl);
			this._mTemplates[sUrl] = sHTML;
		}
		return sHTML;
	};


	/**
	 * Abstract method implementation. Returns the name of the controller.
	 * @return {string} the name of the set controller. Returns undefined when no controller is set.
	 * @private
	 */
	sap.ui.core.mvc.HTMLView.prototype.getControllerName = function() {
		return this._controllerName;
	};


	/**
	 * Returns the view URL for a given template name in respect of the module path.
	 * 
	 * @param {string} sTemplateName The name of the template
	 * @return {string} the view url
	 * @private
	 * @static
	 */
	sap.ui.core.mvc.HTMLView._getViewUrl = function(sTemplateName) {
		return jQuery.sap.getModulePath(sTemplateName, ".view.html");
	};


	/**
	 * Loads and returns the template from a given URL.
	 * 
	 * @param {string} sUrl The name of the template
	 * @return {string} the template data
	 * @private
	 * @static
	 */
	sap.ui.core.mvc.HTMLView._loadTemplate = function(sUrl) {
		var response = jQuery.sap.sjax({
			url : sUrl,
			dataType: 'html'
		});

		var sHTML = response.data;
		if (!sHTML) {
			throw new Error("View definition could not be loaded from " + sUrl + ". Check for 'file not found' errors.");
		}
		return sHTML;
	};


	/**
	 * Abstract method implementation.
	 * 
	 * @see sap.ui.core.mvc.View#initViewSettings
	 * 
	 * @private
	 */
	sap.ui.core.mvc.HTMLView.prototype.initViewSettings = function (mSettings) {
		if (!mSettings) {
			throw new Error("mSettings must be given");
		}

		// View template handling - no JSON template given
		if (mSettings.viewName && mSettings.viewContent) {
			throw new Error("View name and view content are given. There is no point in doing this, so please decide.");
		} else if (!mSettings.viewName && !mSettings.viewContent) {
			throw new Error("Neither view name nor view content is given. One of them is required.");
		}

		var sHTML = mSettings.viewContent || sap.ui.core.mvc.HTMLView._getTemplate(mSettings.viewName);
		this._oTemplate = document.createElement("div");
		var sHTML = sap.ui.core.RenderManager.prepareHTML5(sHTML);

		if (typeof sHTML === "string") {
			this._oTemplate.innerHTML = sHTML;
		} else {
			var oNodeList = sHTML;
			var oFragment = document.createDocumentFragment();
			for (var i=0; i<oNodeList.length;i++) {
				oFragment.appendChild(oNodeList.item(i));
			}
			this._oTemplate.appendChild(oFragment);
		}

		var oMetaElement = this._oTemplate.getElementsByTagName("template")[0];
		var oProperties = this.getMetadata().getAllProperties();

		if (oMetaElement) {
			var self = this;
			var DeclarativeSupport = sap.ui.core.DeclarativeSupport;
			jQuery.each(oMetaElement.attributes, function(iIndex, oAttr) {
				var sName = DeclarativeSupport.convertAttributeToSettingName(oAttr.name, self.getId());
				var sValue = oAttr.value;
				var oProperty = oProperties[sName];
				if (!mSettings[sName]) {
					if (oProperty) {
						mSettings[sName] = DeclarativeSupport.convertValueToType(DeclarativeSupport.getPropertyDataType(oProperty),sValue);
					} else if (sap.ui.core.mvc.HTMLView._mAllowedSettings[sName]){
						mSettings[sName] = sValue;	
					}
				}
			});
			this._oTemplate = oMetaElement;
		}

		// This is a fix for browsers that support web components
		if (this._oTemplate.content) {
			var oFragment = this._oTemplate.content;
			// Create a new template, as innerHTML would be empty for TemplateElements when the fragment is appended directly
			this._oTemplate = document.createElement("div");
			// Make the shadow DOM available in the DOM
			this._oTemplate.appendChild(oFragment);
		}

		if (mSettings.controllerName) {
		  this._controllerName = mSettings.controllerName;
		}
		if((mSettings.resourceBundleName || mSettings.resourceBundleUrl) && (!mSettings.models || !mSettings.models[mSettings.resourceBundleAlias])) {
			var model = new sap.ui.model.resource.ResourceModel({bundleName:mSettings.resourceBundleName, bundleUrl:mSettings.resourceBundleUrl, bundleLocale:mSettings.resourceBundleLocale});
			this.setModel(model, mSettings.resourceBundleAlias);
		}
	};

	
	/**
	 * Abstract method implementation.
	 * 
	 * @see sap.ui.core.mvc.View#onControllerConnected
	 * 
	 * @private
	 */
	sap.ui.core.mvc.HTMLView.prototype.onControllerConnected = function(oController) {
		// unset any preprocessors (e.g. from an enclosing HTML view)
		var self = this;
		sap.ui.base.ManagedObject.runWithPreprocessors(function() {
			sap.ui.core.DeclarativeSupport.compile(self._oTemplate, self);
		});
	};
	
	
	/**
	 * Called when the control is destroyed. Use this one to free resources and finalize activities.
	 */
	sap.ui.core.mvc.HTMLView.prototype.exit = function() {
		this._oTemplate = null;
		sap.ui.core.mvc.View.prototype.exit.call(this);
		// Destroy all unassociated controls that are connected with the view
		if (this._connectedControls) {
			for (var i = 0; i < this._connectedControls.length; i++) {
				this._connectedControls[i].destroy();
			}
			this._connectedControls = null;
		}
	};


	/**
	 * Internal method to connect unassociated controls to the view. All controls will be destroyed when the view is destroyed. 
     *
	 * @param {sap.ui.core.Control} oControl reference to a Control
	 * @private
	 */
	 sap.ui.core.mvc.HTMLView.prototype.connectControl = function(oControl) {
		this._connectedControls = this._connectedControls || [];
		this._connectedControls.push(oControl);
	};
}());
}; // end of sap.ui.core.mvc.HTMLView
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.JSONView') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.mvc.JSONView.
jQuery.sap.declare("sap.ui.core.mvc.JSONView");



/**
 * Constructor for a new mvc/JSONView.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.mvc.View#constructor sap.ui.core.mvc.View}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A View defined using JSON.
 * @extends sap.ui.core.mvc.View
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.mvc.JSONView
 */
sap.ui.core.mvc.View.extend("sap.ui.core.mvc.JSONView", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core"
}});


/**
 * Creates a new subclass of class sap.ui.core.mvc.JSONView with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.mvc.JSONView.extend
 * @function
 */


// Start of sap/ui/core/mvc/JSONView.js
(function(){

	/**
	 * Creates a JSON view of the given name and id.
	 *
	 * The <code>viewName</code> must either correspond to an JSON module that can be loaded
	 * via the module system (viewName + suffix ".view.json") and which defines the view or must
	 * be a configuration object for a view.
	 * The configuration object can have a vieName, viewContent and a controller property. The viewName
	 * behaves as described above. ViewContent can hold the view description as JSON string. The controller
	 * property can hold an controller instance. If a controller instance is given it overrides the
	 * controller defined in the view.
	 *
	 * Like with any other control, an id is optional and will be created when missing.
	 *
	 * @param {string} [sId] id of the newly created view
	 * @param {string | object} vView name of the view or view configuration as described above.
	 * @public
	 * @static
	 * @return {sap.ui.core.mvc.JSONView} the created JSONView instance
	 */
	sap.ui.jsonview = function(sId, vView) {
		var mSettings = {};
		if (vView) {
			if (typeof(vView) == "string") {
				mSettings.viewName = vView;
			}
			else {
				mSettings.viewName = vView.viewName;
				mSettings.controller = vView.controller;
				mSettings.viewContent = vView.viewContent;
			}
			return new sap.ui.core.mvc.JSONView(sId, mSettings);
		} else {
			if (typeof(sId) == "string") {
				mSettings.viewName = sId;
			}
			else {
				mSettings.viewName = sId.viewName;
				mSettings.controller = sId.controller;
				mSettings.viewContent = sId.viewContent;
			}
			return new sap.ui.core.mvc.JSONView(mSettings);
		}
	};
	sap.ui.core.mvc.JSONView.prototype.initViewSettings = function(mSettings) {
		if (!mSettings) {
			throw new Error("mSettings must be given");
		}

		// View template handling - no JSON template given
		if (mSettings.viewName && mSettings.viewContent) {
			throw new Error("View name and view content are given. There is no point in doing this, so please decide.");
		} else if (!mSettings.viewName && !mSettings.viewContent) {
			throw new Error("Neither view name nor view content is given. One of them is required.");
		}

		if (mSettings.viewName) {
			this._loadTemplate(mSettings.viewName);
		} else if (mSettings.viewContent) {
			this.mProperties["viewContent"] = mSettings.viewContent;
			if (typeof mSettings.viewContent === "string") {
				this._oJSONView = jQuery.parseJSON(mSettings.viewContent);
				if (!this._oJSONView) { // would lead to errors later on
					throw new Error("error when parsing viewContent: " + mSettings.viewContent);
				}
			} else if (typeof mSettings.viewContent === "object") {
				this._oJSONView = mSettings.viewContent;
			} else {
				throw new Error("viewContent must be a JSON string or object, but is a " + (typeof mSettings.viewContent));
			}
		} else {
			// does not happen, already checked
		}

		if((this._oJSONView.resourceBundleName || this._oJSONView.resourceBundleUrl) && (!mSettings.models || !mSettings.models[this._oJSONView.resourceBundleAlias])) {
			var model = new sap.ui.model.resource.ResourceModel({bundleName:this._oJSONView.resourceBundleName, bundleUrl:this._oJSONView.resourceBundleUrl});
			this.setModel(model, this._oJSONView.resourceBundleAlias);
		}

	};

	sap.ui.core.mvc.JSONView.prototype.onControllerConnected = function(oController) {
		var that = this;

		// use preprocessors to fix IDs, associations and event handler references
		sap.ui.base.ManagedObject.runWithPreprocessors(function() {
				// parse
				that.applySettings({ content : that._oJSONView.content});
			},

			{
				// preprocessors
				id : function(sId) {
					// prefix only if prefix doesn't exist already. Avoids double prefixes for composite components  
					return sId.indexOf(that.createId("")) === 0 ? sId : that.createId(sId);
				},
				// preprocess 'mSettings' for setting the controller as Listener for defined events
				// => make sure to store old preprocessor in case of nested views
				settings : function(oSettings) {
					var oMetadata = this.getMetadata(),
					aValidKeys = oMetadata.getJSONKeys(),
					sKey, oValue, oKeyInfo;
					for(sKey in oSettings) {
						// get info object for the key
						if ( oKeyInfo = aValidKeys[sKey] ) {
							oValue = oSettings[sKey];
							switch(oKeyInfo._iKind) {
							case 3: // SINGLE ASSOCIATIONS
								// prefix the association ids with the view id
								oSettings[sKey] = that.createId(oValue);
								break;
							case 5: // EVENTS
								if ( typeof oSettings[sKey] === "string" ) {
									oSettings[sKey] = [oController[oSettings[sKey]], oController];
								}
								break;
							}
						}
					}
				}
			});
		
	};

	sap.ui.core.mvc.JSONView.prototype._loadTemplate = function(sTemplateName) {
		var url = jQuery.sap.getModulePath(sTemplateName, ".view.json");

		var response = jQuery.sap.sjax({
			url : url,
			dataType: 'json'
		});
		this._oJSONView = response.data;
		if (!this._oJSONView) {
			throw new Error("View definition could not be loaded from " + url + ". Check for 'file not found' errors.");
		}
	};

	sap.ui.core.mvc.JSONView.prototype.getControllerName = function() {
		return this._oJSONView.controllerName;
	};

}());

}; // end of sap.ui.core.mvc.JSONView
if ( !jQuery.sap.isDeclared('sap.ui.core.mvc.JSView') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.core.mvc.JSView.
jQuery.sap.declare("sap.ui.core.mvc.JSView");



/**
 * Constructor for a new mvc/JSView.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.mvc.View#constructor sap.ui.core.mvc.View}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A View defined/constructed by JavaScript code.
 * @extends sap.ui.core.mvc.View
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.core.mvc.JSView
 */
sap.ui.core.mvc.View.extend("sap.ui.core.mvc.JSView", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.core"
}});


/**
 * Creates a new subclass of class sap.ui.core.mvc.JSView with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.core.mvc.JSView.extend
 * @function
 */


// Start of sap/ui/core/mvc/JSView.js
(function(){
	var mRegistry = {};
	/**
	 * Defines or creates an instance of a JavaScript view.
	 *
	 * The behavior of this method depends on the signature of the call and on the current context.
	 *
	 * <ul>
	 * <li>View Definition <code>sap.ui.jsview(sId, vView)</code>: Defines a view of the given name with the given
	 * implementation. sId must be the views name, vView must be an object and can contain
	 * implementations for any of the hooks provided by JSView</li>
	 * <li>View Instantiation <code>sap.ui.jsview(sId?, vView)</code>: Creates an instance of the view with the given name (and id).
	 * If no view implementation has been defined for that view name, a JavaScript module with the same name and with suffix "view.js" will be loaded
	 * and executed. The module should contain a view definition (1st. variant above). </li>
	 * </ul>
	 *
	 * Any other call signature will lead to a runtime error. If the id is omitted in the second variant, an id will
	 * be created automatically.
	 *
	 * @param {string} [sId] id of the newly created view, only allowed for instance creation
	 * @param {string | object} vView name or implementation of the view.
	 * @public
	 * @static
	 * @return {sap.ui.core.mvc.JSView | undefined} the created JSView instance in the creation case, otherwise undefined
	 */
	sap.ui.jsview = function(sId, vView) {
		var mSettings = {};

		if (vView && typeof (vView) == "string") { // instantiation sap.ui.jsview("id","name")
			mSettings.viewName = vView;
			mSettings.controller = arguments[2];
			var oView = new sap.ui.core.mvc.JSView(sId, mSettings);
			return oView;

		} else if (vView && typeof (vView) == "object"){ // definition sap.ui.jsview("name",definitionObject)
			// sId is not given, but contains the desired value of sViewName
			mRegistry[sId] = vView;
			jQuery.sap.declare({modName:sId,type:"view"}, false);

		} else if (arguments.length == 1 && typeof(arguments[0]) == "string") { // instantiation sap.ui.jsview("name")
			mSettings.viewName = sId;
			mSettings.controller = arguments[1];
			/*** STEP 1: create View ***/
			var oView = mSettings.id ? new sap.ui.core.mvc.JSView(mSettings.id,mSettings): new sap.ui.core.mvc.JSView(mSettings);
			/*** Step 3B and 4B (create and connect controller) happen in View ***/
			return oView;
		} else {
			throw new Error("Wrong arguments! Either call sap.ui.jsview([sId,] sViewName) to instantiate a View or sap.ui.jsview(sViewName, oViewImpl) to define a View type.");
		}
	};

	sap.ui.core.mvc.JSView.prototype.initViewSettings = function (mSettings) {
		/*** require view definition if not yet done... ***/
		if (!mRegistry[mSettings.viewName]) {
			jQuery.sap.require({modName: mSettings.viewName, type: "view"});
		}
		/*** Step 2: extend() ***/
		jQuery.extend(this, mRegistry[mSettings.viewName]);
	};

	sap.ui.core.mvc.JSView.prototype.onControllerConnected = function(oController) {
		var that=this;
		// unset any preprocessors (e.g. from an enclosing JSON view)
		sap.ui.base.ManagedObject.runWithPreprocessors(function() { 
			that.applySettings({ content : that.createContent(oController) });
		});
	};


	/**
	 * A method to be implemented by JSViews, returning the View UI.
	 * While for declarative View types like XMLView or JSONView the user interface definition is declared in a separate file,
	 * JSViews programmatically construct the UI. This happens in the createContent method which every JSView needs to implement.
	 * The View implementation can construct the complete UI in this method - or only return the root control and create the rest of the UI lazily later on.
	 * 
	 * @return {sap.ui.core.Control} a control or (typically) tree of controls representing the View user interface
	 * @public
	 * @name sap.ui.core.mvc.JSView.createContent
	 * @function
	 */

}());
}; // end of sap.ui.core.mvc.JSView

// as this module contains the Core, we ensure that the Core has been booted
sap.ui.getCore().boot && sap.ui.getCore().boot();


jQuery.sap.declare('sap-ui5');
jQuery.sap.declare('sap-ui-core-all'); // raw module, declared by SAPUI5 CreateModule Ant-Task
if ( !jQuery.sap.isDeclared('sap.ui.commons.library-all') ) {
// This file has been generated by the SAPUI5 'AllInOne' Builder
jQuery.sap.declare('sap.ui.commons.library-all');
if ( !jQuery.sap.isDeclared('sap.ui.commons.AccordionRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Accordion
jQuery.sap.declare("sap.ui.commons.AccordionRenderer");

/**
 * @class
 * @static
 */
sap.ui.commons.AccordionRenderer = {};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer
 * @param {sap.ui.core.Control} oAccordion An object representation of the control that should be rendered
 */
sap.ui.commons.AccordionRenderer.render = function(oRenderManager, oAccordion){

	// convenience variable
	var rm = oRenderManager;


	// write the HTML into the render manager
	rm.write("<div");
	rm.writeControlData(oAccordion);

	if ( sap.ui.getCore().getConfiguration().getAccessibility()){
		rm.writeAttribute('role', 'tablist');
	}

	rm.addClass("sapUiAcd");
	rm.addStyle("width", oAccordion.getWidth());
	rm.writeClasses();
	rm.writeStyles();
	rm.write(">"); // SPAN element

	rm.write("<div id='" + oAccordion.getId()+ "-dropTarget" + "' style='width:"+ oAccordion.getWidth() +"' tabIndex='-1' class='sapUiAcd-droptarget'></div>");


	var aSections = oAccordion.getSections();
	var aDefaultSections = oAccordion.getOpenedSectionsId().split(",");

	for(var i=0;i<aSections.length;i++){

		// Open the section if the section is part of the default opened section
		if(oAccordion.bInitialRendering){

			if(jQuery.inArray(aSections[i].getId(),aDefaultSections)!= -1){
				aSections[i]._setCollapsed(false);
			}
			else{
				aSections[i]._setCollapsed(true);
			}

	   }

	   sap.ui.commons.AccordionRenderer.renderSection(rm, aSections[i]);

	}
	
	rm.write('<SPAN id="' + oAccordion.getId() + '-Descr" style="visibility: hidden; display: none;">');
	rm.write(oAccordion.rb.getText("ACCORDION_DSC"));
	rm.write('</SPAN>');

	rm.write("</div>");
	
	oAccordion.bInitialRendering = false;

};


sap.ui.commons.AccordionRenderer.renderSection = function(oRenderManager, oControl) {

	var rm = oRenderManager;
	var accessibility = sap.ui.getCore().getConfiguration().getAccessibility();

	var heightSet = sap.ui.commons.AccordionSection._isSizeSet(oControl.getMaxHeight());
	var widthSet = sap.ui.commons.AccordionSection._isSizeSet(oControl.getParent().getWidth());

	// root element and classes
	rm.write("<div");
	rm.writeElementData(oControl);
	rm.addClass("sapUiAcdSection");

	if(oControl.getParent().isLastSection(oControl)){
		rm.addClass("sapUiAcdSectionLast");
	}

	rm.addStyle("width", oControl.getParent().getWidth());
	if (!oControl.getCollapsed()) {
		rm.addStyle("height", oControl.getMaxHeight());
	} else {
		rm.addClass("sapUiAcdSectionColl");
	}

	rm.addClass("sapUiAcdSectionArea");

	if (!heightSet) {
		rm.addClass("sapUiAcdSectionFlexHeight");
	}
	if (!oControl.getEnabled()) {
		rm.addClass("sapUiAcdSectionDis");
	}

	rm.writeClasses();
	rm.writeStyles();

	// header
	rm.write("><div draggable=\"true\" class='sapUiAcdSectionHdr' tabindex='0'");
	rm.writeAttribute("id", oControl.getId() + "-hdr");
	if (accessibility) {
		rm.writeAttribute('role', 'tab');
		rm.writeAttribute("aria-labelledby", oControl.getId() + "-lbl");
		rm.writeAttribute("aria-describedby", oControl.getParent().getId() + "-Descr");
		if (oControl.getEnabled()) {
			if (oControl.getCollapsed()) {
				rm.writeAttribute("aria-expanded", "false");
			} else {
				rm.writeAttribute("aria-expanded", "true");
			}
		}
	}
	rm.write(">");

	rm.write("<div ");
	rm.writeAttribute("id", oControl.getId() + "-trgt");
	rm.write(">");

	rm.write("<span id='" + oControl.getId() + "-hdrL'>");

	if (oControl.getEnabled()){
		rm.write("<a draggable='false' id='" + oControl.getId() + "-minL' class='sapUiAcdSectionMinArrow' href='javascript:void(0)' title='Collapse/Expand'");
	}else{
		rm.write("<a draggable='false' id='" + oControl.getId() + "-minL' class='sapUiAcdSectionMinArrow sapUiAcdCursorText' href='javascript:void(0)' title='Collapse/Expand'");
	}

	rm.write(" tabindex='-1' ");

	if (accessibility) {

		rm.writeAttribute("aria-labelledby", oControl.getId() + "-lbl");

		//Is the section opened --> selected in this case
		if (oControl.getCollapsed()) {
			rm.writeAttribute("aria-selected", "false");
		} else {
			rm.writeAttribute("aria-selected", "true");
		}
		//Disabled --> Unavailable annoucement
		if (oControl.getEnabled()) {
			rm.writeAttribute("aria-disabled", "false");
			if (!jQuery.browser.msie) {
				rm.writeAttribute("aria-grabbed", "false");
			}
		}
		else{
			rm.writeAttribute("aria-disabled", "true");
			if (!jQuery.browser.msie) {
				rm.writeAttribute("aria-grabbed", "");
			}
		}

	}
	rm.write("></a>");

	// label
	rm.write("<span tabindex='-1' id='" + oControl.getId() + "-lbl' class='sapUiAcdSectionLabel'");

	if (oControl.getCollapsed()) {
		rm.writeAttribute("aria-selected", "false");
		rm.addStyle("font-weight", "normal");
		rm.writeStyles();
	} else {
		rm.writeAttribute("aria-selected", "true");
		rm.addStyle("font-weight", "bold");
		rm.writeStyles();
	}

	if (accessibility) {

		rm.writeAttribute("role", "heading");
		rm.writeAttribute("aria-labelledby", oControl.getId() + "-lbl");
		rm.writeAttribute("tabindex", "0");

		if (oControl.getEnabled()) {
			rm.writeAttribute("aria-disabled", "false");
		}
		else{
			rm.writeAttribute("aria-disabled", "true");
		}
	}

	rm.write(">");

	rm.writeEscaped(oControl.getTitle());
	rm.write("</span>");
	rm.write("</span>");

	rm.write("</div></div>");

	// everything below the header is only rendered initially if not collapsed - saves performance and Panel just re-renders later on expand
	if (!oControl.getCollapsed()) {

		// Content area
		rm.write("<div class='sapUiAcdSectionCont' tabindex='-1' id='" + oControl.getId() + "-cont'");
		if (heightSet && widthSet) {
			rm.write(" style='position:absolute;'");
		} else {
			rm.write(" style='position:relative;top:0px;'"); // for IE7, when Panel contains relatively positioned elements
		}
		
		if ( sap.ui.getCore().getConfiguration().getAccessibility()){
			rm.writeAttribute('role', 'tabpanel');
		}

		rm.write(">");

		// Content (child controls)
		var oControls = oControl.getContent(),
		iLength = oControls.length;
		for (var i=0;i<iLength;i++) {
			rm.renderControl(oControls[i]);
		}
		rm.write("</div>");

	}
	// End of Panel
		rm.write("</div>");
};
}; // end of sap.ui.commons.AccordionRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ApplicationHeaderRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.ApplicationHeader
jQuery.sap.declare("sap.ui.commons.ApplicationHeaderRenderer");

/**
 * @class ApplicationHeader renderer.
 * @static
 */
sap.ui.commons.ApplicationHeaderRenderer = {};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oAppHeader an object representation of the control that should be rendered
 */
sap.ui.commons.ApplicationHeaderRenderer.render = function(oRenderManager, oAppHeader){

	if (!this.initializationDone){
		oAppHeader.initControls();
		oAppHeader.initializationDone = true;
	}

	var appHeaderId = oAppHeader.getId();

	//Write the HTML into the render manager
	oRenderManager.write("<header");
	oRenderManager.writeControlData(oAppHeader);
	oRenderManager.addClass("sapUiAppHdr");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	//Welcome and logoff areas
	oRenderManager.write("<div id=\"" + appHeaderId + "-appHeaderWelcomeLogoffAreas\" class=\"sapUiAppHdrWelcomeLogoffArea sapUiInverted-CTX\">");
	this.renderWelcomeAndLogoffAreas(oRenderManager, oAppHeader);
	oRenderManager.write("</div>"); //End welcome and logout areas

	//Logo area
	oRenderManager.write("<div id=\"" + appHeaderId + "-logoArea\" class=\"sapUiAppHdrLogo\">");
	this.renderLogoArea(oRenderManager,oAppHeader);
	oRenderManager.write("</div>");

	oRenderManager.write("</header>");

};

/**
 * Renders the HTML for the logo area (Logo src and text if any)
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oAppHeader an object representation of the control that should be rendered
 */
sap.ui.commons.ApplicationHeaderRenderer.renderLogoArea = function(oRenderManager, oAppHeader){

	//Add the logo, but first set the source to the right path
	oAppHeader.getLogoSrc() != "" ? oAppHeader.oLogo.setSrc(oAppHeader.getLogoSrc()) : oAppHeader.oLogo.setSrc(sap.ui.resource("sap.ui.commons", "themes/" + sap.ui.getCore().getConfiguration().getTheme() + "/img/applicationheader/SAPLogo.png"));
	oRenderManager.renderControl(oAppHeader.oLogo);

	//Insert the logo text if any provided by application
	if (oAppHeader.getLogoText() != ""){
		oAppHeader.oLogoText.setText(oAppHeader.getLogoText());
		oAppHeader.oLogoText.setTooltip(oAppHeader.getLogoText());
		oRenderManager.renderControl(oAppHeader.oLogoText);
	}

};

/**
 * Renders the HTML for the welcome and logoff areas
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oAppHeader an object representation of the control that should be rendered
 */
sap.ui.commons.ApplicationHeaderRenderer.renderWelcomeAndLogoffAreas = function(oRenderManager, oAppHeader){

	var appHeaderId = oAppHeader.getId();

	//Check if the Welcom text is requested
	if (oAppHeader.getDisplayWelcome()){

		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

		var padding = sap.ui.getCore().getConfiguration().getRTL() ? "padding-left" : "padding-right";

		//Add the user name if provided
		if (oAppHeader.getUserName() != ""){
			oRenderManager.write("<label class=\"sapUiLbl sapUiLblEmph\" style=\"text-align: left;\" dir=\"Inherit\" id=\"" + appHeaderId + "-welcomeLabel\">" +
								  rb.getText("APPHDR_WELCOME_USER") + ":</label>");
			oRenderManager.write("&nbsp;");
			oRenderManager.write("<label class=\"sapUiLbl\" style=\"text-align: left;" + padding + ":15px;\" dir=\"Inherit\" id=\"" + appHeaderId + "-userLabel\">" +
								  oAppHeader.getUserName() + "</label>");
		}
		else{
			oRenderManager.write("<label class=\"sapUiLbl sapUiLblEmph\" style=\"text-align: left;" + padding + ":15px;\" dir=\"Inherit\" id=\"" + appHeaderId + "-welcomeLabel\">" +
								  rb.getText("APPHDR_WELCOME") + "</label>");
		}
	}

	//Logout area
	if (oAppHeader.getDisplayLogoff()){

		//Display the separator only when the welcome area is displayed as well
		if (oAppHeader.getDisplayWelcome()){
			oRenderManager.write("<span role=\"separator\" class=\"sapUiTbSeparator\"></span>");
		}
		oRenderManager.renderControl(oAppHeader.oLogoffBtn);
	}

};
}; // end of sap.ui.commons.ApplicationHeaderRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ButtonRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Button
jQuery.sap.declare("sap.ui.commons.ButtonRenderer");

/**
 * @class
 * @author SAP AG
 * @version 1.12.0
 * @static
 */
sap.ui.commons.ButtonRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} rm The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.core.Control} oButton An object representation of the control that should be rendered.
 */
sap.ui.commons.ButtonRenderer.render = function(rm, oButton) {

	// return immediately if control is invisible
	if (!oButton.getVisible()) {
		return;
	}

	rm.addClass("sapUiBtn");

	// button is rendered as a "<button>" element
	rm.write("<button type=\"button\""); // otherwise this turns into a submit button in IE8
	rm.writeControlData(oButton);
	if(oButton.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oButton.getTooltip_AsString());
	}

	//styling
	if (oButton.getStyled()) {
		rm.addClass("sapUiBtnS");
	}

	if (oButton.getLite()) {
		rm.addClass("sapUiBtnLite");
	}else{
		rm.addClass("sapUiBtnNorm");
	}

	var sStyle = oButton.getStyle();

	if (sStyle != "" && sStyle != sap.ui.commons.ButtonStyle.Default) {
		rm.addClass("sapUiBtn"+jQuery.sap.escapeHTML(sStyle));
	}

	//ARIA
	rm.writeAccessibilityState(oButton, {
		role: 'button',
		disabled: !oButton.getEnabled()
	});

	if (!oButton.getEnabled()) {
		rm.write(" tabIndex=\"-1\"");
		rm.addClass("sapUiBtnDsbl");
	} else {
		rm.write(" tabIndex=\"0\"");
		rm.addClass("sapUiBtnStd");
	}

	var bImageOnly = false;
	if (!oButton.getText() && oButton.getIcon()) { // icon, but no text => reduce padding
		rm.addClass("sapUiBtnIconOnly");
		bImageOnly = true; // only the image is there, so it must have some meaning
	}

	if (oButton.getWidth() && oButton.getWidth() != '') {
		rm.addStyle("width", oButton.getWidth());
		rm.addClass("sapUiBtnFixedWidth");
	}
	if (oButton.getHeight() && oButton.getHeight() != '') {
		rm.addStyle("height", oButton.getHeight());
	}
	rm.writeStyles();

	if(this.renderButtonAttributes){
		this.renderButtonAttributes(rm, oButton);
	}

	// feature-dependent CSS class, written for browsers not understanding CSS gradients (=IE8, IE9)
	// required to avoid a large number of browser selectors which is needed to NOT serve filter:... to IE10
	if (jQuery.browser.msie && (!document.documentMode || document.documentMode < 10)) {
		rm.addClass("sapUiBtnNoGradient");
	}

	rm.writeClasses();

	rm.write(">");

	if(this.renderButtonContentBefore){
		this.renderButtonContentBefore(rm, oButton);
	}

	if (this._getIconForState(oButton, "base") && oButton.getIconFirst()) {
		this.writeImgHtml(rm, oButton, bImageOnly);
	}

	// write the button label
	if (oButton.getText()) {
		if (!oButton.getIcon() && !this.renderButtonContentBefore && !this.renderButtonContentAfter) {
			rm.writeEscaped(oButton.getText());
		} else { // if there is an icon, an additional span is required
			rm.write("<span class=\"sapUiBtnTxt\">");
			rm.writeEscaped(oButton.getText());
			rm.write("</span>");
		}
	}

	if (this._getIconForState(oButton, "base") && !oButton.getIconFirst()) {
		this.writeImgHtml(rm, oButton, bImageOnly);
	}

	if(this.renderButtonContentAfter){
		this.renderButtonContentAfter(rm, oButton);
	}

	// close button
	rm.write("</button>");
};

/**
 * Function called by button control on mouse down event.
 */
sap.ui.commons.ButtonRenderer.onactive = function(oButton) {
	jQuery.sap.byId(oButton.getId()).addClass("sapUiBtnAct").removeClass("sapUiBtnStd");
	jQuery.sap.byId(oButton.getId() + "-img").attr("src", this._getIconForState(oButton, "active"));
};

/**
 * Function called by button control on mouse up event.
 */
sap.ui.commons.ButtonRenderer.ondeactive = function(oButton) {
	jQuery.sap.byId(oButton.getId()).addClass("sapUiBtnStd").removeClass("sapUiBtnAct");
	jQuery.sap.byId(oButton.getId() + "-img").attr("src", this._getIconForState(oButton, "deactive"));
};

/**
 * Function called by button control on blur.
 */
sap.ui.commons.ButtonRenderer.onblur = function(oButton) {
	oButton.$().removeClass("sapUiBtnFoc");
	jQuery.sap.byId(oButton.getId() + "-img").attr("src", this._getIconForState(oButton, "blur"));
	if (jQuery.browser.msie) {
		sap.ui.commons.ButtonRenderer.onmouseout(oButton);
	}
};

/**
 * Function called by button control on focus.
 */
sap.ui.commons.ButtonRenderer.onfocus = function(oButton) {
	oButton.$().addClass("sapUiBtnFoc");
	jQuery.sap.byId(oButton.getId() + "-img").attr("src", this._getIconForState(oButton, "focus"));
};

/**
 * Function called when mouse leaves button
 */
sap.ui.commons.ButtonRenderer.onmouseout = function(oButton) {
	jQuery.sap.byId(oButton.getId()).removeClass("sapUiBtnAct");
	jQuery.sap.byId(oButton.getId()).addClass("sapUiBtnStd");
	jQuery.sap.byId(oButton.getId() + "-img").attr("src", this._getIconForState(oButton, "mouseout"));
};

/**
 * Function called when mouse enters button
 * @private
 */
sap.ui.commons.ButtonRenderer.onmouseover = function(oButton) {
	jQuery.sap.byId(oButton.getId() + "-img").attr("src", this._getIconForState(oButton, "mouseover"));
};

/**
 * Returns the icon URI for the given button state
 * @private
 */
sap.ui.commons.ButtonRenderer._getIconForState = function(oButton, sState) {
	switch(sState){
		case "mouseout":
		case "focus":
		case "blur":
		case "base":
			if(oButton.$().hasClass("sapUiBtnFoc")){
				return oButton.getIconHovered() || oButton.getIcon(); 
			}
			return oButton.getIcon();
		case "active":
			var sIcon = oButton.getIconSelected() || oButton.getIconHovered();
			return sIcon ? sIcon : oButton.getIcon();
		case "mouseover":
		case "deactive":
			var sIcon = oButton.getIconHovered();
			return sIcon ? sIcon : oButton.getIcon();
	}
	return oButton.getIcon();
};

/**
 * HTML for icon
 */
sap.ui.commons.ButtonRenderer.writeImgHtml = function(oRenderManager, oButton, bImageOnly) {
	var rm = oRenderManager,
		iconUrl = this._getIconForState(oButton, "base");

	rm.write("<img");
	rm.writeAttribute("id", oButton.getId() + "-img");
	rm.writeAttributeEscaped("src", iconUrl);
	if(oButton.getTooltip_AsString() && !oButton.getText()) {
		rm.writeAttributeEscaped("alt", oButton.getTooltip_AsString());
	} else {
		rm.writeAttribute("alt", ""); // there must be an ALT attribute
	}

	if (!bImageOnly) {
		rm.writeAttribute("role", "presentation");
	}

	rm.addClass("sapUiBtnIco");
	if (oButton.getText()) { // only add a distance to the text if there is text
		if (oButton.getIconFirst()) {
			rm.addClass("sapUiBtnIcoL");
		} else {
			rm.addClass("sapUiBtnIcoR");
		}
	}
	rm.writeClasses();

	rm.write("/>");
};

}; // end of sap.ui.commons.ButtonRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.CalloutBaseRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.CalloutBaseRenderer");

/**
 * @class CalloutBase renderer.
 * @static
 */
sap.ui.commons.CalloutBaseRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the Callout that should be rendered
 */
sap.ui.commons.CalloutBaseRenderer.render = function(oRenderManager, oControl){

	var rm = oRenderManager;
	var accessibility = sap.ui.getCore().getConfiguration().getAccessibility();
	var sId = oControl.getId();

	//container
	rm.write("<div");
	rm.writeControlData(oControl);

	rm.addClass("sapUiCltBase");
	if (this.addRootClasses) {
		this.addRootClasses(rm, oControl);
	}
	rm.writeClasses();

	if (accessibility) {
		rm.writeAttribute("role", "dialog");
		//ARIA label
		var sAriaLabel = oControl.oRb.getText('CALLOUT_ARIA_NAME');
		if(sAriaLabel){
			rm.writeAttributeEscaped("aria-label", sAriaLabel);
		}
	}
	if (oControl.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oControl.getTooltip_AsString());
	}
	rm.write(">");

	//first focusable control to provide tab loop
	rm.write("<span id=\"" + sId + "-fhfe\" tabIndex=\"0\"></span>");

	// content container
	rm.write("<div");
	rm.writeAttribute("id",sId + "-cont");

	rm.addClass("sapUiCltBaseCont");
	if (this.addContentClasses) {
		this.addContentClasses(rm, oControl);
	}
	rm.writeClasses();

	rm.writeAttribute("tabindex","-1");
	rm.write(">");

	// successor controls provide content here in their specific renderContent methods
	if (this.renderContent) {
		this.renderContent(rm, oControl);
	}
	rm.write("</div>");

	// arrow tip
	rm.write("<div");
	rm.writeAttribute("id", sId+"-arrow");
	if (accessibility) {
		rm.writeAttribute("role", "presentation");
	}
	// specific arrow placement is specified in behavior by setting additional CSS classes
	rm.addClass("sapUiCltBaseArr");
	if (this.addArrowClasses) {
		this.addArrowClasses(rm, oControl);
	}
	rm.writeClasses();
	rm.write("></div>");

	//last focusable control to provide tab loop
	rm.write("<span id=\"" + sId + "-fhee\" tabIndex=\"0\"></span>");

	rm.write("</div>");// container

};

}; // end of sap.ui.commons.CalloutBaseRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.CalloutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.CalloutRenderer");

jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class Callout renderer.
 * @static
 */
sap.ui.commons.CalloutRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.CalloutBaseRenderer);

/**
 * Renders the HTML for content.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oCallout an object representation of the Callout that should be rendered
 */
sap.ui.commons.CalloutRenderer.renderContent = function(oRenderManager, oCallout){

	var rm = oRenderManager;
	var content = oCallout.getContent();

	// content
	for (var i = 0; i < content.length; i++) {
		rm.renderControl(content[i]);
	}
};

/**
 * Add the root CSS class to the Callout to redefine/extend CalloutBase
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.commons.CalloutRenderer.addRootClasses = function(oRenderManager, oControl) {
	oRenderManager.addClass("sapUiClt");
};

/**
 * Add the content CSS class to the Callout to redefine/extend CalloutBase
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.commons.CalloutRenderer.addContentClasses = function(oRenderManager, oControl) {
	oRenderManager.addClass("sapUiCltCont");
};

/**
 * Add the arrow/tip CSS class to the Callout to redefine/extend CalloutBase
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.commons.CalloutRenderer.addArrowClasses = function(oRenderManager, oControl) {
	oRenderManager.addClass("sapUiCltArr");
};

}; // end of sap.ui.commons.CalloutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.CarouselRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Carousel
jQuery.sap.declare("sap.ui.commons.CarouselRenderer");

/**
 * @class carousel renderer.
 * @static
 */
sap.ui.commons.CarouselRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.CarouselRenderer.render = function(oRenderManager, oControl) {

	var rm = oRenderManager;

	rm.write("<div");
	rm.addClass("sapUiCrsl");
	if (oControl.getWidth() != "") {
		rm.addStyle("width", oControl.getWidth());
	}
	if (oControl.getHeight() != "") {
		rm.addStyle("height", oControl.getHeight());
	}
	rm.writeStyles();
	rm.writeClasses();
	rm.writeControlData(oControl);
	rm.write(">");
	
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	// Start Prev button
	rm.write("<div");
	rm.writeAttribute("id", oControl.getId() + "-prevbutton");
	rm.writeAttribute("title", rb.getText("CAROUSEL_SHOW_PREV"));
	rm.addClass("sapUiCrslPrevBtn");
	rm.writeClasses();
	if (oControl.getHandleSize() != 22) {
		if (oControl.getOrientation() == "vertical") {
			rm.addStyle("height",oControl.getHandleSize() + "px");
		} else {
			rm.addStyle("width",oControl.getHandleSize() + "px");
		}
		rm.writeStyles();
	}
	rm.write(">");
	if (oControl.getOrientation() == "vertical") {
		rm.write("&#9650");//Symbol for Base and HCB Theme (Must be hidden in other themes)
	} else {
		rm.write("&#9668");//Symbol for Base and HCB Theme (Must be hidden in other themes)
	}
	rm.write("</div>");
	// End Prev button

	// Start Next button
	rm.write("<div");
	rm.writeAttribute("id", oControl.getId() + "-nextbutton");
	rm.writeAttribute("title", rb.getText("CAROUSEL_SHOW_NEXT"));
	rm.addClass("sapUiCrslNextBtn");
	rm.writeClasses();
	if (oControl.getHandleSize() != 22) {
		if (oControl.getOrientation() == "vertical") {
			rm.addStyle("height",oControl.getHandleSize() + "px");
		} else {
			rm.addStyle("width",oControl.getHandleSize() + "px");
		}
		rm.writeStyles();
	}
	rm.write(">");
	if (oControl.getOrientation() == "vertical") {
		rm.write("&#9660");//Symbol for Base and HCB Theme (Must be hidden in other themes)
	} else {
		rm.write("&#9658");//Symbol for Base and HCB Theme (Must be hidden in other themes)
	}
	rm.write("</div>");
	// End Next button

	// Start content area
	rm.write("<div");
	rm.writeAttribute("id", oControl.getId() + "-contentarea");
	rm.writeAttribute("tabindex", "0");
	rm.addClass("sapUiCrslCnt");
	rm.writeClasses();
	rm.writeAccessibilityState(oControl, {
		role : 'list',
		orientation : oControl.getOrientation(),
		live : 'assertive',
		disabled : false,
		describedby : oControl.getTooltip_AsString() ? (oControl
				.getAriaDescribedBy().join(" ")) : undefined
	});
	rm.write(">");

	var aContent = oControl.getContent();

	rm.write("<ul");
	rm.writeAttribute("id", oControl.getId() + "-scrolllist");
	rm.addClass("sapUiCrslScl");
	rm.writeClasses();
	rm.write(">");

	for ( var i = 0; i < aContent.length; i++) {
		var oChild = aContent[i];
		rm.write("<li");
		rm.writeAttribute("id",oControl.getId() + "-item-" + oChild.getId());
		rm.addClass("sapUiCrslItm");
		rm.writeClasses();
		rm.write(">");
		rm.renderControl(oChild);
		rm.write("</li>");
	}

	rm.write("</ul>");

	rm.write("</div>");
	// End content area

	rm.write("</div>");
};
}; // end of sap.ui.commons.CarouselRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.CheckBoxRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.CheckBox
jQuery.sap.declare("sap.ui.commons.CheckBoxRenderer");
jQuery.sap.require('sap.ui.core.ValueStateSupport'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class
 * @author SAP AG
 * @version 0.1
 * @static
 */
sap.ui.commons.CheckBoxRenderer = {
};

/**
 * Renders the HTML for the CheckBox, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that is used for writing to the render output buffer.
 * @param {sap.ui.commons.CheckBox} oCheckBox The CheckBox control that should be rendered.
 */
sap.ui.commons.CheckBoxRenderer.render = function(oRenderManager, oCheckBox) {
	var rm = oRenderManager;

	// Return immediately if control is invisible
	if (!oCheckBox.getVisible()) {
		return;
	}

	rm.addClass("sapUiCb");

	// Open the containing <span> tag
	rm.write("<span");
	rm.writeControlData(oCheckBox);

	// ARIA
	rm.writeAccessibilityState(oCheckBox, {"role" : sap.ui.core.AccessibleRole.Checkbox.toLowerCase()});

	// Collect state information
	var enabled = oCheckBox.getEnabled() != null && oCheckBox.getEnabled();
	var editable = oCheckBox.getEditable() != null && oCheckBox.getEditable();
	var inErrorState = false;
	var inWarningState = false;
	if (oCheckBox.getValueState() != null) {
		inErrorState = sap.ui.core.ValueState.Error == oCheckBox.getValueState();
		inWarningState = sap.ui.core.ValueState.Warning == oCheckBox.getValueState();
	}


	// Add classes and properties depending on the state
	if (oCheckBox.getChecked()) {
		rm.addClass("sapUiCbChk");
	}

	var myTabIndex = 0;
	var bReadOnly = false;

	if (!enabled) {
		bReadOnly = true;
		rm.addClass("sapUiCbDis");
		myTabIndex = -1;
	}
	if (!editable) {
		bReadOnly = true;
		rm.addClass("sapUiCbRo");
		//myTabIndex = -1; //According to CSN2581852 2012 a readonly CB should be in the tabchain 
	}
	if (inErrorState) {
		rm.addClass("sapUiCbErr");
		rm.writeAttribute("aria-invalid", "true");
	} else if (inWarningState) {
		rm.addClass("sapUiCbWarn");
	}
	if (enabled && editable && !inErrorState && !inWarningState) {
		rm.addClass("sapUiCbStd");
	}
	if (enabled && editable) {
		rm.addClass("sapUiCbInteractive");
	}
	rm.writeClasses();

	if (oCheckBox.getWidth() && oCheckBox.getWidth() != '') {
		rm.writeAttribute("style", "width:" + oCheckBox.getWidth() + ";");
	}

	rm.writeAttribute("tabIndex", myTabIndex);

	rm.write(">"); // close the containing <span> tag


	// Write the (potentially hidden) HTML checkbox element
	rm.write("<input type='CheckBox' tabindex='-1' id='");
	rm.write(oCheckBox.getId());
	rm.write("-CB'");

	if (oCheckBox.getName()) {
		rm.writeAttributeEscaped('name', oCheckBox.getName());
	}

	if (oCheckBox.getChecked()) {
		rm.write(" checked='checked'");
	}
	if (!enabled) {
		rm.write(" disabled='disabled'");
	}
	var tooltip = sap.ui.core.ValueStateSupport.enrichTooltip(oCheckBox, oCheckBox.getTooltip_AsString());
	if (tooltip) {
		rm.writeAttributeEscaped("title", tooltip);
	}
	if(bReadOnly) {
		rm.write(" readOnly='readOnly'");
	}
	rm.write(" />"); // close checkbox-input-element


	// Write the checkbox label which also holds the background image
	rm.write("<label");
	if (tooltip) {
		rm.writeAttributeEscaped("title", tooltip);
	}
	rm.writeAttribute("for", oCheckBox.getId() + "-CB"); // label for checkbox, so clicks toggle the state
	if (!oCheckBox.getText()) {
		rm.write(" class='sapUiCbNoText'");
	}
	rm.write(">");
	if (oCheckBox.getText()) {
		this.renderText(rm, oCheckBox.getText(), oCheckBox.getTextDirection());
	}
	rm.write("</label>");

	// close the surrounding <span> element
	rm.write("</span>");
};



/**
 * Write the CheckBox label either flat or - in case the text direction is different from the environment - within a span tag with an explicit "dir".
 */
sap.ui.commons.CheckBoxRenderer.renderText = function(oRenderManager, sText, eTextDirection) {
	var rm = oRenderManager;
	if (!eTextDirection || eTextDirection == sap.ui.core.TextDirection.Inherit) {
		rm.writeEscaped(sText);
	} else {
		rm.write("<span dir=\"" + eTextDirection + "\">");
		rm.writeEscaped(sText);
		rm.write("</span>");
	}
};

}; // end of sap.ui.commons.CheckBoxRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ColorPickerRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.ColorPicker
jQuery.sap.declare("sap.ui.commons.ColorPickerRenderer");

/**
 * @class ColorPicker renderer.
 * @static
 */
sap.ui.commons.ColorPickerRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.ColorPickerRenderer.render = function(oRm, oControl){

	// write the HTML into the render manager
	oRm.write("<div");   // Outer DIV
	oRm.writeControlData(oControl);
	oRm.write(">"); // <DIV> element
	oRm.renderControl(oControl.oMatrix);
	oRm.write("</div>");  // outer DIV

};


}; // end of sap.ui.commons.ColorPickerRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.DialogRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Dialog
jQuery.sap.declare("sap.ui.commons.DialogRenderer");

/**
 * @class  sap.ui.commons.DialogRenderer
 * @static
 */
sap.ui.commons.DialogRenderer = {};


/**
 * Renders the HTML for the Dialog, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} rm The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered.
 */
sap.ui.commons.DialogRenderer.render = function(rm, oControl) {
	var heightSet = sap.ui.commons.Dialog._isSizeSet(oControl.getHeight());
	var widthSet = sap.ui.commons.Dialog._isSizeSet(oControl.getWidth());

	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	oControl.getScrollTop();  // Update the scroll position properties
	oControl.getScrollLeft();

	var aButtons = oControl.getButtons();
	var iButtonCount = aButtons.length;


	// Root element and classes/styles
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiDlg");
	rm.addClass("sapUiDlgContentBorderDesign" + oControl.getContentBorderDesign());

	rm.addStyle("width", oControl.getWidth());
	rm.addStyle("height", oControl.getHeight());
	rm.addStyle("min-width", oControl.getMinWidth());
	rm.addStyle("min-height", oControl.getMinHeight());
	rm.addStyle("max-width", oControl.getMaxWidth());
	rm.addStyle("max-height", oControl.getMaxHeight());

	if (!heightSet) {
		rm.addClass("sapUiDlgFlexHeight");
	}
	if (!widthSet) {
		rm.addClass("sapUiDlgFlexWidth");
	}
	if (iButtonCount == 0) {
		rm.addClass("sapUiDlgNoButtons");
	}
	if (!oControl.getApplyContentPadding()) {
		rm.addClass("sapUiDlgNoPad");
	}
	rm.writeClasses();
	rm.writeStyles();

	rm.writeAttribute("aria-labelledby", oControl.getId() + "-lbl " + oControl.getId() + "-acc");
	rm.writeAttribute("role", oControl.getAccessibleRole().toLowerCase());
	rm.write("><span style='display:none;' id='", oControl.getId(), "-acc'>", rb.getText("DIALOG_CLOSE_HELP"), "</span>");

	// Header
	rm.write("<span id='" + oControl.getId() + "-fhfe' tabIndex='0'></span><div id='" + oControl.getId() + "-hdr' class='sapUiDlgHdr'>");
	rm.write("<span class='sapUiDlgHdrLeft' id='" + oControl.getId() + "-hdrL'>");

	// Header label
	var title = oControl.getTitle();
	rm.write("<span id='" + oControl.getId() + "-lbl' class='sapUiDlgLabel'");

	rm.writeAttribute("role", "heading");
	rm.writeAttribute("aria-level", "1");
	if (title) {
		rm.writeAttributeEscaped("title", title);
	}
	rm.write(">");

	if (!title) {
		rm.write("&nbsp;");
	} else {
		rm.writeEscaped(title); 
	}
	rm.write("</span></span>");
	rm.write("<span id='", oControl.getId(), "-hdrR' class='sapUiDlgHdrBtns'>");
	// Example for an additional button:   rm.write("<a class='sapUiDlgOptBtn'></a>");

	if (oControl.getShowCloseButton()) {
		rm.write("<a id='", oControl.getId(), "-close' class='sapUiDlgCloseBtn' href='javascript:void(0)'");
		rm.write(" tabIndex='-1'"); // according to accessibility experts (O.K. and M.J.), the 'x' should not be tab-able
		rm.writeAttribute("role","button");
		rm.writeAttributeEscaped("aria-label", rb.getText("DIALOG_CLOSE_HELP"));
		rm.writeAttributeEscaped("title", rb.getText("DIALOG_CLOSE_TEXT"));
		rm.write(">X</a>");
	}
	rm.write("</span></div>");


	// Content area
	rm.write("<div class='sapUiDlgCont' id='", oControl.getId(), "-cont' tabindex=\"-1\">");

	// Content
	var aChildren = oControl.getContent();
	for(var i = 0; i < aChildren.length; i++) {
		rm.renderControl(aChildren[i]);
	}
	rm.write("</div>");


	// Footer
	rm.write("<div id='");
	rm.write(oControl.getId());
	rm.write("-footer' class='sapUiDlgFooter'>");

	// Wave and Buttons
	rm.write("<div class='sapUiDlgBtns'>");
	for (var i = 0; i < iButtonCount; i++) {
		rm.renderControl(aButtons[i]);
	}
	rm.write("</div><div class='sapUiDlgWave'></div></div>");

	// Grip
	if (oControl.getResizable()) {
		rm.write("<span id='");
		rm.write(oControl.getId());
		rm.write("-grip' class='sapUiDlgGrip'>&#916;</span>");
	}

	// End of Dialog
	rm.write("<span id='" + oControl.getId() + "-fhee' tabIndex='0'></span></div>");

};

}; // end of sap.ui.commons.DialogRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.FileUploaderRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.FileUploader
jQuery.sap.declare("sap.ui.commons.FileUploaderRenderer");

/**
 * @class
 * @static
 */
sap.ui.commons.FileUploaderRenderer = function() {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered.
 */
sap.ui.commons.FileUploaderRenderer.render = function(oRenderManager, oFileUploader) {

	var rm = oRenderManager;
	var accessibility = sap.ui.getCore().getConfiguration().getAccessibility();

	// return immediately if control is invisible
	if (!oFileUploader.getVisible()) {
		return;
	}

	rm.write('<div class="sapUiFup"');
	rm.writeControlData(oFileUploader);
	rm.write('>');

	// form
	rm.write('<form style="display:inline-block" encType="multipart/form-data" method="post" id="' + oFileUploader.getId() + '-fu_form" ');
	rm.write('action="' + oFileUploader.getUploadUrl() + '" ');
	rm.write('target="' + oFileUploader.getId() + '-frame"');
	rm.write('>');

	// the SAPUI5 TextField and Button
	rm.write('<div class="sapUiFupInp"');
	if (accessibility) {
		rm.writeAttribute("role", "textbox");
		rm.writeAttribute("aria-readonly", "true");
	}
	rm.write('>');

	rm.write('<div class="sapUiFupGroup" border="0" cellPadding="0" cellSpacing="0"><div><div>');
	rm.renderControl(oFileUploader.oFilePath);
	rm.write('</div><div>');  //-> per style margin
	rm.renderControl(oFileUploader.oBrowse);
	rm.write('</div></div></div>');

	// hidden pure input type file (surrounded by a div which is responsible for giving the input the correct size)
	var sName = oFileUploader.getName() || oFileUploader.getId();
	rm.write('<div class="sapUiFupInputMask">');
	rm.write('<input type="hidden" name="_charset_">');
	rm.write('<input type="hidden" name="' + sName +'-data" id="' + oFileUploader.getId() + '-fu_data"');
	rm.writeAttributeEscaped('value', oFileUploader.getAdditionalData() || "");
	rm.write('></div>');


	rm.write('</div>');
	rm.write('</form>');
	rm.write('</div>');
};
}; // end of sap.ui.commons.FileUploaderRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.FormattedTextViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
jQuery.sap.declare("sap.ui.commons.FormattedTextViewRenderer");

/**
 * @class FormattedTextView renderer.
 * @static
 */
sap.ui.commons.FormattedTextViewRenderer = {};

/*
 * Renders the HTML for the FormattedTextView, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.FormattedTextViewRenderer.render = function(oRm, oControl) {

	if (!oControl.getVisible()) {
		return;
	}
	
	// pattern for placeholders:
	var rPlaceHolderPattern = /<embed\s+data-index="([0-9]+)"\s*\/?>/gim,
			sHtml = oControl.getHtmlText(),
			aInnerControls = oControl.getControls().slice(), // clone, will be modified below
			iToBeRendered = aInnerControls.length,
			lastIndex = 0,
			aMatch;

	// write the HTML into the render manager
	oRm.write("<span");
	oRm.writeControlData(oControl);
	oRm.addClass("sapUiFTV");
	oRm.writeClasses();
	oRm.write(">"); // span element

	// check for placeholders in htmlText property
	while (aMatch = rPlaceHolderPattern.exec(sHtml)) {
		// write any static HTML between previous and current placeholder (if any) 
		oRm.write(sHtml.slice(lastIndex, aMatch.index));
		// replace placeholder with control in aggregation
		if (this._renderReplacement(oRm, aMatch[1], aInnerControls)) {
			iToBeRendered--;
		} else {
			jQuery.sap.log.warning("Could not find matching control to placeholder #" + aMatch[1]);
		}
		lastIndex = rPlaceHolderPattern.lastIndex;
	}
	oRm.write(sHtml.slice(lastIndex, sHtml.length)); // render the remainder of the HTML
	
	if (iToBeRendered > 0) {
		jQuery.sap.log.warning('There are leftover controls in the aggregation that have not been used in the formatted text', oControl);
	}

	oRm.write("</span>");

};

/* Private method for placeholder replacement */
sap.ui.commons.FormattedTextViewRenderer._renderReplacement = function(rm, controlsIndex, aControls) {
	if (aControls[controlsIndex]) {
		rm.renderControl(aControls[controlsIndex]);
		aControls[controlsIndex] = null; // UI5 controls must not be rendered twice! 
		return true;
	} else
		return false;
};
}; // end of sap.ui.commons.FormattedTextViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.HorizontalDividerRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.HorizontalDivider
jQuery.sap.declare("sap.ui.commons.HorizontalDividerRenderer");

/**
 * @class HorizontalDivider renderer.
 * @static
 */
sap.ui.commons.HorizontalDividerRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.fw.RenderManager}.
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should be rendered
 */
sap.ui.commons.HorizontalDividerRenderer.render = function(oRenderManager, oControl){
	var rm = oRenderManager;

	// return immediately if control is invisible
	if(!oControl.getVisible()){
		return;
	}

	rm.write("<hr");
	rm.writeControlData(oControl);
	rm.writeAttribute("role", "separator"); //ARIA
	if(oControl.getWidth()) {
		rm.writeAttribute("style", "width:"+oControl.getWidth()+";");
	}
	rm.addClass("sapUiCommonsHoriDiv");
	rm.addClass(oControl.getType() == "Page" ? "sapUiCommonsHoriDivTypePage" : "sapUiCommonsHoriDivTypeArea");
	switch(oControl.getHeight()){
		case "Ruleheight":
			rm.addClass("sapUiCommonsHoriDivHeightR");
			break;
		case "Small":
			rm.addClass("sapUiCommonsHoriDivHeightS");
			break;
		case "Large":
			rm.addClass("sapUiCommonsHoriDivHeightL");
			break;
		default:
			rm.addClass("sapUiCommonsHoriDivHeightM");
	}
	rm.writeClasses();
	rm.write("/>");
};

}; // end of sap.ui.commons.HorizontalDividerRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ImageMapRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.ImageMapRenderer");

/**
 * @class ImageMap renderer.
 * @static
 */
sap.ui.commons.ImageMapRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.ImageMapRenderer.render = function(oImageRenderManager, oImageMap){
    // convenience variable
	var rm = oImageRenderManager;

	rm.write("<map tabindex='-1'");
	rm.writeControlData(oImageMap);

	// Render name attribute
	rm.writeAttributeEscaped("name",  oImageMap.getName());

	if (oImageMap.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oImageMap.getTooltip_AsString());
	}

	rm.write(">");
	var aAreas = oImageMap.getAreas();
		for (var index = 0, length = aAreas.length; index < length; index++) {
			rm.write("<area ");

			rm.writeElementData(aAreas[index]);

			// Get the Attributes of the area
			var sShape = aAreas[index].getShape();
			var sCoords = aAreas[index].getCoords();
			var sHref = aAreas[index].getHref();
			var sAlt = aAreas[index].getAlt();
			var sTitle = aAreas[index].getTooltip_AsString();

			// Render Shape Attribute. It can an be only rect, circle, poly and default
			if ( (sShape === "rect") || (sShape === "circle") || (sShape === "poly")){
				rm.writeAttribute("shape", sShape);
			} else {
				rm.writeAttribute("shape", "default");
			}

			// Render Coordinates. To do: check syntax of the input array of the coordinates
			if (sCoords) {
				rm.writeAttributeEscaped("coords", sCoords);
			}

			// Render href
			if (sHref) {
				rm.writeAttributeEscaped("href", sHref);
			}

			// Render text on ALT
			if (sAlt) {
				rm.writeAttributeEscaped("alt", sAlt);
			}

			// Tooltip
			if (sTitle) {
				rm.writeAttributeEscaped("title", sTitle);
			}



			rm.writeAttribute("tabIndex", 0);
			rm.write(">");
		} // end of for

	rm.write("</map>");

};

}; // end of sap.ui.commons.ImageMapRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ImageRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Image
jQuery.sap.declare("sap.ui.commons.ImageRenderer");

/**
 * @class
 *
 * @author d046011
 * @version 0.1
 * @static
 */
sap.ui.commons.ImageRenderer = {
};

/**
 * Renders the HTML for the Image, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.commons.Image} oImage The control that should be rendered.
 */
sap.ui.commons.ImageRenderer.render = function(oRenderManager, oImage) {
	var rm = oRenderManager;

	// Return immediately if control is invisible
	if (!oImage.getVisible()) {
		return;
	}

	// Open the <img> tag
	rm.write("<img");
	rm.writeControlData(oImage);

	// Set the 1x1.gif when empty source is set. This is to prevent the broken image placeholder and unnecessary 
	// requests to the root url in older browsers (as the 1x1.gif is only loaded once and then cached).
	// Hiding the image won't help as hidden images are still loaded.
	// The HTML5 spec requires empty source tags to be ignored. Anyway, some modern browsers still show border around
	// empty images.
	rm.writeAttributeEscaped("src", oImage.getSrc() || sap.ui.resource('sap.ui.commons', 'img/1x1.gif'));

	rm.addClass("sapUiImg");
	if (oImage.hasListeners("press")) {
		rm.addClass("sapUiImgWithHandler");
	}
	if (!oImage.getSrc()) {
		rm.addClass("sapUiImgNoSource");	
	}
	rm.writeClasses();

	var tooltip = oImage.getTooltip_AsString();
	if (tooltip) {
		rm.writeAttributeEscaped("title", tooltip);
	}

	var sUseMap = oImage.getUseMap();
	if (sUseMap) {
		if (!(jQuery.sap.startsWith(sUseMap, "#"))) {
			sUseMap = "#" + sUseMap;
		}
		rm.writeAttributeEscaped("useMap", sUseMap);
	}

	// determine tab index and write alt attribute - both depending on "decorative" state (which is overridden by the "useMap" property
	var myTabIndex = 0;
	if ((oImage.getDecorative() && (!sUseMap))) {
		myTabIndex = -1;
		rm.writeAttribute("role", "presentation");
		rm.write(" alt=''"); // accessibility requirement: write always empty alt attribute for decorative images
	} else {
		if (oImage.getAlt()) {
			rm.writeAttributeEscaped("alt", oImage.getAlt() || tooltip); // accessibility requirement: use tooltip for alt if alt is not set
		} else if (tooltip) {
			rm.writeAttributeEscaped("alt", tooltip);
		}
	}
	rm.writeAttribute("tabIndex", myTabIndex);

	// Dimensions
	var myStyle = "";
	if (oImage.getWidth() && oImage.getWidth() != '') {
		myStyle += "width:" + oImage.getWidth() + ";";
	}
	if (oImage.getHeight() && oImage.getHeight() != '') {
		myStyle += "height:" + oImage.getHeight() + ";";
	}
	if (myStyle != "") {
		rm.writeAttribute("style", myStyle);
	}

	rm.write("/>"); // close the <img> element
};
}; // end of sap.ui.commons.ImageRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.InPlaceEditRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.InPlaceEditRenderer");

/**
 * @class InPlaceEdit renderer.
 * @static
 */
sap.ui.commons.InPlaceEditRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager} rm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oInPlaceEdit an object representation of the control that should be rendered
 */
sap.ui.commons.InPlaceEditRenderer.render = function(rm, oInPlaceEdit){

	var oContent = oInPlaceEdit.getContent();
	var sWidth;

	if (oContent) {
		if (oContent.getWidth) {
			sWidth = oContent.getWidth();
		}
		if (oContent.getVisible && !oContent.getVisible()) {
			// invisible -> render nothing
			return;
		}
	}else{
		// no content -> render nothing
		return;
	}

	// write the HTML into the render manager
	rm.write("<DIV");
	rm.writeControlData(oInPlaceEdit);
	rm.addClass("sapUiIpe");

	if (!oInPlaceEdit.getEditable()) {
		rm.addClass("sapUiIpeRo");
	}else if (!oInPlaceEdit._bEditMode) {
		// display mode
		rm.writeAttribute("tabindex", "-1"); //to have focus event on clicking on this DIV (ComboBox expander in display mode)
		if (!oInPlaceEdit._sOldTextAvailable) {
			if (oContent.getMetadata().getName() == "sap.ui.commons.ComboBox" || oContent.getMetadata().getName() == "sap.ui.commons.DropdownBox") {
				rm.addClass("sapUiIpeCombo");
			}
		}
		if (oContent.getMetadata().getName() == "sap.ui.commons.Link") {
			rm.addClass("sapUiIpeLink");
		}
	}else{
		// edit mode
		rm.addClass("sapUiIpeEdit");
	}

	if (sWidth) {
		rm.addStyle("width", sWidth);
	}

	if (oInPlaceEdit.getUndoEnabled() && oInPlaceEdit._sOldTextAvailable && ( !oInPlaceEdit._bEditMode || ( oInPlaceEdit._bEditMode && oInPlaceEdit._oEditControl.getValue() != oInPlaceEdit._sOldText))) {
		// there is an old text available - visualize Undo
		rm.addClass("sapUiIpeUndo");
	}

	switch (oInPlaceEdit.getValueState()) {
	case sap.ui.core.ValueState.Error:
		rm.addClass('sapUiIpeErr');
	break;
	case sap.ui.core.ValueState.Success:
		rm.addClass('sapUiIpeSucc');
	break;
	case sap.ui.core.ValueState.Warning:
		rm.addClass('sapUiIpeWarn');
	break;
	default:
	break;
	}

	var tooltip = sap.ui.core.ValueStateSupport.enrichTooltip(oInPlaceEdit, oInPlaceEdit.getTooltip_AsString());
	if(tooltip) {
		rm.writeAttributeEscaped('title', tooltip);
	}

	rm.writeClasses();
	rm.writeStyles();
	rm.write(">"); // DIV
	if (oInPlaceEdit._sOldTextAvailable || oContent.getMetadata().getName() == "sap.ui.commons.Link") {
		// there is an old text available - put content in a extra DIV to position
		// for Link do it always to have the edit button next to the link, but have the defined width for the outer DIV
		rm.write("<DIV");
		rm.addClass("sapUiIpeCont");
		if (oContent.getMetadata().getName() == "sap.ui.commons.ComboBox" || oContent.getMetadata().getName() == "sap.ui.commons.DropdownBox") {
			rm.addClass("sapUiIpeCombo");
		}
		rm.writeClasses();
		rm.write(">"); // DIV

	}
	if (oInPlaceEdit._bEditMode) {
		this.renderEditContent(rm, oInPlaceEdit);
	}else{
		this.renderDisplayContent(rm, oInPlaceEdit);
	}
	if (oInPlaceEdit._sOldTextAvailable || oContent.getMetadata().getName() == "sap.ui.commons.Link") {
		rm.write("</DIV>");
		if (oInPlaceEdit.getUndoEnabled() && oInPlaceEdit._sOldTextAvailable) {
			// there is an old text available and undo enabled - render undo button
			rm.renderControl(oInPlaceEdit._oUndoButton);
		}
	}
	rm.write("</DIV>");
};

sap.ui.commons.InPlaceEditRenderer.renderDisplayContent = function(rm, oInPlaceEdit){

	if (oInPlaceEdit._oDisplayControl) {
		rm.renderControl(oInPlaceEdit._oDisplayControl);
		if (oInPlaceEdit.getEditable() && oInPlaceEdit._oDisplayControl.getMetadata().getName() == "sap.ui.commons.Link") {
			rm.renderControl(oInPlaceEdit._oEditButton);
		}
	}

};

sap.ui.commons.InPlaceEditRenderer.renderEditContent = function(rm, oInPlaceEdit){

	if (oInPlaceEdit._oEditControl) {
		rm.renderControl(oInPlaceEdit._oEditControl);
	}

};
}; // end of sap.ui.commons.InPlaceEditRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.LabelRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Label
jQuery.sap.declare("sap.ui.commons.LabelRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained



/**
 * @class
 *
 * @author SAP - TD Core UI&AM UI Infra
 * @version 0.1
 * @static
 */
sap.ui.commons.LabelRenderer = {
//	sap.ui.core.Renderer.apply(this, arguments);
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render-output-buffer.
 * @param {sap.ui.core.Control} oLabel An object representation of the control that should be rendered.
 */
sap.ui.commons.LabelRenderer.render = function(oRenderManager, oLabel) {
	// Some convenience variables.
	var rm = oRenderManager;
	var r = sap.ui.commons.LabelRenderer;

	// Return immediately if control is invisible
	if (!oLabel.getVisible()) {
		return;
	}

	var myStyles = "";

	rm.write("<label");
	rm.writeControlData(oLabel);

	var sTooltip = oLabel.getTooltip_AsString();

	if (oLabel.getLabelForRendering()) {
		var oFor = sap.ui.getCore().byId(oLabel.getLabelForRendering());
		rm.write(" for=\"");
		// for some controls the label must point to an special HTML element, not the outer one.
		if ( oFor && oFor.getIdForLabel) {
			rm.write(oFor.getIdForLabel());
		} else{
			rm.write(oLabel.getLabelForRendering());
		}
		rm.write("\"");

		if ((!sTooltip || sTooltip == "") && oFor && oFor.getTooltip_AsString() && oFor.getTooltip_AsString() != "") {
			// If label has no own tooltip use tooltip of the labeled control
			sTooltip = oFor.getTooltip_AsString();
		}
	}

	// check whether a 'required' marker is needed
	if ( oLabel.isRequired() ) {
		rm.addClass('sapUiLblReq');
	}

	if(sTooltip) {
		rm.writeAttributeEscaped('title', sTooltip);
	}

	// Styles
	rm.addClass("sapUiLbl");
	if (oLabel.getDesign() == sap.ui.commons.LabelDesign.Bold) {
		rm.addClass("sapUiLblEmph");
	}

	// Text direction
	var oTextDir = oLabel.getTextDirection();
	if (oTextDir) {
		rm.writeAttribute("dir", oTextDir);
	}

	// Style for text alignment
	var oTextAlign = oLabel.getTextAlign();
	if(oTextAlign) {
		myStyles += "text-align:" + r.getTextAlign(oTextAlign, oTextDir) + ";";
	}

	// Style for width
	var sWidth = oLabel.getWidth();
	if(sWidth) {
		myStyles += "width:" + sWidth + ";";
	}

	if(!oLabel.getWrapping()){
		rm.addClass("sapUiLblNowrap");
	}

	rm.writeAttribute("style", myStyles);
	rm.writeClasses();

	// Close start tag
	rm.write(">");

	// Get image fragment if there is one, and write
	if (oLabel.getIcon()) {
		this.writeImgHtml(rm, oLabel);
	}

	// Write the label text
	if (oLabel.getText()) {
		rm.writeEscaped(oLabel.getText());
	}

	// Close tag
	rm.write("</label>");
};


sap.ui.commons.LabelRenderer.writeImgHtml = function(oRenderManager, oLabel) {
	var rm = oRenderManager;
	var iconUrl = oLabel.getIcon();
	var oConfig = oRenderManager.getConfiguration();
	rm.write("<img");
	rm.writeAttributeEscaped("src", iconUrl);
	rm.addClass("sapUiLblIco");
	if (oLabel.getTextDirection()=="RTL" || (oLabel.getTextDirection()=="Inherit" && oConfig.getRTL())) {
		rm.addClass("sapUiLblIcoR");
	} else {
		rm.addClass("sapUiLblIcoL");
	}
	rm.writeClasses();
	rm.write("/>");
};

/**
 * Dummy inheritance of static methods/functions.
 * @see sap.ui.core.Renderer.getTextAlign
 * @private
 */
sap.ui.commons.LabelRenderer.getTextAlign = sap.ui.core.Renderer.getTextAlign;

}; // end of sap.ui.commons.LabelRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.LinkRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Link
jQuery.sap.declare("sap.ui.commons.LinkRenderer");

/**
 * @class
 *
 * @author SAP AG
 * @version 0.1
 * @static
 */
sap.ui.commons.LinkRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.core.Control} oLink An object representation of the control that should be rendered.
 */
sap.ui.commons.LinkRenderer.render = function(rm, oLink) {

	// Return immediately if control is invisible
	if (!oLink.getVisible()) {
		return;
	}

	// Link is rendered as a "<a>" element
	rm.write("<a");
	rm.writeControlData(oLink);

	rm.writeAccessibilityState(oLink);

	if (!oLink.getEnabled()) {
		rm.addClass("sapUiLnkDsbl");
		rm.writeAttribute("disabled", "true");
	} else {
		rm.addClass("sapUiLnk");
	}
	rm.writeClasses();

	if (oLink.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oLink.getTooltip_AsString());
	}

	if (oLink.getHref()) {
		rm.writeAttributeEscaped("href", oLink.getHref());
	}	else {
		rm.writeAttribute("href", "javascript:void(0);");
	}

	if (oLink.getTarget()) {
		rm.writeAttributeEscaped("target", oLink.getTarget());
	}

	if (!oLink.getEnabled()) {
		rm.writeAttribute("tabIndex", "-1");
	} else {
		rm.writeAttribute("tabIndex", "0");
	}

	if (oLink.getWidth()) {
		rm.addStyle("width", oLink.getWidth());
	}
	rm.writeStyles();

	// Close the opening tag
	rm.write(">");

	// Write the Link text
	if (oLink.getText()) {
		rm.writeEscaped(oLink.getText());
	}

	// Close the tag
	rm.write("</a>");

};

}; // end of sap.ui.commons.LinkRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ListBoxRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.ListBox
jQuery.sap.declare("sap.ui.commons.ListBoxRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('jquery.sap.strings'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class ListBox Renderer
 *
 * @author d046011
 * @version 1.12.0
 * @static
 */
sap.ui.commons.ListBoxRenderer = {
};

/**
 * Renders the HTML for the ListBox, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render-output-buffer.
 * @param {sap.ui.commons.ListBox} oListBox The ListBox control that should be rendered.
 */
sap.ui.commons.ListBoxRenderer.render = function(oRenderManager, oListBox) {
	var rm = oRenderManager,
		r = sap.ui.commons.ListBoxRenderer;

	// TODO: this is a prototype experimenting with an alternative to onAfterRendering for size calculations and corrections
	// Do not copy this approach for now!
	// Main problem: renderers are supposed to create a string, not DOM elements, e.g. so they could also run on the server. At least that was the idea in former times.
	if (r.borderWidths === undefined) {
		if (jQuery.browser.msie) { // all known IE versions have this issue
			var oFakeLbx = document.createElement("div");
			var oStaticArea = sap.ui.getCore().getStaticAreaRef();
			oStaticArea.appendChild(oFakeLbx);
			oFakeLbx.className = "sapUiLbx";
			var $fakeLbx = jQuery(oFakeLbx);
			$fakeLbx.css("width", "50px");
			$fakeLbx.css("min-width", "100px");
			r.borderWidths = oFakeLbx.offsetWidth - 100;
			oStaticArea.removeChild(oFakeLbx);
		} else {
			// all other browsers are fine
			r.borderWidths = 0;
		}
	}


	// Return immediately if control is invisible
	if (!oListBox.getVisible()) {
		return;
	}

	rm.addClass("sapUiLbx");
	var bStd = true;
	if (!oListBox.getEditable()) {
		rm.addClass("sapUiLbxRo");
		bStd = false;
	}
	if (!oListBox.getEnabled()) {
		rm.addClass("sapUiLbxDis");
		bStd = false;
	}
	if (bStd) {
		rm.addClass("sapUiLbxStd"); // neither readonly nor disabled - this helps the CSS
	}

	// Open the containing <div> tag
	rm.write("<div");

	rm.writeControlData(oListBox);
	rm.writeAttribute("tabindex", "-1");

	var width = oListBox.getWidth();
	rm.addStyle("width", width);

	if (!width || (width == "auto") || (width == "inherit")) {
		rm.addClass("sapUiLbxFlexWidth");
	}

	rm.writeClasses();

	// min/max-widths need fixes in IE
	var sMinWidth = oListBox.getMinWidth();
	var sMaxWidth = oListBox.getMaxWidth();
	if (jQuery.browser.msie) {
		sMinWidth = r.fixWidth(sMinWidth);
		sMaxWidth = r.fixWidth(sMaxWidth);
	}
	rm.addStyle("min-width", sMinWidth);
	rm.addStyle("max-width", sMaxWidth);

	if (oListBox._bHeightInItems) {
		if (oListBox._sTotalHeight != null) {
			rm.addStyle("height", oListBox._sTotalHeight); // calculated height available
		} else {
			// height will be calculated and set in onAfterRendering
		}
	} else {
		rm.addStyle("height", oListBox.getHeight()); // "normal" CSS height
	}
	rm.writeStyles();

	var tooltip = oListBox.getTooltip_AsString();
	if (tooltip) {
		rm.writeAttributeEscaped("title", tooltip);
	}
	rm.write(">");

	this.renderItemList(oListBox, rm);

	rm.write("</div>");
};

/**
 * Renders all items
 */
sap.ui.commons.ListBoxRenderer.renderItemList = function (oListBox, rm) {

	// Write the start tag
	rm.write("<ul id='" + oListBox.getId() + "-list'");

	rm.writeAttribute("tabindex", this.getTabIndex(oListBox));

	// add ARIA stuff
	rm.writeAccessibilityState(oListBox, {
		role: "listbox",
		multiselectable: oListBox.getAllowMultiSelect()
	});
	rm.write(">");

	var items = oListBox.getItems(),
		iRealItemIndex = 0, // to not count separators
		iRealItemCount = 0;

	for (var i = 0; i < items.length; i++) { // TODO: required only for ARIA setsize
		if (!(items[i] instanceof sap.ui.core.SeparatorItem)) {
			iRealItemCount++;
		}
	}

	var bMarkLastChild = (jQuery.browser.msie && (jQuery.browser.version == 8 || jQuery.browser.version == 7)); // IE8 workaround for "last-cild"
	var bDisplaySecondaryValues = oListBox.getDisplaySecondaryValues();

	// Write the rows with the items
	for (var i = 0; i < items.length; i++) {
		var item = items[i];

		if (item instanceof sap.ui.core.SeparatorItem) {
			// draw a separator
			rm.write("<div id='", item.getId(), "' class='sapUiLbxSep' role='separator'><hr/>");

			// colspan is not available, so add more separator cells
			if (oListBox.getDisplayIcons()) {
				rm.write("<hr/>");
			}
			if (bDisplaySecondaryValues) {
				rm.write("<hr/>");
			}
			rm.write("</div>");

		} else {
			// regular ListItem or just a plain Item
			rm.write("<li");
			rm.writeElementData(item);
			rm.writeAttribute("data-sap-ui-lbx-index", i);

			rm.addClass("sapUiLbxI");
			if (!item.getEnabled()) {
				rm.addClass("sapUiLbxIDis");
			}
			rm.writeAttribute("tabindex", "-1"); // make all LIs to focusable elements, tabindex will be changed by ItemNavigation
			if (oListBox.isIndexSelected(i)) {
				rm.addClass("sapUiLbxISel");
			}
			rm.writeClasses();

			// get the text values
			var sText = item.getText();
			var sSecondaryValue = item.getAdditionalText ? item.getAdditionalText() : ""; // allow usage of sap.ui.core.Item

			// tooltip
			if (item.getTooltip_AsString()) {
				rm.writeAttributeEscaped("title", item.getTooltip_AsString());
			} else {
				rm.writeAttributeEscaped("title", sText + ((bDisplaySecondaryValues && sSecondaryValue) ? "  --  " + sSecondaryValue : ""));
			}

			// ARIA
			rm.writeAccessibilityState(item, {
				role: "option",
				selected: (i===oListBox.getSelectedIndex()),
				setsize: iRealItemCount,
				posinset: iRealItemIndex+1
			});

			rm.write(">");


			// write icon column if required
			if (oListBox.getDisplayIcons()) {
				rm.write("<span class='sapUiLbxIIco'><img src='");
				// if the item has an icon, use it; otherwise use something empty
				if (item.getIcon && item.getIcon()) { // allow usage of sap.ui.core.Item
					rm.writeEscaped(item.getIcon());
				} else {
					rm.write(sap.ui.resource('sap.ui.commons', 'img/1x1.gif'));
				}
				rm.write("'/></span>");
			}

			// write the main text
			rm.write("<span class='sapUiLbxITxt");
			if (bMarkLastChild && !bDisplaySecondaryValues) {
				rm.write(" sapUiLbxILastChild");
			}
			rm.write("'");
			rm.writeAttribute("id", item.getId() + "-txt");
			var oTextAlign = oListBox.getValueTextAlign();
			if(oTextAlign) {
				rm.write("style='text-align:" + sap.ui.commons.ListBoxRenderer.getTextAlign(oTextAlign, null) + "'"); // TODO: check whether the ListBox needs its own textDirection property
			}
			rm.write(">");
			if(sText === "" || sText === null) {
				rm.write("&nbsp;");
			} else {
				rm.writeEscaped(sText);
			}

			// Potentially display second column
			if (bDisplaySecondaryValues) {
				rm.write("</span><span class='sapUiLbxISec");
				if (bMarkLastChild) {
					rm.write(" sapUiLbxILastChild");
				}
				rm.write("'");
				var oTextAlign = oListBox.getSecondaryValueTextAlign();
				if(oTextAlign) {
					rm.write("style='text-align:" + sap.ui.commons.ListBoxRenderer.getTextAlign(oTextAlign, null) + "'"); // TODO: check whether the ListBox needs its own textDirection property
				}
				rm.write(">");
				rm.writeEscaped(sSecondaryValue);
			}

			rm.write("</span></li>");
			iRealItemIndex++;
		}
	}

	// Close the surrounding element
	rm.write("</ul>");
};


/**
 * If the given width is set in pixels, this method reduces the pixel width by the known total width of the borders.
 * Needed for IE which doesn't handle the combination of border-box and min/max-width correctly.
 * @private
 */
sap.ui.commons.ListBoxRenderer.fixWidth = function(sCssWidth) {
	if (sap.ui.commons.ListBoxRenderer.borderWidths > 0) {
		if (sCssWidth && jQuery.sap.endsWithIgnoreCase(sCssWidth, "px")) {
			var iWidth = parseInt(sCssWidth.substr(0, sCssWidth.length - 2), 10);
			var newWidth = iWidth - sap.ui.commons.ListBoxRenderer.borderWidths;
			if (newWidth >= 0) {
				return newWidth + "px";
			}
		}
	}
	return sCssWidth;
};

/**
 * The default TabIndex that should be set for the ListBox as well as for the selected element.
 * Can be overwritten in extending sub-classes.
 * @protected
 */
sap.ui.commons.ListBoxRenderer.getTabIndex = function(oListBox) {
	if (oListBox.getEnabled() && oListBox.getEditable()) {
		return 0;
	} else {
		return -1;
	}
};

/**
 * Adapts the item CSS classes after a selection change
 * @private
 */
sap.ui.commons.ListBoxRenderer.handleSelectionChanged = function(oListBox) { // TODO: handle tab stop
	if (oListBox.getDomRef()) {
		var items = oListBox.getItems();
		for (var i = 0, l = items.length; i < l; i++) { // TODO: could take very long for long lists
			if (oListBox.isIndexSelected(i)) {
				jQuery.sap.byId(items[i].getId()).addClass("sapUiLbxISel").attr("aria-selected", "true");
			} else {
				jQuery.sap.byId(items[i].getId()).removeClass("sapUiLbxISel").attr("aria-selected", "false");
			}
		}
	}
};

/**
 * Set the active descendant of the ListBox to get correct announcements
 * @private
 */
sap.ui.commons.ListBoxRenderer.handleARIAActivedescendant = function(oListBox, iIndex) {
	var $list = jQuery.sap.byId(oListBox.getId() + "-list");
	if ($list.length > 0) {
		var $selectedChild = $list.children("li[data-sap-ui-lbx-index=" + iIndex + "]");
		$list.attr("aria-activedescendant", $selectedChild.attr("id"));
	}
};

/**
 * Dummy inheritance of static methods/functions.
 * @see sap.ui.core.Renderer.getTextAlign
 * @private
 */
sap.ui.commons.ListBoxRenderer.getTextAlign = sap.ui.core.Renderer.getTextAlign;

}; // end of sap.ui.commons.ListBoxRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.MenuBarRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.MenuBar
jQuery.sap.declare("sap.ui.commons.MenuBarRenderer");


/**
 * @class MenuBarRenderer.
 * @static
 */
sap.ui.commons.MenuBarRenderer = {
};

/**
 * Renders the HTML for the given menubar using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.commons.Toolbar} oToolbar An object representation of the control that should be rendered.
 */
sap.ui.commons.MenuBarRenderer.render = function(oRenderManager, oMenuBar) {
	var rm = oRenderManager;

	oMenuBar.doBeforeRendering();

	if(!oMenuBar.getVisible()) {
		return;
	}

	rm.write("<div");
	rm.writeControlData(oMenuBar);
	rm.addClass("sapUiMnuBar");
	if(oMenuBar.getDesign() == sap.ui.commons.MenuBarDesign.Header) {
		rm.addClass("sapUiMnuBarHeader");
	}
	var bIsDisabled = !oMenuBar.getEnabled();
	if(bIsDisabled) {
		rm.addClass("sapUiMnuBarDsbl");
	}
	rm.addStyle("width", oMenuBar.getWidth());
	rm.writeStyles();
	rm.writeClasses();
	rm.writeAttribute("tabindex", "0");
	var sTooltip = oMenuBar.getTooltip_AsString();
	sap.ui.commons.MenuBarRenderer.writeAria(rm, "menubar", sTooltip, bIsDisabled);
	rm.write("><ul");
	rm.writeAttribute("id", oMenuBar.getId()+"-area");
	rm.writeAttribute("class", "sapUiMnuBarArea");
	rm.write(">");

	var iVisibleItemIdx = 0;
	var aItems = oMenuBar.getItems();
	for(var i=0; i<aItems.length; i++){
		var oItem = aItems[i];
		if(oItem.getVisible()){
			iVisibleItemIdx++;
			rm.write("<li");
			rm.writeElementData(oItem);
			rm.addClass("sapUiMnuBarItm");
			var bDsbld = !oItem.getEnabled() || bIsDisabled;
			if(bDsbld) {
				rm.addClass("sapUiMnuBarItmDsbl");
			}
			rm.writeClasses();
			rm.writeAttribute("itemidx", ""+i);
			var sTooltip = oItem.getTooltip_AsString();
			sap.ui.commons.MenuBarRenderer.writeAria(rm, "menuitem", sTooltip, bDsbld, iVisibleItemIdx);
			rm.writeAttribute("tabindex", "-1");
			rm.write("><span>");
			rm.writeEscaped(oItem.getText());
			rm.write("</span></li>");
		}
	}

	rm.write("<li");
	rm.writeAttribute("id", oMenuBar.getId()+"-ovrflw");
	rm.writeAttribute("itemidx", "ovrflw");
	rm.writeAttribute("style", "display:none;");
	rm.writeAttribute("tabindex", "-1");
	rm.addClass("sapUiMnuBarItm");
	rm.addClass("sapUiMnuBarOvrFlw");
	if(bDsbld) {
		rm.addClass("sapUiMnuBarItmDsbl");
	}
	rm.writeClasses();
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
	var sOverFlowText = undefined;
	if(rb) {
		sOverFlowText = rb.getText("MNUBAR_OVRFLW");
	}
	sap.ui.commons.MenuBarRenderer.writeAria(rm, "menuitem", sOverFlowText, false, 0);
	rm.write("><span></span></li></ul></div>");
};

sap.ui.commons.MenuBarRenderer.writeAria = function(rm, sRole, sText, bDisabled, iIdx){
	if(sText) {
		rm.writeAttributeEscaped("title", sText);
	}

	if(!sap.ui.getCore().getConfiguration().getAccessibility()) {
		return;
	}

	rm.writeAttribute("role", sRole);
	if(sRole == "menuitem"){
		rm.writeAttribute("aria-haspopup", true);
		rm.writeAttribute("aria-posinset", iIdx);
	}
	if(bDisabled) {
		rm.writeAttribute("aria-disabled", true);
	}
};
}; // end of sap.ui.commons.MenuBarRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.MenuButtonRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.MenuButton
jQuery.sap.declare("sap.ui.commons.MenuButtonRenderer");

jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class MenuButton renderer.
 * @static
 * For a common look&feel, the MenuButton extends the Button control,
 * just like the TextField ComboBox works.
 */
sap.ui.commons.MenuButtonRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.ButtonRenderer);

/**
 * @param {sap.ui.core.RenderManager}
 *            rm the RenderManager currently rendering this control
 * @param {sap.ui.commons.MenuButton}
 *            oControl the MenuButton that should be rendered
 * @private
 * P.S.: "renderButtonAttributes" is a reserved/hard-coded Button extending function!
 *       It is used to allow extensions to display content after the actual button content.
 */
sap.ui.commons.MenuButtonRenderer.renderButtonAttributes = function(rm, oControl) {
	//Add specific ARIA information for MenuButton
	if (sap.ui.getCore().getConfiguration().getAccessibility()){
		rm.writeAttribute("aria-haspopup", "true");
	}
};

/**
 * @param {sap.ui.core.RenderManager}
 *            rm the RenderManager currently rendering this control
 * @param {sap.ui.commons.MenuButton}
 *            oControl the MenuButton that should be rendered
 * @private
 * P.S.: "renderButtonContentAfter" is a reserved/hard-coded Button extending function!
 *       It is used to allow extensions to display content after the actual button content.
 */
sap.ui.commons.MenuButtonRenderer.renderButtonContentAfter = function(rm, oControl) {
	rm.write("<span class=\"sapUiMenuButtonIco\"></span>");
};
}; // end of sap.ui.commons.MenuButtonRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.MenuRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Menu
jQuery.sap.declare("sap.ui.commons.MenuRenderer");


/**
 * @class Menu renderer.
 * @author SAP - TD Core UI&AM UI Infra
 *
 * @version 1.12.0
 * @static
 */
sap.ui.commons.MenuRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided
 * {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager The RenderManager that can be used for writing to the render-output-buffer.
 * @param {sap.ui.core.Control}
 *            oMenu An object representation of the control that should be rendered
 */
sap.ui.commons.MenuRenderer.render = function(oRenderManager,oMenu) {
	var aItems = oMenu.getItems();
	var rm = oRenderManager;
	var colCount = 8;
	rm.write("<div tabindex=\"-1\" hideFocus=\"true\"");

	if(oMenu.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oMenu.getTooltip_AsString());
	}

	// ARIA
	var bAccessible = sap.ui.getCore().getConfiguration().getAccessibility();
	if(bAccessible){
		rm.writeAttribute("aria-orientation", "vertical");
		rm.writeAttribute("role", "menu");

		var _getText = function(sKey, aArgs) {
			var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
			if(rb) {
				return rb.getText(sKey, aArgs);
			}
			return sKey;
		};

		rm.writeAttributeEscaped("aria-label", oMenu.getAriaDescription() ? oMenu.getAriaDescription() : _getText("MNU_ARIA_NAME"));
		rm.writeAttribute("aria-level", oMenu.getMenuLevel());
		if(oMenu.oHoveredItem) {
			rm.writeAttribute("aria-activedescendant", oMenu.oHoveredItem.getId());
		}
	}

	rm.addClass("sapUiMnu");
	if(oMenu.getRootMenu().bUseTopStyle){
		rm.addClass("sapUiMnuTop");
	}
	rm.writeClasses();
	rm.writeControlData(oMenu);
	rm.write("><ul class=\"sapUiMnuLst");

	var bHasIcons = false;
	var bHasSubMenus = false;
	for(var idx=0; idx<aItems.length; idx++){
		if(aItems[idx].getIcon && aItems[idx].getIcon()){
			bHasIcons = true;
		}
		if(aItems[idx].getSubmenu()){
			bHasSubMenus = true;
		}
	}

	if(!bHasIcons) {
		rm.write(" sapUiMnuNoIco");
	}
	if(!bHasSubMenus) {
		rm.write(" sapUiMnuNoSbMnu");
	}

	rm.write("\">");

	var iNumberOfVisibleItems = 0;
	for (var i=0;i<aItems.length;i++) {
		if(aItems[i].getVisible() && aItems[i].render){
			iNumberOfVisibleItems++;
		}
	}

	var index = 0;
	// Menu items
	for (var i=0;i<aItems.length;i++) {
		var oItem = aItems[i];
		if(oItem.getVisible() && oItem.render){
			index++;

			if(oItem.getStartsSection()){
				rm.write("<li ");
				if(bAccessible) {
					rm.write("role=\"separator\" ");
				}
				rm.write("class=\"sapUiMnuDiv\"><div class=\"sapUiMnuDivL\"></div><hr><div class=\"sapUiMnuDivR\"></div></li>");
			}

			oItem.render(rm, oItem, oMenu, {bAccessible: bAccessible, iItemNo: index, iTotalItems: iNumberOfVisibleItems});
		}
	}

	rm.write("</ul></div>");
};
}; // end of sap.ui.commons.MenuRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.MessageBarRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.MessageBar
jQuery.sap.declare("sap.ui.commons.MessageBarRenderer");
//jQuery.sap.require("sap.ui.commons.MessageType");
jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class MessageBar renderer.
 * @static
 */
sap.ui.commons.MessageBarRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.MessageBarRenderer.render = function(oRenderManager, oControl){
  // Convenience variables
	var rm  = oRenderManager;
	var id  = oControl.getId();

	// Opening the outer DIV container:
	// (Marking it as "draggable" stops the browser text selection on drag.)
	rm.write('<div draggable="true"');
  rm.writeControlData(oControl);
  rm.addClass("sapUiMsgBar");
  if (this.oDropPosition) {
	// A "re-dock" image will be added if the MessageBar has been dragged.
	rm.addClass("sapUiMsgBarMoved");
  }
  rm.writeClasses();
  rm.write(">");

		// Opening the counters&icons DIV container:
		// (An "id" is provided as the Toast will have to right-align against this element.)
		rm.write('<div id="' + id + '__sums" class="sapUiMsgBarSums">');

		  // Open-Hide message list arrow:
			// (An "id" is provided as the Toast will have to point-back towards this element.)
			// (This "Arrow" image is state-dependent and theme-dependent.)
			rm.write('<div id="' + id + '__arrowImg" class="sapUiMsgBarToggle"></div>');

		  // Error area: Image and Error count.
			// IDs are provided for DOM updates: display:none and count.
			rm.write('<div id="' + id + '__ErrorImg" class="sapUiMsgIcon sapUiMsgIconError sapUiMsgBarZeroCount"></div>');
			rm.write('<span id="' + id + '__ErrorCount" class="sapUiMsgTxt sapUiMsgBarZeroCount">(0)</span>');

		  // Warning area: Image and Warning count.
			rm.write('<div id="' + id + '__WarningImg" class="sapUiMsgIcon sapUiMsgIconWarning sapUiMsgBarZeroCount"></div>');
			rm.write('<span id="' + id + '__WarningCount" class="sapUiMsgTxt sapUiMsgBarZeroCount">(0)</span>');

		  // Success area: Image and Success count.
			rm.write('<div id="' + id + '__SuccessImg" class="sapUiMsgIcon sapUiMsgIconSuccess sapUiMsgBarZeroCount"></div>');
			rm.write('<span id="' + id + '__SuccessCount" class="sapUiMsgTxt sapUiMsgBarZeroCount">(0)</span>');

		// Closing the counters&icons DIV container:
	  rm.write("</div>");

	  // Re-dock icon: Appears after Drag&Drop.
		rm.write('<div class="sapUiMsgBarHome"></div>');

	// Closing the outer DIV container:
  rm.write("</div>");
};
}; // end of sap.ui.commons.MessageBarRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.MessageListRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.MessageList
jQuery.sap.declare("sap.ui.commons.MessageListRenderer");

/**
 * @class MessageList renderer.
 * @static
 */
sap.ui.commons.MessageListRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.MessageListRenderer.render = function(oRenderManager, oControl){
	// Convenience variable
	var rm = oRenderManager;

	// Opening the outer container:
  rm.write('<ul class="sapUiMsgList"');
  rm.writeControlData(oControl);
  rm.write(">");

	  // Rendering all supplied messages:
	  // Most recent messages were pushed in last, so looping in reversed order
	  // to display those first.
		for (var i=oControl.aMessages.length-1; i>=0; i--) {
		  rm.write('<li class="sapUiMsgListLi">');
		  rm.renderControl(oControl.aMessages[i]);
		  rm.write("</li>");
		} // end for

  // Closing container:
  rm.write("</ul>");
};
}; // end of sap.ui.commons.MessageListRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.MessageRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides default renderer for control sap.ui.commons.Message
jQuery.sap.declare("sap.ui.commons.MessageRenderer");

/**
 * @class Message renderer.
 * @static
 */
sap.ui.commons.MessageRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * A "Message" renders with:
 *  - An icon,
 *  - Possibly with a "Details" pointer to point to its longText
 *  - A shortText
 * It is up to its host (Toast, List, ... ) to hide or not the different parts.
 * For example, it is for the Toast to decide if icons are to be shown or not! Decision can be theme-dependent!
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.MessageRenderer.render = function(oRenderManager, oControl){
	// Convenience variables
	var rm = oRenderManager;

	// Opening the outer container:
	// tabindex="0": Message must be focusable for accessibility?!?
	rm.write('<div class="sapUiMsg" tabindex="0">');

	// Message icon:
	rm.write('<div class="sapUiMsgIcon sapUiMsgIcon' + oControl.getType() + '"></div>');

	// Possible "Details" pointer, with its trailing "-" separator:
	if ( typeof oControl.fnCallBack === "function" ) {
		rm.write('<span class="sapUiMsgLnk">');
		// Rendering a "short" Link pointing to the "long" Details:
		if (!oControl.oLink) {
			oControl.oLink = new sap.ui.commons.Link();
			var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
			oControl.oLink.setText(rb.getText("MSGLIST_DETAILS"));
			oControl.oLink.attachPress(function() {oControl.openDetails();});
		}
		rm.renderControl(oControl.oLink);
		rm.write(' - </span>');
	}

	// ShortText:
	rm.write('<span class="sapUiMsgTxt">');
	rm.writeEscaped(oControl.getText());
	rm.write('</span>');

	// Closing the outer container:
	rm.write('</div>');
};
}; // end of sap.ui.commons.MessageRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.MessageToastRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.MessageToast
jQuery.sap.declare("sap.ui.commons.MessageToastRenderer");

/**
 * @class MessageToast renderer.
 * @static
 */
sap.ui.commons.MessageToastRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.MessageToastRenderer.render = function(oRenderManager, oControl){
	// Convenience variable
	var rm = oRenderManager;

	// Opening the invisible outer-DIV container:
	// (Required to host the down-arrow.)
	// "classing" as per Type/Priority, for influencing the inner rendering:
	rm.write('<div class="' + oControl.getClasses() + '"');
	rm.writeControlData(oControl);
	rm.write('>');

		// Opening the inner-DIV message-container:
		rm.write('<div class="sapUiMsgToastMsg sapUiShd">');

			// Checking what message is to be toasted:
		  if (oControl.oMessage) {
			rm.renderControl(oControl.oMessage);
		  } else {
			// No message supplied. Rendering "Multiple new messages...":
				var sMultiMsgs = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons").getText("MSGTOAST_MULTI_MSGS");
				rm.write('<div class="sapUiMsg" tabindex="0"><span class="sapUiMsgTxt">' + sMultiMsgs + '</span></div>');
		  }

		// Closing the inner-DIV message-container:
		rm.write("</div>");

	  // Down-arrow:
		// (An "id" is provided as this arrow will have to point-back towards the right Bar icon.)
		// (This "Arrow" image is Type/Priority-dependent and theme-dependent.)
		rm.write('<div id="' + oControl.getId() + 'Arrow" class="sapUiMsgToastArrow"></div>');

	// Closing the invisible outer-DIV container:
	rm.write("</div>");
};
}; // end of sap.ui.commons.MessageToastRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.PaginatorRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides default renderer for control sap.ui.commons.Paginator
jQuery.sap.declare("sap.ui.commons.PaginatorRenderer");
jQuery.sap.require('jquery.sap.encoder'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class Paginator renderer.
 * @static
 */
sap.ui.commons.PaginatorRenderer = {};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oPaginator an object representation of the control that should be rendered
 */
sap.ui.commons.PaginatorRenderer.render = function(oRm, oPaginator){

	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	oRm.write("<div");
	oRm.writeControlData(oPaginator);
	oRm.write(" class='sapUiPag' role='toolbar' aria-labelledby='" + oPaginator.getId() + "-accDesc'>");
	oRm.write("<span class='sapUiPagAccDesc' id='" + oPaginator.getId() + "-accDesc'>");
	oRm.writeEscaped(rb.getText("PAGINATOR"));	
	oRm.write("</span>");
	

	this.renderPaginator(oRm, oPaginator);

	oRm.write("</div>");
};


/**
 * Builds the paginator
 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oPaginator an object representation of the control that should be rendered
 */
sap.ui.commons.PaginatorRenderer.renderPaginator = function(oRm, oPaginator) {
	// First check if number of page is 1 or less, in this case, we do not render the paginator
	if (oPaginator.getNumberOfPages() <= 1) {
		return;
	}

	// Buffer paginator id for other ids concatenation
	var paginatorId = oPaginator.getId();
	var iCurrentPage = oPaginator.getCurrentPage();
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");


	/************************************************************************************
	 * Render the Page 1 (first page link) when necessary, back arrow, back link
	 ************************************************************************************/
	var linkClass = (iCurrentPage == 1) ? "sapUiLnkDsbl" : "sapUiLnk";
	var linkAcc = (iCurrentPage == 1) ? " aria-disabled='true'" : "";

	// First page link must only appear when at least 5 pages are available
	if (oPaginator.getNumberOfPages() > 5) {
		oRm.write("<a id='" + paginatorId + "--firstPageLink' href='javascript:void(0);' title='");
		oRm.writeEscaped(rb.getText("FIRST_PAGE"));
		oRm.write("' class='sapUiPagBtn sapUiPagFirst " + linkClass + "' " + linkAcc + "><span class='sapUiPagText'>");
		oRm.writeEscaped(rb.getText("PAGINATOR_OTHER_PAGE", [1]));
		oRm.write("</span></a>");
	}
	oRm.write("<a id='" + paginatorId + "--backLink' href='javascript:void(0);' title='");
	oRm.writeEscaped(rb.getText("PREVIOUS_PAGE"));
	oRm.write("' class='sapUiPagBtn sapUiPagBack " + linkClass + "' " + linkAcc + "><span class='sapUiPagText'>");
	oRm.writeEscaped(rb.getText("BACK"));
	oRm.write("</span></a>");



	/************************************************************************************
	 * Render the page numbers in a list
	 *************************************************************************************/
	oRm.write("<ul id='" + paginatorId + "-pages' role='presentation'>");
	oRm.write(sap.ui.commons.PaginatorRenderer.getPagesHtml(paginatorId, oPaginator._calculatePagesRange(), oPaginator.getCurrentPage(), true));
	oRm.write("</ul>");



	/************************************************************************************
	 * Render the forward link, forward arrow and last page link when necessary
	 *************************************************************************************/
	linkClass = (iCurrentPage == oPaginator.getNumberOfPages()) ? "sapUiLnkDsbl" : "sapUiLnk";
	linkAcc = (iCurrentPage == 1) ? " aria-disabled='true'" : "";

	oRm.write("<a id='" + paginatorId + "--forwardLink' href='javascript:void(0);' title='");
	oRm.writeEscaped(rb.getText("NEXT_PAGE"));
	oRm.write("' class='sapUiPagBtn sapUiPagForward " + linkClass + "' " + linkAcc + "><span class='sapUiPagText'>");
	oRm.writeEscaped(rb.getText("FORWARD"));
	oRm.write("</span></a>");
	if (oPaginator.getNumberOfPages() > 5) {
		oRm.write("<a id='" + paginatorId + "--lastPageLink' href='javascript:void(0);' title='");
		oRm.writeEscaped(rb.getText("LAST_PAGE"));
		oRm.write("' class='sapUiPagBtn sapUiPagLast " + linkClass + "' " + linkAcc + "><span class='sapUiPagText'>");
		oRm.writeEscaped(rb.getText("PAGINATOR_OTHER_PAGE", [oPaginator.getNumberOfPages()]));
		oRm.write("</span></a>");
	}
};


sap.ui.commons.PaginatorRenderer.getPagesHtml = function(sPaginatorId, oRange, iCurrent, bVisible) {
	var aHtml = [];
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	// each single page link is an <li> with an <a> inside
	for (var i = oRange.firstPage; i <= oRange.lastPage; i++) {
		aHtml.push("<li id='" + sPaginatorId + "-li--" + i + "' class='sapUiPagPage");
		aHtml.push((i == iCurrent) ? " sapUiPagCurrentPage'" : "'");
		if (!bVisible) { // for those items to be animated into view
			aHtml.push(" style='display:none'");
		}
		aHtml.push(">");
		aHtml.push("<a id='" + sPaginatorId + "-a--" + i + "' title='");
		if (i == iCurrent) {
			aHtml.push(jQuery.sap.encodeHTML(rb.getText("PAGINATOR_CURRENT_PAGE", [i])));
		} else {
			aHtml.push(jQuery.sap.encodeHTML(rb.getText("PAGINATOR_OTHER_PAGE", [i])));
		}
		aHtml.push("' href='javascript:void(0);'");
		if (i == iCurrent) {
			aHtml.push(" tabindex='0' class='sapUiLnkDsbl'");
		} else {
			 aHtml.push(" class='sapUiLnk'");
		}
		aHtml.push(">" + i + "</a>"); // TODO: clickable?! onPageClick
		aHtml.push("</li>");
	}

	return aHtml.join("");
};

/**
 * Updates the back/first/next/last page links
 * @param {sap.ui.core.Control} oPaginator an object representation of the control that should be updated
 * @private
 */
sap.ui.commons.PaginatorRenderer.updateBackAndForward = function(oPaginator) {
	var page = oPaginator.getCurrentPage();
	var id = oPaginator.getId();

	var isFirst = (page == 1);
	var isLast = (page == oPaginator.getNumberOfPages());

	var firstPage = jQuery.sap.byId(id + "--firstPageLink").toggleClass("sapUiLnk", !isFirst).toggleClass("sapUiLnkDsbl", isFirst);
	var backLink = jQuery.sap.byId(id + "--backLink").toggleClass("sapUiLnk", !isFirst).toggleClass("sapUiLnkDsbl", isFirst);
	var forwardLink = jQuery.sap.byId(id + "--forwardLink").toggleClass("sapUiLnk", !isLast).toggleClass("sapUiLnkDsbl", isLast);
	var lastPage = jQuery.sap.byId(id + "--lastPageLink").toggleClass("sapUiLnk", !isLast).toggleClass("sapUiLnkDsbl", isLast);
	
	if (isFirst) {
		firstPage.attr("aria-disabled", "true");
		backLink.attr("aria-disabled", "true");
		forwardLink.removeAttr("aria-disabled");
		lastPage.removeAttr("aria-disabled");
	} else if (isLast) {
		firstPage.removeAttr("aria-disabled");
		backLink.removeAttr("aria-disabled");
		forwardLink.attr("aria-disabled", "true");
		lastPage.attr("aria-disabled", "true");
	} else {
		firstPage.removeAttr("aria-disabled");
		backLink.removeAttr("aria-disabled");
		forwardLink.removeAttr("aria-disabled");
		lastPage.removeAttr("aria-disabled");
	}
};
}; // end of sap.ui.commons.PaginatorRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.PanelRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Panel
jQuery.sap.declare("sap.ui.commons.PanelRenderer");

/**
 * @class
 * @static
 */
sap.ui.commons.PanelRenderer = function() {
};


/**
 * Renders the HTML for the Panel, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
 */
sap.ui.commons.PanelRenderer.render = function(oRenderManager, oControl) {
	var rm = oRenderManager;

	// do not render anything for invisible Panels
	if (!oControl.getVisible()) {
		return;
	}

	var accessibility = sap.ui.getCore().getConfiguration().getAccessibility();

	//var hasToolbar = false; // TODO: this can be used in the future; rendering should already be quite ok, but minor adjustments are expected

	var heightSet = sap.ui.commons.Panel._isSizeSet(oControl.getHeight());
	var widthSet = sap.ui.commons.Panel._isSizeSet(oControl.getWidth());

	oControl.getScrollTop();  // update the scroll position properties
	oControl.getScrollLeft();


	// root element and classes
	rm.write("<section");
	rm.writeControlData(oControl);
	rm.addClass("sapUiPanel");
	rm.addStyle("width", oControl.getWidth());

	if (!oControl.getCollapsed()) {
		rm.addStyle("height", oControl.getHeight());
	} else {
		rm.addClass("sapUiPanelColl");
		rm.addStyle("height", "auto");
	}
	if (heightSet) {
		rm.addClass("sapUiPanelHeightSet");
	}
	if (widthSet) {
		rm.addClass("sapUiPanelWidthSet");
	}
	if (oControl.getApplyContentPadding()) {
		rm.addClass("sapUiPanelWithPadding");
	}
	if (!oControl.getEnabled()) {
		rm.addClass("sapUiPanelDis");
	}
	if (oControl.getShowCollapseIcon()) {
		rm.addClass("sapUiPanelWithCollapseIcon");
	}
	rm.addClass("sapUiPanelBorderDesign" + oControl.getBorderDesign());
	rm.addClass("sapUiPanelAreaDesign" + oControl.getAreaDesign());
	rm.writeClasses();
	rm.writeStyles();

	if (accessibility) {
		rm.writeAttribute("aria-labelledby", oControl.getId() + "-title");
		rm.writeAttribute("role", "region");
		if (oControl.getCollapsed()) {
			rm.writeAttribute("aria-expanded", "false");
		} else {
			rm.writeAttribute("aria-expanded", "true");
		}
		rm.writeAttribute("tabindex", "0");
	}

	// tooltip of Panel
	var sTooltip = oControl.getTooltip_AsString();
	if (sTooltip) {
		rm.writeAttributeEscaped("title", sTooltip);
	}


	// header
	rm.write("><header id='" + oControl.getId() + "-hdr'");
	rm.addClass("sapUiPanelHdr");

	// tooltip of Title, might be set in addition
	var oTitle = oControl.getTitle();
	var sTitleTooltip;
	var sLevel = sap.ui.commons.TitleLevel.H5; // to be compatible of size
	var bEmphasized = true;
	if (oTitle) {
		sTitleTooltip = oTitle.getTooltip_AsString();
		if (sTitleTooltip) {
			rm.writeAttributeEscaped("title", sTitleTooltip);
		}

		if (oTitle.getLevel() != sap.ui.commons.TitleLevel.Auto) {
			// if title level is set use emphasized of title, otherwise use default one to be compatible
			sLevel = oTitle.getLevel();
			bEmphasized = oTitle.getEmphasized();
		}
	}
	if (bEmphasized) {
		rm.addClass("sapUiPanelHdrEmph");
	}

	rm.writeClasses();
	rm.write(">");

	var sCollapseTooltip = oControl._rb.getText(oControl.getCollapsed() ? "PANEL_EXPAND" : "PANEL_COLLAPSE");
	if (oControl.getShowCollapseIcon()) { /* TODO: remove this one and rearrange the other in CSS */
		rm.write("<a id='" + oControl.getId() + "-collArrow' class='sapUiPanelHdrItem sapUiPanelCollArrow' href='javascript:void(0)' tabindex='0' title='" + sCollapseTooltip + "'");
		if (accessibility) {
			//rm.writeAttribute("aria-labelledby", oControl.getId() + "-title");
			rm.writeAttribute("role", "button");
		}
		rm.write(">&nbsp;</a>");
	}


	// IMPORTANT: title h1 is always rendered to simplify calculations and because having no title should be a rare use-case
	// if (oTitle) {
	if (oTitle && oTitle.getIcon()) {
		// header icon, if available
		rm.write("<img id='" + oControl.getId() + "-ico' class='sapUiPanelHdrItem sapUiPanelIco' src='");
		rm.writeEscaped(oTitle.getIcon());
		rm.write("'");
		if (accessibility) {
			rm.write(" role='presentation' alt=''"); // role and alt added as per accessibility requirement
		}
		rm.write("/>");
	}

	// header title text
	var text = jQuery.sap.escapeHTML(oControl.getText());
	if (!text) {
		text = "&nbsp;";
	}
	// just reuse TextView class because there font size & co. is already defined
	rm.write("<"+sLevel+" ");
	rm.addClass("sapUiTv"+sLevel);
//	rm.write("<h1 id='" + oControl.getId() + "-title' class='sapUiPanelHdrItem sapUiPanelTitle'");
	rm.write(" id='" + oControl.getId() + "-title' ");
	rm.addClass("sapUiPanelHdrItem");
	rm.addClass("sapUiPanelTitle");
	rm.writeClasses();
	if (accessibility) {
		rm.writeAttribute("role", "heading");
	}
	rm.write(">");
	rm.write(text); // already escaped!
//	rm.write("</h1>");
	rm.write("</"+sLevel+">");


  // toolbar + buttons
  var aButtons = oControl.getButtons();
  if (aButtons && (aButtons.length > 0)) {
	rm.write("<div id='" + oControl.getId() + "-tb' class='sapUiPanelHdrItem sapUiPanelTb sapUiTbDesignFlat'>");

	for (var i = 0; i < aButtons.length; i++) {
		rm.renderControl(aButtons[i]);
	}

		rm.write("</div>");
  }


  // any other right-aligned buttons go like this:
  // <a id="firstIcoRight" class="sapUiPanelHdrRightItem sapUiPanel*">O</a>
  // the positioning among these items needs to be solved then, either by fixed CSS classes if there are few items (like Right1 Right2)
  // or maybe they need to be put into a nowrap div

  // collapse icon
  if (oControl.getShowCollapseIcon()) {
		rm.write("<a id='" + oControl.getId() + "-collIco' class='sapUiPanelHdrRightItem sapUiPanelCollIco' href='javascript:void(0)' tabindex='0' title='" + sCollapseTooltip + "'");
		if (accessibility) {
			//rm.writeAttribute("aria-labelledby", oControl.getId() + "-title");
			rm.writeAttribute("role", "button");
		}
		rm.write(">&nbsp;</a>");
	}

  rm.write("</header>");



	// content area

	// everything below the header is only rendered initially if not collapsed - saves performance and Panel just re-renders later on expand
	if (!oControl.getCollapsed()) {
		rm.write("<div class='sapUiPanelCont' id='", oControl.getId(), "-cont'>");

		// Content (child controls)
		var oControls = oControl.getContent(),
				iLength = oControls.length;
		for (var i=0; i < iLength; i++) {
			rm.renderControl(oControls[i]);
		}

		rm.write("</div>");
	}

	rm.write("</section>");
};
}; // end of sap.ui.commons.PanelRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ProgressIndicatorRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.ProgressIndicator
jQuery.sap.declare("sap.ui.commons.ProgressIndicatorRenderer");

/**
 * @class ProgressIndicator renderer.
 * @static
 */
sap.ui.commons.ProgressIndicatorRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.fw.RenderManager}.
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.ProgressIndicatorRenderer.render = function(oRenderManager, oProgressIndicator){
	// .convenience variable
	var rm = oRenderManager;
	var widthControl = oProgressIndicator.getWidth();
	var widthBar = oProgressIndicator.getPercentValue();
	var widthBorder;
	var positionEnd;
	oProgressIndicator.bRtl  = sap.ui.getCore().getConfiguration().getRTL();

	// return immediately if control is invisible
	if (!oProgressIndicator.getVisible()) {
		return;
	}

	if (widthBar > 100) {
		widthBorder = (10000 / widthBar) + '%';
	}
	else {
		widthBorder = '100%';
	}

	// write the HTML into the render manager
	rm.write('<DIV');
	rm.writeControlData(oProgressIndicator);

	rm.writeAttribute('tabIndex', '0');

	//ARIA
	if ( sap.ui.getCore().getConfiguration().getAccessibility()){
//		rm.writeAttribute("role", sap.ui.core.AccessibleRole.Slider);
		rm.writeAttribute('role', 'progressbar');
		rm.writeAccessibilityState(oProgressIndicator, {valuemin: '0%'});
		rm.writeAccessibilityState(oProgressIndicator, {valuemax: '100%'});
		rm.writeAccessibilityState(oProgressIndicator, {valuenow: widthBar + '%'});
//		rm.writeAccessibilityState(oProgressIndicator, {label:oSlider.getTooltip()});

//		if (!oProgressIndicator.getEditable()) {
//			rm.writeAccessibilityState(oProgressIndicator, {disabled: true});
//		}else {
//			rm.writeAccessibilityState(oProgressIndicator, {disabled: false});
//		}
	}

	if (oProgressIndicator.getWidth() && oProgressIndicator.getWidth() != '') {
		rm.writeAttribute('style', 'height: 16px; width:' + widthControl + ';');
	}

	if (oProgressIndicator.getTooltip_AsString()) {
		rm.writeAttributeEscaped('title', oProgressIndicator.getDisplayValue() + '- '+ oProgressIndicator.getTooltip_AsString());
	}
	else {
		rm.writeAttributeEscaped('title', oProgressIndicator.getDisplayValue());
	}

	rm.addClass('sapUiProgInd');
	rm.writeClasses();

	rm.write('>');

	rm.write('<DIV');
	rm.writeAttribute('id', oProgressIndicator.getId() + '-box');

	if (oProgressIndicator.getWidth() && oProgressIndicator.getWidth() != '') {
		rm.writeAttribute('style', 'height: 16px; width:' + widthBorder + ';');
	}

	rm.addClass('sapUiProgIndBorder');
	rm.writeClasses();

	rm.write('>');

	rm.write('<DIV');
	rm.writeAttribute('id', oProgressIndicator.getId() + '-bar');
	rm.writeAttribute('onselectstart', "return false");
	rm.writeAttribute('style', 'height: 14px; width:' + oProgressIndicator.getPercentValue() + '%;');

	var sBarColor = oProgressIndicator.getBarColor();
	switch (sBarColor) {
		case "POSITIVE":
			rm.addClass('sapUiProgIndBarPos');
			break;
		case "NEGATIVE":
			rm.addClass('sapUiProgIndBarNeg');
			break;
		case "CRITICAL":
			rm.addClass('sapUiProgIndBarCrit');
			break;
		case "NEUTRAL":
			rm.addClass('sapUiProgIndBar');
			break;
		default:
			rm.addClass('sapUiProgIndBar');
			break;
	}

	rm.writeClasses();

	rm.write('>');

	rm.write('<DIV');
	rm.writeAttribute('id', oProgressIndicator.getId() + '-end');

	if (widthBar > 100) {
		switch (sBarColor) {
			case "POSITIVE":
				rm.addClass('sapUiProgIndPosEnd');
				break;
			case "NEGATIVE":
				rm.addClass('sapUiProgIndNegEnd');
				break;
			case "CRITICAL":
				rm.addClass('sapUiProgIndCritEnd');
				break;
			case "NEUTRAL":
				rm.addClass('sapUiProgIndEnd');
				break;
			default:
				rm.addClass('sapUiProgIndEnd');
				break;
		}
	}
	else {
		rm.addClass('sapUiProgIndEndHidden');
	}

	rm.writeClasses();
	if (oProgressIndicator.bRtl) {
		rm.writeAttribute('style', 'position: relative; right:' + widthBorder);
	} else {
		rm.writeAttribute('style', 'position: relative; left:' + widthBorder);
	}

	rm.write('>');
	rm.write('</DIV>');

	rm.write('<SPAN');

	rm.addClass('sapUiProgIndFont');
	rm.writeClasses();

	rm.write('>');

	if (oProgressIndicator.getShowValue()&& oProgressIndicator.getShowValue() == true) {
		if (oProgressIndicator.getDisplayValue() && oProgressIndicator.getDisplayValue() != '') {
			rm.writeEscaped(oProgressIndicator.getDisplayValue());
		}
	}

	rm.write('</SPAN>');
	rm.write('</DIV>');
	rm.write('</DIV>');
	rm.write('</DIV>');
};
}; // end of sap.ui.commons.ProgressIndicatorRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.RadioButtonGroupRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.RadioButtonGroup
jQuery.sap.declare("sap.ui.commons.RadioButtonGroupRenderer");

/**
 * @class RadioButtonGroup renderer.
 * @static
 */
sap.ui.commons.RadioButtonGroupRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.RadioButtonGroupRenderer.render = function(oRenderManager, oRBGroup){
	// convenience variable
	var rm = oRenderManager;

	// Return immediately if control is invisible or has no RadioButtons
	if (!oRBGroup.getVisible() || !oRBGroup.aRBs) {
		return;
	}

	var iColumns = oRBGroup.getColumns();
	var bEnabled = oRBGroup.getEnabled();

	if (bEnabled) {
		// check if at least one item is enabled
		var aItems = oRBGroup.getItems();
		bEnabled = false;
		for ( var i = 0; i < aItems.length; i++) {
			if (aItems[i].getEnabled()){
				bEnabled = true;
				break;
			}
		}
	}

	rm.write("<DIV");
	rm.writeControlData(oRBGroup);
	rm.addClass("sapUiRbG");
	if(iColumns > 1){
		if(iColumns == oRBGroup.aRBs.length){
			rm.addClass("sapUiRbG1Row");
		}else{
			rm.addClass("sapUiRbGTab");
			if (oRBGroup.getWidth() && oRBGroup.getWidth() != '') {
				rm.addClass("sapUiRbGTabFlex");
				// as in Firefox -moz-box-flex > 0 brings ellipsis even if no width is given
				// therefore flexible columns should be only used if a width is given.
			}
		}
	}

	if (oRBGroup.getWidth() && oRBGroup.getWidth() != '') {
		rm.addStyle("width", oRBGroup.getWidth());
	}

	if (oRBGroup.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oRBGroup.getTooltip_AsString());
	}

	if(bEnabled){
		rm.writeAttribute('tabindex', '0');
	}else{
		rm.writeAttribute('tabindex', '-1');
	}

	// ARIA
	rm.writeAccessibilityState(oRBGroup, {
		role: "radiogroup",
		invalid: oRBGroup.getValueState() == sap.ui.core.ValueState.Error,
		disabled: !oRBGroup.getEditable()
	});

	rm.writeClasses();
	rm.writeStyles();
	rm.write(">"); // DIV

	// columns
	for (var c = 0; c < iColumns; c++) {
		if(iColumns > 1 && iColumns != oRBGroup.aRBs.length){
			// if only 1 column -> no DIV necessary
			rm.write("<DIV");
			rm.addClass("sapUiRbGCol");
			rm.writeClasses();
			rm.write(">"); // DIV element
		}

		// render RadioButtons
		for (var i = c; i < oRBGroup.aRBs.length; i=i+iColumns) {
			rm.renderControl(oRBGroup.aRBs[i]);
		}

		if(iColumns > 1 && iColumns != oRBGroup.aRBs.length){
			rm.write("</DIV>");
		}
	}

	if(iColumns > 1 && iColumns != oRBGroup.aRBs.length){
		// dummy Column to avoid big spaces between RadioButtons in Safari
		rm.write('<DIV class="sapUiRbGDummy"> </DIV>');
	}

	rm.write("</DIV>");
};
}; // end of sap.ui.commons.RadioButtonGroupRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.RadioButtonRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.RadioButton
jQuery.sap.declare("sap.ui.commons.RadioButtonRenderer");
jQuery.sap.require('sap.ui.core.ValueStateSupport'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class RadioButton Renderer
 *
 * @author d046011
 * @version 0.1
 * @static
 */
sap.ui.commons.RadioButtonRenderer = {
};

/**
 * Renders the HTML for the RadioButton, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.commons.RadioButton} oRadioButton The RadioButton control that should be rendered.
 */
sap.ui.commons.RadioButtonRenderer.render = function(oRenderManager, oRadioButton) {
	var rm = oRenderManager;

	// Return immediately if control is invisible
	if (!oRadioButton.getVisible()) {
		return;
	}

	var sId = oRadioButton.getId();
	var tooltip = oRadioButton.getTooltip_AsString();

	rm.addClass("sapUiRb");

	// Open the containing <span> tag
	rm.write("<span");
	rm.writeControlData(oRadioButton);

	// ARIA
	rm.writeAccessibilityState(oRadioButton, {
		role: "radio",
		checked: oRadioButton.getSelected() === true,
		invalid: oRadioButton.getValueState() == sap.ui.core.ValueState.Error,
		disabled: !oRadioButton.getEditable(),
		labelledby: sId+"-label",
		describedby: tooltip ? sId+"-Descr" : undefined
	});

	// Collect state information
	var enabled = oRadioButton.getEnabled() != null && oRadioButton.getEnabled();
	var editable = oRadioButton.getEditable() != null && oRadioButton.getEditable();
	var inErrorState = false;
	var inWarningState = false;
	if (oRadioButton.getValueState() != null) {
		inErrorState = sap.ui.core.ValueState.Error == oRadioButton.getValueState();
		inWarningState = sap.ui.core.ValueState.Warning == oRadioButton.getValueState();
	}

	// Add classes and properties depending on the state
	if (oRadioButton.getSelected()) {
		rm.addClass("sapUiRbSel");
	}

	var myTabIndex = 0;
	var bReadOnly = false;

	if (!enabled) {
		myTabIndex = -1;
		bReadOnly = true;
		rm.addClass("sapUiRbDis");
	}
	if (!editable) {
		//myTabIndex = -1; //According to CSN2581852 2012 a readonly RB should be in the tabchain
		bReadOnly = true;
		rm.addClass("sapUiRbRo");
	}
	if (inErrorState) {
		rm.addClass("sapUiRbErr");
	} else if (inWarningState) {
		rm.addClass("sapUiRbWarn");
	}
	if (enabled && editable && !inErrorState && !inWarningState) {
		rm.addClass("sapUiRbStd");
	}
	if (enabled && editable) {
		rm.addClass("sapUiRbInteractive");
	}
	rm.writeClasses();

	if (oRadioButton.getWidth() && oRadioButton.getWidth() != '') {
		rm.writeAttribute("style", "width:" + oRadioButton.getWidth() + ";");
	}

	rm.writeAttribute("tabIndex", myTabIndex);

	var tooltipToUse = sap.ui.core.ValueStateSupport.enrichTooltip(oRadioButton, tooltip ? tooltip : oRadioButton.getText());
	if (tooltipToUse) {
		rm.writeAttributeEscaped("title", tooltipToUse);
	}

	rm.write(">"); // Close the containing <span> tag


	// Write the real - potentially hidden - HTML RadioButton element
	rm.write("<input type='radio' tabindex='-1' id='");
	rm.write(sId);
	rm.write("-RB' name=\"");
	rm.write(oRadioButton.getGroupName());
	rm.write("\" ");
	if (oRadioButton.getSelected()) {
		rm.write(" checked='checked'");
	}
	if (!enabled) {
		rm.write(" disabled='disabled'");
	}
	if(bReadOnly) {
		rm.write(" readonly='readonly'");
		rm.write(" disabled='disabled'");
	}
	if (oRadioButton.getKey()) {
		rm.writeAttributeEscaped("value", oRadioButton.getKey());
	}

	rm.write(" />"); // Close RadioButton-input-element


	// Write the RadioButton label which also holds the background image
	rm.write("<label id=\""+sId+"-label\"");
	rm.writeAttribute("for", sId + "-RB"); // Label for RadioButton, so a click toggles the state
	if (!oRadioButton.getText()) {
		rm.write(" class=\"sapUiRbNoText\"");
	}
	rm.write(">");
	if (oRadioButton.getText()) {
		this.renderText(rm, oRadioButton.getText(), oRadioButton.getTextDirection());
	}
	rm.write("</label>");

	if (tooltip) {
		// for ARIA the tooltip must be in a separate SPAN and assigned via aria-describedby.
		// otherwise JAWS do not read it.
		rm.write("<span id=\""+sId+"-Descr\" style=\"visibility: hidden; display: none;\">");
		rm.writeEscaped(tooltip);
		rm.write("</span>");
	}
	// Close the surrounding <span> element
	rm.write("</span>");
};

/**
 * Write RadioButton label - either flat, or, in case the text direction is different from the environment, within a <span> with an explicit "dir".
 */
sap.ui.commons.RadioButtonRenderer.renderText = function(oRenderManager, sText, eTextDirection) {
	var rm = oRenderManager;
	if (!eTextDirection || eTextDirection == sap.ui.core.TextDirection.Inherit){
		rm.writeEscaped(sText);
	} else {
		rm.write("<span dir=\"" + eTextDirection + "\">");
		rm.writeEscaped(sText);
		rm.write("</span>");
	}
};

sap.ui.commons.RadioButtonRenderer.setSelected = function(oRadioButton, bSelected) {

	var sId = oRadioButton.getId();

	jQuery.sap.byId(sId).toggleClass('sapUiRbSel', bSelected).attr('aria-checked', bSelected);
	var $Dom = jQuery.sap.domById(sId+'-RB');
	if(bSelected){
		$Dom.checked = true;
		$Dom.setAttribute('checked', 'checked');
	}else{
		$Dom.checked = false;
		$Dom.removeAttribute('checked');
	}

};

}; // end of sap.ui.commons.RadioButtonRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.RatingIndicatorRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.RatingIndicator
jQuery.sap.declare("sap.ui.commons.RatingIndicatorRenderer");

/**
 * @class RatingIndicatorRenderer.
 * @static
 */
sap.ui.commons.RatingIndicatorRenderer = function() {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager}
 *          oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *          oRating an object representation of the control that should be rendered
 */
sap.ui.commons.RatingIndicatorRenderer.render = function(oRenderManager, oRating) {
	var rm = oRenderManager;

	// return immediately if control is invisible
	if(!oRating.getVisible()){
		return;
	}

	var iNumberOfSymbols = oRating.getMaxValue();

	rm.write("<div");
	rm.writeControlData(oRating);
	rm.addClass("sapUiRating");
	if(oRating.getEditable()){
		rm.addClass("sapUiRatingEdit");
	}
	rm.writeClasses();
	rm.writeAttribute("tabindex", "0"/*oRating.getEditable() ? "0" : "-1"*/); //According to CSN 2581852 2012 the RI should always be in the tabchain
	if(oRating.getTooltip() && oRating.getTooltip_AsString()){
		rm.writeAttributeEscaped("title", oRating.getTooltip_AsString());
	}else if(!oRating.getEditable()){
		rm.writeAttribute("title", oRating.getValue());
	}

	//ARIA
	rm.writeAccessibilityState(oRating, {
		"role": "slider",
		"orientation": "horizontal",
		"valuemin": 1,
		"valuemax": iNumberOfSymbols,
		"disabled": !oRating.getEditable(),
		"live": "assertive"
	});

	rm.write(">");

	for(var i=0; i<iNumberOfSymbols; i++){
		sap.ui.commons.RatingIndicatorRenderer.renderItem(rm, oRating, i, oRating.getValue());
	}

	rm.write("</div>");
};

/**
 * Helper function to render a rating symbol.
 * @private
 */
sap.ui.commons.RatingIndicatorRenderer.renderItem = function(rm, oRating, i, fValue){
	var val = i+1;
	rm.write("<div");
	rm.writeAttribute("id", oRating.getId() + "-itm-" + val);
	rm.writeAttribute("itemvalue", val);
	rm.writeAttribute("class", "sapUiRatingItm");
	rm.writeAttribute("style", "line-height:0px;");
	if(!oRating.getTooltip() && oRating.getEditable()){
		//rm.writeAttribute("dir", "ltr"); //Do we need this to avoid tooltips like "of 5 3" instead of "3 of 5"
		rm.writeAttributeEscaped("title", oRating._getText("RATING_TOOLTIP" , [val, oRating.getMaxValue()]));
	}
	rm.write(">");

	rm.write("<img");
	rm.writeAttribute("class", "sapUiRatingItmImg");
	var sIcon = sap.ui.commons.RatingIndicatorRenderer.getThemeSymbol("selected", oRating);
	rm.writeAttributeEscaped("src", sIcon);
	rm.write("/>");

	rm.write("<div");
	rm.writeAttribute("class", "sapUiRatingItmOvrflw");

	var visualMode = oRating.getVisualMode();
	if(visualMode == "Full"){
		fValue = Math.round(fValue);
	}
	var style;
	if(fValue >= val){
		style = "width:0%;";
	}else if(fValue < i){
		style = "width:100%;";
	}else{
		var diff = fValue-i;
		if(visualMode == "Half"){
			var width = 50;
			if(diff < 0.25) {
				width = 100;
			}
			if(diff >= 0.75) {
				width = 0;
			}
			style = "width:" + width + "%;";
		}else{ //Continuous
			style = "width:" + (100-Math.round(diff*100)) + "%;";
		}
	}
	rm.writeAttribute("style", style);
	rm.write(">");

	rm.write("<img");
	rm.writeAttribute("class", "sapUiRatingItmOvrflwImg");
	sIcon = sap.ui.commons.RatingIndicatorRenderer.getThemeSymbol("unselected", oRating);
	rm.writeAttributeEscaped("src", sIcon);
	rm.write("/>");

	rm.write("</div>");
	rm.write("</div>");
};

/**
 * Helper function to render a rating symbol in hover state.
 *
 * @param {integer} iCount the number of the rating image which should be hovered.
 * @param {sap.ui.core.Control} oRating an object representation of the control that should be rendered
 * @param {boolean} bAfter specifies whether the rating image is behind the hovered one.
 * @private
 */
sap.ui.commons.RatingIndicatorRenderer.hoverRatingSymbol = function(iCount, oRating, bAfter){
	var oSymbol = jQuery.sap.byId(oRating.getId() + "-itm-" + iCount);
	oSymbol.addClass("sapUiRatingItmHov");
	var oSymbolImage = oSymbol.children("img");
	var sIcon = sap.ui.commons.RatingIndicatorRenderer.getThemeSymbol(bAfter ? "unselected" : "hover", oRating);
	oSymbolImage.attr("src", sIcon);
};

/**
 * Helper function to render a rating symbol in normal (selected/deselected) state.
 *
 * @param {integer} iCount the number of the rating image which should be unhovered.
 * @param {sap.ui.core.Control} oRating an object representation of the control that should be rendered
 * @private
 */
sap.ui.commons.RatingIndicatorRenderer.unhoverRatingSymbol = function(iCount, oRating){
	var oSymbol = jQuery.sap.byId(oRating.getId() + "-itm-" + iCount);
	oSymbol.removeClass("sapUiRatingItmHov");
	var oSymbolImage = oSymbol.children("img");
	var sIcon = sap.ui.commons.RatingIndicatorRenderer.getThemeSymbol("selected", oRating);
	oSymbolImage.attr("src", sIcon);
};

/**
 * Helper function to find the right symbol.
 *
 * @param {string} sType type of desired image (selected, unselected, hover)
 * @param {sap.ui.core.Control} oRating an object representation of the control that should be rendered
 * @private
 */
sap.ui.commons.RatingIndicatorRenderer.getThemeSymbol = function(sType, oRating){
	var sIcon, sParam;

	if(sType == "selected"){
		sIcon = oRating.getIconSelected();
		sParam = "sap.ui.commons.RatingIndicator:sapUiRatingSymbolSelected";
	}else if(sType == "unselected"){
		sIcon = oRating.getIconUnselected();
		sParam = "sap.ui.commons.RatingIndicator:sapUiRatingSymbolUnselected";
	}else{
		sIcon = oRating.getIconHovered();
		sParam = "sap.ui.commons.RatingIndicator:sapUiRatingSymbolHovered";
	}

	if(!sIcon){
		sIcon = jQuery.sap.getModulePath("sap.ui.commons", '/') +
				"themes/" + sap.ui.getCore().getConfiguration().getTheme() + "/" +
				sap.ui.core.theming.Parameters.get(sParam);
	}

	return sIcon;
};
}; // end of sap.ui.commons.RatingIndicatorRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.RichTooltipRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.RichTooltip
jQuery.sap.declare("sap.ui.commons.RichTooltipRenderer");
jQuery.sap.require('sap.ui.core.ValueStateSupport'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class RichToltip renderer.
 * @static
 */
sap.ui.commons.RichTooltipRenderer = {};

/**
 * Renders the HTML for the RichTooltip, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} rm The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.core.Control} oRichTooltip An object representation of the control that should be rendered.
 */
sap.ui.commons.RichTooltipRenderer.render = function(rm, oRichTooltip){
	var sId = oRichTooltip.getId();

	// Header
	rm.write("<div ");
	rm.writeControlData(oRichTooltip);
	rm.addClass("sapUiRtt");
	rm.writeClasses();
	rm.write(" ><div><div>");
	rm.write("<div class='sapUiRttTopL'></div><div class='sapUiRttTopR'></div>");
	rm.write("<div class='sapUiRttCL'>");
	rm.write("<div class='sapUiRttCR'>");
	
	rm.write("<div class='sapUiRttContent'>");

	// Title
	var sTitle = oRichTooltip.getTitle();
	if (sTitle) {
		rm.write("<div id='" + sId +"-title' role='tooltip' class='sapUiRttTitle'>");
		rm.writeEscaped(sTitle);
		rm.write("</div>");
		// render a separator between title and rest of the RichTooltip
		rm.write("<div class='sapUiRttSep'></div>");
	}

	// if the parent element has a set ValueState render the corresponding text and image
	var valueStateText = sap.ui.core.ValueStateSupport.getAdditionalText(oRichTooltip.getParent());
	if (valueStateText) {
		var sValueState = oRichTooltip.getParent().getValueState();
		var sValueStateImage = sValueState !== sap.ui.core.ValueState.None ? "ValueState_" + sValueState + ".png" : "";
		
		rm.write('<div class="sapUiRttValueStateContainer">');
		// if there is a proper value state -> render corresponding image
		if (sValueStateImage !== "") {
			sValueStateImage = jQuery.sap.getModulePath("sap.ui.commons", '/')
			+ "themes/"
			+ sap.ui.getCore().getConfiguration().getTheme()
			+ "/img/richtooltip/" + sValueStateImage;
			
			rm.write('<img id="'+sId+'-valueStateImage" class="sapUiRttValueStateImage" src="');
			rm.writeEscaped(sValueStateImage);
			rm.write('"/>');
		}

		// render the individual ValueState text (if available) otherwise use the default text
		var sIndividualText = oRichTooltip._oValueStateText;
		if (sIndividualText) {
			rm.renderControl(sIndividualText);
		} else {
			rm.write('<div id="'+sId+'-valueStateText" class="sapUiRttValueStateText">');
			rm.writeEscaped(valueStateText);
			rm.write('</div>');
		}
		rm.write('</div>');
		
		// render a separator between ValueState stuff and text of the RichTooltip
		rm.write("<div class='sapUiRttSep'></div>");
	}
	
	rm.write('<div class="sapUiRttContentContainer">');
	// render image that might be set
	var sImage = oRichTooltip.getImageSrc();
	if (sImage){
		var sAltText = oRichTooltip.getImageAltText();
		rm.write('<img id="' + sId + '-image" alt="' + sAltText + '" class="sapUiRttImage" src="');
		rm.writeEscaped(sImage);
		rm.write('"/>');
	}
	
	// render RichTooltip's text
	var oText = oRichTooltip._oText;
	if (oText){
		rm.renderControl(oText);
	}
	rm.write('</div>');

	// render footer
	rm.write("</div></div></div>");
	rm.write("<div class='sapUiRttBotL'></div>");
	rm.write("<div class='sapUiRttBotR'></div>");
	rm.write("</div></div></div>");
};
}; // end of sap.ui.commons.RichTooltipRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.RoadMapRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.RoadMap
jQuery.sap.declare("sap.ui.commons.RoadMapRenderer");

(function() {

/**
 * @class RoadMap renderer.
 * @static
 */
sap.ui.commons.RoadMapRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @private
 */
sap.ui.commons.RoadMapRenderer.render = function(oRenderManager, oRoadMap){
	var rm = oRenderManager;

	oRoadMap.doBeforeRendering(); //Inform the Roadmap that the rendering starts

	if(!oRoadMap.getVisible()) {
		return;
	}

	rm.write("<div");
	rm.writeControlData(oRoadMap);
	rm.addClass("sapUiRoadMap");
	rm.writeClasses();
	rm.writeAttribute("tabIndex", "0");

	var sTooltip = oRoadMap.getTooltip_AsString();
	if(sTooltip){
		rm.writeAttributeEscaped("title", sTooltip);
	}

	rm.writeAttribute("style", "width:"+(oRoadMap.getWidth() ? oRoadMap.getWidth() : "100%")+";");

	rm.write(">");

	renderDelimiter(rm, oRoadMap, true);

	rm.write("<ul");
	rm.writeAttribute("id", oRoadMap.getId() + "-steparea");
	rm.addClass("sapUiRoadMapStepArea");
	rm.writeClasses();

	//ARIA
	if(sap.ui.getCore().getConfiguration().getAccessibility()){
		rm.writeAttribute("role", "group");
		rm.writeAttributeEscaped("aria-label", getText("RDMP_DEFAULT_TOOLTIP", []));
		if(sTooltip){
			rm.writeAttributeEscaped("title", sTooltip);
		}
	}

	rm.write(">");

	var aSteps = oRoadMap.getSteps();
	for(var i=0; i<aSteps.length; i++){
		var oStep = aSteps[i];
		if(oStep.getSubSteps().length > 0){ //is expandable?
			renderExpandableStep(rm, oRoadMap, oStep);
		}else{
			renderStep(rm, oRoadMap, oStep);
		}
	}

	rm.write("</ul>");

	renderDelimiter(rm, oRoadMap, false);

	rm.write("</div>");
};


/**
 * Updates the CSS classes of the Roadmap to select a new step.
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @param {string} sId the ID of the step which should be selected.
 * @private
 */
sap.ui.commons.RoadMapRenderer.selectStepWithId = function(oRoadMap, sId){
	var sCurrentId = oRoadMap.getSelectedStep();
	if(sCurrentId) {
		jQuery.sap.byId(sCurrentId).removeClass("sapUiRoadMapSelected");
	}
	if(sId) {
		jQuery.sap.byId(sId).addClass("sapUiRoadMapSelected");
	}
	if(sap.ui.getCore().getConfiguration().getAccessibility()){
		if(sCurrentId) {
			jQuery.sap.byId(sCurrentId+"-box").removeAttr("aria-checked");
		}
		if(sId) {
			jQuery.sap.byId(sId+"-box").attr("aria-checked", true);
		}
	}
};


/**
 * Updates the CSS classes of the Roadmap when a step is selected. If the step is an
 * expandable step the exapnd state is toggled.
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @see <code>sap.ui.commons.RoadMapRenderer.selectStepWithId</code>
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @param {sap.ui.core.Element} oStep the step which was selected.
 * @param {boolean} bIsSubStep indicator whether the given step is a sub step or not.
 * @param {boolean} bSkipAnim indicator whether animation should be used or not.
 * @param {function} fEndCallBack callback function which is called in the end with a string parameter indicating the operation which was done ("expanded", "collapsed", "selected")
 * @param {boolean} bSkipSelect indicator whether selection state should be switched or not.
 * @private
 */
sap.ui.commons.RoadMapRenderer.selectStep = function(oRoadMap, oStep, bIsSubStep, bSkipAnim, fEndCallBack, bSkipSelect){
	if(!bSkipSelect){
		//Select the step
		sap.ui.commons.RoadMapRenderer.selectStepWithId(oRoadMap, oStep.getId());
	}
	if(!bIsSubStep && oStep.getSubSteps().length > 0){
		//Expandable step -> Toggle the expand state

		var aSteps = oStep.getSubSteps();
		var jDomRef = jQuery.sap.byId(oStep.getId());
		var bIsExpanded = jDomRef.hasClass("sapUiRoadMapExpanded"); //Get the current expand state

		var iCounter = 1; //Must be in the end 0 when all animations are done (see fDoOnAnimComplete)

		var fDoOnAnimComplete = function(){ //Function called when an animation is done
			iCounter--;
			if(iCounter > 0) {
				return;
			}

			//Only do something if the last animation finishs
			if(fEndCallBack) {
				fEndCallBack(!bIsExpanded ? "expanded" : "collapsed");
			}
			sap.ui.commons.RoadMapRenderer.updateStepArea(oRoadMap);
		};

		//Animation function to hide / show a step (depending on the current expand state)
		var fAnim = function(sId, bOpen, fComplete){
			var jRef = jQuery.sap.byId(sId);
			if(!jQuery.fx.off && !bSkipAnim){ //Animation only if turned on globally and if should not be skipped
				jRef.width(bOpen ? "0px" : oRoadMap.iStepWidth);
				var oLabel = jQuery.sap.byId(sId+"-label");
				oLabel.addClass("sapUiRoadMapHidden");
				if(bOpen) {
					jRef.toggleClass("sapUiRoadMapHidden");
				}
				jRef.animate({width: bOpen ? oRoadMap.iStepWidth : "0px"}, "fast", function(){
					if(!bOpen) {
						jRef.toggleClass("sapUiRoadMapHidden");
					}
					jRef.width("");
					oLabel.removeClass("sapUiRoadMapHidden");
					if(fComplete) {
						fComplete();
					}
				});
			}else{
				jRef.toggleClass("sapUiRoadMapHidden");
				if(fComplete) {
					fComplete();
				}
			}
		};

		//Change the expand state of the step immediately
		jDomRef.toggleClass("sapUiRoadMapExpanded");

		if(sap.ui.getCore().getConfiguration().getAccessibility()){
			var bExp = jDomRef.hasClass("sapUiRoadMapExpanded");
			jQuery.sap.byId(oStep.getId()+"-box").attr("aria-expanded", bExp);
			jQuery.sap.byId(oStep.getId()+"-expandend-box").attr("aria-expanded", bExp);
		}

		//Hide / Show the sub steps
		for(var i=0; i<aSteps.length; i++){
			if(aSteps[i].getVisible()){
				iCounter++;
				fAnim(aSteps[i].getId(), !bIsExpanded, fDoOnAnimComplete);
			}
		}
		//Hide / Show the end step
		fAnim(oStep.getId()+"-expandend", !bIsExpanded, fDoOnAnimComplete);
	}else{
		if(fEndCallBack) {
			fEndCallBack("selected");
		}
	}
};


/**
 * Recalculates the width of the step area and updates the delimiters.
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @private
 */
sap.ui.commons.RoadMapRenderer.updateStepArea = function(oRoadMap){
	if(oRoadMap.iStepWidth != -1){
		var jStepAreaRef = jQuery.sap.byId(oRoadMap.getId() + "-steparea");
		var jStartDelimRef = jQuery.sap.byId(oRoadMap.getId() + "-Start");
		var jEndDelimRef = jQuery.sap.byId(oRoadMap.getId() + "-End");
		var jRoadMapRef = jQuery.sap.byId(oRoadMap.getId());

		var iScrollLeft = jStepAreaRef.scrollLeft();

		var iAvailableSpaceForSteps = jRoadMapRef.width() - jStartDelimRef.outerWidth(true) - jEndDelimRef.outerWidth(true);
		var iMaxVisibleSteps = oRoadMap.getNumberOfVisibleSteps();
		var iCurrentMaxVisibleSteps = getNumberOfPotentiallyVisibleSteps(oRoadMap);
		if(iMaxVisibleSteps < 1){
			iMaxVisibleSteps = iCurrentMaxVisibleSteps;
		}else{
			iMaxVisibleSteps = Math.min(iMaxVisibleSteps, iCurrentMaxVisibleSteps);
		}

		var iPossibleSteps = Math.floor(iAvailableSpaceForSteps / oRoadMap.iStepWidth);
		var iNumberOfVisibleSteps = Math.min(iMaxVisibleSteps, iPossibleSteps);
		jStepAreaRef.width(iNumberOfVisibleSteps * oRoadMap.iStepWidth).scrollLeft(iScrollLeft);

		updateDelimiters(oRoadMap);
	}
};


/**
 * Recalculates the width of the step area and updates the delimiters and sets the
 * focus either to the specified first visible step of the Roadmap (if not exists the first visible
 * step is focused).
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @see <code>sap.ui.commons.RoadMapRenderer.updateStepArea</code>
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @param {boolean} bSkipScrollState if false the function does the same as <code>sap.ui.commons.RoadMapRenderer.updateStepArea</code>
 * @private
 */
sap.ui.commons.RoadMapRenderer.updateScrollArea = function(oRoadMap, bSkipScrollState){
	sap.ui.commons.RoadMapRenderer.updateStepArea(oRoadMap);
	if(!bSkipScrollState){
		var jStepArea = jQuery.sap.byId(oRoadMap.getId() + "-steparea");
		var oPos = getStepEndPosition(oRoadMap, false);
		if(oRoadMap.getFirstVisibleStep()){
			var jStep = jQuery.sap.byId(oRoadMap.getFirstVisibleStep());
			oPos = getPositionLeft(jStepArea, jStep);
		}
		updateScrollState(oRoadMap, oPos + getRTLFactor()*jStepArea.scrollLeft(), true);
	}
};


/**
 * Checks whether the step with the given Id is currently in the visible part of the scroll area.
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @param {string} sId the ID of the step which should be checked.
 * @private
 */
sap.ui.commons.RoadMapRenderer.isVisibleRef = function(oRoadMap, sId){
	var jStepArea = jQuery.sap.byId(oRoadMap.getId() + "-steparea");
	var jStepAreaChildren = jStepArea.children(":visible");
	for(var i=0; i<jStepAreaChildren.length; i++){
		var jChild = jQuery(jStepAreaChildren.get(i));
		if(jChild.attr("id") == sId){
			var iPos = getPositionLeft(jStepArea, jChild);
			return iPos >= 0 && iPos < jStepArea.width();
		}
	}
	return false;
};


/**
 * Returns the Id of the first step in the visible part of the scroll area.
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @private
 */
sap.ui.commons.RoadMapRenderer.getFirstVisibleRef = function(oRoadMap){
	var jStepArea = jQuery.sap.byId(oRoadMap.getId() + "-steparea");
	var jStepAreaChildren = jStepArea.children(":visible");
	for(var i=0; i<jStepAreaChildren.length; i++){
		var jChild = jQuery(jStepAreaChildren.get(i));
		if(getPositionLeft(jStepArea, jChild) == 0){
			return jChild;
		}
	}
	return null;
};


/**
 * Updates the label text of the given step
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Element} oStep the Step for which the label should be changed.
 * @param {string} sLabel the new label.
 * @private
 */
sap.ui.commons.RoadMapRenderer.setStepLabel = function(oStep, sLabel){
	var l = sLabel ? jQuery.sap.escapeHTML(sLabel) : "";
	jQuery.sap.byId(oStep.getId()+"-label").html(l);
	jQuery.sap.byId(oStep.getId()+"-expandend-label").html(l);
	
	if(!sap.ui.getCore().getConfiguration().getAccessibility()) {
		return;
	}
	
	jQuery.sap.byId(oStep.getId()+"-box").attr("aria-label", getAriaLabel(oStep, sLabel));
	jQuery.sap.byId(oStep.getId()+"-expandend-box").attr("aria-label", getAriaLabel(oStep, sLabel));
};


/**
 * Updates the enabled state of the given step
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @param {sap.ui.core.Element} oStep the Step for which the state should be changed.
 * @param {boolean} bEnabled the enabled state.
 * @private
 */
sap.ui.commons.RoadMapRenderer.setStepEnabled = function(oRoadMap, oStep, bEnabled){
	var jRef = jQuery.sap.byId(oStep.getId());
	var jRef2 = jQuery.sap.byId(oStep.getId()+"-expandend");
	if(bEnabled){
		jRef.removeClass("sapUiRoadMapDisabled");
		jRef2.removeClass("sapUiRoadMapDisabled");
		if(sap.ui.getCore().getConfiguration().getAccessibility()){
			jQuery.sap.byId(oStep.getId()+"-box").removeAttr("aria-disabled");
			jQuery.sap.byId(oStep.getId()+"-expandend-box").removeAttr("aria-disabled");
		}
		return false;
	}else{
		var bSelected = oRoadMap.getSelectedStep() == oStep.getId();
		if(bSelected) {
			jRef.removeClass("sapUiRoadMapSelected");
		}
		jRef.addClass("sapUiRoadMapDisabled");
		jRef2.addClass("sapUiRoadMapDisabled");
		if(sap.ui.getCore().getConfiguration().getAccessibility()){
			var jRefBox = jQuery.sap.byId(oStep.getId()+"-box");
			jRefBox.attr("aria-disabled", true);
			if(bSelected) {
				jRefBox.removeAttr("aria-checked");
			}
			jQuery.sap.byId(oStep.getId()+"-expandend-box").attr("aria-disabled", true);
		}
		return bSelected;
	}
};


/**
 * Updates the visible state of the given step
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @param {sap.ui.core.Element} oStep the Step for which the state should be changed.
 * @param {boolean} bIsSubStep indicates whether the given step is a substep or not
 * @param {boolean} bVisible the visible state.
 * @private
 */
sap.ui.commons.RoadMapRenderer.setStepVisible = function(oRoadMap, oStep, bIsSubStep, bVisible){
	var jRef = jQuery.sap.byId(oStep.getId());
	var jRef2 = jQuery.sap.byId(oStep.getId()+"-expandend");
	var bSelected = oRoadMap.getSelectedStep() == oStep.getId();

	var oParent = oStep.getParent();
	if(bIsSubStep){
		if(oParent.getEnabled() && oParent.getVisible() && oParent.getExpanded()){
			if(bVisible){
				jRef.removeClass("sapUiRoadMapHidden");
			}else{
				jRef.addClass("sapUiRoadMapHidden");
			}
		}
	}else{
		if(bVisible){
			jRef.removeClass("sapUiRoadMapHidden");
		}else{
			jRef.addClass("sapUiRoadMapHidden");
		}

		var aSteps = oStep.getSubSteps();
		if(aSteps.length > 0 && oStep.getExpanded()){
			if(bVisible){
				jRef2.removeClass("sapUiRoadMapHidden");
			}else{
				jRef2.addClass("sapUiRoadMapHidden");
			}

			for(var i=0; i<aSteps.length; i++){
				if(aSteps[i].getVisible()){
					var jRef3 = jQuery.sap.byId(aSteps[i].getId());
					if(oRoadMap.getSelectedStep() == aSteps[i].getId()){
						bSelected = true;
						jRef3.removeClass("sapUiRoadMapSelected");
						jQuery.sap.byId(aSteps[i].getId()+"-box").removeAttr("aria-checked");
					}
					if(bVisible){
						jRef3.removeClass("sapUiRoadMapHidden");
					}else{
						jRef3.addClass("sapUiRoadMapHidden");
					}
				}
			}
		}
	}

	return bSelected;
};


/**
 * Updates the width of the Roadmap
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @param {string} sWidth the new width.
 * @private
 */
sap.ui.commons.RoadMapRenderer.setRoadMapWidth = function(oRoadMap, sWidth){
	var jRef = jQuery.sap.byId(oRoadMap.getId());
	jRef.attr("style", "width:"+(sWidth ? sWidth : "100%")+";");
};


/**
 * Scrolls according to the given direction.
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @see <code>sap.ui.commons.RoadMapRenderer.getFirstVisibleRef</code>
 *
 * @param {sap.ui.core.Control} oRoadMap the Roadmap control for which the renderer action should be performed
 * @param {string} sDir the scroll direction (allowed are "next", "prev", "first", "last")
 * @param {function} fEndCallBack callback function which is called in the end with a string parameter indicating the id of the new first visible step
 * @private
 */
sap.ui.commons.RoadMapRenderer.scrollToNextStep = function(oRoadMap, sDir, fEndCallBack){
	var oPos = sDir;
	if(sDir == "first" || sDir == "last") {
		oPos = getStepEndPosition(oRoadMap, sDir == "last");
	}
	updateScrollState(oRoadMap, oPos, false, fEndCallBack);
};


/**
 * Shortens the label of the given step and adds ellipses if necessary
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Element} oStep the Step for which the label should be adapted
 * @private
 */
sap.ui.commons.RoadMapRenderer.addEllipses = function(oStep){
	if(!oStep) {
		return;
	}

	var jStepLabel = jQuery.sap.byId(oStep.getId()+"-label");
	var sOriginalText = jQuery.sap.escapeHTML(oStep.getLabel());
	var sText = sOriginalText + "";

	var jClone = jQuery("<label class=\"sapUiRoadMapTitle\" style=\"display:none;position:absolute;overflow:visible;font-weight:bold;height:auto\">"+sText+"</label>");
	jClone.width(jStepLabel.width());
	jQuery(sap.ui.getCore().getStaticAreaRef()).append(jClone);

	var bIsShortened = false;
	while(sText.length > 0 && jClone.height() > jStepLabel.height()){
		//TODO: Do we need special RTL handling here?
		sText = sText.substr(0, sText.length - 1);
		jClone.html(sText + "...");
		bIsShortened = true;
	}

	if(bIsShortened){
		var sHTML = jClone.html();
		sHTML = sHTML.substr(0, sHTML.length - 3);
		sHTML = jQuery.sap.escapeHTML(sHTML);
		sHTML = "<span>" +sHTML + "</span>";
		jStepLabel.html(sHTML);
		jStepLabel.attr("title", oStep.getLabel());
	}else{
		jStepLabel.attr("title", getStepTooltip(oStep));
	}

	jClone.remove();
};


/**
 * Updates the ARIA properties of the steps on the same level as the given step.
 * (Attention: This function should only be called by the Roadmap control itself).
 *
 * @param {sap.ui.core.Element} oStep the Step.
 * @private
 */
sap.ui.commons.RoadMapRenderer.updateStepAria = function(oStep){
	if(!sap.ui.getCore().getConfiguration().getAccessibility()) {
		return;
	}
	var bIsTopLevel = oStep.getParent() instanceof sap.ui.commons.RoadMap;
	var aSteps = oStep.getParent()[bIsTopLevel ? "getSteps" : "getSubSteps"]();
	for(var i=0; i<aSteps.length; i++){
		var sPosInSet = getAriaPosInSet(aSteps[i]);
		var sSetSize = getAriaSetSize(aSteps[i]);
		var jStepBox = jQuery.sap.byId(aSteps[i].getId()+"-box");
		jStepBox.attr("aria-posinset", sPosInSet);
		jStepBox.attr("aria-setsize", sSetSize);
		if(bIsTopLevel && aSteps[i].getSubSteps().length > 0){
			jStepBox = jQuery.sap.byId(aSteps[i].getId()+"-expandend-box");
			jStepBox.attr("aria-posinset", sPosInSet);
			jStepBox.attr("aria-setsize", sSetSize);
		}
	};
};


//********* Private *********


//Writes the delimiter HTML into the rendermanger
var renderDelimiter = function(rm, oRoadMap, bStart){
	var sType = bStart ? "Start" : "End";
	rm.write("<div");
	rm.writeAttribute("id", oRoadMap.getId() + "-" + sType);
	rm.writeAttribute("tabindex", "-1");
	var hasHiddenSteps = true; //Simply assume that there are hidden steps -> updated later (see function updateScrollState)
	rm.addClass(hasHiddenSteps ? "sapUiRoadMap" + sType + "Scroll" : "sapUiRoadMap" + sType + "Fixed");
	rm.addClass("sapUiRoadMapDelim");
	rm.addClass("sapUiRoadMapContent");
	rm.writeClasses();
	rm.write("></div>");
};


//Writes the step HTML into the rendermanger
var renderStep = function(rm, oRoadMap, oStep, aAdditionalClasses, fAddAdditionalBoxContent, sId){
	rm.write("<li");
	if(sId){ //Write the given Id if available, otherwise use writeControlData
		rm.writeAttribute("id", sId);
	}else{
		rm.writeElementData(oStep);
	}
	var sStepName = getStepName(oRoadMap, oStep);
	oStep.__stepName = sStepName;
	var sTooltip = getStepTooltip(oStep);

	rm.addClass("sapUiRoadMapContent");
	rm.addClass("sapUiRoadMapStep");
	if(!oStep.getVisible()) {
		rm.addClass("sapUiRoadMapHidden");
	}
	if(oStep.getEnabled()){
		if(oRoadMap.getSelectedStep() == oStep.getId()) {
			rm.addClass("sapUiRoadMapSelected");
		}
	}else{
		rm.addClass("sapUiRoadMapDisabled");
	}
	if(aAdditionalClasses){ //Write additional CSS classes if available
		for(var i=0; i<aAdditionalClasses.length; i++){
			rm.addClass(aAdditionalClasses[i]);
		}
	}
	rm.writeClasses();

	rm.write(">");

	renderAdditionalStyleElem(rm, sId ? sId : oStep.getId(), 1);

	rm.write("<div");
	rm.writeAttribute("id", (sId ? sId : oStep.getId()) + "-box");
	rm.writeAttribute("tabindex", "-1");
	rm.addClass("sapUiRoadMapStepBox");
	rm.writeClasses();
	rm.writeAttributeEscaped("title", sTooltip);

	writeStepAria(rm, oRoadMap, oStep, fAddAdditionalBoxContent ? true : false);

	rm.write("><span>");
	rm.write(sStepName);
	rm.write("</span>");

	//Call callback function to render additional content
	if(fAddAdditionalBoxContent) {
		fAddAdditionalBoxContent(rm, oRoadMap, oStep);
	}

	rm.write("</div>");

	rm.write("<label");
	rm.writeAttribute("id", (sId ? sId : oStep.getId()) + "-label");
	rm.addClass("sapUiRoadMapTitle");
	rm.writeAttributeEscaped("title", sTooltip);
	rm.writeClasses();
	rm.write(">");
	var sLabel = oStep.getLabel();
	if(sLabel) {
		rm.writeEscaped(sLabel);
	}
	rm.write("</label>");

	renderAdditionalStyleElem(rm, sId ? sId : oStep.getId(), 2);

	rm.write("</li>");
};


//Returns the tooltip of the given step
var getStepTooltip = function(oStep){
	var sTooltip = oStep.getTooltip_AsString();
	if(!sTooltip){
		if(sap.ui.getCore().getConfiguration().getAccessibility()){
			sTooltip = getText("RDMP_DEFAULT_STEP_TOOLTIP", [oStep.__stepName]);
		}else{
			sTooltip = "";
		}
	}
	return sTooltip;
};


//Writes the additonal style HTML into the rendermanger (see renderStep)
var renderAdditionalStyleElem = function(rm, sId, iIdx){
	rm.write("<div");
	rm.writeAttribute("id", sId + "-add" + iIdx);
	rm.addClass("sapUiRoadMapStepAdd" + iIdx);
	rm.writeClasses();
	rm.write("></div>");
};


//Writes the ARIA properties of a step
var writeStepAria = function(rm, oRoadMap, oStep, bIsExpandable){
	if(!sap.ui.getCore().getConfiguration().getAccessibility()) {
		return;
	}

	rm.writeAttribute("role", "treeitem");

	if(oStep.getEnabled()){
		rm.writeAttribute("aria-checked", oRoadMap.getSelectedStep() == oStep.getId());
	}else{
		rm.writeAttribute("aria-disabled", true);
	}
	rm.writeAttribute("aria-haspopup", bIsExpandable);
	rm.writeAttribute("aria-level", oStep.getParent() instanceof sap.ui.commons.RoadMap ? 1 : 2);
	
	rm.writeAttribute("aria-posinset", getAriaPosInSet(oStep));
	rm.writeAttribute("aria-setsize", getAriaSetSize(oStep));
	rm.writeAttributeEscaped("aria-label", getAriaLabel(oStep, oStep.getLabel()));

	if(!bIsExpandable) {
		return;
	}

	rm.writeAttribute("aria-expanded", oStep.getExpanded());
};


//Computes how the aria-label property should be set for the given step
var getAriaLabel = function(oStep, sLabel){
	var bIsExpandable = oStep.getParent() instanceof sap.ui.commons.RoadMap && oStep.getSubSteps().length > 0;
	
	var sResult = sLabel || "";
	if(oStep.getEnabled()){
		sResult = getText(bIsExpandable ? "RDMP_ARIA_EXPANDABLE_STEP" : "RDMP_ARIA_STANDARD_STEP", [sResult]);
	}
	
	return sResult; 
};


//Computes how the aria-posinset property should be set for the given step
var getAriaPosInSet = function(oStep){
	var bIsTopLevel = oStep.getParent() instanceof sap.ui.commons.RoadMap;
	var iIdx = oStep.getParent()[bIsTopLevel ? "indexOfStep" : "indexOfSubStep"](oStep);
	var iCountInvisible = 0;
	var aSteps = oStep.getParent()[bIsTopLevel ? "getSteps" : "getSubSteps"]();
	for(var i=0; i<iIdx; i++){
		if(!aSteps[i].getVisible()){
			iCountInvisible++;
		}
	}
	return iIdx + 1 - iCountInvisible;
};


//Computes how the aria-setsize property should be set for the given step
var getAriaSetSize = function(oStep){
	var bIsTopLevel = oStep.getParent() instanceof sap.ui.commons.RoadMap;
	var aSteps = oStep.getParent()[bIsTopLevel ? "getSteps" : "getSubSteps"]();
	var iCount = aSteps.length;
	for(var i=0; i<aSteps.length; i++){
		if(!aSteps[i].getVisible()){
			iCount--;
		}
	}
	return iCount;
};


//Writes the step HTML of the expandable step and its children into the rendermanger
var renderExpandableStep = function(rm, oRoadMap, oStep){
	var fCreateIcon = function(rm, oRoadMap, sId, sIcon, sAdditonalClass){
		rm.write("<div");
		rm.writeAttribute("id", sId + "-ico");
		rm.addClass("sapUiRoadMapStepIco");
		if(sAdditonalClass) {
			rm.addClass(sAdditonalClass);
		}
		rm.writeClasses();
		rm.write("></div>");
	};

	var bIsExpanded = oStep.getExpanded();

	//Render the start step with an additional icon
	renderStep(rm, oRoadMap, oStep, bIsExpanded ? ["sapUiRoadMapExpanded"] : null, function(rm, oRoadMap, oStep){
		fCreateIcon(rm, oRoadMap, oStep.getId(), bIsExpanded ? "roundtripstart.gif" : "roundtrip.gif");
	});

	//Render the sub steps
	var aSteps = oStep.getSubSteps();
	for(var i=0; i<aSteps.length; i++){
		var aClasses = ["sapUiRoadMapSubStep"];
		if(!bIsExpanded && aSteps[i].getVisible()) {
			aClasses.push("sapUiRoadMapHidden");
		}
		renderStep(rm, oRoadMap, aSteps[i], aClasses);
	}

	//Render the end step with an additional icon
	aClasses = ["sapUiRoadMapExpanded", "sapUiRoadMapStepEnd"];
	if(!bIsExpanded) {
		aClasses.push("sapUiRoadMapHidden");
	}
	renderStep(rm, oRoadMap, oStep, aClasses, function(rm, oRoadMap, oStep){
		fCreateIcon(rm, oRoadMap, oStep.getId()+"-expandend", "roundtripend.gif");
	}, oStep.getId()+"-expandend");
};


//Returns the name of the step according to its index in the aggregation (like "1", "a", "aa")
var getStepName = function(oRoadMap, oStep){
	var oParent = oStep.getParent();
	if(oParent === oRoadMap) {
		return oParent.indexOfStep(oStep) + 1;
	}

	var iIdx = oParent.indexOfSubStep(oStep);

	if(iIdx < 26) {
		return String.fromCharCode(97+iIdx);
	} // Single character

	//Double characters Substeps name are formed of 2 letters (e.g. "aa"). -> so overall 702 substeps possible
	var firstCharIdx = Math.floor(iIdx/26) - 1;
	var secondCharIdx = iIdx % 26;
	return String.fromCharCode(97+firstCharIdx, 97+secondCharIdx);
};


//Refreshs teh delimiters according to the current scroll state
var updateDelimiters = function(oRoadMap){
	var iRTLFactor = getRTLFactor();

	var jStepArea = jQuery.sap.byId(oRoadMap.getId() + "-steparea");

	var iScrollLeft = getScrollLeft(jStepArea);

	var jStartDelim = jQuery.sap.byId(oRoadMap.getId() + "-Start");
	jStartDelim.removeClass("sapUiRoadMapStartScroll").removeClass("sapUiRoadMapStartFixed");
	jStartDelim.addClass(iRTLFactor*iScrollLeft >= oRoadMap.iStepWidth ? "sapUiRoadMapStartScroll" : "sapUiRoadMapStartFixed");

	var jEndDelim = jQuery.sap.byId(oRoadMap.getId() + "-End");
	jEndDelim.removeClass("sapUiRoadMapEndScroll").removeClass("sapUiRoadMapEndFixed");
	var bEndReached = jStepArea.get(0).scrollWidth - iRTLFactor*iScrollLeft - jStepArea.width() < oRoadMap.iStepWidth;
	jEndDelim.addClass(bEndReached ? "sapUiRoadMapEndFixed" : "sapUiRoadMapEndScroll");
};


//Returns the translatable text according to the given key and arguments
var getText = function(sKey, aArgs) {
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
	if(rb) {
		return rb.getText(sKey, aArgs);
	}
	return sKey;
};


//Returns the number of steps which currently could be visible
//(Must be visible and for substeps the parent must be expanded)
var getNumberOfPotentiallyVisibleSteps = function(oRoadMap){
	var counter = 0;
	var aSteps = oRoadMap.getSteps();
	for(var i=0; i<aSteps.length; i++){
		if(aSteps[i].getVisible()){
			counter++;
			if(aSteps[i].getExpanded()){
				counter++; //End of Expanded Step
				var aSubSteps = aSteps[i].getSubSteps();
				for(var j=0; j<aSubSteps.length; j++){
					if(aSubSteps[j].getVisible()) {
						counter++;
					}
				}
			}
		}
	}
	return counter;
};


//Returns the position left attribute of the given step within the scroll area
var getPositionLeft = function(jStepArea, jStep){
	var iPos = jStep.position().left;
	if(sap.ui.getCore().getConfiguration().getRTL()){ //Recompute in RTL case
		iPos = jStepArea.width() - iPos - jStep.outerWidth();
	}
	return iPos;
};


//Returns a factor which is needed in some browsers in RTL mode to make the position and scroll calculations running:
//Scrolling in RTL is quite strange in the different browsers:
//  -Firefox: right side has scrollleft=0, scrolling is indicated with negative values
//  -IE:      right side has scrollleft=0, scrolling is indicated with positive values
//  -Safari:  left side has scrollleft=0, scrolling is indicated with positive values
var getRTLFactor = function(){
	return sap.ui.getCore().getConfiguration().getRTL() && !jQuery.browser.msie ? -1 : 1;
};


//Calculates the scroll left attribute (with fix for Safari in RTL mode) to make the position and scroll calculations running
//(see comment on getRTLFactor for RTL behavior)
var getScrollLeft = function(jStepArea){
	if(sap.ui.getCore().getConfiguration().getRTL() && jQuery.browser.webkit){
		return (-1)*(jStepArea.get(0).scrollWidth - jStepArea.scrollLeft() - jStepArea.width());
	}
	return jStepArea.scrollLeft();
};


//Calculates the position of the fisrt/last step (with fix for Safari in RTL mode) to make the position and scroll calculations running
//(see comment on getRTLFactor for RTL behavior)
var getStepEndPosition = function(oRoadMap, bLast){
	var iScrollWidth = jQuery.sap.byId(oRoadMap.getId() + "-steparea").get(0).scrollWidth;
	if(sap.ui.getCore().getConfiguration().getRTL() && jQuery.browser.webkit){
		return bLast ? 0 : (-1)*iScrollWidth;
	}
	return bLast ? iScrollWidth : 0;
};


//Scrolls to the given position
var updateScrollState = function(oRoadMap, iNewPos, bSkipAnim, fEndCallBack){
	var jStepArea = jQuery.sap.byId(oRoadMap.getId() + "-steparea");
	jStepArea.stop(false, true);

	if(iNewPos == "next"){
		iNewPos = jStepArea.scrollLeft() + oRoadMap.iStepWidth*getRTLFactor();
	}else if(iNewPos == "prev"){
		iNewPos = jStepArea.scrollLeft() - oRoadMap.iStepWidth*getRTLFactor();
	}else if(iNewPos == "keep"){
		iNewPos = jStepArea.scrollLeft();
	}else{
		iNewPos = iNewPos*getRTLFactor();
	}

	var fDoAfterScroll = function(){
		updateDelimiters(oRoadMap);

		if(fEndCallBack){
			var jFirstVisibleRef = sap.ui.commons.RoadMapRenderer.getFirstVisibleRef(oRoadMap);
			fEndCallBack(jFirstVisibleRef.attr("id"));
		}
	};

	if(!jQuery.fx.off && !bSkipAnim){
		jStepArea.animate({scrollLeft: iNewPos}, "fast", fDoAfterScroll);
	}else{
		jStepArea.scrollLeft(iNewPos);
		fDoAfterScroll();
	}
};


}());
}; // end of sap.ui.commons.RoadMapRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.SearchFieldRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.SearchField
jQuery.sap.declare("sap.ui.commons.SearchFieldRenderer");

/**
 * @class SearchField renderer.
 * @static
 */
sap.ui.commons.SearchFieldRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.SearchFieldRenderer.render = function(oRenderManager, oControl){
    var rm = oRenderManager;

	if(!oControl.getVisible()){
		return;
	}

    rm.write("<div");
    rm.writeControlData(oControl);
    rm.addClass("sapUiSearchField");
    if(!oControl.getEditable() || !oControl.getEnabled()){
		rm.addClass("sapUiSearchFieldDsbl");
    }
    if(!oControl.hasListExpander()){
		rm.addClass("sapUiSearchFieldNoExp");
    }
    if(oControl.getEnableClear()){
		rm.addClass("sapUiSearchFieldClear");
    }
    if(oControl.getWidth()) {
		rm.addStyle("width", oControl.getWidth());
    }
    rm.writeClasses();
    rm.writeStyles();

	/*rm.writeAccessibilityState(null, {
		//role: "search",
		owns: oControl._ctrl.getId() + (oControl.getShowExternalButton() ? (" "+oControl._btn.getId()) : "")
	});*///CSN 1076183 2013: ARIA owns not required and leads to unexpected screen reader anouncements
    	
    rm.write(">");
    rm.renderControl(oControl._ctrl);
    if(oControl.getShowExternalButton()){
		rm.renderControl(oControl._btn);
    }
    rm.write("</div>");
};






}; // end of sap.ui.commons.SearchFieldRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.SegmentedButtonRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.SegmentedButtonRenderer");

/**
 * @class SegmentedButton renderer.
 * @static
 */
sap.ui.commons.SegmentedButtonRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.SegmentedButtonRenderer.render = function(oRenderManager, oControl){
    // convenience variable
	var rm = oRenderManager,
		rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons"),
		// ResourceBundle always returns the key if the text is not found
		sText = rb.getText("SEGMENTEDBUTTON_ARIA_SELECT");
	if (!oControl.getVisible()) {
		return;
	}

	// write the HTML into the render manager  
    rm.write("<span");
    rm.writeControlData(oControl);
    rm.addClass("sapUiSegmentedButton");
    rm.writeClasses();
	rm.write(">"); // SPAN element
    rm.write('<span id="'+oControl.getId()+'-radiogroup"');
    // ARIA
	rm.writeAccessibilityState(oControl, {
		role: "radiogroup",
		disabled: !oControl.getEnabled()
	});
	rm.write(">"); // SPAN element
	this.renderButtons(rm,oControl);
    rm.write("</span>");
	rm.write('<span id="'+oControl.getId()+'-label" style="visibility: hidden; display: none;">');
	rm.writeEscaped(sText);
	rm.write('</span>');
    rm.write("</span>");
};

sap.ui.commons.SegmentedButtonRenderer.renderButtons = function(oRenderManager, oControl) {
	// convenience variable
	var rm = oRenderManager,
		aButtons = oControl.getButtons();
    jQuery.each(aButtons, function(i,oButton) {
    	rm.renderControl(oButton);
    });
};
}; // end of sap.ui.commons.SegmentedButtonRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.SliderRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Slider
jQuery.sap.declare("sap.ui.commons.SliderRenderer");

/**
 * @class Slider renderer.
 * @static
 */
sap.ui.commons.SliderRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.fw.RenderManager}.
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should be rendered.
 */
sap.ui.commons.SliderRenderer.render = function(oRenderManager, oSlider){
	// Convenience variable
	var rm = oRenderManager;
	var oR  = sap.ui.commons.SliderRenderer;

	// Return immediately if control is invisible
	if (!oSlider.getVisible()) {
		return;
	}

	// Write the HTML into the render manager
	rm.write('<DIV');
	rm.writeControlData(oSlider);
	rm.addClass('sapUiSli');
	this.controlAdditionalCode(rm,oSlider);
	if(oSlider.getTooltip_AsString()) {
		rm.writeAttributeEscaped('title', oSlider.getTooltip_AsString());
	}

	if (!oSlider.getVertical() && oSlider.getWidth()) {
		rm.writeAttribute('style', 'width:' + oSlider.getWidth() + ';');
	} else {
		rm.writeAttribute('style', 'height:' + oSlider.getHeight() + ';');
	}

	if (!oSlider.getEnabled()) {
		rm.addClass('sapUiSliDsbl');
	}else{
		if (!oSlider.getEditable()) {
			rm.addClass('sapUiSliRo');
		}else {
			rm.addClass('sapUiSliStd');
		}
	}
	if (oSlider.getVertical()) {
		rm.addClass('sapUiSliVert');
	} else {
		rm.addClass('sapUiSliHori');
	}

	rm.writeClasses();

	// invisible span with tooltip as text for aria on grip
	if(oSlider.getTooltip_AsString()) {
		rm.write('><SPAN id="' + oSlider.getId() + '-Descr" style="visibility: hidden; display: none;">');
		rm.writeEscaped(oSlider.getTooltip_AsString());
		rm.write('</SPAN');
	}

	// Write slide bar
	rm.write('><DIV');
	rm.writeAttribute('id', oSlider.getId() + '-right');
	rm.write('class="sapUiSliR" > <DIV');

	rm.writeAttribute('id', oSlider.getId() + '-left');
	rm.write('class="sapUiSliL" > <DIV');

	rm.writeAttribute('id', oSlider.getId() + '-bar');
	rm.write('class="sapUiSliBar" >');

	var useTextLabels = false;
	if (oSlider.getLabels() && oSlider.getLabels().length > 0) {
		useTextLabels = true;
	}

	if(oSlider.getTotalUnits() > 0 || useTextLabels){

		var iTotalUnits = oSlider.getTotalUnits();
		if (useTextLabels) {
			iTotalUnits = oSlider.getLabels().length -1;
		}

		var fStepSize = (oSlider.getMax() - oSlider.getMin()) / iTotalUnits;

		// Add ticks
		for (var i = 0; i <= iTotalUnits; i++){
			rm.write('<DIV');
			rm.writeAttribute('id', oSlider.getId() + '-tick' + i);
			rm.write('class="sapUiSliTick" ');
			rm.write('></DIV>'); // tick

			if( oSlider.getStepLabels() ){
				// Texts
				rm.write('<DIV');
				rm.writeAttribute('id', oSlider.getId() + '-text' + i);
				switch (i){
				case ( 0 ):
					rm.write('class="sapUiSliText sapUiSliTextLeft" >');
					break;
				case (iTotalUnits):
					rm.write('class="sapUiSliText sapUiSliTextRight" >');
					break;
				default:
					rm.write('class="sapUiSliText" >');
					break;
				}
				if (useTextLabels) {
					rm.write(oSlider.getLabels()[i]);
				} else {
					rm.write(oSlider.getMin() + i * fStepSize);
				}
				rm.write('</DIV>'); // Text
			}
		}
	}

	// Highlight bar
	rm.write('<DIV');
	rm.writeAttribute('id', oSlider.getId() + '-hili');
	rm.write('class="sapUiSliHiLi"></DIV>');

	this.renderGrip(rm, oSlider);

	rm.write('</DIV></DIV></DIV></DIV>');
};

/**
 * Renders the Grip for the slider control, using the provided {@link sap.ui.fw.RenderManager}.
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should be rendered.
 */
sap.ui.commons.SliderRenderer.renderGrip = function(rm, oSlider){

	rm.write('<DIV');

	// Icon for grip
	rm.writeAttribute('id', oSlider.getId() + '-grip');
	if (oSlider.getEnabled()) {
		rm.writeAttribute('tabIndex', '0');
	}else{
		rm.writeAttribute('tabIndex', '-1');
	}
	rm.writeAttribute('class', 'sapUiSliGrip');
	rm.writeAttribute('title', oSlider.getValue());

	// ARIA
	rm.writeAccessibilityState(oSlider, {
		role: 'slider',
		orientation: 'horizontal',
		valuemin: oSlider.getMin(),
		valuemax: oSlider.getMax(),
		live: 'assertive',
		disabled: !oSlider.getEditable() || !oSlider.getEnabled(),
		describedby: oSlider.getTooltip_AsString() ? (oSlider.getId()+'-Descr ' + oSlider.getAriaDescribedBy().join(" ")) : undefined
	});

	if (oSlider.getVertical()) {
		rm.write('>&#9668;</DIV>'); // Symbol for HCB Theme (Must be hidden in other themes)
	} else {
		rm.write('>&#9650;</DIV>'); // Symbol for HCB Theme (Must be hidden in other themes)
	}
};

/**
 * Adds extra code to the control (i.e. in subclasses), using the provided {@link sap.ui.fw.RenderManager}.
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should be rendered.
 */
sap.ui.commons.SliderRenderer.controlAdditionalCode = function(rm, oSlider){
};
}; // end of sap.ui.commons.SliderRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.SplitterRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Splitter
jQuery.sap.declare("sap.ui.commons.SplitterRenderer");

/**
 * @class
 * @static
 */
sap.ui.commons.SplitterRenderer = {};

/**
 * Renders the HTML for the Splitter, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
 */
sap.ui.commons.SplitterRenderer.render = function(oRenderManager, oControl) {

	// return immediately if control is invisible
	if (!oControl.getVisible()) {
		return;
	}

	var rm = oRenderManager;
	var orientation = oControl.getSplitterOrientation();
	var position = oControl.getSplitterPosition();
	var dimensionSecPane;
	var oControls;
	var iLength;
	var i;
	/*
	 * dimension (height or width) of the first pane is equal to the position of the splitter bar
	 * dimension of the second pane is the remaining available place after placing the first place
	 * 100 - position
	 * the splitter bar width/height is not taken into account since it has a fix width/height of 4px,
	 * it will be calculated after rendering
	 * it will be converted into percentage once we had the width/height of the splitter available area in px
	 */
	position = position.substring(0, position.length - 1);
	dimensionSecPane = 100 - position;

	/* Opening Splitter Wrapper DIV*/
	rm.write("<div ");
	rm.writeControlData(oControl);
	rm.addClass("sapUiSplitter");

	rm.addStyle("width",  oControl.getWidth());
	rm.addStyle("height",  oControl.getHeight());
	rm.writeStyles();
	rm.writeClasses();
	rm.write(">");

	/*rendering the first pane*/
	rm.write("<div id=\"" + oControl.getId() + "_firstPane\" tabIndex=\"0\" ");
	if (oControl.getShowScrollBars()){
		rm.addStyle("overflow", "auto");
	} else{
		rm.addStyle("overflow", "hidden");
	}
	if (orientation == sap.ui.commons.Orientation.Vertical) {
		rm.addClass("sapUiVSplitterFirstPane");
		rm.addStyle("width", position + "%");
	} else if (orientation == sap.ui.commons.Orientation.Horizontal) {
		rm.addClass("sapUiHSplitterFirstPane");
		rm.addStyle("height", position + "%");
	}

	rm.writeClasses();
	rm.writeStyles();
	rm.write(">");

	/*First content (child controls)*/
	oControls = oControl.getFirstPaneContent();
	iLength = oControls.length;
	for (i = 0; i < iLength; i++) {
		rm.renderControl(oControls[i]);
	}
	rm.write("</div>");

	/*rendering the splitter bar*/
	rm.write("<div  id=\"" + oControl.getId() + "_SB\" tabIndex=\"-1\" ");
	if (orientation == sap.ui.commons.Orientation.Vertical) {
		if (oControl.getSplitterBarVisible()){
			rm.addClass("sapUiVerticalSplitterBar");
		} else {
			rm.addClass("sapUiVerticalSplitterBarHidden");
		}
		rm.addStyle("width", 0 + "%");
	} else if (orientation == sap.ui.commons.Orientation.Horizontal) {
		if (oControl.getSplitterBarVisible()){
			rm.addClass("sapUiHorizontalSplitterBar");
		} else {
			rm.addClass("sapUiHorizontalSplitterBarHidden");
		}
		rm.addStyle("height", 0 + "%");
	}
	rm.writeClasses();
	rm.writeStyles();
	rm.write(">");
	rm.write("</div>");

	/*rendering the second pane*/
	rm.write("<div id=\"" + oControl.getId() + "_secondPane\" tabIndex=\"0\" ");
	if (oControl.getShowScrollBars()){
		rm.addStyle("overflow", "auto");
	} else{
		rm.addStyle("overflow", "hidden");
	}
	if (orientation == sap.ui.commons.Orientation.Vertical) {
		rm.addClass("sapUiVSplitterSecondPane");
		rm.addStyle("width", dimensionSecPane + '%');
	} else if (orientation == sap.ui.commons.Orientation.Horizontal) {
		rm.addClass("sapUiHSplitterSecondPane");
		rm.addStyle("height", dimensionSecPane + '%');
	}
	rm.writeClasses();
	rm.writeStyles();
	rm.write(">");

	/*Second content (child controls)*/
	oControls = oControl.getSecondPaneContent();
	iLength = oControls.length;
	for (i = 0; i < iLength; i++) {
		rm.renderControl(oControls[i]);
	}
	rm.write("</div>");

	/* Closing the Splitter Wrapper DIV*/
	rm.write("</div>");
};
}; // end of sap.ui.commons.SplitterRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.TabStripRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.TabStrip
jQuery.sap.declare("sap.ui.commons.TabStripRenderer");

/**
 * @class TabStrip renderer.
 * @static
 */
sap.ui.commons.TabStripRenderer = function() {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.TabStripRenderer.render = function(oRenderManager, oControl){
	// convenience variable
	var rm = oRenderManager;
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	//outer DIV
	rm.write("<div role='presentation'");
	rm.addClass("sapUiTabStrip");
	rm.addStyle("height",oControl.getHeight());
	rm.addStyle("width",oControl.getWidth());
	rm.writeClasses();
	rm.writeStyles();
	rm.writeControlData(oControl);
	//header area
	rm.write("><div class=\"sapUiTabBar\" tabIndex=\"0\"");
	if(oControl.getTooltip_AsString()) {
		rm.writeAttributeEscaped('title', oControl.getTooltip_AsString());
	}
	// menu and list header
	rm.write("><div class=\"sapUiTabMenu\"></div><ul class=\"sapUiTabBarCnt\" role=\"tablist\">");

	var aTabs = oControl.getTabs();
	// check if selected tab exists and is visible -> otherwise select first active one
	var bWrongIndex = false;
	var iSelectedIndex = oControl.getSelectedIndex();
	if (iSelectedIndex < 0) {
		// if not tab is selected use default value
		iSelectedIndex = 0;
		oControl.setProperty( 'selectedIndex', 0, true );
	}
	var oSelectedTab = aTabs[iSelectedIndex];
	if(!oSelectedTab || !oSelectedTab.getVisible() || !oSelectedTab.getEnabled()){
		oControl._warningInvalidSelectedIndex(iSelectedIndex, oSelectedTab);
		bWrongIndex = true;
	}

	// for ARIA determine number of visible tabs
	oControl.iVisibleTabs = 0;
	for (var i=0;i<aTabs.length;i++) {
		var oTab = aTabs[i];
		if(oTab.getVisible() === false) {
			continue;
		}
		oControl.iVisibleTabs++;
	}

	var iVisibleIndex = 0;
	// tabs
	for (var i = 0; i < aTabs.length; i++) {
		var oTab = aTabs[i];
		if(oTab.getVisible() === false) {
			continue;
		}

		if(bWrongIndex && oTab.getEnabled()){
			oControl.setProperty( 'selectedIndex', i, true );
			iSelectedIndex = i;
			bWrongIndex = false;
		}

		rm.write("<li");

		if (oTab.getEnabled() == false) {
			rm.addClass("sapUiTabDsbl");
		} else if (i==iSelectedIndex) {
			rm.addClass("sapUiTabSel");
		} else {
			rm.addClass("sapUiTab");
		}

		// enable the successor tab to overlap this tab if selected
		if (i==iSelectedIndex-1) {
			rm.addClass("sapUiTabBeforeSel");
		} else if (i==iSelectedIndex+1) {
			rm.addClass("sapUiTabAfterSel");
		}

		rm.writeControlData(oTab);
		rm.writeAttribute("tabidx", i);

		//ARIA
		iVisibleIndex++;

		rm.writeAttribute("tabindex", "-1");
		rm.writeAttribute("role", "tab");

		rm.writeAccessibilityState(oTab, {selected: i==iSelectedIndex,
										  controls: oTab.getId() + "-panel",
										  disabled: !oTab.getEnabled(),
										  posinset: iVisibleIndex,
										  setsize: oControl.iVisibleTabs});
		if (oTab.getClosable()) {
			// close button text must be read
			rm.writeAccessibilityState(oTab, {describedby: oTab.getId() + "-close"});
		}

		if (iVisibleIndex == oControl.iVisibleTabs) {
			rm.addClass("sapUiTabLast"); // needed for IE8
		}
		rm.writeClasses();

		var oTitle = oTab.getTitle();
		// tooltip: if title has a tooltip use it, if not use the tooltip of the tab
		if(oTitle && oTitle.getTooltip_AsString()) {
			rm.writeAttributeEscaped('title', oTitle.getTooltip_AsString());
		} else if(oTab.getTooltip_AsString()){
			rm.writeAttributeEscaped('title', oTab.getTooltip_AsString());
		}
		rm.write(">");

		// title with icon
		if (oTitle) {
			if (oTitle.getIcon()) {
				rm.write("<img class=\"sapUiTabIco\"");
				rm.writeAttributeEscaped("src", oTitle.getIcon());
				rm.write("/>");
			}
			rm.writeEscaped(oTab.getTitle().getText());
		} else {
			jQuery.sap.log.warning("No title configured for " + oTab + ". Either set a string as 'text' property or a sap.ui.commons.Title as 'title' aggregation.");
		}
		if (oTab.getClosable()) {
			// close button
			rm.write("<button id='" + oTab.getId() + "-close' type=\"button\" tabindex= \"-1\" class=\"sapUiTabClose\" title=\""+rb.getText("TAB_CLOSE_TEXT")+"\"></button>");
		}
		rm.write("</li>");
	}
	rm.write("</ul></div>");

	if (bWrongIndex) {
		// still wrong index - no tab is selected -> render empty panel area
		oControl.setProperty( 'selectedIndex', -1, true );
		iSelectedIndex = -1;
		rm.write("<div id=\"" + oControl.getId() + "-panel" + "\" role=\"tabpanel\"");
		rm.addClass("sapUiTabPanel");
		if(oControl.getHeight()){
			rm.addClass("sapUiTabPanelHeight");
		}
		rm.writeClasses();
		rm.write("></div>");
	}else {
		for (var i=0;i<aTabs.length;i++) {
			var oTab = aTabs[i];
			//do not render unselected (or invisible) tab content
			if (i!=iSelectedIndex || oTab.getVisible() === false) {
				continue;
			}

			// Improved version... now announcing the title when clicked into the tabpanel... into the full tabpanel!
			// ARIA requires ID for the Panel...
			rm.write("<div id=\"" + oTab.getId() + "-panel" + "\" role=\"tabpanel\" aria-labelledby=\"" + oTab.getId() +"\"");
			rm.addClass("sapUiTabPanel");
			if(oControl.getHeight()){
				rm.addClass("sapUiTabPanelHeight");
			}
			rm.writeClasses();
			rm.write(">");

			sap.ui.commons.TabStripRenderer.renderTabContents(rm,oTab);
			rm.write("</div>");
		}
	}
	rm.write("</div>");

	// reset invalidate flag
	oControl.invalidated = false;

};

/*moved over from former (and replaced) Panel control
 * @private
 */
sap.ui.commons.TabStripRenderer.renderTabContents = function(rm, oControl) {

	// Content
	var oControls = oControl.getContent(),
	iLength = oControls.length;
	for (var i=0;i<iLength;i++) {
		rm.renderControl(oControls[i]);
	}

};
}; // end of sap.ui.commons.TabStripRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.TextFieldRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.TextField
jQuery.sap.declare("sap.ui.commons.TextFieldRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.ValueStateSupport'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * TextField Renderer
 * @class
 * @static
 * @author Daniel Brinkmann / Sebastian Allmann
 * @version 1.12.0
 * @since 0.9.0
 */
sap.ui.commons.TextFieldRenderer = {};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.commons.TextField}
 *            oTextField The TextField control that should be rendered.
 */
sap.ui.commons.TextFieldRenderer.render = function(oRenderManager, oTextField) {

	var rm = oRenderManager,
		r  = sap.ui.commons.TextFieldRenderer;

	// Return immediately if control is invisible
	if (!oTextField.getVisible()) {
		return;
	}

	var sWidth = oTextField.getWidth();
	var tooltip = sap.ui.core.ValueStateSupport.enrichTooltip(oTextField, oTextField.getTooltip_AsString());
	var bRenderOuter = oTextField._getRenderOuter();

// In case of Combobox, F4-help, DatePicker: Render outer element.
// The details of the outer element are rendered in the hook implemented in the corresponding control.
	if (bRenderOuter) {
		rm.write("<div");
		rm.writeControlData(oTextField);
		rm.addClass("sapUiTfBack");
		this.renderStyles(rm, oTextField);

		if(tooltip) {
			rm.writeAttributeEscaped('title', tooltip);
		}

		var sSpanStyle;
		if(sWidth && sWidth != '') {
			sSpanStyle= 'width: '+ sWidth+';';
		}

		if(this.renderOuterAttributes){
			this.renderOuterAttributes(rm, oTextField);
		}

		if (sSpanStyle) {
			rm.writeAttribute('style', sSpanStyle);
		}
		rm.writeStyles();
		rm.writeClasses();
		rm.write(">");

		// Outer hook
		if (this.renderOuterContentBefore) {
			this.renderOuterContentBefore(rm, oTextField);
		}
	}

// Inner tag / pure TextField
	if (this.getInnerTagName){
		rm.write('<'+this.getInnerTagName());
	}else{
		rm.write("<input");
	}
	rm.addClass("sapUiTf");

	if (!bRenderOuter) {
		// Stand-alone TextField
		rm.writeControlData(oTextField);
		rm.addClass("sapUiTfBack");
		this.renderStyles(rm, oTextField);

		if(sWidth && sWidth != '') {
			rm.addStyle("width", sWidth);
		}
	}else{
		rm.writeAttribute('id', oTextField.getId() + '-input');
		rm.addClass("sapUiTfInner");
		rm.addStyle("width", '100%');
	}

	if(tooltip) {
		// render title always on INPUT tag (even it's in outer DIV too)
		// because screenreader ignores it on outer DIV 
		rm.writeAttributeEscaped('title', tooltip);
	}

	if (oTextField.getName()) {
		rm.writeAttributeEscaped('name', oTextField.getName());
	}

	if(!oTextField.getEditable()){
		rm.writeAttribute('readonly', 'readonly');
	}
	if(this.renderTextFieldEnabled){
		this.renderTextFieldEnabled(rm, oTextField);
	}else if(!oTextField.getEnabled()){
		rm.writeAttribute('disabled', 'disabled');
		rm.writeAttribute('tabindex', '-1');
	}else if(!oTextField.getEditable()){
		rm.writeAttribute('tabindex', '0');
	}else{
		rm.writeAttribute('tabindex', '0');
	}

	// Appearance
	var oTextDir = oTextField.getTextDirection();
	if(oTextDir) {
		rm.writeAttribute("dir", oTextDir);
	}

	var oTextAlign = oTextField.getTextAlign();
	if(oTextAlign) {
		rm.addStyle("text-align", r.getTextAlign(oTextAlign, oTextDir));
	}

	switch (oTextField.getImeMode()) {
	case sap.ui.core.ImeMode.Inactive:
		rm.addStyle('ime-mode','inactive');
		break;
	case sap.ui.core.ImeMode.Active:
		rm.addStyle('ime-mode','active');
		break;
	case sap.ui.core.ImeMode.Disabled:
		rm.addStyle('ime-mode','disabled');
		break;
	}

	if(oTextField.getDesign() == sap.ui.core.Design.Monospace){
		rm.addClass('sapUiTfMono');
	}

	if (oTextField.getMaxLength()) {
		rm.writeAttribute("maxLength", oTextField.getMaxLength());
	}

	// Add additional attributes, styles and so on (TextArea)
	if (this.renderInnerAttributes) {
		this.renderInnerAttributes(rm, oTextField);
	}

	// ARIA
	if(this.renderARIAInfo){
		this.renderARIAInfo(rm, oTextField);
	}

	rm.writeStyles();
	rm.writeClasses();

	if (this.getInnerTagName){
		rm.write(">");
	}else{
		rm.write(" value=\"");
		rm.writeEscaped(oTextField.getValue());
		rm.write("\"");
		rm.write("/>");
	}

	if (this.getInnerTagName){
		// Inner hook
		if (this.renderInnerContent) {
			this.renderInnerContent(rm, oTextField);
		}

		rm.write('</'+this.getInnerTagName()+'>');
	}

	if (bRenderOuter) {
		// Outer hook
		if (this.renderOuterContent) {
			this.renderOuterContent(rm, oTextField);
		}

		rm.write("</div>");
	}

};

sap.ui.commons.TextFieldRenderer.renderStyles = function(rm, oTextField) {

	rm.addClass('sapUiTfBrd');

	if(oTextField.getEnabled()){
		if(!oTextField.getEditable()){
			rm.addClass("sapUiTfRo");
		}else{
			rm.addClass("sapUiTfStd");
		}
	}else{
		rm.addClass("sapUiTfDsbl");
	}

	switch (oTextField.getValueState()){
	case (sap.ui.core.ValueState.Error) :
		rm.addClass('sapUiTfErr');
	break;
	case (sap.ui.core.ValueState.Success) :
		rm.addClass('sapUiTfSucc');
	break;
	case (sap.ui.core.ValueState.Warning) :
		rm.addClass('sapUiTfWarn');
	break;
	}

	if(oTextField.getRequired()){
		rm.addClass('sapUiTfReq');
	}

};

sap.ui.commons.TextFieldRenderer.onfocus = function(oTextField) {
	var oTfRef = jQuery.sap.byId(oTextField.getId());
	oTfRef.addClass("sapUiTfFoc");
};

sap.ui.commons.TextFieldRenderer.onblur = function(oTextField) {
	var oTfRef = jQuery.sap.byId(oTextField.getId());
	oTfRef.removeClass("sapUiTfFoc");
};

sap.ui.commons.TextFieldRenderer.setValueState = function(oTextField, oldValueState, newValueState) {
	var oTfRef = jQuery.sap.byId(oTextField.getId());
	var bRenderOuter = oTextField._getRenderOuter();

	if(bRenderOuter){
	// aria attribute must be on inner tag
		var oTfRefInput = jQuery.sap.byId(oTextField.getId()+'-input');
	}else{
		var oTfRefInput = oTfRef;
	}

	// Remove old value state
	switch (oldValueState){
	case (sap.ui.core.ValueState.Error) :
		oTfRef.removeClass('sapUiTfErr');
		oTfRefInput.removeAttr('aria-invalid');
		break;
	case (sap.ui.core.ValueState.Success) :
		oTfRef.removeClass('sapUiTfSucc');
		break;
	case (sap.ui.core.ValueState.Warning) :
		oTfRef.removeClass('sapUiTfWarn');
		break;
	}

	// Set new value state
	switch (newValueState){
	case (sap.ui.core.ValueState.Error) :
		oTfRef.addClass('sapUiTfErr');
		oTfRefInput.attr('aria-invalid',true);
		break;
	case (sap.ui.core.ValueState.Success) :
		oTfRef.addClass('sapUiTfSucc');
		break;
	case (sap.ui.core.ValueState.Warning) :
		oTfRef.addClass('sapUiTfWarn');
		break;
	}

	var tooltip = sap.ui.core.ValueStateSupport.enrichTooltip(oTextField, oTextField.getTooltip_AsString());
	if (tooltip) {
		oTfRef.attr('title', tooltip);
		if (bRenderOuter) {
			jQuery.sap.byId(oTextField.getId()+'-input').attr('title', tooltip);
		}
	}else{
		oTfRef.removeAttr('title');
		if (bRenderOuter) {
			jQuery.sap.byId(oTextField.getId()+'-input').removeAttr('title');
		}
	}

};

sap.ui.commons.TextFieldRenderer.setEditable = function(oTextField, bEditable) {

	if(!oTextField.getEnabled()){
		// if disabled -> nothing to do
		return;
	}

	var oTfRef = jQuery.sap.byId(oTextField.getId());

	if(oTextField._getRenderOuter()){
	// Readonly attribute must be on inner tag
		var oTfRefInput = jQuery.sap.byId(oTextField.getId()+'-input');
	}else{
		var oTfRefInput = oTfRef;
	}


	if (bEditable) {
		oTfRef.removeClass('sapUiTfRo').addClass('sapUiTfStd');
		oTfRefInput.removeAttr('readonly');
	} else {
		oTfRef.removeClass('sapUiTfStd').addClass('sapUiTfRo');
		oTfRefInput.attr('readonly', 'readonly');
	}

	oTfRefInput.attr('aria-readonly', !bEditable);
};

sap.ui.commons.TextFieldRenderer.setEnabled = function(oTextField, bEnabled) {
	var oTfRef = jQuery.sap.byId(oTextField.getId());

	if(oTextField._getRenderOuter()){
	// Disabled attribute must be on inner tag
		var oTfRefInput = jQuery.sap.byId(oTextField.getId()+'-input');
	}else{
		var oTfRefInput = oTfRef;
	}

	if (bEnabled) {
		if (oTextField.getEditable()) {
			oTfRef.removeClass('sapUiTfDsbl').addClass('sapUiTfStd').removeAttr('aria-disabled');
			oTfRefInput.removeAttr('disabled').removeAttr('aria-disabled').attr( 'tabindex', '0');
		} else {
			oTfRef.removeClass('sapUiTfDsbl').addClass('sapUiTfRo').removeAttr('aria-disabled');
			oTfRefInput.removeAttr('disabled').removeAttr('aria-disabled').attr( 'tabindex', '0').attr( 'readonly', 'readonly');
		}
	}else{
		if (oTextField.getEditable()) {
			oTfRef.removeClass('sapUiTfStd').addClass('sapUiTfDsbl').attr('aria-disabled', 'true');
			oTfRefInput.attr( 'disabled', 'disabled').attr('aria-disabled', 'true').attr( 'tabindex', '-1');
		} else {
			oTfRef.removeClass('sapUiTfRo').addClass('sapUiTfDsbl').attr('aria-disabled', 'true');
			oTfRefInput.removeAttr('readonly').attr( 'disabled', 'disabled').attr('aria-disabled', 'true').attr( 'tabindex', '-1');
		}
	}

};

sap.ui.commons.TextFieldRenderer.removeValidVisualization = function(oTextField) {
	var oTfRef = jQuery.sap.byId(oTextField.getId());
	if(oTfRef) {
		oTfRef.removeClass("sapUiTfSucc");
	}
	else {
		jQuery.sap.delayedCall(1000, sap.ui.commons.TextFieldRenderer, "removeValidVisualization", [oTextField]);
	}
};

sap.ui.commons.TextFieldRenderer.setDesign = function(oTextField, sDesign) {

	jQuery.sap.byId(oTextField.getId()).toggleClass('sapUiTfMono', (sDesign == sap.ui.core.Design.Monospace));
};

sap.ui.commons.TextFieldRenderer.setRequired = function(oTextField, bRequired) {

	if(oTextField._getRenderOuter()){
	// aria attribute must be on inner tag
		var oTfRefInput = jQuery.sap.byId(oTextField.getId()+'-input');
	}else{
		var oTfRefInput = jQuery.sap.byId(oTextField.getId());
	}

	jQuery.sap.byId(oTextField.getId()).toggleClass('sapUiTfReq', bRequired);
	if (bRequired) {
		oTfRefInput.attr("aria-required", true);
	} else {
		oTfRefInput.removeAttr("aria-required");
	}

};

sap.ui.commons.TextFieldRenderer.renderARIAInfo = function(rm, oTextField) {

	var mProps= {
		role: oTextField.getAccessibleRole().toLowerCase(),
		multiline: false,
		autocomplete: 'none'};

	if (oTextField.getValueState() == sap.ui.core.ValueState.Error) {
		mProps["invalid"] = true;
	}

	rm.writeAccessibilityState(oTextField, mProps);

};

/**
 * Dummy inheritance of static methods/functions.
 * @see sap.ui.core.Renderer.getTextAlign
 * @private
 */
sap.ui.commons.TextFieldRenderer.getTextAlign = sap.ui.core.Renderer.getTextAlign;

}; // end of sap.ui.commons.TextFieldRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.TextViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.TextView
jQuery.sap.declare("sap.ui.commons.TextViewRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class TextView renderer.
 * @author SAP AG
 * @static
 */
sap.ui.commons.TextViewRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.core.Control} oTextView An object representation of the control that should be rendered.
 */
sap.ui.commons.TextViewRenderer.render = function(oRenderManager, oTextView) {

	var rm = oRenderManager;
	var r = sap.ui.commons.TextViewRenderer;

	// return immediately if control is invisible
	if (!oTextView.getVisible()) {
		return;
	}

	// Get parameters
	var enabled = oTextView.getEnabled() === true,
		oDesign = oTextView.getDesign(),
		tabIndex = 0;

	// Enable/disable
	if(!enabled) {
		tabIndex = -1;
		rm.addClass("sapUiTvDsbl");
		oTextView.allowTextSelection(false);
	}
	// Show error/warning states if they are enabled
	else {
		// error/warning state
		switch (oTextView.getSemanticColor()){
		case (sap.ui.commons.TextViewColor.Negative) :
			rm.addClass('sapUiTvErr');
			break;
		case (sap.ui.commons.TextViewColor.Positive) :
			rm.addClass('sapUiTvSucc');
			break;
		case (sap.ui.commons.TextViewColor.Critical) :
			rm.addClass('sapUiTvWarn');
			break;
		}
	}

	// Styles
	var TextViewDesign = sap.ui.commons.TextViewDesign;
	if (oDesign != TextViewDesign.Standard) {
		if (oDesign === TextViewDesign.Bold) {
			rm.addClass("sapUiTvEmph");
		} else if (oDesign === TextViewDesign.H1) {
			rm.addClass("sapUiTvH1");
		} else if (oDesign === TextViewDesign.H2) {
			rm.addClass("sapUiTvH2");
		} else if (oDesign === TextViewDesign.H3) {
			rm.addClass("sapUiTvH3");
		} else if (oDesign === TextViewDesign.H4) {
			rm.addClass("sapUiTvH4");
		} else if (oDesign === TextViewDesign.H5) {
			rm.addClass("sapUiTvH5");
		} else if (oDesign === TextViewDesign.H6) {
			rm.addClass("sapUiTvH6");
		} else if (oDesign === TextViewDesign.Italic) {
			rm.addClass("sapUiTvItalic");
		} else if (oDesign === TextViewDesign.Small) {
			rm.addClass("sapUiTvSmall");
		} else if (oDesign === TextViewDesign.Monospace) {
			rm.addClass("sapUiTvMono");
		} else if (oDesign === TextViewDesign.Underline) {
			rm.addClass("sapUiTvULine");
		}
	}

	if(!oTextView.getWrapping()){
		rm.addStyle("white-space", "nowrap");
		rm.addStyle("overflow", "hidden");
		rm.addStyle("text-overflow", "ellipsis");
	}

	if (oTextView.getWidth() && oTextView.getWidth() != '') {
		rm.addStyle("width", oTextView.getWidth());
	}

	rm.write("<span");
	rm.writeControlData(oTextView);

	rm.addClass("sapUiTv");

	if (oTextView.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oTextView.getTooltip_AsString());
	}else if (oTextView.getText()) {
		rm.writeAttributeEscaped("title", oTextView.getText());
	}

	// Appearance
	var oTextDir = oTextView.getTextDirection();
	if(oTextDir) {
		rm.writeAttribute("dir", oTextDir);
	}

	var oTextAlign = oTextView.getTextAlign();
	if(oTextAlign) {
		rm.addStyle("text-align", r.getTextAlign(oTextAlign, oTextDir));
	}

	// Make control focusable via tab
	// according to Stefan Schnabel there shall not be a tabstop   rm.writeAttribute('tabindex', tabIndex);
	rm.writeAttribute('tabindex', '-1'); //to make it focusable in ItemNavigation
	// Set Accessible Role
	rm.writeAccessibilityState(oTextView, {
		role: oTextView.getAccessibleRole().toLowerCase(),
		invalid: oTextView.getSemanticColor() == sap.ui.commons.TextViewColor.Negative,
		disabled: !oTextView.getEnabled()
	});

	rm.writeClasses();
	rm.writeStyles();
	rm.write(">");
	rm.writeEscaped(oTextView.getText(), true);
	rm.write("</span>");

};

/**
 * Dummy inheritance of static methods/functions.
 * @see sap.ui.core.Renderer.getTextAlign
 * @private
 */
sap.ui.commons.TextViewRenderer.getTextAlign = sap.ui.core.Renderer.getTextAlign;
}; // end of sap.ui.commons.TextViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ToggleButtonRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Togglebutton
jQuery.sap.declare("sap.ui.commons.ToggleButtonRenderer");

jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class ToggleButton renderer.
 * @author D040134
 * @static
 */

sap.ui.commons.ToggleButtonRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.ButtonRenderer);

/**
 * @param {sap.ui.core.RenderManager}
 *            rm the RenderManager currently rendering this control
 * @param {sap.ui.commons.ToggleButton}
 *            oToggleButton the ToggleButton that should be rendered
 * @private
 * P.S.: "renderButtonAttributes" is a reserved/hard-coded Button extending function!
 *       It is used to allow extensions to display content after the actual button content.
 */
sap.ui.commons.ToggleButtonRenderer.renderButtonAttributes = function(rm, oToggleButton) {
	rm.addClass("sapUiToggleBtn");
	if (oToggleButton.getPressed()){
		rm.addClass("sapUiToggleBtnPressed");
		rm.writeAttribute('aria-pressed', true);
	} else {
		rm.writeAttribute('aria-pressed', false);
	}
};


/**
 * Function called by ToggleButton control to enable Pressed state.
 */
sap.ui.commons.ToggleButtonRenderer.onactivePressed = function(oToggleButton) {
	jQuery.sap.byId(oToggleButton.getId()).addClass("sapUiToggleBtnPressed").attr('aria-pressed', true);
};

/**
 * Function called by button control to disable Pressed state.
 */
sap.ui.commons.ToggleButtonRenderer.ondeactivePressed = function(oToggleButton) {
	jQuery.sap.byId(oToggleButton.getId()).removeClass("sapUiToggleBtnPressed").attr('aria-pressed', false);
};

/**
 * Function called by button control to update image based on state.
 */
sap.ui.commons.ToggleButtonRenderer.updateImage = function(oToggleButton) {
	jQuery.sap.byId(oToggleButton.getId() + '-img').attr('src',this._getIconForState(oToggleButton, "base"));
};

/**
 * Returns the icon URI for the given button state
 * @private
 */
sap.ui.commons.ToggleButtonRenderer._getIconForState = function(oButton, sState) {
	switch(sState){
		case "mouseout":
		case "focus":
		case "blur":
		case "base":
			return oButton.getPressed() && oButton.getIconSelected() ? oButton.getIconSelected() : oButton.getIcon();
		case "active":
			var sIcon = oButton.getIconSelected();
			return sIcon ? sIcon : oButton.getIcon();
		case "mouseover":
		case "deactive":
			var sIcon = oButton.getIconHovered();
			return sIcon ? sIcon : (oButton.getPressed() && oButton.getIconSelected() ? oButton.getIconSelected() : oButton.getIcon());
	}
	return oButton.getIcon();
};

}; // end of sap.ui.commons.ToggleButtonRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ToolbarRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.Toolbar
jQuery.sap.declare("sap.ui.commons.ToolbarRenderer");

/**
 * @class
 *
 * @static
 */
sap.ui.commons.ToolbarRenderer = {
};

/**
 * Renders the HTML for the given toolbar using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.commons.Toolbar} oToolbar An object representation of the control that should be rendered.
 */
sap.ui.commons.ToolbarRenderer.render = function(oRenderManager, oToolbar) {
	var rm = oRenderManager;
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	jQuery.sap.assert(oToolbar instanceof sap.ui.commons.Toolbar, "ToolbarRenderer.render: oToolbar must be a toolbar");

	if (!oToolbar.getVisible()) {
		return;
	}

	rm.write("<div role='toolbar' tabindex='0'"); // Tab index required for ItemNavigation, the Toolbar is actually not tabable
	rm.writeControlData(oToolbar);
	if (oToolbar.getWidth()) {
		rm.addStyle("width", oToolbar.getWidth());
	}

	var sTooltip = oToolbar.getTooltip_AsString();
	if (sTooltip) {
		rm.writeAttributeEscaped("title", sTooltip);
	}

	rm.addClass("sapUiTb");
	rm.addClass("sapUiTbDesign" + oToolbar.getDesign());
	if (oToolbar.getStandalone()) {
		rm.addClass("sapUiTbStandalone");
	}

	rm.writeStyles();
	rm.writeClasses();
	rm.write(">");

	var aRightItems = oToolbar.getRightItems();
	var iRightItemsLength =  aRightItems.length;
	var bHasRightItems = iRightItemsLength > 0;

    if (bHasRightItems){
    	rm.write("<div class='sapUiTbCont sapUiTbContLeft'><div class='sapUiTbInner' >");
    } else {
    	rm.write("<div class='sapUiTbCont'><div class='sapUiTbInner'>");
    }


	// Render each item, also the hidden ones, as they might become visible when the toolbar is resized
	var aItems = oToolbar.getItems();
	var iLength = aItems.length;
	for (var i = 0; i < iLength; i++) {
		var oToolbarItem = aItems[i];
		if (oToolbarItem) {
			jQuery.sap.assert(oToolbarItem.getMetadata().isInstanceOf("sap.ui.commons.ToolbarItem"), "ToolbarRenderer.render: oToolbarItem must be a ToolbarItem");

			// Render ToolbarSeparator elements internally, dispatch rendering of real controls
			if (oToolbarItem instanceof sap.ui.commons.ToolbarSeparator) {
				sap.ui.commons.ToolbarRenderer.renderSeparator(rm, oToolbarItem);
			} else {
				rm.renderControl(oToolbarItem);
			}
		}
	}

	// Render the overflow menu button and the cover hiding it, if appropriate
	rm.write("<div id='");
	rm.write(oToolbar.getId());
	rm.write("-mn' class='sapUiTbOB' role='button' aria-haspopup='true' title='" + rb.getText("TOOLBAR_OVERFLOW") + "' tabindex='-1'></div></div></div>");

	// Render right side items if right items exist
	if (bHasRightItems){
		rm.write("<div class='sapUiTbInnerRight' >");
		for (var i = 0; i < iRightItemsLength; i++) {
			var oToolbarItem = aRightItems[i];
			if (oToolbarItem) {
				jQuery.sap.assert(oToolbarItem.getMetadata().isInstanceOf("sap.ui.commons.ToolbarItem"), "ToolbarRenderer.render: oToolbarItem must be a ToolbarItem");
				// Render ToolbarSeparator elements internally, dispatch rendering of real controls
				if (oToolbarItem instanceof sap.ui.commons.ToolbarSeparator) {
					sap.ui.commons.ToolbarRenderer.renderSeparator(rm, oToolbarItem);
				} else {
					rm.renderControl(oToolbarItem);
				}
			}
		}
		rm.write("</div>");
	}
	// Close div for the toolbar
	rm.write("</div>");

};


/**
 * Renders the given ToolbarSeparator
 *
 * @param {sap.ui.core.RenderManager} oRm The RenderManager
 * @param {sap.ui.commons.ToolbarItem} oToolbarItem The ToolbarSeparator
 * @private
 */
sap.ui.commons.ToolbarRenderer.renderSeparator = function(oRm, oToolbarItem) {
	if (oToolbarItem.getDisplayVisualSeparator()) {
		oRm.write("<span ");
		oRm.writeElementData(oToolbarItem);
		if (oToolbarItem.getDesign() === sap.ui.commons.ToolbarSeparatorDesign.FullHeight) {
			oRm.write(" class='sapUiTbSeparator sapUiTbSepFullHeight' role='separator'></span>");
		} else {
			oRm.write(" class='sapUiTbSeparator' role='separator'></span>");
		}
	} else {
		oRm.write("<span ");
		oRm.writeElementData(oToolbarItem);
		oRm.write(" class='sapUiTbSpacer' role='separator'></span>");
	}
};


/**
 * Fills the overflow popup with the currently invisible toolbar items.
 *
 * @param {sap.ui.commons.Toolbar} oToolbar
 * @private
 */
sap.ui.commons.ToolbarRenderer.fillOverflowPopup = function(oToolbar) {
	var oPopupHolder = jQuery.sap.domById(oToolbar.getId() + "-pu");
	if (!oPopupHolder) {
		oPopupHolder = sap.ui.commons.ToolbarRenderer.initOverflowPopup(oToolbar).firstChild;
	}

	// Move all invisible items from the second row of the toolbar to the popup
	var iVisibleItems = oToolbar.getVisibleItemInfo().count;
	var oToolbarCont = oToolbar.getDomRef().firstChild.firstChild;
	var iPos = 0;
	var oChild = oToolbarCont.firstChild;
	var sOverflowButtonId = oToolbar.getId() + "-mn";
	while (oChild) {
		var nextChild = oChild.nextSibling;
		if (iPos >= iVisibleItems) {
			if (oChild.id == sOverflowButtonId) { // do not move overflow button and cover
				break;
			}

			oPopupHolder.appendChild(oChild);
		}
		oChild = nextChild;
		iPos++;
	}
};


/**
 * Creates the overflow popup inside the static area, but does not fill its contents (=no items).
 *
 * @param {sap.ui.commons.Toolbar} oToolbar
 * @private
 */
sap.ui.commons.ToolbarRenderer.initOverflowPopup = function(oToolbar) {
	var oStaticArea = sap.ui.getCore().getStaticAreaRef();
	var oPopupHolder = document.createElement("div");
	oPopupHolder.className = "sapUiTbDD sapUiTbDesignFlat";
	oPopupHolder.innerHTML = "<div id='" + oToolbar.getId() + "-pu' data-sap-ui=" + oToolbar.getId() + " tabindex='0' role='menu'></div>";
	oStaticArea.appendChild(oPopupHolder);
	return oPopupHolder;
};


/**
 * Removes the toolbar items from the overflow popup and puts them back into the toolbar.
 *
 * @param {sap.ui.commons.Toolbar} oToolbar
 * @private
 */
sap.ui.commons.ToolbarRenderer.emptyOverflowPopup = function(oToolbar) {
	var oPopupHolder = jQuery.sap.domById(oToolbar.getId() + "-pu");
	var oOverflowButton = jQuery.sap.domById(oToolbar.getId() + "-mn");
	var oToolbarCont = oToolbar.getDomRef().firstChild.firstChild;
	while (oPopupHolder.hasChildNodes()) {
		oToolbarCont.insertBefore(oPopupHolder.firstChild, oOverflowButton);
	}
};


/**
 * Returns the area in which the overflow popup should be rendered.
 *
 * @param {sap.ui.commons.Toolbar} oToolbar The Toolbar whose popup area is requested
 *
 * @private
 */
sap.ui.commons.ToolbarRenderer.getPopupArea = function(oToolbar) {
	return jQuery.sap.domById(oToolbar.getId() + "-pu");
};

/**
 * @param {sap.ui.commons.Toolbar} oToolbar The Toolbar where the overflow button should be set active
 * @private
 */
sap.ui.commons.ToolbarRenderer.setActive = function(oToolbar) {
	jQuery.sap.byId(oToolbar.getId() + "-mn").addClass("sapUiTbOBAct");
};

/**
 * @param {sap.ui.commons.Toolbar} oToolbar The Toolbar where the overflow button should be set not active
 * @private
 */
sap.ui.commons.ToolbarRenderer.unsetActive = function(oToolbar) {
	jQuery.sap.byId(oToolbar.getId() + "-mn").removeClass("sapUiTbOBAct");
};
}; // end of sap.ui.commons.ToolbarRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.TreeRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.TreeRenderer
jQuery.sap.declare("sap.ui.commons.TreeRenderer");

/**
 * @class Tree renderer.
 * @static
 */
sap.ui.commons.TreeRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oTree an object representation of the control that should be rendered
 */
sap.ui.commons.TreeRenderer.render = function(oRenderManager, oTree){
	// convenience variable
	var rm = oRenderManager;

	//First node get is focusable.
	sap.ui.commons.TreeRenderer.bFirstNodeRendered = false;

	rm.write("<div");
	rm.writeControlData(oTree);
	rm.addClass("sapUiTree");

	if(oTree.getHeight() != "" && oTree.getHeight() != "auto"){
		rm.addClass("sapUiTreeFixedHeight");
	}
	if(!oTree.getShowHeader()){
		rm.addClass("sapUiTreeTransparent");
	}
	rm.writeClasses();

	rm.addStyle("width", oTree.getWidth() || "auto");
	rm.addStyle("height", oTree.getHeight());
	rm.addStyle("min-width", oTree.getMinWidth());

	rm.writeStyles();

	//ARIA
	rm.writeAttribute('role', 'tree');
	rm.write(">");

	if(oTree.getShowHeader()){

		rm.write("<div id=\""+ oTree.getId() +"-Header\" class=\"sapUiTreeHeader\""); //Header
		rm.writeAttribute('role', 'heading');
		rm.write(">");

		//Title
		rm.write("<div class='sapUiTreeTitle'");

		if(oTree.getTooltip_AsString()){
			rm.writeAttributeEscaped( "title", oTree.getTooltip_AsString());//Tree tooltip
		}
		rm.write(">");
		rm.writeEscaped(oTree.getTitle());
		rm.write("</div>");


		if(oTree.getShowHeaderIcons()){
			rm.write("<div id='"+oTree.getId()+"-TBCont' class='sapUiTreeTbCont'"); //ToolbarContainer
			rm.writeAttribute('role', 'toolbar');
			rm.write(">");
			rm.renderControl(oTree.oCollapseAllButton);
			rm.renderControl(oTree.oExpandAllButton );

			rm.write("</div>");
		}


		rm.write("</div>");//End of Header
	}

	rm.write("<div id=\""+ oTree.getId() +"-TreeCont\""); //tree container


	rm.addClass("sapUiTreeCont");
	var showScroll = oTree.getShowHorizontalScrollbar();
	if(!showScroll){
		rm.addClass("sapUiTreeContNoScroll");
	}
	rm.writeClasses();

	rm.write(">");

	// write the HTML into the render manager
	rm.write("<ul class=\"sapUiTreeList\">");

	var aNodes = oTree.getNodes();
	 for(var i=0;i<aNodes.length;i++){
	   sap.ui.commons.TreeRenderer.renderNode(rm, aNodes[i], 1, aNodes.length, i + 1);
	}

	rm.write("</ul>");
	rm.write("</div>");//Tree Container
	rm.write("</div>");//Tree
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oNode an object representation of the control that should be rendered
 * @param {int} iLevel the hierarchical level value of the node
 */
sap.ui.commons.TreeRenderer.renderNode = function(oRenderManager, oNode, iLevel, iSize, iPos){
	// convenience variable
	var rm = oRenderManager;
	var bExpanded;

	// write the HTML into the render manager
	rm.write("<li");
	rm.writeElementData(oNode);
	rm.addClass("sapUiTreeNode");

	if(oNode.getExpanded() && (oNode.getHasExpander() || oNode.hasChildren() )){
		rm.addClass("sapUiTreeNodeExpanded");
		bExpanded = true;
	}
	else if(!oNode.getExpanded() && (oNode.getHasExpander() || oNode.hasChildren() )){

		rm.addClass("sapUiTreeNodeCollapsed");
		bExpanded = false;
	}

	if(oNode.getSelectable() && oNode.getIsSelected()){
		rm.addClass("sapUiTreeNodeSelected");
		rm.writeAttribute('aria-selected', 'true');
	}

	if(! bExpanded && oNode.hasSelectedHiddenChild()){
		rm.addClass("sapUiTreeNodeSelectedParent");
		rm.writeAttribute('aria-selected', 'true');
	}

	rm.writeClasses();

	//ARIA
	rm.writeAttribute('role', 'treeitem');
	rm.writeAttribute('aria-level', iLevel);
	rm.writeAttribute('aria-setsize', iSize);
	rm.writeAttribute('aria-posinset', iPos);

	if(bExpanded){
		rm.writeAttribute("aria-expanded", "true");
	}
	else{
		// don't write aria expanded attribute if a node has no children
		// if a node has an expander we assume that it also has children
		if (oNode.getHasExpander()) {
			rm.writeAttribute("aria-expanded", "false");
		}
	}


	//Tooltip
	rm.writeAttributeEscaped( "title", oNode.getTooltip_AsString());

	if(!sap.ui.commons.TreeRenderer.bFirstNodeRendered){
		rm.write("tabindex='0'");
		sap.ui.commons.TreeRenderer.bFirstNodeRendered = true;
	}
	rm.write(">");


	rm.write("<span");  //Node Content

	rm.addClass("sapUiTreeNodeContent");
	if(!oNode.getSelectable()){
		rm.addClass("sapUiTreeNodeNotSelectable");
	}
	rm.writeClasses();

	rm.write(">");  //Node Content

	if(oNode.getIcon()){
		rm.write("<img class='sapUiTreeIcon'");
		rm.writeAttributeEscaped( "src",oNode.getIcon());
		rm.write("/>");
	}

	rm.writeEscaped( oNode.getText());


	rm.write("</span>"); //Node Content

	rm.write("</li>");

	if(oNode.getNodes()){
		var aSubNodes = oNode.getNodes();
		rm.write("<ul");

		rm.writeAttribute("id", oNode.getId() + "-children");

		rm.addClass("sapUiTreeChildrenNodes");
		if(!bExpanded){
			rm.addClass("sapUiTreeHiddenChildrenNodes");
		}
		else{
			rm.writeAttribute("style", "display: block;");//For animation sake
		}
		rm.writeClasses();

		rm.write(">");
		iLevel ++;
		for(var i=0;i<aSubNodes.length;i++){
			sap.ui.commons.TreeRenderer.renderNode(rm, aSubNodes[i], iLevel, aSubNodes.length, i + 1);
		}
		rm.write("</ul>");
	}
};

}; // end of sap.ui.commons.TreeRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.TriStateCheckBoxRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.TriStateCheckBox
jQuery.sap.declare("sap.ui.commons.TriStateCheckBoxRenderer");
jQuery.sap.require('sap.ui.core.ValueStateSupport'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class
 * @author SAP AG
 * @version 0.1
 * @static
 */
sap.ui.commons.TriStateCheckBoxRenderer = {};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.TriStateCheckBoxRenderer.render = function(oRm, oControl) {

	// Return immediately if control is invisible
	if (!oControl.getVisible()) {
		return;
	}

	var myTabIndex = 0;
	var bReadOnly = false;

	// Collect state information
  var enabled = !!oControl.getEnabled();
	var editable = !!oControl.getEditable();
	var inErrorState = false;
	var inWarningState = false;
	var selectedState = oControl.getSelectionState();
	var ariaState = selectedState.toLowerCase();
	if (ariaState == "checked"){
		ariaState = true;
	}
	else if(ariaState == "unchecked"){
		ariaState = false;
	}
	var tooltip = sap.ui.core.ValueStateSupport.enrichTooltip(oControl, oControl.getTooltip_AsString());
	var ariaLabelId = "sapUiAriaLabel" + oControl.getIdForLabel();
	if (oControl.getValueState() != null){
		inErrorState = sap.ui.core.ValueState.Error == oControl.getValueState();
		inWarningState = sap.ui.core.ValueState.Warning == oControl.getValueState();
	}

	// write the HTML into the render manager
	//outer span containing aria information, tabindex, text and tooltip etc.
	oRm.write("<span");
	oRm.writeControlData(oControl);

	oRm.addClass("sapUiTriCb");

	if (!!oControl.getWidth()){
		oRm.writeAttribute("style", "width:" + oControl.getWidth() + ";");
	}
	oRm.writeAccessibilityState(oControl, {
		"role" : sap.ui.core.AccessibleRole.Checkbox.toLowerCase(),
		"checked" : ariaState
		});
	oRm.writeClasses();
	if (!enabled){
		myTabIndex = -1;
	}
	oRm.writeAttribute("tabIndex", myTabIndex);
	oRm.write(">");

	// inner span carrying metadata and style according to the current state
	oRm.write("<span");

	oRm.writeAccessibilityState(oControl, {"labelledby": ariaLabelId});

	if (tooltip){
		oRm.writeAttributeEscaped("title", tooltip);
	}

	if (!enabled){
		bReadOnly = true;
		myTabIndex = -1;
		oRm.write(" disabled='disabled'");
	}

	if (!editable){
		bReadOnly = true;
	}

	if (bReadOnly){
		oRm.write(" readOnly='readOnly'");
	}

	oRm.addClass("sapUiTriCbInner");

	if (!enabled){
		oRm.addClass("sapUiTriCbDis");
	}

	if (!editable){
		oRm.addClass("sapUiTriCbRo");
	}

	if (inErrorState){
		oRm.addClass("sapUiTriCbErr");
	}
	else if (inWarningState){
		oRm.addClass("sapUiTriCbWarn");
	}

	// Add classes and properties depending on the state
	if (selectedState === "Checked") {
		oRm.addClass("sapUiTriCbCheck");
	}
	else if (selectedState === "Mixed") {
		oRm.addClass("sapUiTriCbMix");
	}

	oRm.writeClasses();
	oRm.write(">"); // span element
	oRm.write("</span>");

// render text into the outer span
	if (oControl.getText()) {
		this.renderText(ariaLabelId, oRm, oControl.getText(), oControl.getTextDirection());
	}
	oRm.write("</span>");

};

/**
 * Write the descriptive span for the CheckBox along with an explicit "dir" in case the text direction is different from the environment.
 * Add sLabelId as id for aria-labelledby support
 *
 */
 sap.ui.commons.TriStateCheckBoxRenderer.renderText = function(sLabelId, oRenderManager, sText, eTextDirection) {
	var oRm = oRenderManager;
	oRm.write("<span id=" + sLabelId + " class=\"sapUiTriCbLbl\"");
	if (!eTextDirection || eTextDirection == sap.ui.core.TextDirection.Inherit) {
		oRm.write(">");
		oRm.writeEscaped(sText);
	} else {
		oRm.write(" dir=\"" + eTextDirection + "\">");
		oRm.writeEscaped(sText);
	}
	oRm.write("</span>");
};
}; // end of sap.ui.commons.TriStateCheckBoxRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ValueHelpFieldRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.ValueHelpField
jQuery.sap.declare("sap.ui.commons.ValueHelpFieldRenderer");


/**
 * @class ValueHelpField renderer.
 * @static
 * For a common look&feel, the ValueHelpFeild extends the TextField control,
 * just like the ComboBox does.
 */
sap.ui.commons.ValueHelpFieldRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.TextFieldRenderer);

/**
 * @param {sap.ui.core.RenderManager}
 *            rm the RenderManager currently rendering this control
 * @param {sap.ui.commons.ValueHelpField}
 *            oControl the ValueHelpField whose "value help" should be rendered
 * @private
 * P.S.: "renderOuterAttributes" is a reserved/hard-coded TextField extending function!
 *       It is used to allow extensions to display help icons.
 */
sap.ui.commons.ValueHelpFieldRenderer.renderOuterAttributes = function(rm, oControl) {
	// To share the overall ComboBox styling:
	// Note: Would be best if a more generic className had been used for this, like
	//       "sapUiTfIconContainer", as ComboBox and DatePicker and ValueHelpField are likely
	//       to always share a common container look. (Only icon should differ.)
	//       Then, in the unlikely case where one of them would want to differ from the
	//       others, then this one would only need to add its own className on top of
	//       the generic one, e.g. "sapUiTfDateContainer" for the DatePicker.
	// Referencing "sapUiTfCombo" for now.
	rm.addClass("sapUiTfCombo");
//as only input field gets focus, render aria info there
	rm.writeAttribute("aria-owns", oControl.getId() + '-input '+oControl.getId() + '-icon');
};

/**
 * Renders additional HTML for the ComboBox to the TextField (sets the icon)
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for
 *                                                 writing to the Render-Output-Buffer.
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should
 *                                     be rendered.
 */
sap.ui.commons.ValueHelpFieldRenderer.renderOuterContent = function(rm, oControl){

	rm.write('<img id=', oControl.getId() + '-icon');
	// As mentioned above, a more generic "sapUiTfIcon" className could have been used...
	// One would just have had to add its own icon className!
	// Using "sapUiTfValueHelpIcon" for now, as it proved easier to define instead of overwriting
	// the ComboBox image sources and backgrounds.
	rm.addClass("sapUiTfValueHelpIcon");
	if (oControl.getEnabled() && oControl.getEditable()) {
		rm.addClass("sapUiTfValueHelpRegularIcon");
	}

	this.renderIcon(rm, oControl);
	rm.writeClasses();
	rm.writeAttribute("role","button");
	rm.write(">");
};

/**
 * as onBeforeRendering only runs while re-rendering this module is called in renderer
 */
sap.ui.commons.ValueHelpFieldRenderer.renderIcon = function(rm, oControl){

	var sIcon = "";

	oControl.sIcon = "";
	oControl.sIconRegularUrl = "";
	oControl.sIconHoverUrl = "";
	oControl.sIconDsblUrl = "";

	if (!oControl.getEnabled()) {
		if (oControl.getIconDisabledURL()) {
			oControl.sIconDsblUrl = oControl.getIconDisabledURL();
		} else if (oControl.getIconURL()) {
			oControl.sIconDsblUrl = oControl.getIconURL();
			var oIcon  = jQuery.sap.domById(oControl.getId() + '-icon');
			rm.addClass('sapUiTfValueHelpDsblIcon');
		} else {
			oControl.sIcon = sap.ui.core.theming.Parameters.get('sap.ui.commons.ValueHelpField:sapUiValueHelpIconDsblUrl');
			oControl.sIconDsblUrl = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + oControl.sIcon;
		}
		sIcon = oControl.sIconDsblUrl;
	} else {
		if (oControl.getIconURL()) {
			oControl.sIconRegularUrl = oControl.getIconURL();
		} else {
			oControl.sIcon = sap.ui.core.theming.Parameters.get('sap.ui.commons.ValueHelpField:sapUiValueHelpIconRegularUrl');
			oControl.sIconRegularUrl = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + oControl.sIcon;
		}
		sIcon = oControl.sIconRegularUrl;
	}
	rm.writeAttributeEscaped('src', sIcon);
};

///**
// * Renders ARIA information for the outer DIV
// *
// * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for
// *                                                 writing to the Render-Output-Buffer
// * @param {sap.ui.fw.Control} oControl an object representation of the control that should
// *                                     be rendered
// */
//sap.ui.commons.ValueHelpFieldRenderer.renderARIAInfo = function(rm, oControl) {
//	if ( sap.ui.getCore().getConfiguration().getAccessibility()){
//	// Widgets are discrete user interface objects with which the user can interact.
//	// Widget roles map to standard features in accessibility APIs.
//	// When a user navigates an element assigned any of the non-abstract subclass roles of widget,
//	// assistive technologies that typically intercept standard keyboard events SHOULD switch to
//	// an application browsing mode, and pass keyboard events through to the web application.
//	// The intent is to hint to certain assistive technologies to switch from normal browsing mode
//	// into a mode more appropriate for interacting with a web application; some user agents have
//	// a browse navigation mode where keys, such as up and down arrows, are used to browse the
//	// document, and this native behavior prevents the use of these keys by a web application.
//		rm.writeAttribute('role', 'widget');
//		rm.writeAttribute('aria-haspopup', 'true');
//		// IMPORTANT: According to jQuery forums, DatePicker Accessibility is to be delivered in a
//		//            future release. No release mentionned.
//		// So there is not much point about doing more about this at the moment.
//	}
//};
}; // end of sap.ui.commons.ValueHelpFieldRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.FormLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.form.FormLayoutRenderer");

/**
 * @class FormLayout renderer.
 * @static
 */
sap.ui.commons.form.FormLayoutRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oLayout an object representation of the control that should be rendered
 */
sap.ui.commons.form.FormLayoutRenderer.render = function(oRenderManager, oLayout){
	// convenience variable
	var rm = oRenderManager;

	var oForm = oLayout.getParent();
	if (oForm && oForm instanceof sap.ui.commons.form.Form) {
		this.renderForm(rm, oLayout, oForm);
	}

};

/**
 * Renders the HTML for the given form content, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} rm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oLayout an object representation of the Layout control that should be rendered
 * @param {sap.ui.commons.form.Form} oForm, a form control to render its content
 */
sap.ui.commons.form.FormLayoutRenderer.renderForm = function(rm, oLayout, oForm){

	rm.write("<div");
	rm.writeControlData(oLayout);
	rm.addClass(this.getMainClass());
	rm.writeClasses();
	rm.write(">");

	// Form header
	this.renderTitle(rm, oForm.getTitle(), undefined, false, sap.ui.commons.TitleLevel.H2, oForm.getId());

	this.renderContainers(rm, oLayout, oForm);

	rm.write("</div>");
};

sap.ui.commons.form.FormLayoutRenderer.getMainClass = function(){
	return "sapUiFormLayout";
};

sap.ui.commons.form.FormLayoutRenderer.renderContainers = function(rm, oLayout, oForm){

	var aContainers = oForm.getFormContainers();
	for (var i = 0, il = aContainers.length; i < il; i++) {
		var oContainer = aContainers[i];
		if (oContainer.getVisible()) {
			this.renderContainer(rm, oLayout, oContainer);
		}
	}

};

sap.ui.commons.form.FormLayoutRenderer.renderContainer = function(rm, oLayout, oContainer){

	var bExpandable = oContainer.getExpandable();

	rm.write("<section");
	rm.writeElementData(oContainer);
	rm.addClass("sapUiFormContainer");

	if(oContainer.getTooltip_AsString()) {
		rm.writeAttributeEscaped('title', oContainer.getTooltip_AsString());
	}
	rm.writeClasses();
	rm.write(">");
	this.renderTitle(rm, oContainer.getTitle(), oContainer._oExpandButton, bExpandable, sap.ui.commons.TitleLevel.H4, oContainer.getId());

	if (bExpandable) {
		rm.write("<div id='"+oContainer.getId()+"-content'");
		if (!oContainer.getExpanded()) {
			rm.addStyle("display", "none");
			rm.writeStyles();
		}
		rm.write(">");
	}

	var aElements = oContainer.getFormElements();
	for (var j = 0, jl = aElements.length; j < jl; j++) {

		var oElement = aElements[j];

		if (oElement.getVisible()) {
			this.renderElement(rm, oLayout, oElement);
		}

	}
	if (bExpandable) {
		rm.write("</div>");
	}
	rm.write("</section>");

};

sap.ui.commons.form.FormLayoutRenderer.renderElement = function(rm, oLayout, oElement){

	rm.write("<div");
	rm.writeElementData(oElement);
	rm.addClass("sapUiFormElement");
	rm.writeClasses();
	rm.write(">");

	var oLabel = oElement.getLabelControl();
	if (oLabel) {
		rm.renderControl(oLabel);
	}

	var aFields = oElement.getFields();
	if (aFields && aFields.length > 0) {
		for (var k = 0, kl = aFields.length; k < kl; k++) {
			var oField = aFields[k];
			rm.renderControl(oField);
		}
	}
	rm.write("</div>");

};

/*
 * Renders the title for a Form or a FormContainer
 * If this function is overwritten in a Layout please use the right IDs to be sure aria-describedby works fine
 */
sap.ui.commons.form.FormLayoutRenderer.renderTitle = function(rm, oTitle, oExpandButton, bExpander, sLevelDefault, sContentId){

	if (oTitle){
		//determine title level -> if not set use H4 as default
		var sLevel = sap.ui.commons.TitleLevel.H4;
		if (sLevelDefault) {
			sLevel = sLevelDefault;
		}
		if (typeof oTitle !== "string" && oTitle.getLevel() != sap.ui.commons.TitleLevel.Auto) {
			sLevel = oTitle.getLevel();
		}

		// just reuse TextView class because there font size & co. is already defined
		rm.write("<"+sLevel+" ");
		rm.addClass("sapUiTv"+sLevel);
		rm.addClass("sapUiFormTitle");

		if(typeof oTitle !== "string"){
			rm.writeElementData(oTitle);
			if (oTitle.getTooltip_AsString()) {
				rm.writeAttributeEscaped('title', oTitle.getTooltip_AsString());
			}
			if (oTitle.getEmphasized()) {
				rm.addClass("sapUiFormTitleEmph");
			}
		}else {
			rm.writeAttribute("id", sContentId+"--title");
		}
		rm.writeClasses();
		rm.write(">");

		if (bExpander && oExpandButton) {
			rm.renderControl(oExpandButton);
		}
		if (typeof oTitle === "string") {
			// Title is just a string
			rm.writeEscaped(oTitle, true);
		}else{
			// title control
			if (oTitle.getIcon()) {
				rm.write("<img id=\"" + oTitle.getId() + "-ico\" src=\"");
				rm.writeEscaped(oTitle.getIcon());
				rm.write("\" role=\"presentation\" alt=\"\"/>"); // role and alt added as per accessibility requirement
			}
			rm.writeEscaped(oTitle.getText(), true);
		}

		rm.write("</"+sLevel+">");
	}

};
}; // end of sap.ui.commons.form.FormLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.FormRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.form.FormRenderer");

/**
 * @class Form renderer.
 * @static
 */
sap.ui.commons.form.FormRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oForm an object representation of the control that should be rendered
 */
sap.ui.commons.form.FormRenderer.render = function(oRenderManager, oForm){

	if (!oForm.getVisible()) {
		// nothing to render
		return;
	}

	// convenience variable
	var rm = oRenderManager;
	var oLayout = oForm.getLayout();

	// write only a DIV for the form and let the layout render the rest
	rm.write("<div");
	rm.writeControlData(oForm);
	rm.addClass("sapUiForm");
	if (oForm.getWidth()) {
		rm.addStyle("width", oForm.getWidth());
	}
	if(oForm.getTooltip_AsString()) {
		rm.writeAttributeEscaped('title', oForm.getTooltip_AsString());
	}
	rm.writeClasses();
	rm.writeStyles();

	var mAriaProps = {role: "form"};
	var oTitle = oForm.getTitle();
	if (oTitle) {
		var sId = "";
		if (typeof oTitle == "string") {
			sId = oForm.getId()+"--title";
		} else {
			sId = oTitle.getId();
		}
		mAriaProps["describedby"] = sId;
	}

	rm.writeAccessibilityState(oForm, mAriaProps);

	rm.write(">");

	if (oLayout) {
		// render the layout with the content of this form control
		rm.renderControl(oLayout);
	}else{
		jQuery.sap.log.warning("Form \""+ oForm.getId() +"\" - Layout missing!", "Renderer", "Form");
	}

	rm.write("</div>");
};
}; // end of sap.ui.commons.form.FormRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.GridLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.declare("sap.ui.commons.form.GridLayoutRenderer");


/**
 * @class form/GridLayout renderer.
 * @static
 */
sap.ui.commons.form.GridLayoutRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.form.FormLayoutRenderer);

/**
 * Renders the HTML for the given form content, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} rm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oLayout an object representation of the Layout control that should be rendered
 * @param {sap.ui.commons.form.Form} oForm, a form control to render its content
 */
sap.ui.commons.form.GridLayoutRenderer.renderForm = function(rm, oLayout, oForm){

	var bSingleColumn = oLayout.getSingleColumn();
	var iColumns = 16;
	var bSeparatorColumn = false;
	var iColumnsHalf = 0;
	var aContainers = oForm.getFormContainers();
	var iContainerLength = aContainers.length;

	if (bSingleColumn) {
		iColumns = iColumns/2;
		iColumnsHalf = iColumns;
	}else{
		iColumnsHalf = iColumns/2;
		//check if the separator column is needed -> if there are half containers
		for ( var i = 0; i < iContainerLength; i++) {
			var oContainerData = this.getContainerData(oLayout, aContainers[i]);
			if (oContainerData && oContainerData.getHalfGrid()) {
				bSeparatorColumn = true;
				break;
			}
		}
	}

	rm.write("<table role=\"presentation\"");
	rm.writeControlData(oLayout);
	rm.write(" cellpadding=\"0\" cellspacing=\"0\"");
	rm.addStyle("border-collapse", "collapse");
	rm.addStyle("table-layout", "fixed");
	rm.addStyle("width", "100%");
	rm.addClass("sapUiGrid");

	rm.writeStyles();
	rm.writeClasses();
	rm.write(">");
	rm.write("<colgroup>");
	rm.write("<col span="+iColumnsHalf+">");
	if (bSeparatorColumn) {
		rm.write("<col class = \"sapUiGridSpace\"span=1>");
	}
	if (!bSingleColumn) {
		rm.write("<col span="+iColumnsHalf+">");
	}
	rm.write("</colgroup><tbody>");

	// form header as table header
	if (oForm.getTitle()) {
		var iTitleCells = iColumns;
		if (bSeparatorColumn) {
			iTitleCells++;
		}
		rm.write("<tr><th colspan="+iTitleCells+">");
		this.renderTitle(rm, oForm.getTitle(), undefined, false, sap.ui.commons.TitleLevel.H3, oForm.getId());
		rm.write("</th></tr>")
	}

	var i = 0;
	while (i < iContainerLength) {
		var oContainer = aContainers[i];
		if (oContainer.getVisible()) {
			var oContainerData = this.getContainerData(oLayout, oContainer);
			if (oContainerData && oContainerData.getHalfGrid() && !bSingleColumn) {
				var oContainer2 = aContainers[i+1];
				var oContainerData2 = undefined;
				if (oContainer2 && oContainer2.getVisible()) {
					oContainerData2 = this.getContainerData(oLayout, oContainer2);
				}
				if (oContainerData2 && oContainerData2.getHalfGrid()) {
					this.renderContainerHalfSize(rm, oLayout, oContainer, oContainer2, iColumns);
					i++;
				}else{
					// second container is full size or does not exist -> render only 1 container as half size
					this.renderContainerHalfSize(rm, oLayout, oContainer, undefined, iColumns);
				}
			} else {
				this.renderContainerFullSize(rm, oLayout, oContainer, iColumns, bSeparatorColumn);
			}
		}

		i++;
	}

	if (jQuery.browser.msie && jQuery.browser.version.substring(0,1) == "9") {
		// As IE9 is buggy wth colspan and layout fixed if not all columns are defined least once
		rm.write("<tr style=\"visibility:hidden;\">")
		for ( var i = 0; i < iColumns; i++) {
			rm.write("<td style=\"visibility:hidden; padding:0; height: 0;\"></td>")
		}
		if (bSeparatorColumn) {
			rm.write("<td style=\"visibility:hidden; padding:0; height: 0;\"></td>")
		}
		rm.write("</tr>")
	}

	rm.write("</tbody></table>");

};

sap.ui.commons.form.GridLayoutRenderer.renderContainerFullSize = function(rm, oLayout, oContainer, iColumns, bSeparatorColumn){

	var bExpandable = oContainer.getExpandable();

	// as container has no own DOM Element no element data is rendered.
	// This should not be a problem as it is an element, not a control.

	// render Container tooltip at header cell
	var sTooltip = oContainer.getTooltip_AsString();

	// container header
	if (oContainer.getTitle()) {
		var iTitleCells = iColumns;
		if (bSeparatorColumn) {
			iTitleCells++;
		}
		rm.write("<tr><td colspan="+iTitleCells+" class=\"sapUiGridHeader\"");
		if (sTooltip) {
			rm.writeAttributeEscaped('title', sTooltip);
		}
		rm.write(">");
		this.renderTitle(rm, oContainer.getTitle(), oContainer._oExpandButton, bExpandable, sap.ui.commons.TitleLevel.H4, oContainer.getId());
		rm.write("</td></tr>")
	}

	if (!bExpandable || oContainer.getExpanded()) {
		// container is not expandable or is expanded -> render elements
		var aElements = oContainer.getFormElements();
		var aReservedCells = [];
		for (var j = 0, jl = aElements.length; j < jl; j++) {

			var oElement = aElements[j];
			if (oElement.getVisible()) {
				var bEmptyRow = aReservedCells[0] && (aReservedCells[0][0] == iColumns);

				rm.write("<tr");
				if (aReservedCells[0] != "full" && !bEmptyRow) {
					rm.writeElementData(oElement);
					rm.addClass("sapUiFormElement");
				}
				rm.writeClasses();
				rm.write(">");
				if (!bEmptyRow) {
					aReservedCells = this.renderElement(rm, oLayout, oElement, false, iColumns, bSeparatorColumn, aReservedCells);
				}else{
					// the complete line is reserved -> render only an empty row
					aReservedCells.splice(0,1);
				}
				rm.write("</tr>")
				if (aReservedCells[0] == "full" || bEmptyRow) {
					// this is a full size element -> just render it again in the next line
					j = j-1;
				}
			}
		}
		if (aReservedCells.length > 0) {
			// still rowspans left -> render dummy rows to fill up
			for ( var i = 0; i < aReservedCells.length; i++) {
			rm.write("<tr></tr>");
			}
		}
	}

};

// no bSeparartor needed because between 2 containers there must be a separator
sap.ui.commons.form.GridLayoutRenderer.renderContainerHalfSize = function(rm, oLayout, oContainer1, oContainer2, iColumns){

	var iContainerColumns = iColumns/2;

	var bExpandable1 = oContainer1.getExpandable();

	var sTooltip1 = oContainer1.getTooltip_AsString();
	var sTooltip2;

	var oTitle1 = oContainer1.getTitle();
	var oTitle2;

	var aElements1 = [];
	if (!bExpandable1 || oContainer1.getExpanded()) {
		aElements1 = oContainer1.getFormElements();
	}
	var iLength1 = aElements1.length;
	var aElements2 = [];
	var iLength2 = 0;

	var bExpandable2 = false;
	if (oContainer2) {
		bExpandable2 = oContainer2.getExpandable();
		sTooltip2 = oContainer2.getTooltip_AsString();
		oTitle2 = oContainer2.getTitle();
		if (!bExpandable2 || oContainer2.getExpanded()) {
			aElements2 = oContainer2.getFormElements();
		}
		iLength2 = aElements2.length;
	}

	if (oTitle1 || oTitle2) {
		// render title row (if one container has a title, the other has none leave the cells empty)
		rm.write("<tr><td colspan="+iContainerColumns+" class=\"sapUiGridHeader\"");
		if (sTooltip1) {
			rm.writeAttributeEscaped('title', sTooltip1);
		}
		rm.write(">");
		if (oTitle1) {
			this.renderTitle(rm, oTitle1, oContainer1._oExpandButton, bExpandable1, sap.ui.commons.TitleLevel.H4, oContainer1.getId());
		}
		rm.write("</td><td></td><td colspan="+iContainerColumns+" class=\"sapUiGridHeader\"")
		if (sTooltip2) {
			rm.writeAttributeEscaped('title', sTooltip2);
		}
		rm.write(">");
		if (oTitle2) {
			this.renderTitle(rm, oTitle2, oContainer2._oExpandButton, bExpandable2, sap.ui.commons.TitleLevel.H4, oContainer2.getId());
		}
		rm.write("</td></tr>")
	}

	if ((!bExpandable1 || oContainer1.getExpanded()) || (!bExpandable2 || oContainer2.getExpanded())) {
		var aReservedCells1 = [],
			aReservedCells2 = [];
		var i1 = 0, i2 = 0;

		while (i1 < iLength1 || i2 < iLength2) {
			var oElement1 = aElements1[i1];
			var oElement2 = aElements2[i2];
			var bEmptyRow1 = aReservedCells1[0] && (aReservedCells1[0][0] == iContainerColumns);
			var bEmptyRow2 = aReservedCells2[0] && (aReservedCells2[0][0] == iContainerColumns);

			if ((oElement1 && oElement1.getVisible()) || (oElement2 && oElement2.getVisible()) || bEmptyRow1 || bEmptyRow2) {
				rm.write("<tr>");
				if (!bEmptyRow1) {
					if (oElement1 && oElement1.getVisible() && (!bExpandable1 || oContainer1.getExpanded())) {
						aReservedCells1 = this.renderElement(rm, oLayout, oElement1, true, iContainerColumns, false, aReservedCells1);
					}else{
						rm.write("<td colspan="+iContainerColumns+"></td>")
					}
					if (aReservedCells1[0] != "full") {
						i1++;
					}
				}else {
					if (aReservedCells1[0][2] > 0) {
						// render empty label cell
						rm.write("<td colspan="+aReservedCells1[0][2]+"></td>")
					}
					aReservedCells1.splice(0,1);
				}
				rm.write("<td></td>"); // separator column
				if (!bEmptyRow2) {
					if (oElement2 && oElement2.getVisible() && (!bExpandable2 || oContainer2.getExpanded())) {
						aReservedCells2 = this.renderElement(rm, oLayout, oElement2, true, iContainerColumns, false, aReservedCells2);
					}else{
						rm.write("<td colspan="+iContainerColumns+"></td>")
					}
					if (aReservedCells2[0] != "full") {
						i2++;
					}
				}else {
					if (aReservedCells2[0][2] > 0) {
						// render empty label cell
						rm.write("<td colspan="+aReservedCells2[0][2]+"></td>")
					}
					aReservedCells2.splice(0,1);
				}
				rm.write("</tr>")
			}else{
				i1++;
				i2++;
			}
		}
		if (aReservedCells1.length > 0 || aReservedCells2.length > 0) {
			// still rowspans left -> render dummy rows to fill up
			for ( var i = 0; i < aReservedCells1.length || i < aReservedCells2.length; i++) {
			rm.write("<tr></tr>");
			}
		}
	}
};

/*
 * aReservedCells : Array of already used cells of vCells (Rowspan) of previous elements, "full" if a full-size field
 */
sap.ui.commons.form.GridLayoutRenderer.renderElement = function(rm, oLayout, oElement, bHalf, iCells, bSeparatorColumn, aReservedCells){

	var oLabel = oElement.getLabelControl(); // do not use getLabel() because it returns just text if only text is maintained
	var iLabelFromRowspan = 0;
	var aFields = oElement.getFields();
	var iCellsUsed = 0;
	var iAutoCellsUsed = 0;
	var bMiddleSet = false;

	if (aFields.length == 1 && this.getElementData(oLayout, aFields[0]) && this.getElementData(oLayout, aFields[0]).getHCells() == "full") {
		// field must be full size - render label in a separate row
		if (aReservedCells.length > 0 && aReservedCells[0] != "full") {
			// already rowspans left -> ignore full line and raise error
			jQuery.sap.log.error("Element \""+ oElement.getId() +"\" - Too much fields for one row!", "Renderer", "GridLayout");
			return aReservedCells;
		}
		if (bSeparatorColumn) {
			iCells = iCells + 1;
		}
		if (oLabel && aReservedCells[0] != "full") {
			rm.write("<td colspan="+iCells+" >");
			rm.renderControl(oLabel);
			rm.write("</td>");
			return ["full"];
		}else{
			aReservedCells.splice(0,1);
			var iRowspan = this.getElementData(oLayout, aFields[0]).getVCells();
			rm.write("<td colspan="+iCells);
			if (iRowspan > 1 && bHalf) {
				// Rowspan on full size cells -> reserve cells for next line (makes only sense in half size containers);
				rm.write(" rowspan="+iRowspan);
				for ( var x = 0; x < iRowspan-1; x++) {
					aReservedCells.push([iCells, undefined, false]);
				}
			}
			rm.write(" >");
			rm.renderControl(aFields[0]);
			rm.write("</td>");
			return aReservedCells;
		}
	}

	if (aReservedCells.length > 0 && aReservedCells[0][0] > 0) {
		// already cells reserved by previous lines via vCells
		// add label cells to free cells because they are reduced by rendering the label
		iCells = iCells - aReservedCells[0][0] + aReservedCells[0][2];
		bMiddleSet = aReservedCells[0][1];
		iLabelFromRowspan = aReservedCells[0][2];
		aReservedCells.splice(0,1);
	}

	var iLabelCells = iLabelFromRowspan;
	if (oLabel || iLabelFromRowspan > 0) {
		iLabelCells = 3;
		if (oLabel && iLabelFromRowspan == 0) {
			// if there is a rowspan in rows above, the label can not have a different size
			var oElementData = this.getElementData(oLayout, oLabel);

			if (oElementData) {
				var sColspan = oElementData.getHCells();
				if (sColspan != "auto" && sColspan != "full") {
					iLabelCells = parseInt(sColspan);
				}
			}
		}

		rm.write("<td colspan="+iLabelCells+" class=\"sapUiGridLabel\">");
		if (oLabel) {
			rm.renderControl(oLabel);
		}
		iCells = iCells - iLabelCells;
		rm.write("</td>");
	}

	if (aFields && aFields.length > 0) {
		// calculate free cells for auto size
		var iAutoCells = iCells;
		var iAutoFields = aFields.length;
		for (var i = 0, il = aFields.length; i < il; i++) {
			var oField = aFields[i];
			var oElementData = this.getElementData(oLayout, oField);
			if (oElementData && oElementData.getHCells() != "auto") {
				iAutoCells = iAutoCells - parseInt(oElementData.getHCells());
				iAutoFields = iAutoFields - 1;
			}
		}

		for (var i = 0, iAutoI = 0, il = aFields.length; i < il; i++) {
			var oField = aFields[i];
			var oElementData = this.getElementData(oLayout, oField);
			var sColspan = "auto";
			var iColspan = 1;
			var iRowspan = 1;
			if (oElementData) {
				sColspan = oElementData.getHCells();
				iRowspan = oElementData.getVCells();
			}
			// calculate real colspan
			if (sColspan == "auto") {
				if (iAutoCells > 0) {
					iColspan = Math.floor(iAutoCells / iAutoFields);
					if (iColspan < 1) {
						iColspan = 1;
					}
					iAutoI++;
					iAutoCellsUsed = iAutoCellsUsed + iColspan;
					if ((iAutoI == iAutoFields) && (iAutoCells > iAutoCellsUsed)) {
						iColspan = iColspan + (iAutoCells-iAutoCellsUsed);
					}
				} else {
					// no space for auto cells -> render it with 1 cell
					iColspan = 1;
				}
			}else{
				iColspan = parseInt(sColspan);
			}
			iCellsUsed = iCellsUsed + iColspan;
			if (iCellsUsed > iCells) {
				// too much cells
				jQuery.sap.log.error("Element \""+ oElement.getId() +"\" - Too much fields for one row!", "Renderer", "GridLayout");
				iCellsUsed = iCellsUsed - iColspan; // to add empty dummy cell
				break;
			}

			if (iRowspan > 1) {
				// Rowspan is used -> reserve cells for next line
				for ( var x = 0; x < iRowspan-1; x++) {
					if (oLabel) {
						iLabelFromRowspan = iLabelCells;
					}
					if (aReservedCells.length > x) {
						aReservedCells[x][0] = aReservedCells[x][0] + iColspan;
						aReservedCells[x][2] = iLabelFromRowspan;
					}else{
						aReservedCells.push([iLabelCells + iColspan, undefined, iLabelFromRowspan]);
					}
				}
			}

			if (bSeparatorColumn && iCellsUsed >= Math.floor(iCells/2) && !bMiddleSet) {
				// for the middle cell add the separator column
				iColspan = iColspan + 1;
				bMiddleSet = true;
				if (iRowspan > 1) {
					// Rowspan is used -> reserve cells for next line
					for ( var x = 0; x < iRowspan-1; x++) {
						aReservedCells[x][1] = true;
					}
				}
			}

			rm.write("<td");
			if (iColspan > 1) {
				rm.write(" colspan="+iColspan);
			}
			if (iRowspan > 1) {
				rm.write(" rowspan="+iRowspan);
			}
			rm.write(" >");
			rm.renderControl(oField);
			rm.write("</td>")
		}
	}
	if (bHalf && iCellsUsed < iCells) {
		// add an empty cell if not all cells are filled
		var iEmpty = iCells - iCellsUsed;
		rm.write("<td colspan="+iEmpty+" ></td>");
	}

	return aReservedCells;

};

sap.ui.commons.form.GridLayoutRenderer.getContainerData = function(oLayout, oContainer){

	return oLayout.getLayoutDataForElement(oContainer, "sap.ui.commons.form.GridContainerData")

};

sap.ui.commons.form.GridLayoutRenderer.getElementData = function(oLayout, oControl){

	return oLayout.getLayoutDataForElement(oControl, "sap.ui.commons.form.GridElementData")

};
}; // end of sap.ui.commons.form.GridLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.ResponsiveLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained


jQuery.sap.declare("sap.ui.commons.form.ResponsiveLayoutRenderer");

/**
 * @class ResponsiveLayout renderer.
 * @static
 */
sap.ui.commons.form.ResponsiveLayoutRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.form.FormLayoutRenderer);


sap.ui.commons.form.ResponsiveLayoutRenderer.getMainClass = function(){
	return "sapUiFormResLayout";
};

sap.ui.commons.form.ResponsiveLayoutRenderer.renderContainers = function(rm, oLayout, oForm){

	var aContainers = oForm.getFormContainers();
	var iLength = aContainers.length;

	if (iLength > 0) {
		// special case: only one container -> do not render an outer ResponsiveFlowLayout
		if (iLength > 1) {
			//render ResponsiveFlowLayout
			rm.renderControl(oLayout._mainRFLayout);
		}else if(oLayout.mContainers[aContainers[0].getId()][0]){
			// render panel
			rm.renderControl(oLayout.mContainers[aContainers[0].getId()][0]);
		}else{
			// render ResponsiveFlowLayout of container
			rm.renderControl(oLayout.mContainers[aContainers[0].getId()][1]);
		}
	}

};

}; // end of sap.ui.commons.form.ResponsiveLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.SimpleFormRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.form.SimpleFormRenderer");

/**
 * @class SimpleForm renderer. 
 * @static
 */
sap.ui.commons.form.SimpleFormRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.form.SimpleFormRenderer.render = function(oRm, oControl){ 
	 // write the HTML into the render manager
	 oRm.write("<div");
	 oRm.writeControlData(oControl);
	 oRm.addClass("sapUiSimpleForm");
	 oRm.writeClasses();
	 oRm.write(">"); // div element
	 var oForm = oControl.getAggregation("form");
	 if (oControl.getEditable()) {
		 oForm.addStyleClass("sapUiFormEdit sapUiFormEdit-CTX");
	 }
	 oRm.renderControl(oForm);
	 oRm.write("</div>");
};

}; // end of sap.ui.commons.form.SimpleFormRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.AbsoluteLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.layout.AbsoluteLayout
jQuery.sap.declare("sap.ui.commons.layout.AbsoluteLayoutRenderer");

/**
 * @class AbsoluteLayout renderer.
 * @static
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer = {
};


(function() {

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer.render = function(oRenderManager, oControl){
	var rm = oRenderManager;

	oControl.doBeforeRendering();

	if(!oControl.getVisible()) {
		return;
	}

	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiLayoutAbs");
	rm.addClass("sapUiLayoutAbsOvrflwY" + oControl.getVerticalScrolling());
	rm.addClass("sapUiLayoutAbsOvrflwX" + oControl.getHorizontalScrolling());
	rm.writeClasses();
	var sStyle = "width:" + oControl.getWidth() + ";height:" + oControl.getHeight() + ";";
	rm.writeAttribute("style", sStyle);
	rm.write(">");

	var aPositions = oControl.getPositions();
	if(aPositions && aPositions.length > 0){
		for(var index=0; index<aPositions.length; index++){
			var oPosition = aPositions[index];
			var oChildControl = oPosition.getControl();
			if(oChildControl) {
				rm.write("<div");
				rm.writeElementData(oPosition);
				rm.writeAttribute("class", "sapUiLayoutAbsPos");
				rm.writeAttribute("style", getComputedStyles(oPosition));
				rm.write(">");
				rm.renderControl(oChildControl);
				rm.write("</div>");
			}
		}
	}

	rm.write("</div>");
};


/**
 * Updates the size of the layout.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer.updateLayoutSize = function(oLayout) {
	jQuery(oLayout.getDomRef()).css("width", oLayout.getWidth()).css("height", oLayout.getHeight());
};


/**
 * Updates the scrolling mode of the layout.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer.updateLayoutScolling = function(oLayout) {
	var jLayout = jQuery(oLayout.getDomRef());
	for(var sScrollingType in sap.ui.core.Scrolling) {
		jLayout.removeClass("sapUiLayoutAbsOvrflwY"+sScrollingType).removeClass("sapUiLayoutAbsOvrflwX"+sScrollingType);
	}
	jLayout.addClass("sapUiLayoutAbsOvrflwY"+oLayout.getVerticalScrolling()).addClass("sapUiLayoutAbsOvrflwX"+oLayout.getHorizontalScrolling());
};


/**
 * Updates the styles of the given position in the Dom.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer.updatePositionStyles = function(oPosition) {
	jQuery(oPosition.getDomRef()).attr("style", getComputedStyles(oPosition));
};


/**
 * Removes the given position from the Dom.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer.removePosition = function(oPosition) {
	jQuery(oPosition.getDomRef()).remove();
};


/**
 * Removes all positions of the given layout from the Dom.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer.removeAllPositions = function(oLayout) {
	jQuery(oLayout.getDomRef()).html("");
};


/**
 * Updates the styles and the content of the given position in the Dom.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer.updatePositionedControl = function(oPosition) {
	sap.ui.commons.layout.AbsoluteLayoutRenderer.updatePositionStyles(oPosition);
	var rm = sap.ui.getCore().createRenderManager();
	rm.renderControl(oPosition.getControl());
	rm.flush(oPosition.getDomRef());
	rm.destroy();
};


/**
 * Inserts the given position into the Dom incl. the content and updating the styles.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayoutRenderer.insertPosition = function(oLayout, oPosition) {
	var index = oLayout.indexOfPosition(oPosition);
	var oPositions = oLayout.getPositions();
	var oPredecessorPosition = null;
	while(index > 0) {
		index--;
		if(oPositions[index].getDomRef()){
			oPredecessorPosition = oPositions[index];
			break;
		}
	}

	var sHTML = "<div id=\""+oPosition.getId()+"\" data-sap-ui=\""+oPosition.getId()+"\" class=\"sapUiLayoutAbsPos\"></div>";
	if(!oPredecessorPosition){
		jQuery(oLayout.getDomRef()).prepend(sHTML);
	}else{
		jQuery(oPredecessorPosition.getDomRef()).after(sHTML);
	}

	sap.ui.commons.layout.AbsoluteLayoutRenderer.updatePositionedControl(oPosition);
};


/**
 * Computes and returns the CSS styles for the given position.
 *
 * @private
 */
var getComputedStyles = function(oPosition) {
	var oPos = oPosition.getComputedPosition();

	var addStyle = function(oPosition, aBuffer, sPos, sVal){
		if(sVal) {
			aBuffer.push(sPos+":"+sVal+";");
		}
	};

	var aBuffer = [];
	addStyle(oPosition, aBuffer, "top", oPos.top);
	addStyle(oPosition, aBuffer, "bottom", oPos.bottom);
	addStyle(oPosition, aBuffer, "left", oPos.left);
	addStyle(oPosition, aBuffer, "right", oPos.right);
	addStyle(oPosition, aBuffer, "width", oPos.width);
	addStyle(oPosition, aBuffer, "height", oPos.height);

	return aBuffer.join("");
};

}());
}; // end of sap.ui.commons.layout.AbsoluteLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.BorderLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.layout.BorderLayout
jQuery.sap.declare("sap.ui.commons.layout.BorderLayoutRenderer");

/**
 * @class BorderLayout renderer.
 * @static
 */
sap.ui.commons.layout.BorderLayoutRenderer = {};

(function() {
	/**
	 * Renders the HTML for the given control, using the provided
	 * {@link sap.ui.core.RenderManager}.
	 * 
	 * @param {sap.ui.core.RenderManager}
	 *            oRenderManager the RenderManager that can be used for writing
	 *            to the Render-Output-Buffer
	 * @param {sap.ui.core.Control}
	 *            oControl an object representation of the control that should
	 *            be rendered
	 */
	sap.ui.commons.layout.BorderLayoutRenderer.render = function(oRm, oControl) {
		var mAreas = {
			top : oControl.getTop(),
			begin : oControl.getBegin(),
			center : oControl.getCenter(),
			end : oControl.getEnd(),
			bottom : oControl.getBottom()
		};
		var mAreaSizes = {
			top : sizeOf(mAreas.top),
			begin : sizeOf(mAreas.begin),
			center : sizeOf(mAreas.center),
			end : sizeOf(mAreas.end),
			bottom : sizeOf(mAreas.bottom)
		};
		var bRTL = sap.ui.getCore().getConfiguration().getRTL();

		// open the outer HTML tag
		oRm.write("<div");
		// let control data be written so that connection to SAPUI5 eventing
		// gets established
		oRm.writeControlData(oControl);
		oRm.addClass("sapUiBorderLayout");
		oRm.addStyle("width", oControl.getWidth());
		oRm.addStyle("height", oControl.getHeight());
		oRm.writeClasses();
		oRm.writeStyles();
		// don't forget to close the HTML tag
		oRm.write(">");

		/* render areas */
		if (mAreas.top/* && oTop.getVisible() */) {
			renderArea(oRm, "top", mAreas.top, mAreaSizes, bRTL);
		}
		if (mAreas.begin/* && oBegin.getVisible() */) {
			renderArea(oRm, "begin", mAreas.begin, mAreaSizes, bRTL);
		}
		if (mAreas.center && mAreas.center.getVisible()) {
			renderArea(oRm, "center", mAreas.center, mAreaSizes, bRTL);
		}
		if (mAreas.end/* && oEnd.getVisible() */) {
			renderArea(oRm, "end", mAreas.end, mAreaSizes, bRTL);
		}
		if (mAreas.bottom/* && oBottom.getVisible() */) {
			renderArea(oRm, "bottom", mAreas.bottom, mAreaSizes, bRTL);
		}

		// close surrounding div
		oRm.write("</div>");
	};

	sap.ui.commons.layout.BorderLayoutRenderer.animate = function(oArea, bVisible) {
		var oBorderLayout = oArea.getParent();
		// var sBorderLayoutId = oBorderLayout.getId();
		var bRTL = sap.ui.getCore().getConfiguration().getRTL();
		var end = bVisible ? oArea.getSize() : "0";

		switch (oArea.getAreaId()) {
		case "top":
			$area(oArea, "top").animate({
				height : end
			});
			$area(oArea, "begin").animate({
				top : end
			});
			$area(oArea, "center").animate({
				top : end
			});
			$area(oArea, "end").animate({
				top : end
			});
			break;

		case "begin":
			$area(oArea, "begin").animate({
				width : end
			});
			$area(oArea, "center").animate(bRTL ? {
				right : end
			} : {
				left : end
			});
			break;

		case "end":
			$area(oArea, "center").animate(bRTL ? {
				left : end
			} : {
				right : end
			});
			$area(oArea, "end").animate({
				width : end
			});
			break;

		case "bottom":
			$area(oArea, "begin").animate({
				bottom : end
			});
			$area(oArea, "center").animate({
				bottom : end
			});
			$area(oArea, "end").animate({
				bottom : end
			});
			$area(oArea, "bottom").animate({
				height : end
			});
			break;

		default:
			break;
		}

	};

	function sizeOf(oArea) {
		var oSize = oArea && oArea.getVisible() && oArea.getSize();
		return oSize || "0";
	}

	function renderArea(oRm, sAreaId, oArea, mAreaSizes, bRTL) {
		var aAreaControls = oArea.getContent();
		var length = aAreaControls.length;

		oRm.write("<div");
		oRm.writeAttribute("id", oArea.getId());
		// collect styles and classes depending on area type
		switch (sAreaId) {
		case "top":
			oRm.addClass("sapUiBorderLayoutTop");
			oRm.addStyle("height", mAreaSizes.top);
			break;
		case "begin":
			oRm.addClass("sapUiBorderLayoutBegin");
			oRm.addStyle("width", mAreaSizes.begin);
			oRm.addStyle("top", mAreaSizes.top);
			oRm.addStyle("bottom", mAreaSizes.bottom);
			break;
		case "center":
			oRm.addClass("sapUiBorderLayoutCenter");
			oRm.addStyle("top", mAreaSizes.top);
			oRm.addStyle("right", bRTL ? mAreaSizes.begin : mAreaSizes.end);
			oRm.addStyle("bottom", mAreaSizes.bottom);
			oRm.addStyle("left", bRTL ? mAreaSizes.end : mAreaSizes.begin);
			break;
		case "end":
			oRm.addClass("sapUiBorderLayoutEnd");
			oRm.addStyle("width", mAreaSizes.end);
			oRm.addStyle("top", mAreaSizes.top);
			oRm.addStyle("bottom", mAreaSizes.bottom);
			break;
		case "bottom":
			oRm.addClass("sapUiBorderLayoutBottom");
			oRm.addStyle("height", mAreaSizes.bottom);
			break;
		default:
			jQuery.sap.assert("default branch must not be reached");
			break;
		}

		// add overflow definition to the style-attribute value
		oRm.addStyle("overflow-x", oArea.getOverflowX());
		oRm.addStyle("overflow-y", oArea.getOverflowY());

		// write alignment
		var sAlign = oArea.getContentAlign();
		if (bRTL) {
			if (sAlign === "right") {
				sAlign = "left";
			} else if (sAlign === "left") {
				sAlign = "right";
			}
		}
		oRm.addStyle("text-align", sAlign);

		oRm.writeClasses(oArea);
		oRm.writeStyles();

		oRm.write(">");

		// render the controls
		for ( var i = 0; i < length; i++) {
			oRm.renderControl(aAreaControls[i]);
		}

		oRm.write("</div>");
	}

	function $area(oArea, sAreaId) {
		var oOtherArea = oArea.getParent().getArea(sAreaId);
		return oOtherArea ? jQuery.sap.byId(oOtherArea.getId()) : jQuery();
	}
}());
}; // end of sap.ui.commons.layout.BorderLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.HorizontalLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.layout.HorizontalLayoutRenderer");

/**
 * @class HorizontalLayout renderer.
 * @static
 */
sap.ui.commons.layout.HorizontalLayoutRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.xRenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.layout.HorizontalLayoutRenderer.render = function(oRenderManager, oControl){
	// return immediately if control is invisible
	if (!oControl.getVisible()) {
		return;
	}

	// convenience variable
	var rm = oRenderManager;
	var bNoWrap = !oControl.getAllowWrapping();

	// write the HTML into the render manager
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiHLayout");
	if (bNoWrap) {
		rm.addClass("sapUiHLayoutNoWrap");
	}
	rm.writeClasses();
	rm.write(">"); // div element

	var aChildren = oControl.getContent();
	for (var i = 0; i < aChildren.length; i++) {
		if (bNoWrap) {
			rm.write("<div class='sapUiHLayoutChildWrapper'>");
		}
		rm.renderControl(aChildren[i]);
		if (bNoWrap) {
			rm.write("</div>");
		}
	}

	rm.write("</div>");
};

}; // end of sap.ui.commons.layout.HorizontalLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.MatrixLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.layout.MatrixLayout
jQuery.sap.declare("sap.ui.commons.layout.MatrixLayoutRenderer");

/**
 * @class MatrixLayout renderer.
 *
 * @author d029921
 * @static
 */
sap.ui.commons.layout.MatrixLayoutRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the Render-Output-Buffer.
 * @param {sap.ui.core.Control} oMatrixLayout an object representation of the control that should be rendered
 */
sap.ui.commons.layout.MatrixLayoutRenderer.render = function(oRenderManager, oMatrixLayout) {

	// some convenience variables.
	var rm = oRenderManager;
	var r = sap.ui.commons.layout.MatrixLayoutRenderer;

	// return immediately if control is invisible
	if ( !oMatrixLayout.getVisible() ) {
		return;
	}

	var bRTL = sap.ui.getCore().getConfiguration().getRTL();

	//ARIA
	rm.write("<TABLE role=\"presentation\"");
	rm.writeControlData(oMatrixLayout);
	rm.write(" cellpadding=\"0\" cellspacing=\"0\"");
	rm.addStyle("border-collapse", "collapse");

	var sMatrixWidth = oMatrixLayout.getWidth();
	if(sMatrixWidth){
		rm.addStyle("width", sMatrixWidth);
	}

	var sMatrixHeight = oMatrixLayout.getHeight();
	if(sMatrixHeight && sMatrixHeight != 'auto'){
		rm.addStyle("height", sMatrixHeight);
		// get value and unit of Layout height (to determine row heights if given in %)
		var oMatrixHeight = r.getValueUnit( sMatrixHeight );
	}

	if(oMatrixLayout.getLayoutFixed()){
		// table layout is fixed
		rm.addStyle("table-layout", "fixed");
		if(!sMatrixWidth){
			rm.addStyle("width", "100%");
		}
	}

	rm.addClass("sapUiMlt");
	rm.writeStyles();
	rm.writeClasses();

	// close table-start-tag
	rm.write('>');

	var aRows = oMatrixLayout.getRows();
	var iCols = oMatrixLayout.getColumns();
	if(iCols < 1){
		// determine number of columns
		for (var i = 0; i < aRows.length; i++) {
			var oMatrixLayoutRow = aRows[i];
			var aCells = oMatrixLayoutRow.getCells();
			if( iCols < aCells.length){
				iCols = aCells.length;
			}
		}
	}

	// create columns
	if(iCols > 0){
		var aWidths = oMatrixLayout.getWidths();
		rm.write("<colgroup>");
		for (var j = 0; j < iCols; j++) {
			rm.write("<col");
			if(aWidths && aWidths[j] && aWidths[j] != "auto"){
				rm.addStyle('width', aWidths[j]); // use style because col width in HTML supports only be px or %
				rm.writeStyles();
			}
			rm.write("/>");
		}
		rm.write("</colgroup>");
	}

	rm.write('<TBODY style="width: 100%; height: 100%">');

	// for each row
	for (var i = 0; i < aRows.length; i++) {
		var oMatrixLayoutRow = aRows[i];

		// get value and unit of Row height (to determine row heights if given in %)
		var sRowHeight = oMatrixLayoutRow.getHeight();
		if (sRowHeight == "auto") {
			//ignore auto because without rowHeight it's auto sized
			sRowHeight = "";
		}
		if (sRowHeight && oMatrixHeight) {
			var oRowHeight = r.getValueUnit( sRowHeight );
			if( oRowHeight.Unit == '%' && oMatrixHeight.Unit != '%'){
				// Matrix has fix height and Row % -> calculate Row height to fix value
				sRowHeight = ( oMatrixHeight.Value * oRowHeight.Value / 100 ) + oMatrixHeight.Unit;
			}
		}

		rm.write("<tr");
		rm.writeElementData(oMatrixLayoutRow);
		rm.writeClasses(oMatrixLayoutRow);

		if (jQuery.browser.msie && jQuery.browser.version == "9.0" && sRowHeight) {
			// for IE9 in some cases the height is needed on TR, so it's added here.
			// Other browsers don't need it here
			// TD must have the same height even it looks wrong
			// (e.g. TR must have 30% and TD must have 30% to show a 30% height row)
			rm.addStyle("height", sRowHeight);
			rm.writeStyles();
		}
		rm.write(">");

		// for each cell
		var aCells = oMatrixLayoutRow.getCells();

		var iColumns = iCols;
		if(iCols < 1){
			// render only defined cells
			iColumns = aCells.length;
		}

		var iColSpans = 0;
		if(!oMatrixLayoutRow.RowSpanCells){
			oMatrixLayoutRow.RowSpanCells = 0;
		}

		for (var j = 0; j < iColumns; j++) {
			if(j >= (iColumns - iColSpans - oMatrixLayoutRow.RowSpanCells)){
			// no more cells because of Colspan
				break;
			}

			var oMatrixLayoutCell = aCells[j];

			rm.write("<td");

			if (sRowHeight && ( !oMatrixLayoutCell || oMatrixLayoutCell.getRowSpan() == 1 )) {
				// set height only if cell has no rowspan or is not specified
				rm.addStyle("height", sRowHeight);
			}

			if(oMatrixLayoutCell){
				// if empty cell only render empty TD
				rm.writeElementData(oMatrixLayoutCell);	// TODO writes also the ID of all elements (cells) - is this really required??

				if(oMatrixLayout.getLayoutFixed() && oMatrixLayoutCell.getContent().length > 0){
					// table layout is fixed
					rm.addStyle("overflow", "hidden");
					// as in Firefox 10 ellipsis makes problems it is removed.
					// controls inside of matrix cells should bring their own ellisps function
					// However, ellipsis on cells can only work if included control has 100% size of cell,
					// otherwise (if control is bigger) its only cut.
					//rm.addStyle("text-overflow", "ellipsis");
				}

				var sHAlign = r.getHAlign(oMatrixLayoutCell.getHAlign(), bRTL);
				if (sHAlign) {
					rm.writeAttribute("align", sHAlign);
				}
				var sVAlign = r.getVAlign(oMatrixLayoutCell.getVAlign());
				if (sVAlign && sVAlign != "middle") { //middle is default, not needed
					rm.writeAttribute("valign", sVAlign);
				}
				if (oMatrixLayoutCell.getColSpan() != 1) {
					rm.writeAttribute("colspan", oMatrixLayoutCell.getColSpan());
					iColSpans = iColSpans + oMatrixLayoutCell.getColSpan() - 1;
				}
				if (oMatrixLayoutCell.getRowSpan() != 1) {
					rm.writeAttribute("rowspan", oMatrixLayoutCell.getRowSpan());

					// summarize height of all used rows
					var fValue = 0;
					var sUnit = "";
					for (var x = 0; x < oMatrixLayoutCell.getRowSpan(); x++) {
						var oRow = aRows[i+x];

						if(!oRow){
							sUnit = false;
							break;
						}

						if(!oRow.RowSpanCells){
							oRow.RowSpanCells = 0;
						}

						if(x > 0){
							// add number of cells with rowspan to following rows to not render additional cells
							oRow.RowSpanCells = oRow.RowSpanCells + oMatrixLayoutCell.getColSpan();
						}
						var sHeight = oRow.getHeight();
						if(!sHeight || sHeight == "auto"){
							//no height defined for one row -> no summarize possible
							sUnit = false;
							//break;
						}else{
							var oHeight = r.getValueUnit( sHeight );
							if( oHeight.Unit == '%' && oMatrixHeight.Unit != '%'){
								// Matrix has fix height and Row % -> calculate Row height to fix value
								oHeight.Value = ( oMatrixHeight.Value * oRowHeight.Value / 100 );
								oHeight.Unit  = oMatrixHeight.Unit;
							}
							if(sUnit == ""){
								sUnit = oHeight.Unit;
							}else{
								if(sUnit != oHeight.Unit){
									//different unit -> no summarize possible
									sUnit = false;
									//break;
								}
							}
							fValue = fValue + oHeight.Value;
						}
					}
					if(sUnit != false){
						var sSpanHeight = fValue + sUnit;
						rm.addStyle("height", sSpanHeight);
					}
				}

				// set CSS class for appropriate background
				rm.addClass(r.getBackgroundClass(oMatrixLayoutCell.getBackgroundDesign()));

				// set CSS class for appropriate separator
				rm.addClass(r.getSeparationClass(oMatrixLayoutCell.getSeparation()));

				if(!oMatrixLayout.getLayoutFixed() || !sRowHeight){
					// set CSS class for appropriate padding
					rm.addClass(r.getPaddingClass(oMatrixLayoutCell.getPadding()));

					rm.addClass("sapUiMltCell");
				} else{
					rm.addStyle("white-space", "nowrap");
				}


				rm.writeClasses(oMatrixLayoutCell);
			}
			rm.writeStyles();

			// close td-start-tag
			rm.write(">");

			if(oMatrixLayoutCell){
				// if empty cell only render empty TD

				if(oMatrixLayout.getLayoutFixed() && sRowHeight){
					// table layout is fixed
					// in case of defined height some DIVs are needed.
					// 1. one DIV to define height
					// 2. DIV to set vertical alignment
					// 3. DIV inside 2. DIV to set paddings for control inside.
					rm.write('<div');

					if( oMatrixLayoutCell.getRowSpan() != 1 && sSpanHeight && sSpanHeight.search('%') == -1){
						rm.addStyle("height", sSpanHeight);
					}else if(sRowHeight.search('%') != -1 || (oMatrixLayoutCell.getRowSpan() != 1 && !sSpanHeight)){
						rm.addStyle("height", '100%');
					}else{
						rm.addStyle("height", sRowHeight);
					}

					rm.addStyle("display", "inline-block");
					if (sVAlign) {
						rm.addStyle("vertical-align", sVAlign);
					}
					rm.writeStyles();
					rm.writeClasses(false);
					rm.write("></div>");
					rm.write('<div');
					rm.addStyle("display", "inline-block");
					if (sVAlign) {
						rm.addStyle("vertical-align", sVAlign);
					}
					if( oMatrixLayoutCell.getRowSpan() != 1 && sSpanHeight && sSpanHeight.search('%') == -1){
						rm.addStyle("max-height", sSpanHeight);
					}else if(sRowHeight.search('%') != -1 || (oMatrixLayoutCell.getRowSpan() != 1 && !sSpanHeight)){
						rm.addStyle("max-height", '100%');
					}else{
						rm.addStyle("max-height", sRowHeight);
					}
					/* determine height of content (if its a property there)
					   and set it to DIV (if possible) */
					var sContentHeight;
					var sDivHeight = "0";
					var sDivUnit = "";
					var sInnerDivHeight = "0";
					var aContentControls = oMatrixLayoutCell.getContent();
					for (var index = 0, length = aContentControls.length; index < length; index++) {
						if(aContentControls[index].getHeight && aContentControls[index].getHeight() !=""){
							// check unit
							var oControlHeight = r.getValueUnit( aContentControls[index].getHeight() );
							if(sDivUnit == ""){
								sDivUnit = oControlHeight.Unit;
							}
							if(sDivUnit != oControlHeight.Unit){
								// different units in content controls not allowed -> use 100%
								sDivUnit = "%";
								sDivHeight = "100";
								break;
							}
							if(oControlHeight.Unit == "%"){
								// give %-height to outer DIV but the reverse %-height to the inner DIV
								// -> height of the content is right
								if(parseFloat(sDivHeight) < parseFloat(oControlHeight.Value)){
									sDivHeight = oControlHeight.Value;
									if(sDivHeight != "100"){
										sInnerDivHeight = 10000 / parseFloat(sDivHeight);
									}
								}
							}// for fix units no calculation needed -DIVs get the size automatically
						}
					}
					if(sDivHeight != "0"){
						rm.addStyle("height", sDivHeight+sDivUnit);
					}
					rm.addStyle("white-space", "normal");
					rm.addStyle("width", "100%");
					rm.writeStyles();
					rm.writeClasses(false);

					rm.write("><div");
					rm.addStyle("overflow", "hidden");
					rm.addStyle("text-overflow", "inherit");
					if(sDivHeight != "0"){
						if(sInnerDivHeight != "0"){
							rm.addStyle("height", sInnerDivHeight + "%");
						}else{
							rm.addStyle("height", "100%");
						}
					}
					rm.addClass("sapUiMltCell");

					// set CSS class for appropriate padding
					rm.addClass(r.getPaddingClass(oMatrixLayoutCell.getPadding()));

					rm.writeStyles();
					rm.writeClasses(false);
					rm.write(">"); // DIV
				}
				var aContentControls = oMatrixLayoutCell.getContent();
				for (var index = 0, length = aContentControls.length; index < length; index++) {
					oRenderManager.renderControl(aContentControls[index]);
				}
				if(oMatrixLayout.getLayoutFixed() && sRowHeight){
					// table layout is fixed
					rm.write("</div></div>");
				}
			}

			// close cell
			rm.write("</td>");
		}

		// close row
		rm.write("</tr>");

		// initialize RowSpanCounter after Row is rendered
		oMatrixLayoutRow.RowSpanCells = undefined;
	} // end of rows-rendering

	// close tbody, close table
	rm.write("</TBODY></TABLE>");

};

/**
 * Returns the value for the HTML "align" attribute according to the given
 * horizontal alignment and RTL mode, or NULL if the HTML default is fine.
 *
 * @param {sap.ui.commons.layout.HAlign} oHAlign
 * @param {boolean} bRTL
 * @type string
 */
sap.ui.commons.layout.MatrixLayoutRenderer.getHAlign = function(oHAlign, bRTL) {
  switch (oHAlign) {
	case sap.ui.commons.layout.HAlign.Begin:
	  return null; // this is the HTML default

	case sap.ui.commons.layout.HAlign.Center:
	  return "center";

	case sap.ui.commons.layout.HAlign.End:
	  return bRTL ? "left" : "right";

	case sap.ui.commons.layout.HAlign.Left:
	  return bRTL ? "left" : null;

	case sap.ui.commons.layout.HAlign.Right:
	  return bRTL ? null : "right";
  }

  jQuery.sap.assert(false, "MatrixLayoutRenderer.getHAlign: oHAlign must be a known value");
  return null;
};

/**
 * Returns the value for the HTML "valign" attribute according to the given
 * vertical alignment, or NULL if the HTML default is fine.
 *
 * @param {sap.ui.commons.layout.VAlign} oVAlign
 * @type string
 */
sap.ui.commons.layout.MatrixLayoutRenderer.getVAlign = function(oVAlign) {
  switch (oVAlign) {
	case sap.ui.commons.layout.VAlign.Bottom:
	  return "bottom";

	case sap.ui.commons.layout.VAlign.Middle:
		return "middle";
	case sap.ui.commons.layout.VAlign.Top:
	  return "top";
  }

  jQuery.sap.assert(false, "MatrixLayoutRenderer.getVAlign: oVAlign must be a known value");
  return null;
};

/**
 * Returns the class name according to the given background design or NULL of
 * none is needed.
 *
 * @param {sap.ui.commons.layout.BackgroundDesign} oBackgroundDesign
 * @type string
 */
sap.ui.commons.layout.MatrixLayoutRenderer.getBackgroundClass = function(oBackgroundDesign) {
  switch (oBackgroundDesign) {
	case sap.ui.commons.layout.BackgroundDesign.Border:
	  return "sapUiMltBgBorder";

	case sap.ui.commons.layout.BackgroundDesign.Fill1:
	  return "sapUiMltBgFill1";

	case sap.ui.commons.layout.BackgroundDesign.Fill2:
	  return "sapUiMltBgFill2";

	case sap.ui.commons.layout.BackgroundDesign.Fill3:
	  return "sapUiMltBgFill3";

	case sap.ui.commons.layout.BackgroundDesign.Header:
	  return "sapUiMltBgHeader";

	case sap.ui.commons.layout.BackgroundDesign.Plain:
	  return "sapUiMltBgPlain";

	case sap.ui.commons.layout.BackgroundDesign.Transparent:
	  return null;
  }

  jQuery.sap.assert(false, "MatrixLayoutRenderer.getBackgroundClass: oBackgroundDesign must be a known value");
  return null;
};

/**
 * Returns the class name according to the given padding or NULL of
 * none is needed.
 *
 * @param {sap.ui.commons.layout.Padding} oPadding
 * @type string
 */
sap.ui.commons.layout.MatrixLayoutRenderer.getPaddingClass = function(oPadding) {
  switch (oPadding) {
	case sap.ui.commons.layout.Padding.None:
	  return "sapUiMltPadNone";

	case sap.ui.commons.layout.Padding.Begin:
	  return "sapUiMltPadLeft"; //TODO OK with RTL?

	case sap.ui.commons.layout.Padding.End:
	  return "sapUiMltPadRight"; //TODO OK with RTL?

	case sap.ui.commons.layout.Padding.Both:
	  return "sapUiMltPadBoth";

	case sap.ui.commons.layout.Padding.Neither:
	  return "sapUiMltPadNeither";
  }

  jQuery.sap.assert(false, "MatrixLayoutRenderer.getPaddingClass: oPadding must be a known value");
  return null;
};

/**
 * Returns the class name according to the given separation or NULL of
 * none is needed.
 *
 * @param {sap.ui.commons.layout.Separation} oSeparation
 * @type string
 */
sap.ui.commons.layout.MatrixLayoutRenderer.getSeparationClass = function(oSeparation) {
  switch (oSeparation) {
	case sap.ui.commons.layout.Separation.None:
	  return null;

	case sap.ui.commons.layout.Separation.Small:
	  return "sapUiMltSepS";

	case sap.ui.commons.layout.Separation.SmallWithLine:
	  return "sapUiMltSepSWL";

	case sap.ui.commons.layout.Separation.Medium:
	  return "sapUiMltSepM";

	case sap.ui.commons.layout.Separation.MediumWithLine:
	  return "sapUiMltSepMWL";

	case sap.ui.commons.layout.Separation.Large:
	  return "sapUiMltSepL";

	case sap.ui.commons.layout.Separation.LargeWithLine:
	  return "sapUiMltSepLWL";
  }

  jQuery.sap.assert(false, "MatrixLayoutRenderer.getSeparationClass: oSeparation must be a known value");
  return null;
};

/**
 * get Value and Unit for size
 */
sap.ui.commons.layout.MatrixLayoutRenderer.getValueUnit = function(sSize) {

	var fValue = 0;
	var sUnit = "";

	var iPos = sSize.search('px');
	if(iPos > -1){
		sUnit = "px";
		fValue = parseInt(sSize.slice(0,iPos), 10);
		return({ Value: fValue, Unit: sUnit })
	}

	iPos = sSize.search('pt');
	if(iPos > -1){
		sUnit = "pt";
		fValue = parseFloat(sSize.slice(0,iPos));
		return({ Value: fValue, Unit: sUnit })
	}

	iPos = sSize.search('in');
	if(iPos > -1){
		sUnit = "in";
		fValue = parseFloat(sSize.slice(0,iPos));
		return({ Value: fValue, Unit: sUnit })
	}

	iPos = sSize.search('mm');
	if(iPos > -1){
		sUnit = "mm";
		fValue = parseFloat(sSize.slice(0,iPos));
		return({ Value: fValue, Unit: sUnit })
	}

	iPos = sSize.search('cm');
	if(iPos > -1){
		sUnit = "cm";
		fValue = parseFloat(sSize.slice(0,iPos));
		return({ Value: fValue, Unit: sUnit })
	}

	iPos = sSize.search('em');
	if(iPos > -1){
		sUnit = "em";
		fValue = parseFloat(sSize.slice(0,iPos));
		return({ Value: fValue, Unit: sUnit })
	}

	iPos = sSize.search('ex');
	if(iPos > -1){
		sUnit = "ex";
		fValue = parseFloat(sSize.slice(0,iPos));
		return({ Value: fValue, Unit: sUnit })
	}

	iPos = sSize.search('%');
	if(iPos > -1){
		sUnit = "%";
		fValue = parseFloat(sSize.slice(0,iPos));
		return({ Value: fValue, Unit: sUnit })
	}

};

}; // end of sap.ui.commons.layout.MatrixLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.ResponsiveFlowLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
jQuery.sap.declare("sap.ui.commons.layout.ResponsiveFlowLayoutRenderer");

/**
 * @class ResponsiveFlowLayout renderer.
 * @static
 */
sap.ui.commons.layout.ResponsiveFlowLayoutRenderer = {};

/**
 * Renders the HTML for the given control, using the provided
 * {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager}
 *            oRm the RenderManager that can be used for writing to the render
 *            output buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
(function() {
	sap.ui.commons.layout.ResponsiveFlowLayoutRenderer.render = function(oRm, oControl) {
		oRm.write("<div");
		oRm.writeControlData(oControl);
		oRm.addClass("sapUiRFL");
		oRm.writeClasses();
		oRm.write(">"); // div element

		fnRenderContent(oRm, oControl);

		oRm.write("</div>");
	};

	var fnRenderContent = function(oRm, oControl) {
		var rows = oControl._rows;
		var sId = oControl.getId();

		for ( var i = 0; i < rows.length; i++) {
			oRm.write('<div id="' + sId + '-row' + i + '"');
			oRm.addClass("sapUiRFLRow");
			oRm.writeClasses();
			oRm.write(">");

			for ( var j = 0; j < rows[i].cont.length; j++) {
				var oCont = rows[i].cont[j];
				// rows[i].cont[j].id = sId + "-cont" + i + "_" + j;

				// container
				oRm.write('<div id="' + rows[i].cont[j].id + '"');
				oRm.addClass("sapUiRFLContainer");
				oRm.writeClasses();

				oRm.addStyle("min-width", oCont.minWidth + "px");
				oRm.writeStyles();
				oRm.write(">");

				// content rendering (render control)
				oRm.write("<div");
				oRm.addClass("sapUiRFLContainerContent");
				if (oCont.breakWith.length > 0) {
					oRm.addClass("sapUiRFLMultiContainerContent");
				}
				if (oCont.padding) {
					oRm.addClass("sapUiRFLPaddingClass");
				}

				oRm.writeClasses();
				oRm.write(">");

				if (oCont.breakWith.length > 0) {
					oRm.write('<div id="' + rows[i].cont[j].id + '-multi0"');
					oRm.addClass("sapUiRFLMultiContent");
					if (rows[i].cont[j].padding) {
						oRm.addClass("sapUiRFLPaddingClass");
					}
					oRm.writeClasses();
					oRm.write(">");

					oRm.renderControl(oCont.control);
					oRm.write("</div>");

					for ( var l = 0; l < oCont.breakWith.length; l++) {
						oRm.write('<div id="' + rows[i].cont[j].id + '-multi' + (l + 1) + '"');
						oRm.addClass("sapUiRFLMultiContent");
						if (oCont.breakWith[l].padding) {
							oRm.addClass("sapUiRFLPaddingClass");
						}
						oRm.writeClasses();
						oRm.write(">");

						oRm.renderControl(oCont.breakWith[l].control);
						oRm.write("</div>");
					}
				} else {
					oRm.renderControl(oCont.control);
				}
				oRm.write("</div>"); // content

				oRm.write("</div>"); // container
			}
			oRm.write("</div>"); // row
		}
	};
}());

}; // end of sap.ui.commons.layout.ResponsiveFlowLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.VerticalLayoutRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.layout.VerticalLayout
jQuery.sap.declare("sap.ui.commons.layout.VerticalLayoutRenderer");

/**
 * @class layout/VerticalLayout renderer.
 * @static
 */
sap.ui.commons.layout.VerticalLayoutRenderer = {
};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.layout.VerticalLayoutRenderer.render = function(oRenderManager, oVerticalLayout){
	// convenience variable
	var rm = oRenderManager;

	// return immediately if control is invisible
	if (!oVerticalLayout.getVisible()) {
		return;
	}

	// write the HTML into the render manager
	rm.write("<DIV");
	rm.writeControlData(oVerticalLayout);
	rm.addClass("sapUiVlt");
	rm.addClass("sapuiVlt"); // for compatibility keep the old, wrong class name

	if(oVerticalLayout.getWidth() && oVerticalLayout.getWidth() != ''){
		rm.addStyle("width", oVerticalLayout.getWidth());
	}
	rm.writeStyles();
	rm.writeClasses();
	rm.write(">"); // DIV element

	// render content
	var aContent = oVerticalLayout.getContent();

	for ( var i = 0; i < aContent.length; i++) {
		rm.write("<DIV class=\"sapUiVltCell sapuiVltCell\">"); // for compatibility keep the old, wrong class name
		rm.renderControl(aContent[i]);
		rm.write("</DIV>");
	}

	rm.write("</DIV>");
};

}; // end of sap.ui.commons.layout.VerticalLayoutRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.library') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

/**
 * Initialization Code and shared classes of library sap.ui.commons (1.12.0)
 */
jQuery.sap.declare("sap.ui.commons.library");
jQuery.sap.require('sap.ui.core.Core'); // unlisted dependency retained
 // unlisted dependency retained

/**
 * SAPUI5 library with most common controls.
 *
 * @namespace
 * @name sap.ui.commons
 * @public
 */


// library dependencies
jQuery.sap.require('sap.ui.core.library'); // unlisted dependency retained
 // unlisted dependency retained


// delegate further initialization of this library to the Core
sap.ui.getCore().initLibrary({
  name : "sap.ui.commons",
  dependencies : ["sap.ui.core"],
  types: [
    "sap.ui.commons.ButtonStyle",
    "sap.ui.commons.HorizontalDividerHeight",
    "sap.ui.commons.HorizontalDividerType",
    "sap.ui.commons.LabelDesign",
    "sap.ui.commons.MenuBarDesign",
    "sap.ui.commons.MessageType",
    "sap.ui.commons.Orientation",
    "sap.ui.commons.PaginatorEvent",
    "sap.ui.commons.RatingIndicatorVisualMode",
    "sap.ui.commons.RowRepeaterDesign",
    "sap.ui.commons.TextViewColor",
    "sap.ui.commons.TextViewDesign",
    "sap.ui.commons.TitleLevel",
    "sap.ui.commons.ToolbarDesign",
    "sap.ui.commons.ToolbarSeparatorDesign",
    "sap.ui.commons.TriStateCheckBoxState",
    "sap.ui.commons.enums.AreaDesign",
    "sap.ui.commons.enums.BorderDesign",
    "sap.ui.commons.enums.Orientation",
    "sap.ui.commons.form.GridElementCells",
    "sap.ui.commons.layout.BackgroundDesign",
    "sap.ui.commons.layout.BorderLayoutAreaTypes",
    "sap.ui.commons.layout.HAlign",
    "sap.ui.commons.layout.Padding",
    "sap.ui.commons.layout.Separation",
    "sap.ui.commons.layout.VAlign"
  ],
  interfaces: [
    "sap.ui.commons.FormattedTextViewControl",
    "sap.ui.commons.ToolbarItem"
  ],
  controls: [
    "sap.ui.commons.Accordion",
    "sap.ui.commons.ApplicationHeader",
    "sap.ui.commons.AutoComplete",
    "sap.ui.commons.Button",
    "sap.ui.commons.Callout",
    "sap.ui.commons.CalloutBase",
    "sap.ui.commons.Carousel",
    "sap.ui.commons.CheckBox",
    "sap.ui.commons.ColorPicker",
    "sap.ui.commons.ComboBox",
    "sap.ui.commons.DatePicker",
    "sap.ui.commons.Dialog",
    "sap.ui.commons.DropdownBox",
    "sap.ui.commons.FileUploader",
    "sap.ui.commons.FormattedTextView",
    "sap.ui.commons.HorizontalDivider",
    "sap.ui.commons.Image",
    "sap.ui.commons.ImageMap",
    "sap.ui.commons.InPlaceEdit",
    "sap.ui.commons.Label",
    "sap.ui.commons.Link",
    "sap.ui.commons.ListBox",
    "sap.ui.commons.Menu",
    "sap.ui.commons.MenuBar",
    "sap.ui.commons.MenuButton",
    "sap.ui.commons.Message",
    "sap.ui.commons.MessageBar",
    "sap.ui.commons.MessageList",
    "sap.ui.commons.MessageToast",
    "sap.ui.commons.Paginator",
    "sap.ui.commons.Panel",
    "sap.ui.commons.PasswordField",
    "sap.ui.commons.ProgressIndicator",
    "sap.ui.commons.RadioButton",
    "sap.ui.commons.RadioButtonGroup",
    "sap.ui.commons.RangeSlider",
    "sap.ui.commons.RatingIndicator",
    "sap.ui.commons.RichTooltip",
    "sap.ui.commons.RoadMap",
    "sap.ui.commons.RowRepeater",
    "sap.ui.commons.SearchField",
    "sap.ui.commons.SegmentedButton",
    "sap.ui.commons.Slider",
    "sap.ui.commons.Splitter",
    "sap.ui.commons.Tab",
    "sap.ui.commons.TabStrip",
    "sap.ui.commons.TextArea",
    "sap.ui.commons.TextField",
    "sap.ui.commons.TextView",
    "sap.ui.commons.ToggleButton",
    "sap.ui.commons.Toolbar",
    "sap.ui.commons.Tree",
    "sap.ui.commons.TriStateCheckBox",
    "sap.ui.commons.ValueHelpField",
    "sap.ui.commons.form.Form",
    "sap.ui.commons.form.FormLayout",
    "sap.ui.commons.form.GridLayout",
    "sap.ui.commons.form.ResponsiveLayout",
    "sap.ui.commons.form.SimpleForm",
    "sap.ui.commons.layout.AbsoluteLayout",
    "sap.ui.commons.layout.BorderLayout",
    "sap.ui.commons.layout.HorizontalLayout",
    "sap.ui.commons.layout.MatrixLayout",
    "sap.ui.commons.layout.ResponsiveFlowLayout",
    "sap.ui.commons.layout.VerticalLayout"
  ],
  elements: [
    "sap.ui.commons.AccordionSection",
    "sap.ui.commons.Area",
    "sap.ui.commons.MenuItem",
    "sap.ui.commons.MenuItemBase",
    "sap.ui.commons.MenuTextFieldItem",
    "sap.ui.commons.RoadMapStep",
    "sap.ui.commons.RowRepeaterFilter",
    "sap.ui.commons.RowRepeaterSorter",
    "sap.ui.commons.SearchProvider",
    "sap.ui.commons.Title",
    "sap.ui.commons.ToolbarSeparator",
    "sap.ui.commons.TreeNode",
    "sap.ui.commons.form.FormContainer",
    "sap.ui.commons.form.FormElement",
    "sap.ui.commons.form.GridContainerData",
    "sap.ui.commons.form.GridElementData",
    "sap.ui.commons.layout.BorderLayoutArea",
    "sap.ui.commons.layout.MatrixLayoutCell",
    "sap.ui.commons.layout.MatrixLayoutRow",
    "sap.ui.commons.layout.PositionContainer",
    "sap.ui.commons.layout.ResponsiveFlowLayoutData"
  ],
  version: "1.12.0"});

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.ButtonStyle.
jQuery.sap.declare("sap.ui.commons.ButtonStyle");

/**
 * @class different styles for a button.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.ButtonStyle = {
  
    /**
     * Button is emphasized. 
     * @public
     */
    Emph : "Emph",

    /**
     * Accept button (normally green). 
     * @public
     */
    Accept : "Accept",

    /**
     * Reject button (normally red). 
     * @public
     */
    Reject : "Reject",

    /**
     * default style (no special styling). 
     * @public
     */
    Default : "Default"

  };
  
/**
 * 
 *   		Marker interface for common controls which are suitable for use within a FormattedTextView.
 *   
 *
 * @name sap.ui.commons.FormattedTextViewControl
 * @interface
 * @public
 */

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.HorizontalDividerHeight.
jQuery.sap.declare("sap.ui.commons.HorizontalDividerHeight");

/**
 * @class Enumeration of possible HorizontalDivider height settings.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.HorizontalDividerHeight = {
  
    /**
     * Divider gets no top and bottom margin. 
     * @public
     */
    Ruleheight : "Ruleheight",

    /**
     * Divider gets a small top and bottom margin. 
     * @public
     */
    Small : "Small",

    /**
     * Divider gets a medium top and bottom margin. 
     * @public
     */
    Medium : "Medium",

    /**
     * Divider gets a large top and bottom margin. 
     * @public
     */
    Large : "Large"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.HorizontalDividerType.
jQuery.sap.declare("sap.ui.commons.HorizontalDividerType");

/**
 * @class Enumeration of possible HorizontalDivider types.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.HorizontalDividerType = {
  
    /**
     * Type Area 
     * @public
     */
    Area : "Area",

    /**
     * Type Page 
     * @public
     */
    Page : "Page"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.LabelDesign.
jQuery.sap.declare("sap.ui.commons.LabelDesign");

/**
 * @class Available label display modes.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.LabelDesign = {
  
    /**
     * Displays the label in bold. 
     * @public
     */
    Bold : "Bold",

    /**
     * Displays the label in normal mode. 
     * @public
     */
    Standard : "Standard"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.MenuBarDesign.
jQuery.sap.declare("sap.ui.commons.MenuBarDesign");

/**
 * @class Determines the visual design of a MenuBar. The feature might be not supported by all themes.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.MenuBarDesign = {
  
    /**
     * The MenuBar appears in standard design. 
     * @public
     */
    Standard : "Standard",

    /**
     * The MenuBar appears in header design. 
     * @public
     */
    Header : "Header"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.MessageType.
jQuery.sap.declare("sap.ui.commons.MessageType");

/**
 * @class [Enter description for MessageType]
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.MessageType = {
  
    /**
     * Error message 
     * @public
     */
    Error : "Error",

    /**
     * Warning message 
     * @public
     */
    Warning : "Warning",

    /**
     * Successful message 
     * @public
     */
    Success : "Success"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.Orientation.
jQuery.sap.declare("sap.ui.commons.Orientation");

/**
 * @class Orientation of an UI element
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.Orientation = {
  
    /**
     * Arrange Horizontally 
     * @public
     */
    Horizontal : "Horizontal",

    /**
     * Arrange Vertically 
     * @public
     */
    Vertical : "Vertical"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.PaginatorEvent.
jQuery.sap.declare("sap.ui.commons.PaginatorEvent");

/**
 * @class Disctinct paginator event types
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.PaginatorEvent = {
  
    /**
     * First page event 
     * @public
     */
    First : "First",

    /**
     * Previous page event 
     * @public
     */
    Previous : "Previous",

    /**
     * Go to page event 
     * @public
     */
    Goto : "Goto",

    /**
     * Next page event 
     * @public
     */
    Next : "Next",

    /**
     * Last page event 
     * @public
     */
    Last : "Last"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.RatingIndicatorVisualMode.
jQuery.sap.declare("sap.ui.commons.RatingIndicatorVisualMode");

/**
 * @class Possible values for the visualization of float values in the RatingIndicator Control.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.RatingIndicatorVisualMode = {
  
    /**
     * Values are rounded to the nearest integer value (e.g. 1.7 -> 2). 
     * @public
     */
    Full : "Full",

    /**
     * Values are rounded to the nearest half value (e.g. 1.7 -> 1.5). 
     * @public
     */
    Half : "Half",

    /**
     * Values are not rounded. 
     * @public
     */
    Continuous : "Continuous"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.RowRepeaterDesign.
jQuery.sap.declare("sap.ui.commons.RowRepeaterDesign");

/**
 * @class Determines the visual design of a RowRepeater.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.RowRepeaterDesign = {
  
    /**
     * The RowRepeater header and footer elements, as well as the row container background, appear solid. 
     * @public
     */
    Standard : "Standard",

    /**
     * The RowRepeater header and footer elements, as well as the row container background, appear transparent. 
     * @public
     */
    Transparent : "Transparent",

    /**
     * The RowRepeater will be displayed without header, toolbar or footer. Background will be transparent. 
     * @public
     */
    BareShell : "BareShell"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.TextViewColor.
jQuery.sap.declare("sap.ui.commons.TextViewColor");

/**
 * @class Semantic Colors of a text.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.TextViewColor = {
  
    /**
     * Default color 
     * @public
     */
    Default : "Default",

    /**
     * Positive color 
     * @public
     */
    Positive : "Positive",

    /**
     * Negative color 
     * @public
     */
    Negative : "Negative",

    /**
     * Critical color 
     * @public
     */
    Critical : "Critical"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.TextViewDesign.
jQuery.sap.declare("sap.ui.commons.TextViewDesign");

/**
 * @class Designs for TextView.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.TextViewDesign = {
  
    /**
     * Displays the text in standard letters. 
     * @public
     */
    Standard : "Standard",

    /**
     * Displays the text in bold letters 
     * @public
     */
    Bold : "Bold",

    /**
     * Displays the text in header 1 letters. 
     * @public
     */
    H1 : "H1",

    /**
     * Displays the text in header 2 letters. 
     * @public
     */
    H2 : "H2",

    /**
     * Displays the text in header 3 letters. 
     * @public
     */
    H3 : "H3",

    /**
     * Displays the text in header 4 letters. 
     * @public
     */
    H4 : "H4",

    /**
     * Displays the text in header 5 letters. 
     * @public
     */
    H5 : "H5",

    /**
     * Displays the text in header 6 letters. 
     * @public
     */
    H6 : "H6",

    /**
     * Displays the text in italic letters 
     * @public
     */
    Italic : "Italic",

    /**
     * Displays the text in smaller letters. 
     * @public
     */
    Small : "Small",

    /**
     * Displays the text in monospace letters. 
     * @public
     */
    Monospace : "Monospace",

    /**
     * underlined Text 
     * @public
     */
    Underline : "Underline"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.TitleLevel.
jQuery.sap.declare("sap.ui.commons.TitleLevel");

/**
 * @class Level of a title.
 *
 * @version 1.12.0
 * @static
 * @public
 * @since 1.9.1
 */
sap.ui.commons.TitleLevel = {
  
    /**
     * The level of the title is choosen by the control rendering the title. 
     * @public
     */
    Auto : "Auto",

    /**
     * The Title is of level 1. 
     * @public
     */
    H1 : "H1",

    /**
     * The Title is of level 2 
     * @public
     */
    H2 : "H2",

    /**
     * The Title is of level 3 
     * @public
     */
    H3 : "H3",

    /**
     * The Title is of level 4 
     * @public
     */
    H4 : "H4",

    /**
     * The Title is of level 5 
     * @public
     */
    H5 : "H5",

    /**
     * The Title is of level 6 
     * @public
     */
    H6 : "H6"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.ToolbarDesign.
jQuery.sap.declare("sap.ui.commons.ToolbarDesign");

/**
 * @class Determines the visual design of a Toolbar.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.ToolbarDesign = {
  
    /**
     * The toolbar elements such as buttons for example have their normal visual design, and the toolbar appears solid.
     * The feature might be not supported by all themes. 
     * @public
     */
    Standard : "Standard",

    /**
     * The controls included in the toolbar have a normal visual design where the toolbar appears transparent.
     * The feature might be not supported by all themes.
     *  
     * @public
     */
    Transparent : "Transparent",

    /**
     * The included controls have a very light appearance. The feature might be not supported by all themes. 
     * @public
     */
    Flat : "Flat"

  };
  
/**
 * 
 *   Marker interface for common controls which are suitable for use within a toolbar.
 *   The most prominent example of a toolbar item is a button which is mostly used with
 *   an icon instead of a text caption.
 *   Toolbar items must have a fixed height compatible with the toolbar being
 *   a single horizontal row. They can refer to the toolbar's marker class
 *   "sapUiTb" to adjust their own theming when used inside a toolbar.
 *   
 *
 * @name sap.ui.commons.ToolbarItem
 * @interface
 * @public
 */

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.ToolbarSeparatorDesign.
jQuery.sap.declare("sap.ui.commons.ToolbarSeparatorDesign");

/**
 * @class Design of the Toolbar Separator.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.ToolbarSeparatorDesign = {
  
    /**
     * Standard Separator between controls 
     * @public
     */
    Standard : "Standard",

    /**
     * 100% height Separator before and after specific controls 
     * @public
     */
    FullHeight : "FullHeight"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.TriStateCheckBoxState.
jQuery.sap.declare("sap.ui.commons.TriStateCheckBoxState");

/**
 * @class States for TriStateCheckBox
 *
 * @version 1.12.0
 * @static
 * @public
 * @since 1.7.2
 */
sap.ui.commons.TriStateCheckBoxState = {
  
    /**
     * unchecked, default value for tri-state checkbox 
     * @public
     */
    Unchecked : "Unchecked",

    /**
     * mixed state for tri-state checkbox 
     * @public
     */
    Mixed : "Mixed",

    /**
     * checked value for tri-state checkbox 
     * @public
     */
    Checked : "Checked"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.enums.AreaDesign.
jQuery.sap.declare("sap.ui.commons.enums.AreaDesign");

/**
 * @class Value set for the background design of areas
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.enums.AreaDesign = {
  
    /**
     * Shows the area in a plain look 
     * @public
     */
    Plain : "Plain",

    /**
     * Shows the label in a filled look 
     * @public
     */
    Fill : "Fill",

    /**
     * Shows the background as transparent 
     * @public
     */
    Transparent : "Transparent"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.enums.BorderDesign.
jQuery.sap.declare("sap.ui.commons.enums.BorderDesign");

/**
 * @class Value set for the border design of areas
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.enums.BorderDesign = {
  
    /**
     * Draws the border as a box around the area 
     * @public
     */
    Box : "Box",

    /**
     * Suppresses the border 
     * @public
     */
    None : "None"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.enums.Orientation.
jQuery.sap.declare("sap.ui.commons.enums.Orientation");

/**
 * @class Orientation of a UI element
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.enums.Orientation = {
  
    /**
     * Horizontal orientation 
     * @public
     */
    horizontal : "horizontal",

    /**
     * Vertical orientation 
     * @public
     */
    vertical : "vertical"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

// Provides data type sap.ui.commons.form.GridElementCells
jQuery.sap.declare('sap.ui.commons.form.GridElementCells');
jQuery.sap.require('sap.ui.base.DataType'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class A string that defines the number of used cells in a GridLayout. This can be a number from 1 to 16, "auto" or "full".
 *
 * @static
 * @public
 */
sap.ui.commons.form.GridElementCells = sap.ui.base.DataType.createType('sap.ui.commons.form.GridElementCells', {
    isValid : function(vValue) {
      return /^(auto|full|([1-9]|1[0-6]))$/.test(vValue);
    }

  },
  sap.ui.base.DataType.getType('string')
);

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.layout.BackgroundDesign.
jQuery.sap.declare("sap.ui.commons.layout.BackgroundDesign");

/**
 * @class
 * Background design (i.e. color), e.g. of a layout cell.
 * 
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.layout.BackgroundDesign = {
  
    /**
     * 
     * A background design suitable for borders.
     *  
     * @public
     */
    Border : "Border",

    /**
     * 
     * An opaque background design that looks dark filled.
     *  
     * @public
     */
    Fill1 : "Fill1",

    /**
     * 
     * An opaque background design that looks medium filled.
     *  
     * @public
     */
    Fill2 : "Fill2",

    /**
     * 
     * An opaque background design that looks light filled.
     *  
     * @public
     */
    Fill3 : "Fill3",

    /**
     * 
     * A background design suitable for headers.
     *  
     * @public
     */
    Header : "Header",

    /**
     * 
     * A plain but opaque background design.
     *  
     * @public
     */
    Plain : "Plain",

    /**
     * 
     * A transparent background.
     *  
     * @public
     */
    Transparent : "Transparent"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.layout.BorderLayoutAreaTypes.
jQuery.sap.declare("sap.ui.commons.layout.BorderLayoutAreaTypes");

/**
 * @class The type (=position) of a BorderLayoutArea
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.layout.BorderLayoutAreaTypes = {
  
    /**
     * Value to identify the top area. 
     * @public
     */
    top : "top",

    /**
     * Value to identify the begin area. 
     * @public
     */
    begin : "begin",

    /**
     * Value to identify the center area. 
     * @public
     */
    center : "center",

    /**
     * Value to identify the end area. 
     * @public
     */
    end : "end",

    /**
     * Value to identify the bottom area. 
     * @public
     */
    bottom : "bottom"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.layout.HAlign.
jQuery.sap.declare("sap.ui.commons.layout.HAlign");

/**
 * @class
 * Horizontal alignment, e.g. of a layout cell's content within the cell's borders.
 * Note that some values depend on the current locale's writing direction while
 * others do not.
 * 
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.layout.HAlign = {
  
    /**
     * 
     * Aligned towards the beginning of a line, in the current locale's writing direction.
     *  
     * @public
     */
    Begin : "Begin",

    /**
     * 
     * Horizontally centered.
     *  
     * @public
     */
    Center : "Center",

    /**
     * 
     * Aligned towards the end of a line, in the current locale's writing direction.
     *  
     * @public
     */
    End : "End",

    /**
     * 
     * Left aligned, regardless of the current locale's writing direction.
     *  
     * @public
     */
    Left : "Left",

    /**
     * 
     * Right aligned, regardless of the current locale's writing direction.
     *  
     * @public
     */
    Right : "Right"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.layout.Padding.
jQuery.sap.declare("sap.ui.commons.layout.Padding");

/**
 * @class
 * Padding, e.g. of a layout cell's content within the cell's borders.
 * Note that all options except "None" include a padding of 2px at the top and
 * bottom, and differ only in the presence of a 4px padding towards the beginning
 * or end of a line, in the current locale's writing direction.
 * 
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.layout.Padding = {
  
    /**
     * 
     * No padding at all.
     *  
     * @public
     */
    None : "None",

    /**
     * 
     * Top and bottom padding of 2px.
     * Padding of 4px towards the beginning of a line, in the current locale's
     * writing direction, but none towards its end.
     *  
     * @public
     */
    Begin : "Begin",

    /**
     * 
     * Top and bottom padding of 2px.
     * Padding of 4px towards the end of a line, in the current locale's
     * writing direction, but none towards its beginning.
     *  
     * @public
     */
    End : "End",

    /**
     * 
     * Top and bottom padding of 2px.
     * Padding of 4px towards both the beginning and end of a line.
     *  
     * @public
     */
    Both : "Both",

    /**
     * 
     * Top and bottom padding of 2px.
     * No padding towards neither the beginning nor end of a line.
     *  
     * @public
     */
    Neither : "Neither"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.layout.Separation.
jQuery.sap.declare("sap.ui.commons.layout.Separation");

/**
 * @class
 * Separation, e.g. of a layout cell from its neighbor, via a vertical gutter of
 * defined width, with or without a vertical line in its middle.
 * 
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.layout.Separation = {
  
    /**
     * 
     * No gutter at all (0px), and without a vertical line, of course.
     *  
     * @public
     */
    None : "None",

    /**
     * 
     * A small (17px) vertical gutter without a vertical line.
     *  
     * @public
     */
    Small : "Small",

    /**
     * 
     * A small (17px) vertical gutter with a vertical line in its middle.
     *  
     * @public
     */
    SmallWithLine : "SmallWithLine",

    /**
     * 
     * A medium (31px) vertical gutter without a vertical line.
     *  
     * @public
     */
    Medium : "Medium",

    /**
     * 
     * A medium (31px) vertical gutter with a vertical line in its middle.
     *  
     * @public
     */
    MediumWithLine : "MediumWithLine",

    /**
     * 
     * A large (63px) vertical gutter without a vertical line.
     *  
     * @public
     */
    Large : "Large",

    /**
     * 
     * A large (63px) vertical gutter with a vertical line in its middle.
     *  
     * @public
     */
    LargeWithLine : "LargeWithLine"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.commons.layout.VAlign.
jQuery.sap.declare("sap.ui.commons.layout.VAlign");

/**
 * @class
 * Vertical alignment, e.g. of a layout cell's content within the cell's borders.
 * 
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.commons.layout.VAlign = {
  
    /**
     * 
     * Aligned at the bottom.
     *  
     * @public
     */
    Bottom : "Bottom",

    /**
     * 
     * Vertically centered.
     *  
     * @public
     */
    Middle : "Middle",

    /**
     * 
     * Aligned at the top.
     *  
     * @public
     */
    Top : "Top"

  };
  

// -----------------------------------------------------------------------------
// Begin of Library Initialization coding, copied from shared.js
// -----------------------------------------------------------------------------

// lazy imports for MessageBox
sap.ui.lazyRequire("sap.ui.commons.MessageBox", "alert confirm show");

//map the Orientation enum to new enums with uppercase
sap.ui.commons.Orientation.vertical = sap.ui.commons.Orientation.Vertical;
sap.ui.commons.Orientation.horizontal = sap.ui.commons.Orientation.Horizontal;

}; // end of sap.ui.commons.library
if ( !jQuery.sap.isDeclared('sap.ui.commons.Accordion') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Accordion.
jQuery.sap.declare("sap.ui.commons.Accordion");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Accordion.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '200px')</li>
 * <li>{@link #getOpenedSectionsId openedSectionsId} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getSections sections} : sap.ui.commons.AccordionSection[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Accordion#event:sectionOpen sectionOpen} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.Accordion#event:sectionClose sectionClose} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.Accordion#event:sectionsReorder sectionsReorder} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Contains N sections which act as containers for any library controls
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Accordion
 */
sap.ui.core.Control.extend("sap.ui.commons.Accordion", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"openSection", "closeSection"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : '200px'},
		"openedSectionsId" : {type : "string", group : "Misc", defaultValue : null}
	},
	defaultAggregation : "sections",
	aggregations : {
    	"sections" : {type : "sap.ui.commons.AccordionSection", multiple : true, singularName : "section"}
	},
	events : {
		"sectionOpen" : {}, 
		"sectionClose" : {}, 
		"sectionsReorder" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Accordion with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Accordion.extend
 * @function
 */

sap.ui.commons.Accordion.M_EVENTS = {'sectionOpen':'sectionOpen','sectionClose':'sectionClose','sectionsReorder':'sectionsReorder'};


/**
 * Getter for property <code>width</code>.
 * When the width specified is smaller than a section content, a horizontal scroll bar is provided.
 *
 * Default value is <code>200px</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Accordion#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>200px</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#setWidth
 * @function
 */


/**
 * Getter for property <code>openedSectionsId</code>.
 * Section IDs that shall be opened by default at application start.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>openedSectionsId</code>
 * @public
 * @name sap.ui.commons.Accordion#getOpenedSectionsId
 * @function
 */

/**
 * Setter for property <code>openedSectionsId</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sOpenedSectionsId  new value for property <code>openedSectionsId</code>
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#setOpenedSectionsId
 * @function
 */


/**
 * Getter for aggregation <code>sections</code>.<br/>
 * Empty container used to display any library controls.
 * 
 * @return {sap.ui.commons.AccordionSection[]}
 * @public
 * @name sap.ui.commons.Accordion#getSections
 * @function
 */


/**
 * Inserts a section into the aggregation named <code>sections</code>.
 *
 * @param {sap.ui.commons.AccordionSection}
 *          oSection the section to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the section should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the section is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the section is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#insertSection
 * @function
 */

/**
 * Adds some section <code>oSection</code> 
 * to the aggregation named <code>sections</code>.
 *
 * @param {sap.ui.commons.AccordionSection}
 *            oSection the section to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#addSection
 * @function
 */

/**
 * Removes an section from the aggregation named <code>sections</code>.
 *
 * @param {int | string | sap.ui.commons.AccordionSection} vSection the section to remove or its index or id
 * @return {sap.ui.commons.AccordionSection} the removed section or null
 * @public
 * @name sap.ui.commons.Accordion#removeSection
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>sections</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.AccordionSection[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Accordion#removeAllSections
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.AccordionSection</code> in the aggregation named <code>sections</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.AccordionSection}
 *            oSection the section whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Accordion#indexOfSection
 * @function
 */
	

/**
 * Destroys all the sections in the aggregation 
 * named <code>sections</code>.
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#destroySections
 * @function
 */


/**
 * Event is triggered when the user opens a section. 
 *
 * @name sap.ui.commons.Accordion#sectionOpen
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.openSectionId ID of the opened section
 * @param {string[]} oControlEvent.getParameters.closeSectionIds IDs of the sections that shall be closed. Can be initial in the case of no previously opened section.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'sectionOpen' event of this <code>sap.ui.commons.Accordion</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Accordion</code>.<br/> itself. 
 *  
 * Event is triggered when the user opens a section. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Accordion</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#attachSectionOpen
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'sectionOpen' event of this <code>sap.ui.commons.Accordion</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#detachSectionOpen
 * @function
 */

/**
 * Fire event sectionOpen to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'openSectionId' of type <code>string</code> ID of the opened section</li>
 * <li>'closeSectionIds' of type <code>string[]</code> IDs of the sections that shall be closed. Can be initial in the case of no previously opened section.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Accordion#fireSectionOpen
 * @function
 */


/**
 * Event is triggered when the user closes a section. 
 *
 * @name sap.ui.commons.Accordion#sectionClose
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.closeSectionId ID of the closed section
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'sectionClose' event of this <code>sap.ui.commons.Accordion</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Accordion</code>.<br/> itself. 
 *  
 * Event is triggered when the user closes a section. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Accordion</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#attachSectionClose
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'sectionClose' event of this <code>sap.ui.commons.Accordion</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#detachSectionClose
 * @function
 */

/**
 * Fire event sectionClose to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'closeSectionId' of type <code>string</code> ID of the closed section</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Accordion#fireSectionClose
 * @function
 */


/**
 * Triggered when the user changes the position of a section. 
 *
 * @name sap.ui.commons.Accordion#sectionsReorder
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.movedSectionId ID of the moved section.
 * @param {int} oControlEvent.getParameters.newIndex New index of the moved section.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'sectionsReorder' event of this <code>sap.ui.commons.Accordion</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Accordion</code>.<br/> itself. 
 *  
 * Triggered when the user changes the position of a section. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Accordion</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#attachSectionsReorder
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'sectionsReorder' event of this <code>sap.ui.commons.Accordion</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Accordion#detachSectionsReorder
 * @function
 */

/**
 * Fire event sectionsReorder to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'movedSectionId' of type <code>string</code> ID of the moved section.</li>
 * <li>'newIndex' of type <code>int</code> New index of the moved section.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Accordion} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Accordion#fireSectionsReorder
 * @function
 */


/**
 * Opens a section.
 *
 * @name sap.ui.commons.Accordion.prototype.openSection
 * @function
 * @param {string} 
 *         sSectionId
 *         Id of the section that shall be opened

 * @type void
 * @public
 */


/**
 * Closes a section, and opens the default one
 *
 * @name sap.ui.commons.Accordion.prototype.closeSection
 * @function
 * @param {string} 
 *         sSectionId
 *         Id of the section that shall be closed

 * @type void
 * @public
 */


// Start of sap/ui/commons/Accordion.js
/***************************************************
* ACCORDION CONTROL - JAVASCRIPT FUNCTIONS
*
* An accordion is a control that applications can use
* to define N sections in which they can display N
* elements of X types. One section can be opened at
* once and one section is always opened. If the application
* does not provide a default section to be opened,
* the first enabled section is opened by default.
****************************************************/
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained


//*"*************************************************
//* CONSTANTS DECLARATION - CLASS ATTRIBUTES
//***************************************************
sap.ui.commons.Accordion.CARD_1   = 1;
sap.ui.commons.Accordion.CARD_0_1 = 2;
sap.ui.commons.Accordion.CARD_0_N = 3;
sap.ui.commons.Accordion.CARD_1_N = 4;
sap.ui.commons.Accordion.KEY_TIMEOUT = 500;

sap.ui.commons.Accordion.aAccordionsToReplace = [];
sap.ui.commons.Accordion.aAccordions = [];

//***************************************************
//* INITIALIZATION
//***************************************************
/**
* Initialization of the Accordion control
* @private
*/
sap.ui.commons.Accordion.prototype.init = function(){

   this.bInitialRendering = true;

   // By default, only one section is opened
   this.activationMode = sap.ui.commons.Accordion.CARD_1;

   // Get messagebundle.properties for sap.ui.commons
   this.rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

   // Drag and drop events
   jQuery(window.document).bind("dragover", this.ondragover);
   jQuery(window.document).bind("dragenter", this.ondragenter);
   jQuery(window.document).bind("dragleave", this.ondragleave);
   jQuery(window.document).bind("dragend", this.ondragend);

   // Array used to store all section titles
   this.aSectionTitles = [];

   this.bDragBeforeFirst = false;

   sap.ui.commons.Accordion.aAccordions.push(this);

};

/***********************************************************************************
* KEYBOARD NAVIGATION
* Note that we rely on 2 mechanisms to support all keyboard shortcuts needed.
* First, for control activation (open/close sections), we rely on UI5 pseudo-events
* which are called before the browser event. These events all start with onsap_xyz.
* For other navigation purposes such as next/previous element, we use itemNavigation.
* Note that to enter the section's content, one needs to use the TAB key which
* will take the browser's default behavior.
***********************************************************************************/

/**
 * SPACE key behavior
 * Opens the section or activates the UI element on SPACE key
 * @param {jQuery.Event} oEvent Browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.onsapspace = function(oEvent){

	this.onclick(oEvent);

};

/**
 * PAGE DOWN key behavior
 * Beware that these shortcuts are used by FF3.6 to navigate between opened tabs in the browsers.
 * So this is declared as a limitation, but behaves as expected in Safari 5
 * Opens the next section and focuses the first element of this opened section
 * @param {jQuery.Event} oEvent Browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.onsappagedownmodifiers = function(oEvent){

	// Get all the sections
	var target = jQuery(oEvent.target);
	var aParents = target.parentsUntil('.sapUiAcd');

	// Get the next section
	var oDOMSection = aParents[aParents.length - 1];
	var oNextSection = jQuery(oDOMSection).next();

	// Skip all disabled sections
	while(!this.getCorrespondingSection(oNextSection[0]).getEnabled()){
		oNextSection = oNextSection.next();
	}
	oNextSection = oNextSection[0];


	// Open the next enabled section
	this.openSection(oNextSection.id);

	// Drill down the DOM to get the next section and focus on its first active element
	var oSection = this.getCorrespondingSection(oNextSection);
	oSection.focusFirstControl();

	// Stop the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

};

/**
 * PAGE UP key behavior
 * Beware that these shortcuts are used by FF3.6 to navigate between opened TABS in the browsers.
 * So this is declared as a limitation, but behaves as expected in Safari 5
 * Opens the previous section and focuses the first element of this opened section
 * @param [jQuery.Event} oEvent Browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.onsappageupmodifiers = function(oEvent){

	// Get all the sections
	var target = jQuery(oEvent.target);
	var aParents = target.parentsUntil('.sapUiAcd');

	// Get the previous section
	var oSection = aParents[aParents.length - 1];
	var oNextSection = jQuery(oSection).prev();

	// Skip all disabled sections
	while(!this.getCorrespondingSection(oNextSection[0]).getEnabled()){
		oNextSection = oNextSection.prev();
	}
	oNextSection = oNextSection[0];

	// Open the previously enabled section
	this.openSection(oNextSection.id);

	// Drill down the DOM to get the previous section and focus its first active element
	var oSection = this.getCorrespondingSection(oNextSection);
	if(oSection){
		oSection.focusFirstControl();
	}

	// Stop the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

};

sap.ui.commons.Accordion.prototype.onsapupmodifiers = function(oEvent){

	// Stop the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

	// Get the section to move
	var aParents	= jQuery(oEvent.target).parentsUntil('.sapUiAcd');
	var oDomSection = aParents[aParents.length - 1];

	// Is the section if the first one. if so, no up possible!
	if(this.__idxOfSec(oDomSection.id)==0){
		return;
	}

	var oDomTargetSection = jQuery(oDomSection).prev().first()[0]
;
	var bInsertFirst = false;
	if(this.__idxOfSec(oDomTargetSection.id)==0){
		bInsertFirst = true;
	}

	this.dropSection(oDomSection,oDomTargetSection,bInsertFirst);

	// Ensure the focus is on the right section
	var aSections = this.getSections();
	aSections[this.__idxOfSec(oDomSection.id)].focus();



};

sap.ui.commons.Accordion.prototype.onsapdownmodifiers = function(oEvent){

	// Stop the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

	//Get the section to move
	var aParents	= jQuery(oEvent.target).parentsUntil('.sapUiAcd');
	var oDomSection = aParents[aParents.length - 1];

	//Is the section if the first one. if so, no up possible!
	if(this.__idxOfSec(oDomSection.id)==this.getSections().length-1){
		return;
	}

	var oDomTargetSection = jQuery(oDomSection).next().first()[0];
	this.dropSection(oDomSection,oDomTargetSection,false);

	//Ensure the focus is on the right section
	var aSections = this.getSections();
	aSections[this.__idxOfSec(oDomSection.id)].focus();

};

/**
 * Called when the user presses the UP arrow key
 * @param oEvent The event triggered by the user
 * @private
 */
sap.ui.commons.Accordion.prototype.onsapprevious = function(oEvent){

	if (oEvent.srcControl.getMetadata().getName() != "sap.ui.commons.AccordionSection" ) {
		return;
	}

	// Stop the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

	//Get the current section
	var oCurrentSection = this.getCurrentSection(oEvent.target);

	//Extra check to see of we are on the first section, if yes, set the focus on this one
	if (oCurrentSection.id == this.getSections()[0].getId()){
		var oNextFocusableElement = jQuery(oCurrentSection).find("div.sapUiAcdSectionHdr");
		if (oNextFocusableElement){
			oNextFocusableElement.focus();
		}
	}

	//Simply set the focus on the next section if any
	if (oCurrentSection){

		//Get the previous section that is enabled, disregard disabled sections
		var oPreviousSection = jQuery(oCurrentSection).prev();
		while (oPreviousSection && jQuery(oPreviousSection).hasClass("sapUiAcdSectionDis")){
			oPreviousSection = jQuery(oPreviousSection).prev();
		}
		if (oPreviousSection){
			var oNextFocusableElement = jQuery(oPreviousSection).find("div.sapUiAcdSectionHdr");
			if (oNextFocusableElement){
				oNextFocusableElement.focus();
			}
		}
	}

};

/**
 * Called when the user presses the down arrow key
 * @param {jQuery.Event} oEvent The event triggered by the user
 * @private
 */
sap.ui.commons.Accordion.prototype.onsapnext = function(oEvent){

	if (oEvent.srcControl.getMetadata().getName() != "sap.ui.commons.AccordionSection" ) {
		return;
	}

	// Stop the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

	//Get the current section
	var oCurrentSection = this.getCurrentSection(oEvent.target);

	//Simply set the focus on the next section if any
	if (oCurrentSection){

		//Get the next section that is enabled, disregard disabled sections
		var oNextSection = jQuery(oCurrentSection).next();
		while (oNextSection && jQuery(oNextSection).hasClass("sapUiAcdSectionDis")){
			oNextSection = jQuery(oNextSection).next();
		}
		if (oNextSection){
			var oNextFocusableElement = jQuery(oNextSection).find("div.sapUiAcdSectionHdr");
			if (oNextFocusableElement){
				oNextFocusableElement.focus();
			}
		}
	}

};

/**
 * Called when the user presses the home key
 * @param oEvent The event triggered by the user
 * @private
 */
sap.ui.commons.Accordion.prototype.onsaphome = function(oEvent){

	// Stop the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

	//Get the current first section id
	var oFocusableSection = jQuery.sap.domById(this.getSections()[0].getId());

	//If the section is disabled, get the next section that is enabled, disregard disabled sections
	if (jQuery(oFocusableSection).hasClass("sapUiAcdSectionDis")){
		oFocusableSection = jQuery(oFocusableSection).next();
		while (oFocusableSection && jQuery(oFocusableSection).hasClass("sapUiAcdSectionDis")){
			oFocusableSection = jQuery(oFocusableSection).next();
		}
	}

	//We found one focusable section
	if (oFocusableSection){
		var oNextFocusableElement = jQuery(oFocusableSection).find("div.sapUiAcdSectionHdr");
		if (oNextFocusableElement){
			oNextFocusableElement.focus();
		}
	}

};

/**
 * Called when the user presses the end key
 * @param oEvent The event triggered by the user
 * @private
 */
sap.ui.commons.Accordion.prototype.onsapend = function(oEvent){

	// Stop the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

	//Get the last section
	var iNbSections = this.getSections().length;
	var oFocusableSection = jQuery.sap.domById(this.getSections()[iNbSections-1].getId());

	//If the section is disabled, get the previous section that is enabled, disregard disabled sections
	if (jQuery(oFocusableSection).hasClass("sapUiAcdSectionDis")){
		oFocusableSection = jQuery(oFocusableSection).prev();
		while (oFocusableSection && jQuery(oFocusableSection).hasClass("sapUiAcdSectionDis")){
			oFocusableSection = jQuery(oFocusableSection).prev();
		}
	}

	//We found one focusable section
	if (oFocusableSection){
		var oNextFocusableElement = jQuery(oFocusableSection).find("div.sapUiAcdSectionHdr");
		if (oNextFocusableElement){
			oNextFocusableElement.focus();
		}
	}

};

/**
 * Utility to get the current section
 * @param {DOMElement} oDomElement The current element from which an event is triggered
 * @private
 */
sap.ui.commons.Accordion.prototype.getCurrentSection = function(oDomElement){

	//Use jQuery to get the parent section
	var oCurrentSection = oDomElement;
	while (!jQuery(oCurrentSection).hasClass("sapUiAcdSection")){
		oCurrentSection = jQuery(oCurrentSection).parent();
	}
	return oCurrentSection[0];

};


/***********************************************************************************
 * DRAG AND DROP
 * Drag and drop is used to move a single section at once up/down in the accordion
 * This can be achieved via a mouse click (down/up) and also via some keyboard
 * shortcuts (Ctrl-up and Ctrl-down)
 ***********************************************************************************/
/**
 * On drag start event
 * @param {jQuery.Event} oEvent The browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.ondragstart = function(oEvent){

	//Drag & Drop not supported in IE yet.
	if(jQuery.browser.msie){
		return;
	}

	var target = jQuery(oEvent.target);

	//Keep a trace of the dragged section

	if(jQuery(oEvent.target).hasClass("sapUiAcdSectionHdr")){
		this.draggedSection = oEvent.target;
	}
	else{
		var aParents = target.parentsUntil('.sapUiAcd');
		this.draggedSection = aParents[aParents.length - 1];
	}


	//Disable dragging on the scrollbars
	if(target.hasClass("sapUiAcdSectionCont")){
		return;
	}

	var container = target.children(".sapUiAcdSectionCont");
	container = container[0];

	//Hide Scrollbar
	var containerStyle = jQuery(container).addClass("sapUiAcdSectionContDragged");

	target.addClass("sapUiAcdSectionDragged");


	oEvent.originalEvent.dataTransfer.effectAllowed='move';
	oEvent.originalEvent.dataTransfer.setData("Text", target.attr("id"));

	if(oEvent.originalEvent.dataTransfer.setDragImage){
		var domHeader = jQuery.sap.domById(this.draggedSection.id + "-hdr");
		oEvent.originalEvent.dataTransfer.setDragImage(domHeader,0,0);
	}

};

/**
* On drop start event
* @param {jQuery.Event} oEvent The browser event
* @private
*/
sap.ui.commons.Accordion.prototype.ondrop = function(oEvent){


	oEvent.preventDefault();
	oEvent.stopPropagation();

	var section;
	var accordion;
	var bInsertFirst = false;

	if(jQuery(oEvent.target).hasClass("sapUiAcd-droptarget")){
		//Over the drop target before the firsts section.
		var aSections = this.getSections();
		section = jQuery.sap.domById(aSections[0].getId());
		accordion = jQuery.sap.domById(this.getId());
		bInsertFirst = true;
	}
	else if(jQuery(oEvent.target).hasClass("sapUiAcd") ){
		//Over the accordion itself. It means we are just before the first section
		bInsertFirst = true;
		accordion = oEvent.target;
		var aChildren = jQuery(accordion).children();
		//First section is at index 1
		section   = aChildren[1];
	}
	else{
		//Otherwise, over a section
		var target = jQuery(oEvent.target);
		var aParents = target.parentsUntil('.sapUiAcd');
		section = aParents[aParents.length - 1];
		accordion = jQuery(section).parent()[0];
	}



	//We have to move the dragged section after the target section.
	var format = oEvent.originalEvent.dataTransfer.types ? "text/plain" : "Text";
	var dropId = oEvent.originalEvent.dataTransfer.getData(format);
	var droppedObj = jQuery.sap.domById(dropId);

	//Dropping in a different accordion is not allowed
	if(!sap.ui.commons.Accordion.areInSameAccordion(droppedObj, section)){
		return;
	}

	//When dragging up, we need to adjust the section
	var aDomSections = jQuery(accordion).children(".sapUiAcdSection").toArray();
	if(jQuery.inArray(droppedObj, aDomSections)>jQuery.inArray(section, aDomSections)){
		//We are dragging up, let provide the next section dom object to adjust
		section = aDomSections[aDomSections.indexOf(section)+1];
	}

	this.dropSection(droppedObj,section,bInsertFirst);

};

/**
 * Drops a section to a new index
 * @param {DOMNode} oDomSection	Section to drop to a new index
 * @param {DOMNode} oDomTargetSection Section after which to drop the section
 * @param {boolean} bDropFirst If true, drop at first place
 * @private
 */
sap.ui.commons.Accordion.prototype.dropSection = function(oDomSection, oDomTargetSection, bDropFirst){

	//Get accordion DOM object
	var oDomAccordion = jQuery(oDomSection).parent()[0];

	//We substract 1 as the first child is the drop target and the should not be considered
	var aChildren = jQuery(oDomAccordion).children(".sapUiAcdSection").toArray();
	var iIndexToInsert = jQuery.inArray(oDomTargetSection, aChildren);

	if(bDropFirst){
		iIndexToInsert -= 1;
	}

	//Update accordion with the change
	this.moveSection(oDomSection.id,iIndexToInsert);

};

/**
 * On drag end event
 * @param {jQuery.Event} oEvent The browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.ondragend = function(oEvent){

	if(this.bDragBeforeFirst){

		this.replaceSectionFirst();

	}

	if(sap.ui.commons.Accordion.aAccordionsToReplace.length != 0){
		for(var i = 0;i<sap.ui.commons.Accordion.aAccordionsToReplace.length;i++){
			sap.ui.commons.Accordion.replaceAccordionById(sap.ui.commons.Accordion.aAccordionsToReplace[i].id)
		}
		sap.ui.commons.Accordion.aAccordionsToReplace = [];
	}

	var target			= jQuery(oEvent.target);
	target.removeClass("sapUiAcdSectionDragged");

	var container		= target.children(".sapUiAcdSectionCont");
	var containerStyle	= container.removeClass("sapUiAcdSectionContDragged");


	//Stop the event here
	oEvent.preventDefault();
	oEvent.stopPropagation();

	this.bDragBeforeFirst = false;
	this.currentDragTargetId = null;
	this.draggedSection = null;

};

/**
 * On drag over event
 * @param {jQuery.Event} oEvent The browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.ondragover = function(oEvent){

	var format = oEvent.originalEvent.dataTransfer.types ? "text/plain" : "Text";
	var dropId = oEvent.originalEvent.dataTransfer.getData(format);

	var parents = jQuery(oEvent.target).parentsUntil('.sapUiAcd');
	var oDomSection = parents[parents.length - 1];

	if(!sap.ui.commons.Accordion.areInSameAccordion(oEvent.target, jQuery.sap.domById(dropId))){
		//Dropping in a different Accordion is not allowed
		return true;
	}

	//Identifying valid drop target
	if (this.bDragBeforeFirst){
		//When we are dragging before the first section, it still the drop target as long we don't go over another section
		return false;
	}

	if(jQuery(oEvent.target).hasClass("sapUiAcd-droptarget") ){
		//Drop target before the first section is valid
		return false;
	}

	if(jQuery(oEvent.target).hasClass("sapUiAcd") ){
		//Drop target before the first section is valid. (Equivalent of drop target itself)
		return false;
	}

	if(oDomSection && jQuery(oDomSection).hasClass("sapUiAcdSection")){
		//A section is valid
		return false;
	}


};

/**
* Returns true if the two provided DOM elements belong to the same accordion
* @param {DOMNode} oDomElement1 First DOM element
* @param {DOMNode} oDomElement2 Second DOM element
* @return {boolean} Whether the given two DOMNodes belong to the same Accordion
* @private
*/
sap.ui.commons.Accordion.areInSameAccordion = function(oDomElement1, oDomElement2){

	if(!oDomElement1 || !oDomElement2){
		return true;
	}



	var oDomAccordion1;
	if(	jQuery(oDomElement1).hasClass("sapUiAcdSection") ||
		jQuery(oDomElement1).hasClass("sapUiAcd-droptarget")){
		oDomAccordion1  = jQuery(oDomElement1).parent();
	}
	else{
		var aParents1		= jQuery(oDomElement1).parentsUntil('.sapUiAcd');
		var oDomSection1	= aParents1[aParents1.length - 1];
		oDomAccordion1		= jQuery(oDomSection1).parent();
	}

	var oDomAccordion2;
	if(	jQuery(oDomElement2).hasClass("sapUiAcdSection") ||
		jQuery(oDomElement2).hasClass("sapUiAcd-droptarget")){
		oDomAccordion2  = jQuery(oDomElement2).parent();
	}
	else{
		var aParents2		= jQuery(oDomElement2).parentsUntil('.sapUiAcd');
		var oDomSection2	= aParents2[aParents2.length - 1];
		oDomAccordion2		= jQuery(oDomSection2).parent();
	}


	if(oDomAccordion1.attr('id')==oDomAccordion2.attr('id')){
		return true;
	}
	else{
		return false;
	}
};

/**
 * On drag enter event
 * @param {jQuery.Event} oEvent The browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.ondragenter = function(oEvent){

	var format = oEvent.originalEvent.dataTransfer.types ? "text/plain" : "Text";
	var dropId = oEvent.originalEvent.dataTransfer.getData(format);



	if(!sap.ui.commons.Accordion.areInSameAccordion(oEvent.target, jQuery.sap.domById(dropId))){
		//Dropping in a different Accordion is not allowed
		return ;
	}

	if(this.bDragBeforeFirst == undefined){return;}


	var oDomSection;

	//Depending of the place we are over, we retrieve the corresponding DOM Section accordingly.

	if(jQuery(oEvent.target).hasClass("sapUiAcd-droptarget")){
		//Over the drop target, we change the mode. It will be set to Off the next time we go over another section
		this.bDragBeforeFirst = true;
		var aSections = this.getSections();
		oDomSection = jQuery.sap.domById(aSections[0].getId());
	}
	else{
		var parents = jQuery(oEvent.target).parentsUntil('.sapUiAcd');
		oDomSection = parents[parents.length - 1];

		//Are we back on a section coming from the drop target ?
		if (this.bDragBeforeFirst && oDomSection && jQuery(oDomSection).hasClass("sapUiAcdSection")){
			//DragBeforeFirst mode is over as we are dragging over another section
			this.bDragBeforeFirst = false;
		}

		if (this.bDragBeforeFirst){
			//We are still in the top drop target. Do not move the section
			return;

		}

	}


	if(!this.currentDragTargetId && oDomSection && jQuery(oDomSection).hasClass("sapUiAcdSection")){

		//Over a section(or its corresponding child), slide the section to show the dragging state
		this.slideSectionDown(oDomSection, this.bDragBeforeFirst);
		this.currentDragTargetId = oDomSection.id;

	}

	//Stop the event here
	oEvent.preventDefault();
	oEvent.stopPropagation();

};



/**
 * On drag leave event
 * @param {jQuery.Event} oEvent The browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.ondragleave = function(oEvent){

	if(this.bDragBeforeFirst == undefined){
		//We are dragging outside the accordion. This means that "this" is not pointing at the accordion but the window.
		//Exit to avoid problems
		return;
	}

	if (this.bDragBeforeFirst){
		//In this mode, nothing to do
		return;
	}

	//Depending of the place we are over, we retrieve the corresponding DOM Section accordingly.
	var oDomSection;

	if(jQuery(oEvent.target).hasClass("sapUiAcd-droptarget")){
		//Over the drop target before the first section
		var bMoveFirst = true;
		var aSections = this.getSections();
		oDomSection = jQuery.sap.domById(aSections[0].getId());
	}
	else{
		//Over the section
		var parents = jQuery(oEvent.target).parentsUntil('.sapUiAcd');
		oDomSection = parents[parents.length - 1];
	}

	if(this.currentDragTargetId && oDomSection && jQuery(oDomSection).hasClass("sapUiAcdSection")){

		//Sliding section back to their original position
		var oldTarget = jQuery.sap.domById(this.currentDragTargetId);
		this.replaceSection();
		this.currentDragTargetId = null;

	}

	//Stop the event here
	oEvent.preventDefault();
	oEvent.stopPropagation();

};

/**
 * Moves one section to a given new index by adjusting all internal information
 * @param {string} sSectionId The current section ID being moved
 * @param {int} iTargetIndex Where the section is dropped
 * @private
 */
sap.ui.commons.Accordion.prototype.moveSection = function(sSectionId, iTargetIndex){

	//Get previous index
	var iOldIndex = this.__idxOfSec(sSectionId);


	if(iTargetIndex==iOldIndex){
		 //Nothing to do
		 return;
	}


	/****Remove section from arrays*********************************/

	//Remove title for the list
	var sSectionTitle = this.aSectionTitles[iOldIndex];
	this.aSectionTitles.splice(iOldIndex,1);

	//Remove section aggregation
	var aSections = this.getSections();
	var oSection = aSections[iOldIndex];
	this.removeSection(iOldIndex, true);


	/****Add section to new index*********************************/
	if(iTargetIndex != -1){
		this.aSectionTitles.splice(iTargetIndex,0,sSectionTitle);
	}
	else{
		this.aSectionTitles.splice(0,0,sSectionTitle);
	}

	//Update aggregation
	this.insertSection(oSection,iTargetIndex, true);

	//Trigger event for application to react
	this.fireSectionsReorder({movedSectionId:sSectionId, newIndex:iTargetIndex});

};


/**
 * Slides some section down to show a space. This space is the drop target.
 * @param {sap.ui.commons.AccordionSection} oSection The section being moved
 * @param {boolean} moveFirst
 * @private
 */
sap.ui.commons.Accordion.prototype.slideSectionDown = function(oSection, moveFirst){

  if(moveFirst){
	  //We are over the first section. We then slide it down also
	 jQuery(oSection).addClass("sapUiAcdSection-down");
	 sap.ui.commons.Accordion.aAccordionsToReplace.push(jQuery(oSection).parent()[0]);

  }

  //Increase accordion Height to fit a blank space
  var accordion = jQuery.sap.domById(this.getId());
  accordion.style.height = (accordion.offsetHeight + 20) + "px";

  var aNextSections = jQuery(oSection).nextAll();

  for(var i=0;i<aNextSections.length;i++){
	  jQuery(aNextSections[i]).addClass("sapUiAcdSection-down");
  }


};

/**
 * Once the dragging is over or changed, replace the section to their original places
 * @private
 */
sap.ui.commons.Accordion.prototype.replaceSection = function(){


  var accordion = jQuery.sap.domById(this.getId());

  sap.ui.commons.Accordion.replaceAccordion(this);

};

/**
 * Once the dragging is over or changed, replace the section to their original places
 * @private
 */
sap.ui.commons.Accordion.prototype.replaceSectionFirst = function(){


  var accordion = jQuery.sap.domById(this.getId());

  sap.ui.commons.Accordion.replaceAccordionFirst(this);

};

/**
 * Replace with the given Id
 * @param {string} iAccordionId
 * @private
 */
sap.ui.commons.Accordion.replaceAccordionById = function(iAccordionId){

  for(var i=0;i<sap.ui.commons.Accordion.aAccordions.length;i++){
	  if(sap.ui.commons.Accordion.aAccordions[i].getId() == iAccordionId){
		  sap.ui.commons.Accordion.replaceAccordion(sap.ui.commons.Accordion.aAccordions[i]);
		  return true;
	  }

  }

};

/**
 * Replace a given accordion
 * @param {sap.ui.commons.Accordion} oAccordion
 * @private
 */
sap.ui.commons.Accordion.replaceAccordion = function(oAccordion){

  var oDomAccordion = jQuery.sap.domById(oAccordion.getId());

  //Back to original height
  oDomAccordion.style.height = (oDomAccordion.offsetHeight - 24) + "px";

  //Slide the section itself
  var aSections = oAccordion.getSections();

  //Remove the CSS class that slides the section down
  for(var i=0;i<aSections.length;i++){
	  var iSectionId = aSections[i].getId();
	  var oDomSection = jQuery.sap.domById(iSectionId);
	  jQuery(oDomSection).removeClass("sapUiAcdSection-down");
  }

};

/**
 * Replace a given accordion when a section is dragged before the first section.
 * @param {sap.ui.commons.Accordion} oAccordion
 * @private
 */
sap.ui.commons.Accordion.replaceAccordionFirst = function(oAccordion){

  var oDomAccordion = jQuery.sap.domById(oAccordion.getId());

  //Slide the section itself
  var aSections = oAccordion.getSections();

  //Remove the CSS class that slides the section down
  for(var i=0;i<aSections.length;i++){
	  var iSectionId = aSections[i].getId();
	  var oDomSection = jQuery.sap.domById(iSectionId);
	  jQuery(oDomSection).removeClass("sapUiAcdSection-down");
  }

};

/***********************************************************************************
 * FUNCTIONALITIES
 * Available functionalities in the Accordion are the following:
 * - Open a section
 * - Close a section
 ***********************************************************************************/

/**
 * Activation of the section - Opens or closes a section.
 * If the focus is on a collapsed section, it will close the currently opened section, and open this one.
 * If the focus is on an expanded section, it will collapse the section and open the default section.
 * This function is called onClick by the mouse, or via ENTER/SPACE keys
 * @param {jQuery.Event} oEvent Browser event
 * @private
 */
sap.ui.commons.Accordion.prototype.onclick = function(oEvent){

	//Click on the accordion itself are not considered
	if(oEvent.srcControl.getId() ==  this.getId()){
		return;
	}

	//Move up in the DOM to get the section (click occurs on the arrow which is an inner html element)
	var target = jQuery(oEvent.target);

	//Disable the possibility to click on the content to open/close a section
	if(target.hasClass("sapUiAcdSectionCont")){
		return;
	}

	if ( !(jQuery(oEvent.target).control(0) instanceof sap.ui.commons.AccordionSection) ) {
		return;
	}

	var oDomSection = oEvent.srcControl.getDomRef();

	//If the section is disabled, we cannot open/close it.
	var oSection = this.getCorrespondingSection(oDomSection);
	if(oSection && !oSection.getEnabled()){
		return;
	}

	//If the section is closed, open it
	if(oEvent.srcControl && oEvent.srcControl.getCollapsed() == true){
		this.openSection(oDomSection.id);
	}
	//If it is opened, close it
	else{
		if (oEvent.srcControl){
			this.closeSection(oDomSection.id);
		}
	}

	//Stop the event here
	oEvent.preventDefault();
	oEvent.stopPropagation();

	//Ensure the focus is on the right section
	var aSections = this.getSections();
	aSections[this.__idxOfSec(oDomSection.id)].focus();

};

/**
 * Opens a given section
 * @param {string} sSectionId, The given section ID
 * @private
 */
sap.ui.commons.Accordion.prototype.openSection = function(sSectionId){

	//Map the section ID to its internal index
	var iIndex = this.__idxOfSec(sSectionId);

	//Get all accordion's sections
	var aSections = this.getSections();

	//Close all sections currently opened
	if (this.activationMode == sap.ui.commons.Accordion.CARD_0_1 || this.activationMode == sap.ui.commons.Accordion.CARD_1){
	  var aClosedSections = this.closeOpenedSections();
	}

	//Open the section with the index retrieved from the importing section ID
	aSections[iIndex]._setCollapsed(false);

	//Trigger event for application to react
	this.fireSectionOpen({openSectionId:sSectionId, closeSectionIds:aClosedSections});

};

/**
 * Closes a given section
 * @param {string} sSectionId, The given section ID
 * @private
 */
sap.ui.commons.Accordion.prototype.closeSection = function(sSectionId){

	//Get the corresponding mapping index
	var iIndex = this.__idxOfSec(sSectionId);

	//Get all accordion's sections
	var aSections = this.getSections();
	var oCurrentSection = aSections[iIndex];

	//Get all default sections that should be opened
	var aDefaultSections = this.getOpenedSectionsId().split(",");

	//If we are in a context that one opened section is required and that the section we are about to
	//close is the default one, we avoid closing and reopening it.
	/**
	if ((	this.activationMode == sap.ui.commons.Accordion.CARD_1_N || this.activationMode == sap.ui.commons.Accordion.CARD_1) &&
			this.getNumberOfOpenedSections() == 1 && jQuery.inArray(oCurrentSection.getId(),aDefaultSections) != -1) {
			return;
	}
	*/

	//Close the given section
	aSections[iIndex]._setCollapsed(true);
	//If there is no section opened and at least one is required to be, we open the default one to respect activationMode
	//if ((this.activationMode == sap.ui.commons.Accordion.CARD_1_N || this.activationMode == sap.ui.commons.Accordion.CARD_1) && this.getNumberOfOpenedSections() == 0){
	//this.openDefaultSections();
	//}

	//Trigger event for application to react
	this.fireSectionClose({closeSectionId:sSectionId});

};

/**
 * Closes all opened sections
 * @private
 */
sap.ui.commons.Accordion.prototype.closeOpenedSections = function(){

	var aClosedSections = [];
	var aSections = this.getSections();

	//Simply loop and close the sections already opened
	for(var i=0;i<aSections.length;i++){
		if ( aSections[i].getCollapsed() == false ){
			aSections[i]._setCollapsed(true);
			aClosedSections.push(aSections[i].getId());
		}
	}

	//Return all sections that were closed
	return aClosedSections;

};

/**
 * Opens the default section; consider activationMode
 * @private
 */
sap.ui.commons.Accordion.prototype.openDefaultSections = function(){

	//Get all accordion's sections
	var aSections = this.getSections();

	//Loop trough all defaulted opened section and open them
	var aDefaultSections = this.getOpenedSectionsId().split(",");
	for(var i=0 ; i<aDefaultSections.length ; i++){
	  //From the default section ID to open, we retrieve the index
	  var oActiveSection = aSections[this.__idxOfSec(aDefaultSections[i])];
	  oActiveSection._setCollapsed(false);
	}

};

/**
 * Returns the number of currently opened sections
 * @return The number of currently opened sections
 * @private
 */
sap.ui.commons.Accordion.prototype.getNumberOfOpenedSections = function(){

	//Initialize the return parameter
	var openedSections  = 0;

	//Get all accordion's sections
	var aSections		= this.getSections();

	//Loop and sum up all opened sections
	for(var i=0;i<aSections.length;i++){
		if ( aSections[i].getCollapsed() == false ){
			openedSections++;
		}
	}
	return openedSections;
};


//*************************************************************************************
// * UTILITIES FUNCTIONS
// * List of all Javascript utilities functions needed to achieve the required behavior
// ************************************************************************************

sap.ui.commons.Accordion.prototype.addSection = function(oSection) {

	this.addAggregation("sections", oSection);

	//Add a default opened section id
	if ( (this.getOpenedSectionsId() == null || this.getOpenedSectionsId() == "" ) && oSection.getEnabled()){
		this.setOpenedSectionsId(oSection.getId());
	}

	this.aSectionTitles.push(oSection.getTitle());

};

/**
 * Returns the index of the given section or Id of a section.
 * @private
 */
sap.ui.commons.Accordion.prototype.__idxOfSec = function(oSection){
	if(typeof(oSection) == "string"){
		oSection = sap.ui.getCore().byId(oSection);
	}
	return this.indexOfSection(oSection);
};

/**
 * Redefinition of the method to add additional handling
 *
 * @param {string} sOpenedSectionsId  New value for property openedSectionsId
 * @return {sap.ui.commons.Accordion} 'this' to allow method chaining
 * @public
 */
sap.ui.commons.Accordion.prototype.setOpenedSectionsId = function(sOpenedSectionsId) {

	var aSections = this.getSections();

	var aDefaultSections = sOpenedSectionsId.split(",");


	if(aDefaultSections.length==1){
		//it can be that the method is called from method AddSection. We don't want to intefere with those
		// call.
		if(this.__idxOfSec(sOpenedSectionsId) < 0){
			this.setProperty("openedSectionsId", sOpenedSectionsId);
			return this;
		}

		if(aSections[this.__idxOfSec(sOpenedSectionsId)].getEnabled()){
			//If the provided section is enabled
			this.setProperty("openedSectionsId", sOpenedSectionsId);
		}
		else{

			//If the provided section is disabled, the open section will be the first enable section starting for the top
			for(var i=0;i<aSections.length;i++){
				if(aSections[i].getEnabled()){
					this.setProperty("openedSectionsId", aSections[i].getId());
					return this;
				}
			}
		}


	}
	else if(aDefaultSections.length==0){
		//If the empty string is provided, we keep the automatically selected section(as selected in method AddSection).
		return this;

	}
	//Several sections were provided, but some can be disabled. Check each of them
	else{
		var sCheckIndices;

		for(var i=0;i<aDefaultSections.length;i++){
			if(aSections[this.__idxOfSec(aDefaultSections[i])].getEnabled()){

				if(sCheckIndices){
					sCheckIndices += "," + aDefaultSections[i];

					//only one section should be opened at once, so return after the first is set
					return;
				}
				else{
					sCheckIndices = aDefaultSections[i];
				}

			}
		}

		if(sCheckIndices){
			//If at least one section remains
			this.setProperty("openedSectionsId", sCheckIndices);
		}


	}

	return this;

};


/**
 * Returns AccordionSection Object corresponding to a given Section DOM Object
 * @param oDomSection The section in a DOM representation object
 * @return The current section control
 * @private
 */
sap.ui.commons.Accordion.prototype.getCorrespondingSection = function (oDomSection) {

	//Look for section index within accordion
	if(jQuery(oDomSection).hasClass("sapUiAcdSection") ){
		var aAccordion	= jQuery(oDomSection).parent();
		var oAccordion  = aAccordion[0];
		var aSections	= jQuery(oAccordion).children();
		var iIndex		= aSections.index( oDomSection );
		var aoSections	= this.getSections();
		//Remove 1 as we have the target div as first child
		return aoSections[iIndex-1];
	}

};

/**
 * Returns true if the current section being processed is the last one of the Accordion
 * @param oSection The current section being processed
 * @return true If the current section being processed is the last one of the Accordion
 * @private
 */
sap.ui.commons.Accordion.prototype.isLastSection = function(oSection) {

	//Get all accordion's sections
	var aSections = this.getSections();

	//Simply check in our internal array containing all titles
	/*if(aSections.indexOf(oSection) == aSections.length-1 ){*/
	if(jQuery.inArray(oSection,aSections) == aSections.length-1 ){
		return true;
	}
	else{
		return false;
	}

};

/**
 * Once the Accordion is rendered, build the list of active controls that will be included
 * in the item navigation object. This support arrow keys navigation.
 * @private
 */
sap.ui.commons.Accordion.prototype.onAfterRendering = function() {

	// Collect the dom references of the items
	var accordion = this.getDomRef();
	var leftBorder = "0px";
	var rightBorder = "0px";
	//neccessary to make sure IE8 does not deliver medium if no border width is set
	if (jQuery(accordion).css("borderLeftStyle") !== "none") {
		leftBorder = jQuery(accordion).css("border-left-width");
	}
	if (jQuery(accordion).css("borderRightStyle") !== "none") {
		rightBorder = jQuery(accordion).css("border-right-width");
	}
	var borderTotal = parseFloat(leftBorder.substring(0, leftBorder.indexOf("px"))) + parseFloat(rightBorder.substring(0, rightBorder.indexOf("px")));
	accordion.style.height = accordion.offsetHeight - borderTotal - 7 + "px";
};
}; // end of sap.ui.commons.Accordion
if ( !jQuery.sap.isDeclared('sap.ui.commons.AccordionSection') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.AccordionSection.
jQuery.sap.declare("sap.ui.commons.AccordionSection");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new AccordionSection.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getMaxHeight maxHeight} : sap.ui.core.CSSSize</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getCollapsed collapsed} : boolean (default: false)</li>
 * <li>{@link #getTitle title} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.AccordionSection#event:scroll scroll} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Represents a panel which is a container for other controls. The container does not have any layout function.
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.AccordionSection
 */
sap.ui.core.Element.extend("sap.ui.commons.AccordionSection", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"maxHeight" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"collapsed" : {type : "boolean", group : "Behavior", defaultValue : false},
		"title" : {type : "string", group : "Misc", defaultValue : null}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	},
	events : {
		"scroll" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.AccordionSection with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.AccordionSection.extend
 * @function
 */

sap.ui.commons.AccordionSection.M_EVENTS = {'scroll':'scroll'};


/**
 * Getter for property <code>maxHeight</code>.
 * When the section content exceeds maxHeight, a vertical scroll bar appears.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>maxHeight</code>
 * @public
 * @name sap.ui.commons.AccordionSection#getMaxHeight
 * @function
 */

/**
 * Setter for property <code>maxHeight</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sMaxHeight  new value for property <code>maxHeight</code>
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#setMaxHeight
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Requirement is that the used theme supports the control.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.AccordionSection#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#setEnabled
 * @function
 */


/**
 * Getter for property <code>collapsed</code>.
 * It is recommended to make some settings for the width when the section is set to 'collapsed'.
 * 
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>collapsed</code>
 * @public
 * @name sap.ui.commons.AccordionSection#getCollapsed
 * @function
 */

/**
 * Setter for property <code>collapsed</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bCollapsed  new value for property <code>collapsed</code>
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#setCollapsed
 * @function
 */


/**
 * Getter for property <code>title</code>.
 * Text for the section header
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.commons.AccordionSection#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#setTitle
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Aggregates the controls that are contained in the panel. Control layouting is browser-dependent. For a stable content layout, use a layout control as direct single child.
 * When the panel dimensions are set, the child control may have width and height of 100%;
 * when the panel dimensions are not set, the child defines the panel size.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.AccordionSection#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.AccordionSection#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.AccordionSection#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.AccordionSection#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#destroyContent
 * @function
 */


/**
 * Event is fired when the user scrolls the panel. 
 *
 * @name sap.ui.commons.AccordionSection#scroll
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.left Horizontal scroll position.
 * @param {int} oControlEvent.getParameters.top Vertical scroll position.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'scroll' event of this <code>sap.ui.commons.AccordionSection</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.AccordionSection</code>.<br/> itself. 
 *  
 * Event is fired when the user scrolls the panel. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.AccordionSection</code>.<br/> itself.
 *
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#attachScroll
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'scroll' event of this <code>sap.ui.commons.AccordionSection</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AccordionSection#detachScroll
 * @function
 */

/**
 * Fire event scroll to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'left' of type <code>int</code> Horizontal scroll position.</li>
 * <li>'top' of type <code>int</code> Vertical scroll position.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.AccordionSection} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.AccordionSection#fireScroll
 * @function
 */


// Start of sap/ui/commons/AccordionSection.js
/**
 * AccordionSection Behavior Implementation
 *
 * Open:
 * - HeaderDesign not implemented yet
 */

/**
 * Do some initialization
 * @private
 */
sap.ui.commons.AccordionSection.prototype.init = function(){
   this.bIgnoreScrollEvent = true; // do not fire a scroll event initially
   this.oScrollDomRef = null;      // points to the content area
};

/**
 * Set focus on the first control
 * @private
 */
sap.ui.commons.AccordionSection.prototype.focusFirstControl = function () {
	var aControls = this.getContent();
	if (aControls[0]) {
		aControls[0].focus();
	}
};

/**
 * Set focus the arrow
 * @private
 */
sap.ui.commons.AccordionSection.prototype.focus = function () {

	var header = jQuery.sap.domById(this.getId() + "-hdr");
	header.focus();
};

/**
 * Called after the theme has been switched, required for adjustments
 * @private
 */
sap.ui.commons.AccordionSection.prototype.onThemeChanged = function () {
	var hdrLeft = jQuery.sap.domById(this.getId() + "-hdrL");

	if (hdrLeft) {
		hdrLeft.style.width = "auto";
		var obj = this;
		setTimeout(function() {obj.onAfterRendering();}, 0); // TODO: there is a problem in IE8, depending on what the surrounding container is...
	}

}

/**
 * Adapts size settings of the rendered HTML
 * @private
 */;
sap.ui.commons.AccordionSection.prototype.onAfterRendering = function () {

	this.oScrollDomRef = jQuery.sap.domById(this.getId() + "-cont");
	var cont	  = this.oScrollDomRef;
	var root	  = this.getDomRef();
	var accordion = jQuery.sap.domById(this.getParent().getId());
	// if only height is set, the content area's height needs to be adapted  (should be a rare use-case)
	if (!sap.ui.commons.AccordionSection._isSizeSet(this.getParent().getWidth()) && sap.ui.commons.AccordionSection._isSizeSet(this.getMaxHeight())) {
		if (cont) {
			var contTop = cont.offsetTop;
			var targetHeight = (root.offsetHeight - contTop);
			cont.style.height = targetHeight + "px";

			var actualContHeight = cont.offsetHeight;
			if (actualContHeight > targetHeight) {
				cont.style.height = targetHeight - (actualContHeight - targetHeight) + "px";
			}
		}

	}

	var leftBorder	= jQuery(accordion).css("border-left-width");
	var rightBorder = jQuery(accordion).css("border-right-width");


	var borderTotal = parseFloat(leftBorder.substring(0, leftBorder.indexOf("px") )) + parseFloat(rightBorder.substring(0, rightBorder.indexOf("px") ));
	var oDomLabel = jQuery.sap.domById(this.getId() + "-lbl");
	root.style.width = accordion.offsetWidth - borderTotal + "px";
	oDomLabel.style.width = accordion.offsetWidth - 30 + "px";

	//Bind the scroll event (does not bubble)
	var fnScrollProxy = this.__scrollproxy__;
	if (!fnScrollProxy) {
		fnScrollProxy = this.__scrollproxy__ = jQuery.proxy(this.onscroll, this);
	}
	jQuery.sap.byId(this.getId()+"-cont").bind("scroll", fnScrollProxy);

};

sap.ui.commons.AccordionSection.prototype.onBeforeRendering = function() {
	var fnScrollProxy = this.__scrollproxy__;
	if (fnScrollProxy) {
		jQuery.sap.byId(this.getId()+"-cont").unbind("scroll", fnScrollProxy);
	}
};

/**
 * Property setter for the "enabled" state
 *
 * @param bEnabled Whether the AccordionSection should be enabled, or not
 * @return {sap.ui.commons.AccordionSection} 'this' to allow method chaining
 * @public
 */
sap.ui.commons.AccordionSection.prototype.setEnabled = function(bEnabled) {
	this.setProperty("enabled", bEnabled, true); // no re-rendering!
	var root = this.getDomRef();
	if (root) {
		// if already rendered, adapt rendered control without complete re-rendering
		if (bEnabled) {
			jQuery(root).removeClass("sapUiAcdSectionDis");
		} else {
			jQuery(root).addClass("sapUiAcdSectionDis");
		}
	}
	return this;
};


/**
 * Property setter for the "collapsed" state
 *
 * @param bCollapsed Whether the AccordionSection should be collapsed, or not
 * @private
 */
sap.ui.commons.AccordionSection.prototype._setCollapsed = function(bCollapsed) {
	this.setProperty("collapsed", bCollapsed, true); // no re-rendering!
	this._setCollapsedState(bCollapsed); // adapt rendered control without complete re-rendering
};

/**
 * Property setter for the "collapsed" state
 *
 * @param bCollapsed Whether the AccordionSection should be collapsed, or not
 * @return {sap.ui.commons.AccordionSection} 'this' to allow method chaining
 * @public
 */
sap.ui.commons.AccordionSection.prototype.setCollapsed = function(bCollapsed) {
	if(this.getParent()){

		if(!bCollapsed){
			this.getParent().openSection(this.getId());
		}
		else{
			this.getParent().closeSection(this.getId());
		}
	}
	else{
		this._setCollapsed(bCollapsed);
	}
	return this;
};


/**
 * Internal method for applying a "collapsed" state to the rendered HTML
 *
 * @param bCollapsed Whether the AccordionSection should be collapsed, or not
 * @private
 */
sap.ui.commons.AccordionSection.prototype._setCollapsedState = function(bCollapsed) {

	if (this.getDomRef()) {
		// after AccordionSection has been rendered
		if (bCollapsed) {
			var accessibility = sap.ui.getCore().getConfiguration().getAccessibility();

			// collapsing
			if (!this.getParent().getWidth()) {
				this.getDomRef().style.width = this.getDomRef().offsetWidth + "px"; // maintain the current width
			}
			jQuery(this.getDomRef()).addClass("sapUiAcdSectionColl");
			var tb = jQuery.sap.domById(this.getId() + "-tb");
			if (tb) {
				tb.style.display = "none";
			}

			var cont = jQuery.sap.domById(this.getId() + "-cont");
			cont.style.display = "none";
			if (accessibility) {
				cont.setAttribute("aria-expanded", "false");
				cont.setAttribute("aria-hidden", "true");
			}

			this.rerender();

		} else {
			// expanding
			if (!jQuery.sap.domById(this.getId() + "-cont")) {
				// content has not been rendered yet, so render it now
				this.rerender(); // TODO: potentially restore focus to collapse icon/button
			} else {
				// content exists already, just make it visible again
				jQuery(this.getDomRef()).removeClass("sapUiAcdSectionColl");
				var tb = jQuery.sap.domById(this.getId() + "-tb");
				if (tb) {
					tb.style.display = "block";
				}

				var cont = jQuery.sap.domById(this.getId() + "-cont");
				cont.style.display = "block";
				if (accessibility) {
					cont.setAttribute("aria-expanded", "true");
				}

				if (this.getMaxHeight()) {
					this.getDomRef().style.height = this.getMaxHeight(); // restore the set height
				}
			}
		}
	}
}


/**
 * Static method that finds out whether the given CSS size is actually set.
 * Returns "true" for absolute and relative sizes, returns "false" if "null", "inherit" or "auto" is given.
 *
 * @static
 * @param sCssSize A CSS size string which must be a valid CSS size, or null
 * @private
 */;
sap.ui.commons.AccordionSection._isSizeSet = function(sCssSize) {
	return (sCssSize && !(sCssSize =="auto") && !(sCssSize == "inherit"));
}


/*   Event Handling   */

/**
 * Handles any "triggering" actions like click and space
 *
 * @param {jQuery.Event} oEvent
 * @private
 */;
sap.ui.commons.AccordionSection.prototype._handleTrigger = function(oEvent) {
	// minimize button toggled
	if((oEvent.target.id === this.getId() + "-minL") ||
			(oEvent.target.id === this.getId() + "-minR")) {
		var bCollapsed = !this.getProperty("collapsed");
		this._setCollapsed(bCollapsed);
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

/**
 * Handles the scroll event of the browser
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.AccordionSection.prototype.onscroll = function (oEvent) {
	/**
	if (this.bIgnoreScrollEvent) { // bIgnoreScrollEvent is set to "true" if the scrollbar is moved via API calls
		this.bIgnoreScrollEvent = false;
		return;
	}
	var oDomRef = this.getDomRef();
	if (oDomRef) {
		this.fireScroll(oDomRef.scrollTop, oDomRef.scrollLeft);
	}
	 */
};
}; // end of sap.ui.commons.AccordionSection
if ( !jQuery.sap.isDeclared('sap.ui.commons.ApplicationHeader') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ApplicationHeader.
jQuery.sap.declare("sap.ui.commons.ApplicationHeader");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ApplicationHeader.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getLogoSrc logoSrc} : sap.ui.core.URI</li>
 * <li>{@link #getLogoText logoText} : string</li>
 * <li>{@link #getDisplayLogoff displayLogoff} : boolean (default: true)</li>
 * <li>{@link #getUserName userName} : string</li>
 * <li>{@link #getDisplayWelcome displayWelcome} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.ApplicationHeader#event:logoff logoff} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The application header control stands on the top of any application page. It consists basically of 4 areas. Logo area/Function area provided by application/Search area/Logout area
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ApplicationHeader
 */
sap.ui.core.Control.extend("sap.ui.commons.ApplicationHeader", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"logoSrc" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"logoText" : {type : "string", group : "Misc", defaultValue : null},
		"displayLogoff" : {type : "boolean", group : "Misc", defaultValue : true},
		"userName" : {type : "string", group : "Misc", defaultValue : null},
		"displayWelcome" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	events : {
		"logoff" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ApplicationHeader with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ApplicationHeader.extend
 * @function
 */

sap.ui.commons.ApplicationHeader.M_EVENTS = {'logoff':'logoff'};


/**
 * Getter for property <code>logoSrc</code>.
 * Path (src) to the logo icon to be displayed in the application header.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>logoSrc</code>
 * @public
 * @name sap.ui.commons.ApplicationHeader#getLogoSrc
 * @function
 */

/**
 * Setter for property <code>logoSrc</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sLogoSrc  new value for property <code>logoSrc</code>
 * @return {sap.ui.commons.ApplicationHeader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ApplicationHeader#setLogoSrc
 * @function
 */


/**
 * Getter for property <code>logoText</code>.
 * The text that will be displayed beside the logo in the application header. This property is optional.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>logoText</code>
 * @public
 * @name sap.ui.commons.ApplicationHeader#getLogoText
 * @function
 */

/**
 * Setter for property <code>logoText</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sLogoText  new value for property <code>logoText</code>
 * @return {sap.ui.commons.ApplicationHeader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ApplicationHeader#setLogoText
 * @function
 */


/**
 * Getter for property <code>displayLogoff</code>.
 * If set to true, the logoff area will be displayed at the right hand side of the application header.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>displayLogoff</code>
 * @public
 * @name sap.ui.commons.ApplicationHeader#getDisplayLogoff
 * @function
 */

/**
 * Setter for property <code>displayLogoff</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bDisplayLogoff  new value for property <code>displayLogoff</code>
 * @return {sap.ui.commons.ApplicationHeader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ApplicationHeader#setDisplayLogoff
 * @function
 */


/**
 * Getter for property <code>userName</code>.
 * User name that will be displayed beside the welcome text
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>userName</code>
 * @public
 * @name sap.ui.commons.ApplicationHeader#getUserName
 * @function
 */

/**
 * Setter for property <code>userName</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sUserName  new value for property <code>userName</code>
 * @return {sap.ui.commons.ApplicationHeader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ApplicationHeader#setUserName
 * @function
 */


/**
 * Getter for property <code>displayWelcome</code>.
 * By default, set to true and dislpays the welcome text
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>displayWelcome</code>
 * @public
 * @name sap.ui.commons.ApplicationHeader#getDisplayWelcome
 * @function
 */

/**
 * Setter for property <code>displayWelcome</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bDisplayWelcome  new value for property <code>displayWelcome</code>
 * @return {sap.ui.commons.ApplicationHeader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ApplicationHeader#setDisplayWelcome
 * @function
 */


/**
 * Fires an event to log off the user from the application.
 * No parameters. 
 *
 * @name sap.ui.commons.ApplicationHeader#logoff
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'logoff' event of this <code>sap.ui.commons.ApplicationHeader</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.ApplicationHeader</code>.<br/> itself. 
 *  
 * Fires an event to log off the user from the application.
 * No parameters. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.ApplicationHeader</code>.<br/> itself.
 *
 * @return {sap.ui.commons.ApplicationHeader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ApplicationHeader#attachLogoff
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'logoff' event of this <code>sap.ui.commons.ApplicationHeader</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.ApplicationHeader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ApplicationHeader#detachLogoff
 * @function
 */

/**
 * Fire event logoff to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.ApplicationHeader} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.ApplicationHeader#fireLogoff
 * @function
 */


// Start of sap/ui/commons/ApplicationHeader.js
///**
// * This file defines behavior for the control,
// */
sap.ui.commons.ApplicationHeader.prototype.init = function(){
	this.initializationDone = false;
};

sap.ui.commons.ApplicationHeader.prototype.exit = function() {
	this.oLogo && this.oLogo.destroy();
	this.oLogoText && this.oLogoText.destroy();
	this.oLogoffBtn && this.oLogoffBtn.destroy();
};

/**
 * Create the composite parts out of the current settings.
 * Called by the renderer just before rendering
 * @private
 */
sap.ui.commons.ApplicationHeader.prototype.initControls = function() {

	//Application header to build sub-controls ids
	var appHeaderId = this.getId();

	//Get the texts from the resources bundle
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	//Create the logo image control and the title (textView) control
	this.oLogo && this.oLogo.destroy();
	this.oLogo = new sap.ui.commons.Image(appHeaderId + "-logoImg");
	this.oLogo.setTooltip(rb.getText("APPHDR_LOGO_TOOLTIP"));
	this.oLogo.setParent(this);
	this.oLogoText && this.oLogoText.destroy();
	this.oLogoText = new sap.ui.commons.TextView(appHeaderId + "-logoText");
	this.oLogoText.setAccessibleRole(sap.ui.core.AccessibleRole.Heading);
	this.oLogoText.setParent(this);

	//Log off button
	this.oLogoffBtn && this.oLogoffBtn.destroy();
	this.oLogoffBtn = new sap.ui.commons.Button(appHeaderId + "-logoffBtn");
	this.oLogoffBtn.setText(rb.getText("APPHDR_LOGOFF"));
	this.oLogoffBtn.attachPress(this.logoff,this);
	this.oLogoffBtn.setParent(this);
	this.oLogoffBtn.setLite(true);
}


/**
*  This event is fired when the user clicks on the Log Off button
*  @param oEvent The event triggered
*  @private
*/;
sap.ui.commons.ApplicationHeader.prototype.logoff = function(oEvent){
	this.fireLogoff();
};


// ---- Overwritten property setters to make sure the full area is rerendered correctly ----

sap.ui.commons.ApplicationHeader.prototype.setLogoSrc = function(sLogoSrc) {
	this.initializationDone = false;
	this.setProperty("logoSrc", sLogoSrc);
	return this;
};

sap.ui.commons.ApplicationHeader.prototype.setLogoText = function(sLogoText) {
	this.initializationDone = false;
	this.setProperty("logoText", sLogoText);
	return this;
};

sap.ui.commons.ApplicationHeader.prototype.setUserName = function(sUserName){
	this.initializationDone = false;
	this.setProperty("userName", sUserName);
	return this;
};

sap.ui.commons.ApplicationHeader.prototype.setDisplayWelcome = function(bDisplayWelcome) {
	this.initializationDone = false;
	this.setProperty("displayWelcome", bDisplayWelcome);
	return this;
};

sap.ui.commons.ApplicationHeader.prototype.setDisplayLogoff = function(bDisplayLogoff) {
	this.initializationDone = false;
	this.setProperty("displayLogoff", bDisplayLogoff);
	return this;
};
}; // end of sap.ui.commons.ApplicationHeader
if ( !jQuery.sap.isDeclared('sap.ui.commons.Area') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Area.
jQuery.sap.declare("sap.ui.commons.Area");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Area.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getShape shape} : string</li>
 * <li>{@link #getCoords coords} : string</li>
 * <li>{@link #getHref href} : sap.ui.core.URI</li>
 * <li>{@link #getAlt alt} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Used for defining areas in an image map. At runtime, the user can trigger an action, or start a URL, from the single image areas.
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Area
 */
sap.ui.core.Element.extend("sap.ui.commons.Area", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"shape" : {type : "string", group : "Misc", defaultValue : null},
		"coords" : {type : "string", group : "Misc", defaultValue : null},
		"href" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"alt" : {type : "string", group : "Misc", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Area with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Area.extend
 * @function
 */


/**
 * Getter for property <code>shape</code>.
 * The value is a string and can be 'rect' for rectangle, 'poly' for poligon, 'circle', or default.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>shape</code>
 * @public
 * @name sap.ui.commons.Area#getShape
 * @function
 */

/**
 * Setter for property <code>shape</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sShape  new value for property <code>shape</code>
 * @return {sap.ui.commons.Area} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Area#setShape
 * @function
 */


/**
 * Getter for property <code>coords</code>.
 * Coordinates of the area
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>coords</code>
 * @public
 * @name sap.ui.commons.Area#getCoords
 * @function
 */

/**
 * Setter for property <code>coords</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sCoords  new value for property <code>coords</code>
 * @return {sap.ui.commons.Area} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Area#setCoords
 * @function
 */


/**
 * Getter for property <code>href</code>.
 * Hyper link that is executed when the area is clicked
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>href</code>
 * @public
 * @name sap.ui.commons.Area#getHref
 * @function
 */

/**
 * Setter for property <code>href</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sHref  new value for property <code>href</code>
 * @return {sap.ui.commons.Area} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Area#setHref
 * @function
 */


/**
 * Getter for property <code>alt</code>.
 * Alternative text that is displayed in the case the image is not available
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>alt</code>
 * @public
 * @name sap.ui.commons.Area#getAlt
 * @function
 */

/**
 * Setter for property <code>alt</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAlt  new value for property <code>alt</code>
 * @return {sap.ui.commons.Area} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Area#setAlt
 * @function
 */


// Start of sap/ui/commons/Area.js
///**
// * This file defines behavior for the control,
// */
//sap.ui.dev.Area.prototype.init = function(){
//   // do something for initialization...
//};

/**
 * Function is called when Link is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Area.prototype.onclick = function(oEvent) {

	// The Element or Control that initiated the event. For example the id of the area if image map is defined for the current image.
	var oEventSource = jQuery(oEvent.target).control(0);

    // Fire event on Image Map
	this.getParent().firePress({areaId: oEventSource.getId()});
};
}; // end of sap.ui.commons.Area
if ( !jQuery.sap.isDeclared('sap.ui.commons.Button') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Button.
jQuery.sap.declare("sap.ui.commons.Button");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Button.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string (default: '')</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getHelpId helpId} : string (default: '')</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI (default: '')</li>
 * <li>{@link #getIconHovered iconHovered} : sap.ui.core.URI (default: '')</li>
 * <li>{@link #getIconSelected iconSelected} : sap.ui.core.URI (default: '')</li>
 * <li>{@link #getIconFirst iconFirst} : boolean (default: true)</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getStyled styled} : boolean (default: true)</li>
 * <li>{@link #getLite lite} : boolean (default: false)</li>
 * <li>{@link #getStyle style} : sap.ui.commons.ButtonStyle (default: sap.ui.commons.ButtonStyle.Default)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Button#event:press press} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Enables users to trigger actions such as save or print. For the button UI, you can define some text or an icon, or both.
 * 
 * @extends sap.ui.core.Control
 * @implements sap.ui.commons.ToolbarItem
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Button
 */
sap.ui.core.Control.extend("sap.ui.commons.Button", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem"
	],
	publicMethods : [
		// methods
		"focus"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "Appearance", defaultValue : ''},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"helpId" : {type : "string", group : "Behavior", defaultValue : ''},
		"icon" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : ''},
		"iconHovered" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : ''},
		"iconSelected" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : ''},
		"iconFirst" : {type : "boolean", group : "Appearance", defaultValue : true},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"styled" : {type : "boolean", group : "Appearance", defaultValue : true},
		"lite" : {type : "boolean", group : "Appearance", defaultValue : false},
		"style" : {type : "sap.ui.commons.ButtonStyle", group : "Appearance", defaultValue : sap.ui.commons.ButtonStyle.Default}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"press" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Button with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Button.extend
 * @function
 */

sap.ui.commons.Button.M_EVENTS = {'press':'press'};


/**
 * Getter for property <code>text</code>.
 * 
 * Button text displayed at runtime.
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.Button#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setText
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * 
 * Boolean property to enable the control (default is true). Buttons that are disabled have other colors than enabled ones, depending on custom settings.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.Button#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setEnabled
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * 
 * Invisible buttons are not rendered
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.Button#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * 
 * Control width as common CSS-size (px or % as unit, for example)
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Button#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setWidth
 * @function
 */


/**
 * Getter for property <code>helpId</code>.
 * 
 * Unique identifier used for help service
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>helpId</code>
 * @public
 * @name sap.ui.commons.Button#getHelpId
 * @function
 */

/**
 * Setter for property <code>helpId</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sHelpId  new value for property <code>helpId</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setHelpId
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * 
 * Icon to be displayed as graphical element within the button.
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.commons.Button#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setIcon
 * @function
 */


/**
 * Getter for property <code>iconHovered</code>.
 * 
 * Icon to be displayed as graphical element within the button when it is hovered (only if also a base icon was specified). If not specified the base icon is used.
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconHovered</code>
 * @public
 * @name sap.ui.commons.Button#getIconHovered
 * @function
 */

/**
 * Setter for property <code>iconHovered</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {sap.ui.core.URI} sIconHovered  new value for property <code>iconHovered</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setIconHovered
 * @function
 */


/**
 * Getter for property <code>iconSelected</code>.
 * 
 * Icon to be displayed as graphical element within the button when it is selected (only if also a base icon was specified). If not specified the base or hovered icon is used.
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconSelected</code>
 * @public
 * @name sap.ui.commons.Button#getIconSelected
 * @function
 */

/**
 * Setter for property <code>iconSelected</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {sap.ui.core.URI} sIconSelected  new value for property <code>iconSelected</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setIconSelected
 * @function
 */


/**
 * Getter for property <code>iconFirst</code>.
 * 
 * If set to true (default), the display sequence is 1. icon 2. control text .
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>iconFirst</code>
 * @public
 * @name sap.ui.commons.Button#getIconFirst
 * @function
 */

/**
 * Setter for property <code>iconFirst</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bIconFirst  new value for property <code>iconFirst</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setIconFirst
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Specifies the button height. If this property is set, the height which is specified by the underlying theme is not used any longer.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.Button#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setHeight
 * @function
 */


/**
 * Getter for property <code>styled</code>.
 * Indicatied if the button is styled. If not it is rendered as native HTML-button. In this case a custom styling can be added usig addStyleClass.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>styled</code>
 * @public
 * @name sap.ui.commons.Button#getStyled
 * @function
 */

/**
 * Setter for property <code>styled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bStyled  new value for property <code>styled</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setStyled
 * @function
 */


/**
 * Getter for property <code>lite</code>.
 * The button is rendered as lite button.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>lite</code>
 * @public
 * @name sap.ui.commons.Button#getLite
 * @function
 */

/**
 * Setter for property <code>lite</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bLite  new value for property <code>lite</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setLite
 * @function
 */


/**
 * Getter for property <code>style</code>.
 * Style of the button.
 * (e.g. emphasized)
 *
 * Default value is <code>sap.ui.commons.ButtonStyle.Default</code>
 *
 * @return {sap.ui.commons.ButtonStyle} the value of property <code>style</code>
 * @public
 * @name sap.ui.commons.Button#getStyle
 * @function
 */

/**
 * Setter for property <code>style</code>.
 *
 * Default value is <code>sap.ui.commons.ButtonStyle.Default</code> 
 *
 * @param {sap.ui.commons.ButtonStyle} oStyle  new value for property <code>style</code>
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#setStyle
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.Button#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.Button#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Button#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.Button#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.Button#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Button#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * 
 * Event is fired when the user presses the control.
 *  
 *
 * @name sap.ui.commons.Button#press
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'press' event of this <code>sap.ui.commons.Button</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Button</code>.<br/> itself. 
 *  
 * 
 * Event is fired when the user presses the control.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Button</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#attachPress
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'press' event of this <code>sap.ui.commons.Button</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Button#detachPress
 * @function
 */

/**
 * Fire event press to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Button} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Button#firePress
 * @function
 */


/**
 * Puts the focus to the button.
 *
 * @name sap.ui.commons.Button.prototype.focus
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/Button.js
jQuery.sap.require('sap.ui.core.EnabledPropagator'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.core.EnabledPropagator.call(sap.ui.commons.Button.prototype);

/**
 * Function is called when button is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Button.prototype.onclick = function(oEvent) {
	if (this.getEnabled()){
		this.firePress({/* no parameters */});
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Handles the sapenter event does not bubble
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Button.prototype.onsapenter = function(oEvent) {
	oEvent.stopPropagation();
};

/**
 * Function is called when mouse key is clicked down. The button style classes
 * are replaced then.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Button.prototype.onmousedown = function(oEvent) {
	this.handleMouseDown(oEvent, true);
};

/**
 * Function to handle the mouse down event.
 *
 * @param {jQuery.Event} oEvent The causing event.
 * @param {Boolean} [bFocus=false] Whether to set the focus on the selected element in a delayed call.
 * @private
 */
sap.ui.commons.Button.prototype.handleMouseDown = function(oEvent, bFocus) {
	if (this.getEnabled() && this.getRenderer().onactive) {
		this.getRenderer().onactive(this);
	}
	// webkit && firefox on mac does not focus a Button on click, it even unfocuses it onmousedown!
	if (bFocus && (jQuery.browser.webkit || (jQuery.browser.mozilla && navigator.platform.indexOf("Mac") === 0))) { 
		if(jQuery.browser.mobile && jQuery.browser.webkit){
			//In mobile Webkit Browsers (IPad) the focus must be set immediately to ensure that a focusout happens whereever the
			//focus currently is. The deleayedCall below is still needed due to the reason described above. (CSN 2536817 2012)
            this.focus();   
        }
		jQuery.sap.delayedCall(0, this, function(){
			this.focus();
		}); 
	}
};

/**
 * When mouse key is up again, reset the background images to normal.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Button.prototype.onmouseup = function(oEvent) {
	if (this.getEnabled() && this.getRenderer().ondeactive) {
		this.getRenderer().ondeactive(this);
	}
};

/**
 * When mouse is going out of the control, reset the background images to normal.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Button.prototype.onmouseout = function(oEvent) {
	if (this.getEnabled() && this.getRenderer().onmouseout) {
		this.getRenderer().onmouseout(this);
	}
};

/**
 * When mouse is going over the control a hover effect is done.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Button.prototype.onmouseover = function(oEvent) {
	if (this.getEnabled() && this.getRenderer().onmouseover) {
		this.getRenderer().onmouseover(this);
	}
};

/**
 * When the button looses the focus, this method is called.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Button.prototype.onfocusout = function(oEvent) {
	if (this.getEnabled() && this.getRenderer().onblur) {
		this.getRenderer().onblur(this);
	}
};

/**
 * When the button gets the focus, this method is called.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Button.prototype.onfocusin = function(oEvent) {
	if (this.getEnabled() && this.getRenderer().onfocus) {
		this.getRenderer().onfocus(this);
	}
};
}; // end of sap.ui.commons.Button
if ( !jQuery.sap.isDeclared('sap.ui.commons.CalloutBase') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.CalloutBase.
jQuery.sap.declare("sap.ui.commons.CalloutBase");

jQuery.sap.require('sap.ui.core.TooltipBase'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new CalloutBase.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.CalloutBase#event:open open} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.CalloutBase#event:close close} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.CalloutBase#event:beforeOpen beforeOpen} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.CalloutBase#event:opened opened} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.CalloutBase#event:closed closed} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.TooltipBase#constructor sap.ui.core.TooltipBase}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * CalloutBase is a building block for Callout. Do not use it directly. Use the Callout control instead
 * @extends sap.ui.core.TooltipBase
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.CalloutBase
 */
sap.ui.core.TooltipBase.extend("sap.ui.commons.CalloutBase", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"adjustPosition", "close", "setPosition"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	events : {
		"open" : {}, 
		"close" : {}, 
		"beforeOpen" : {allowPreventDefault : true}, 
		"opened" : {}, 
		"closed" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.CalloutBase with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.CalloutBase.extend
 * @function
 */

sap.ui.commons.CalloutBase.M_EVENTS = {'open':'open','close':'close','beforeOpen':'beforeOpen','opened':'opened','closed':'closed'};


/**
 * The event is fired when the popup is opened. 
 *
 * @name sap.ui.commons.CalloutBase#open
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.core.Control} oControlEvent.getParameters.parent Parent control that has this Callout as a tooltip
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'open' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself. 
 *  
 * The event is fired when the popup is opened. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself.
 *
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CalloutBase#attachOpen
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'open' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CalloutBase#detachOpen
 * @function
 */

/**
 * Fire event open to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'parent' of type <code>sap.ui.core.Control</code> Parent control that has this Callout as a tooltip</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.CalloutBase#fireOpen
 * @function
 */


/**
 * Event is fired when the Callout window is closed. 
 *
 * @name sap.ui.commons.CalloutBase#close
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'close' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself. 
 *  
 * Event is fired when the Callout window is closed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself.
 *
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CalloutBase#attachClose
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'close' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CalloutBase#detachClose
 * @function
 */

/**
 * Fire event close to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.CalloutBase#fireClose
 * @function
 */


/**
 * Event is fired before a Callout is displayed. Call the preventDefault method of the event object to postpone opening. Application may use this event to start asynchronous Ajax call to load the Callout content 
 *
 * @name sap.ui.commons.CalloutBase#beforeOpen
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.core.Control} oControlEvent.getParameters.parent Parent control that has this Callout as a tooltip
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'beforeOpen' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself. 
 *  
 * Event is fired before a Callout is displayed. Call the preventDefault method of the event object to postpone opening. Application may use this event to start asynchronous Ajax call to load the Callout content 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself.
 *
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CalloutBase#attachBeforeOpen
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'beforeOpen' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CalloutBase#detachBeforeOpen
 * @function
 */

/**
 * Fire event beforeOpen to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'parent' of type <code>sap.ui.core.Control</code> Parent control that has this Callout as a tooltip</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.commons.CalloutBase#fireBeforeOpen
 * @function
 */


/**
 * Is fired when the Callout has been opened 
 *
 * @name sap.ui.commons.CalloutBase#opened
 * @event
 * @since 1.11.0
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'opened' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself. 
 *  
 * Is fired when the Callout has been opened 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself.
 *
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.CalloutBase#attachOpened
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'opened' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.CalloutBase#detachOpened
 * @function
 */

/**
 * Fire event opened to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @protected
 * @since 1.11.0
 * @name sap.ui.commons.CalloutBase#fireOpened
 * @function
 */


/**
 * Is fired when the Callout has been closed 
 *
 * @name sap.ui.commons.CalloutBase#closed
 * @event
 * @since 1.11.0
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'closed' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself. 
 *  
 * Is fired when the Callout has been closed 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.CalloutBase</code>.<br/> itself.
 *
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.CalloutBase#attachClosed
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'closed' event of this <code>sap.ui.commons.CalloutBase</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.CalloutBase#detachClosed
 * @function
 */

/**
 * Fire event closed to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @protected
 * @since 1.11.0
 * @name sap.ui.commons.CalloutBase#fireClosed
 * @function
 */


/**
 * Adjust position of the already opened Callout window.
 * Call this method each time when the size of the opened
 * Callout window may be changed due to new or changed
 * contents.
 *
 * @name sap.ui.commons.CalloutBase.prototype.adjustPosition
 * @function

 * @type void
 * @public
 */


/**
 * Closes Callout
 *
 * @name sap.ui.commons.CalloutBase.prototype.close
 * @function

 * @type void
 * @public
 */


/**
 * Helper function to set position of the Callout window relative to the parent control. It automatically calculates and sets the correct offset, so it is recommended to use this function instead of setMyPosition and setAtPosition
 *
 * @name sap.ui.commons.CalloutBase.prototype.setPosition
 * @function
 * @param {sap.ui.core.Dock} 
 *         sMyPosition
 *         Docking position of the Callout
 * @param {sap.ui.core.Dock} 
 *         sAtPosition
 *         Docking position of the Callout

 * @type sap.ui.commons.CalloutBase
 * @public
 */


// Start of sap/ui/commons/CalloutBase.js
///**
// * This file defines behavior for the Callout control
// */

/**
 * Initializes a new callout base.
 * Overrides default popup placement and offset of the TooltipBase control
 *
 * @private
 */
sap.ui.commons.CalloutBase.prototype.init = function() {
	this.oPopup = new sap.ui.core.Popup();
	this.oPopup.setShadow(true);

	// resource bundle
	this.oRb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	// override the default position and offset of TooltipBase:
	this.setPosition(sap.ui.core.Popup.Dock.BeginBottom, sap.ui.core.Popup.Dock.BeginTop);

	// listen to global events outside of the callout to close it when needed
	this.fAnyEventHandlerProxy = jQuery.proxy(this.onAnyEvent, this);

	// make this.oPopup call this.setTip each time after its position is changed
	var that = this;
	this.oPopup._applyPosition = function(oPosition){
		sap.ui.core.Popup.prototype._applyPosition.call(this, oPosition);
		that.setTip();
	}
};

/**
 * Destroys this instance of the callout, called by Element#destroy()
 * @private
 */
sap.ui.commons.CalloutBase.prototype.exit = function() {
	this.oPopup.close();
	this.oPopup.detachEvent("opened", this.handleOpened, this);
	this.oPopup.detachEvent("closed", this.handleClosed, this);
	this.oPopup.destroy();
	delete this.oPopup;
	delete this.oRb;
	jQuery.sap.unbindAnyEvent(this.fAnyEventHandlerProxy);
};

/**
 * Return the popup to use. Each callout has own popup.
 * (Allow multiple call-outs taking into account pin-up functionality in the next version).
 * Overrides {sap.ui.core.TooltipBase} that has a single common popup for all instances.
 * @type sap.ui.commons.Popup
 * @return The popup to use
 * @private
 */
sap.ui.commons.CalloutBase.prototype._getPopup = function(){
	return this.oPopup;
};

/**
 * Check if the given DOM reference is child of this control
 * @param {oDOMNode}
 * DOM node reference
 * @private
 */
sap.ui.commons.CalloutBase.prototype.hasChild = function(oDOMNode) {
	return oDOMNode && !!(jQuery(oDOMNode).closest(this.getDomRef()).length);
};

/**
 * Check if the given DOM reference is part of a SAPUI5 popup
 * @param {oDOMNode}
 * DOM node reference
 * @private
 */
sap.ui.commons.CalloutBase.prototype.isPopupElement = function(oDOMNode) {
	if(!oDOMNode){ return false; }
	if(this.hasChild(oDOMNode)){ return true; }

	var oStatic = sap.ui.getCore().getStaticAreaRef();
	// if oDOMNode belongs to a static area child, get z-index of this child:
	var thatZ = parseInt(jQuery(oDOMNode).closest(jQuery(oStatic).children()).css("z-index"), 10);
	// z-index of this:
	var thisZ = parseInt(this.$().css("z-index"), 10);

	// true if the element has the z-index inside of static area that is higher as the z-index of my control
	return thatZ && thisZ && thatZ >= thisZ;
};

/**
 * Set tip arrow below or above the callout window depending on the popup placement
 * @private
 */
sap.ui.commons.CalloutBase.prototype.setTip = function() {

	if (!this.oPopup || !this.oPopup.isOpen()) {
		return;
	}

	var $parent = this._currentControl.$(),
		$this = this.$(),
		$arrow = jQuery.sap.byId(this.getId() + "-arrow"),
		$offset = $this.offset(),
		$pOffset = $parent.offset(),
		bShow = true,
		dock = {},
		tRect = {
			l:$offset.left,
			r:$offset.left+$this.outerWidth(),
			w:$this.outerWidth(),
			t:$offset.top,
			b:$offset.top+$this.outerHeight(),
			h:$this.outerHeight()
		},
		pRect = {
			l:$pOffset.left,
			r:$pOffset.left+$parent.outerWidth(),
			w:$parent.outerWidth(),
			t:$pOffset.top,
			b:$pOffset.top+$parent.outerHeight(),
			h:$parent.outerHeight()
		},
		borderWidth = ($this.outerWidth() - $this.innerWidth()) / 2,
		arrowWidth = $arrow.outerWidth() * 1.4,
		aw = $arrow.outerWidth() / 5, // (width*sqrt(2)-width)/2
		tipOffset = aw - borderWidth - 8, // offset of the tip to the border should be 8px
		myPosition = this.getMyPosition();

	// right-left pointer
	if ( tRect.r < pRect.l - tipOffset ){ dock.x = "right"; }
	else if ( tRect.l - tipOffset > pRect.r ){ dock.x = "left"; }

	// top-bottom pointer
	if ( tRect.t > pRect.b - tipOffset ){ dock.y = "top"; }
	else if ( tRect.b < pRect.t + tipOffset ){ dock.y = "bottom"; }

	if(dock.x){ // pointer on the left or right side

		var vPos = 0;
		// Set the vertical position of the pointer, relative to callout:
		//   dock top: top, dock bottom: bottom, dock center: center
		if(myPosition.indexOf("top") > -1){
			vPos = 20;
		} else if (myPosition.indexOf("bottom") > -1){
			vPos = tRect.h - 20 - arrowWidth;
		} else { // center
			vPos = (tRect.h -arrowWidth) / 2;
		}

		// adjust if it points outside of the parent or the parent is too small
		// - put it into the middle of intersection
		var tipY = tRect.t + vPos + arrowWidth / 2 + borderWidth;
		if( (tipY < pRect.t) || (tipY > pRect.b) || (pRect.t > tRect.t && pRect.b < tRect.b)){
			vPos = (Math.max(tRect.t, pRect.t) + Math.min(tRect.b, pRect.b))/2 - tRect.t -  arrowWidth / 2;
		}

		if(jQuery.browser.msie && jQuery.browser.version == 8 && dock.x == "left"){
			tipOffset = tipOffset - 8;
		}
		$arrow.css(dock.x, tipOffset + "px");
		$arrow.css("top", vPos);

		// do not show pointer if it cannot be placed inside
		if( vPos < 0 || vPos > tRect.h - arrowWidth){
			bShow = false;
		}
	}

	if(dock.y){ // pointer on the top or bottom border
		// switch right to left in case of RTL for the relevant docking (begin & end):
		var bRtl = sap.ui.getCore().getConfiguration().getRTL();
		if(bRtl){ myPosition.replace("begin", "right").replace("end", "left"); }
		var hPos = 0;

		// Set horizontal position of the pointer, relative to callout:
		//   dock left: left, dock right: right, dock center: center
		if((myPosition.indexOf("begin") > -1) || (myPosition.indexOf("left") > -1)){
			hPos = 20;
		} else if ((myPosition.indexOf("right") > -1) || (myPosition.indexOf("end") > -1)){
			hPos = tRect.w - 20 - arrowWidth;
		} else { // center
			hPos = (tRect.w -arrowWidth) / 2;
		}

		// adjust if it points outside of the parent - put it into the middle of intersection
		var tipX = tRect.l + hPos + arrowWidth / 2 + borderWidth;
		if( (tipX < pRect.l) || (tipX > pRect.r)){
			hPos = (Math.max(tRect.l, pRect.l) + Math.min(tRect.r, pRect.r))/2 - tRect.l - arrowWidth / 2;
		}

		if(jQuery.browser.msie && jQuery.browser.version == 8 && dock.y == "top"){
			tipOffset = tipOffset - 8;
		}
		$arrow.css(dock.y, tipOffset + "px");
		$arrow.css("left", hPos + "px");

		// do not show pointer if it cannot be placed inside
		if( hPos < 0 || hPos > tRect.w - arrowWidth){
			bShow = false;
		}
	}

	if(dock.x && dock.y || !dock.x && !dock.y){ bShow = false; }

	// hide if the pointer cannot be shown
	$arrow.toggle(bShow);
};

sap.ui.commons.CalloutBase.prototype.adjustPosition = function() {

	function _adjust(){
		// adjust popup position
		if (this.oPopup) {
			var oParentDomRef = this._currentControl.getDomRef();
			this.oPopup.setPosition(this.getMyPosition(), this.getAtPosition(), oParentDomRef, this.getOffset(), this.getCollision());
		}
	}

	setTimeout( jQuery.proxy( _adjust, this ), 0 );
};

/**
 * @see sap.ui.core.Element.prototype.focus As the callout itself is just a
 *      frame, focus the first focusable content
 * @private
 */
sap.ui.commons.CalloutBase.prototype.focus = function() {
	if(this.oPopup.isOpen()){
		// Focus the first focusable child. If the callout is empty, focus the content container div.
		// Empty callout should be focused too because the contents may appear at a later time point
		// and we need input focus to react to the ESC key.
		var $Content = jQuery.sap.byId(this.getId() + "-cont");
		jQuery.sap.focus($Content.firstFocusableDomRef() || $Content.get(0));
	}
};

/**
 * Open the callout window.
 *
 * @param {sap.ui.core.Control}
 *       parent control that contains the callout
 * @private
 */
sap.ui.commons.CalloutBase.prototype.openPopup = function(oSC) {

	if(this.oPopup.isOpen()){ return; }
	if (this.sOpenTimeout) {
		jQuery.sap.clearDelayedCall(this.sOpenTimeout);
		this.sOpenTimeOut = null;
	}

	// TODO this._parentControl member not defined! Can't we use oSC instead?
	// fire the "beforeOpen" event and delay display of the Callout if the application requests this
	if(!this.fireEvent("beforeOpen", {parent:this._currentControl}, true, false)){
		if(!this.sCloseNowTimeout){
			// postpone opening for 200ms
			this.sOpenTimeout = jQuery.sap.delayedCall(200, this, "openPopup", [this._currentControl]);
		}
		return;
	};

	// save parent focus info to be restored after close
	this.oParentFocusInfo = oSC.getFocusInfo();

	this.oPopup.attachEvent("opened", this.handleOpened, this);

	// use TooltipBase to open the pop-up
	sap.ui.core.TooltipBase.prototype.openPopup.call(this, oSC);

	this.adjustPosition();

	this.fireOpen({ parent : this._currentControl });
};

/**
 * Close the Callout popup.
 *
 * @public
 */
sap.ui.commons.CalloutBase.prototype.close = function() {
	if(this.oPopup.isOpen() && !this.sCloseNowTimeout){
		if (this.sOpenTimeout) {
			jQuery.sap.clearDelayedCall(this.sOpenTimeout);
			this.sOpenTimeout = null;
		}
		this.closePopup();
	}
};

/**
 * Close CalloutBase. Fire the close event.
 *
 * @private
 */
sap.ui.commons.CalloutBase.prototype.closePopup = function() {
	this.oPopup.attachEvent("closed", this.handleClosed, this);

	if(this.fAnyEventHandlerProxy){
		jQuery.sap.unbindAnyEvent(this.onAnyEvent);
	}

	sap.ui.core.TooltipBase.prototype.closePopup.call(this);

	// Set focus to the parent control.
	// Accessibility requirement: a focused Callout should set focus to its parent after close,
	// and not to a control where it could be found originally (In the scenario when a Callout
	// is opened on hover and a control inside it was clicked on with the mouse. This would
	// implicitly mean that a user has moved focus to the parent control intentionally)
	if (this._currentControl && this.bFocused) {
		this._currentControl.applyFocusInfo(this.oParentFocusInfo);
		this.bFocused = false;
	}

	// inform the application
	this.fireClose({});
};

/**
 * Attaches the Callout to the Popup's closed-event and forwards it accordingly to the attached listeners
 * @private
 */
sap.ui.commons.CalloutBase.prototype.handleClosed = function(){
	if (this.oPopup){
		this.oPopup.detachEvent("closed", this.handleClosed, this);
		this.fireEvent(sap.ui.core.Popup.M_EVENTS.closed);
	}
};

/**
 * Handle the key down event for ESCAPE and Ctrl-I.
 *
 * @param {jQuery.Event}
 *            oEvent - the event that occurred on the Parent of the Callout.
 * @private
 */
sap.ui.commons.CalloutBase.prototype.onkeydown = function(oEvent) {

	var bCtrlI = oEvent.ctrlKey && oEvent.which == jQuery.sap.KeyCodes.I;
	var bEsc = oEvent.which == jQuery.sap.KeyCodes.ESCAPE;

	if(!bCtrlI && !bEsc){
		if(jQuery(oEvent.target).control(0) === this._currentControl){
			// Close callout by any key press on the parent control except for Ctrl-I
			this.close();
		}
		return;
	}

	// do not try to open the same callout twice
	if (bCtrlI) {
		if (this.oPopup.isOpen()){
			return; // this is already opened
		}
		this.bDoFocus = true; // accessibility: request focus
	}

	// let the TooltipBase remove/set standard tooltips and open/close the popup
	sap.ui.core.TooltipBase.prototype.onkeydown.call(this, oEvent);
};

/**
 * If the callout has been opened with a keyboard command, the mouse
 * pointer is most probably outside: the callout does not receive any
 * mouseover and mouseout events. Arrange a global mousemove listener
 * temporarily.
 * Use case: accessibility testing; advanced users that prefer to work with
 * keyboard instead of mouse.
 *
 * @private
 */
sap.ui.commons.CalloutBase.prototype.handleOpened = function() {
	this.oPopup.detachEvent("opened", this.handleOpened, this);

	// The following is needed only of the callout was opened with the keyboard:
	// - request focus (accessibility requirement)
	if (this.bDoFocus) {
		this.focus();
		this.bDoFocus = false;
		this.bFocused = true; // Remember to set focus to parent on close
	}
	
	this.fireEvent(sap.ui.core.Popup.M_EVENTS.opened);
	
	// - listen to mouse over events outside
	//   do always because the Callout can lose focus to child popup controls
	jQuery.sap.bindAnyEvent(this.fAnyEventHandlerProxy);
};

/**
 * Event handler for the focusin event.
 * Organize a local tab chain inside of a callout.
 * If it occurs on the focus handler elements at the beginning of the callout,
 * the focus is set to the end, and vice versa.
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.CalloutBase.prototype.onfocusin = function(oEvent){

	// Some element has been focused inside of the popup.
	// Focus will be set to the parent after popup close.
	this.bFocused = true;

	var oSourceDomRef = oEvent.target;

	// The same logic as in the Dialog.control:
	if (oSourceDomRef.id === this.getId() + "-fhfe") {
		// the FocusHandlingFirstElement was focused and thus the focus should move to the last element.
		jQuery.sap.focus(jQuery.sap.byId(this.getId() + "-cont").lastFocusableDomRef());
	} else if (oSourceDomRef.id === this.getId() + "-fhee") {
		// the FocusHandlingEndElement was focused and thus the focus should move to the first element.
		jQuery.sap.focus(jQuery.sap.byId(this.getId() + "-cont").firstFocusableDomRef());
	}
};

/**
 * When a control that has a Callout looses the focus to the Callout contents,
 * do not close it. Override the onfocusout event handler of TooltipBalse.
 * @param {jQuery.EventObject} the event indication that the focus is lost
 * @private
 */
sap.ui.commons.CalloutBase.prototype.onfocusout = function(oEvent) {
	return;
};

/**
* Handle the mouseover event: do not close if a child control has a simple tooltip
* @param {jQuery.EventObject} oEvent The event that occurred in the callout
* @private
 */
sap.ui.commons.CalloutBase.prototype.onmouseover = function(oEvent) {
	// do not close my pop-up if it was opened already
	if (this.oPopup.isOpen() && this.oPopup.getContent() == this) {
		if (this.sCloseNowTimeout){
			jQuery.sap.clearDelayedCall(this.sCloseNowTimeout);
			this.sCloseNowTimeout = null; }
		return;
	} else {
		sap.ui.core.TooltipBase.prototype.onmouseover.call(this, oEvent);
	}
};

/**
 * Handle the mouseout event of a Callout. Override the default TooltipBase behavior when 
 * the mouse pointer is over some other popup on the screen
 * @param {jQuery.EventObject} oEvent mouseout Event.
 * @private
 */
sap.ui.commons.CalloutBase.prototype.onmouseout = function(oEvent) {
	// Do not close callout when the mouse goes to a popup (like menu)
	if(this.oPopup.isOpen() && this.isPopupElement(oEvent.relatedTarget)){
		return;
	}
	sap.ui.core.TooltipBase.prototype.onmouseout.call(this, oEvent);
};

/**
 * Always close Callout when the user clicks on the parent control.
 * @param {jQuery.EventObject} the event
 * @private
 */
sap.ui.commons.CalloutBase.prototype.onmousedown = function(oEvent) {
	if(jQuery(oEvent.target).control(0) === this._currentControl){
		this.close();
	}
};

/**
 * Handles the outer event of the popup.
 * @param {sap.ui.core.Event} oControlEvent The event
 * @private
 */
sap.ui.commons.CalloutBase.prototype.onAnyEvent = function(oEvent){

	if(!this.oPopup.isOpen() || oEvent.type != "mouseover" || this.hasChild(oEvent.target)) {
		return;
	}

	// do not close if the hovered element is a top level popup or it is the parent of the callout
	var bDoNotClose = this.isPopupElement(oEvent.target) || jQuery(oEvent.target).control(0) === this._currentControl;
	if(!bDoNotClose && !this.sCloseNowTimeout && !this.sOpenTimeout){
		// schedule close if mouse moved outside of the Popup
		this.sCloseNowTimeout = jQuery.sap.delayedCall(400, this, "closePopup");
	}
	if (bDoNotClose && this.sCloseNowTimeout) {
		// do not close when inside
		jQuery.sap.clearDelayedCall(this.sCloseNowTimeout);
		this.sCloseNowTimeout = null;
	}
};

/**
 * Set position of the Callout window relative to the parent control.
 * This function automatically calculates and sets the correct offset,
 * use it instead of <code>setMyPosition/setAtPosition</code>.
 * @param {sap.ui.core.Popup.Dock} myPosition docking position of the Callout
 * @param {sap.ui.core.Popup.Dock} atPosition docking position of the parent control
 * @return {sap.ui.commons.CalloutBase} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.CalloutBase.prototype.setPosition = function(myPosition, atPosition){

	var myPos = myPosition || sap.ui.core.Popup.Dock.BeginBottom;
	var atPos = atPosition || sap.ui.core.Popup.Dock.BeginTop;

	var myX = 0, myY = 0, atX = 0, atY = 0, gap = 5;

	if((myPos.indexOf("begin") > -1) || (myPos.indexOf("left") > -1)){
		myX = -1;
	} else if ((myPos.indexOf("right") > -1) || (myPos.indexOf("end") > -1)){
		myX = 1;
	}

	if((atPos.indexOf("begin") > -1) || (atPos.indexOf("left") > -1)){
		atX = -1;
	} else if ((atPos.indexOf("right") > -1) || (atPos.indexOf("end") > -1)){
		atX = 1;
	}

	if(myPos.indexOf("top") > -1){
		myY = -1;
	} else if (myPos.indexOf("bottom") > -1){
		myY = 1;
	}

	if(atPos.indexOf("top") > -1){
		atY = -1;
	} else if (atPos.indexOf("bottom") > -1){
		atY = 1;
	}

	var offset = ((myX - atX) * myX * atX * gap) + " " + ((myY - atY) * myY * atY * gap);

	this.setMyPosition(myPos);
	this.setAtPosition(atPos);
	this.setOffset(offset);

	return this;
};


}; // end of sap.ui.commons.CalloutBase
if ( !jQuery.sap.isDeclared('sap.ui.commons.Carousel') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Carousel.
jQuery.sap.declare("sap.ui.commons.Carousel");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Carousel.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getOrientation orientation} : sap.ui.commons.enums.Orientation (default: sap.ui.commons.enums.Orientation.horizontal)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getDefaultItemHeight defaultItemHeight} : int (default: 150)</li>
 * <li>{@link #getDefaultItemWidth defaultItemWidth} : int (default: 150)</li>
 * <li>{@link #getAnimationDuration animationDuration} : int (default: 500)</li>
 * <li>{@link #getVisibleItems visibleItems} : int</li>
 * <li>{@link #getHandleSize handleSize} : int (default: 22)</li>
 * <li>{@link #getFirstVisibleIndex firstVisibleIndex} : int (default: 0)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Carousel holds multiple controls and displays them vertical or horizontal next to each other. You can define how many content items should be displayed at once or let the carousel determine that for you. Navigation is done through buttons or keys.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.8.0
 * @name sap.ui.commons.Carousel
 */
sap.ui.core.Control.extend("sap.ui.commons.Carousel", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"showNext", "showPrevious", "showElementWithId"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"orientation" : {type : "sap.ui.commons.enums.Orientation", group : "Misc", defaultValue : sap.ui.commons.enums.Orientation.horizontal},
		"width" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null},
		"height" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null},
		"defaultItemHeight" : {type : "int", group : "Misc", defaultValue : 150},
		"defaultItemWidth" : {type : "int", group : "Misc", defaultValue : 150},
		"animationDuration" : {type : "int", group : "Misc", defaultValue : 500},
		"visibleItems" : {type : "int", group : "Misc", defaultValue : null},
		"handleSize" : {type : "int", group : "Misc", defaultValue : 22},
		"firstVisibleIndex" : {type : "int", group : "Appearance", defaultValue : 0}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content", bindable : "bindable"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Carousel with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Carousel.extend
 * @function
 */


/**
 * Getter for property <code>orientation</code>.
 * Can be either "horizontal" or "vertical"
 *
 * Default value is <code>horizontal</code>
 *
 * @return {sap.ui.commons.enums.Orientation} the value of property <code>orientation</code>
 * @public
 * @name sap.ui.commons.Carousel#getOrientation
 * @function
 */

/**
 * Setter for property <code>orientation</code>.
 *
 * Default value is <code>horizontal</code> 
 *
 * @param {sap.ui.commons.enums.Orientation} oOrientation  new value for property <code>orientation</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#setOrientation
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Width of carousel
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Carousel#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Height of carousel
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.Carousel#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#setHeight
 * @function
 */


/**
 * Getter for property <code>defaultItemHeight</code>.
 * Default height of item in carousel if no height can be determined
 *
 * Default value is <code>150</code>
 *
 * @return {int} the value of property <code>defaultItemHeight</code>
 * @public
 * @name sap.ui.commons.Carousel#getDefaultItemHeight
 * @function
 */

/**
 * Setter for property <code>defaultItemHeight</code>.
 *
 * Default value is <code>150</code> 
 *
 * @param {int} iDefaultItemHeight  new value for property <code>defaultItemHeight</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#setDefaultItemHeight
 * @function
 */


/**
 * Getter for property <code>defaultItemWidth</code>.
 * Default width of item in carousel if no height can be determined
 *
 * Default value is <code>150</code>
 *
 * @return {int} the value of property <code>defaultItemWidth</code>
 * @public
 * @name sap.ui.commons.Carousel#getDefaultItemWidth
 * @function
 */

/**
 * Setter for property <code>defaultItemWidth</code>.
 *
 * Default value is <code>150</code> 
 *
 * @param {int} iDefaultItemWidth  new value for property <code>defaultItemWidth</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#setDefaultItemWidth
 * @function
 */


/**
 * Getter for property <code>animationDuration</code>.
 * Duration for animation when navigating through children
 *
 * Default value is <code>500</code>
 *
 * @return {int} the value of property <code>animationDuration</code>
 * @public
 * @name sap.ui.commons.Carousel#getAnimationDuration
 * @function
 */

/**
 * Setter for property <code>animationDuration</code>.
 *
 * Default value is <code>500</code> 
 *
 * @param {int} iAnimationDuration  new value for property <code>animationDuration</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#setAnimationDuration
 * @function
 */


/**
 * Getter for property <code>visibleItems</code>.
 * If defined, the carousel displays the number of items defined. Items will be resized to fit the area.
 *
 * Default value is <code></code>
 *
 * @return {int} the value of property <code>visibleItems</code>
 * @public
 * @name sap.ui.commons.Carousel#getVisibleItems
 * @function
 */

/**
 * Setter for property <code>visibleItems</code>.
 *
 * Default value is <code></code> 
 *
 * @param {int} iVisibleItems  new value for property <code>visibleItems</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#setVisibleItems
 * @function
 */


/**
 * Getter for property <code>handleSize</code>.
 * Size of the handle in pixels. (Height for vertical carousel, width for horizontal carousel)
 *
 * Default value is <code>22</code>
 *
 * @return {int} the value of property <code>handleSize</code>
 * @public
 * @name sap.ui.commons.Carousel#getHandleSize
 * @function
 */

/**
 * Setter for property <code>handleSize</code>.
 *
 * Default value is <code>22</code> 
 *
 * @param {int} iHandleSize  new value for property <code>handleSize</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#setHandleSize
 * @function
 */


/**
 * Getter for property <code>firstVisibleIndex</code>.
 * The index of the element in the content aggreation which is displayed first on rendering
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>firstVisibleIndex</code>
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.Carousel#getFirstVisibleIndex
 * @function
 */

/**
 * Setter for property <code>firstVisibleIndex</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iFirstVisibleIndex  new value for property <code>firstVisibleIndex</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.Carousel#setFirstVisibleIndex
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Controls which are displayed inside the carousel
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.Carousel#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.Carousel#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Carousel#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Carousel#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#destroyContent
 * @function
 */


/**
 * Binder for aggregation <code>content</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#bindContent
 * @function
 */

/**
 * Unbinder for aggregation <code>content</code>.
 *
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Carousel#unbindContent
 * @function
 */


/**
 * Shows next item in carousel. This can be only used after the component is rendered.
 *
 * @name sap.ui.commons.Carousel.prototype.showNext
 * @function

 * @type void
 * @public
 */


/**
 * Shows previous item in carousel. This can be only used after the component is rendered.
 *
 * @name sap.ui.commons.Carousel.prototype.showPrevious
 * @function

 * @type void
 * @public
 */


/**
 * Shows the element with id specified. This can be only used after the component is rendered.
 *
 * @name sap.ui.commons.Carousel.prototype.showElementWithId
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/Carousel.js
jQuery.sap.require('sap.ui.core.ResizeHandler'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.commons.Carousel.prototype.init = function() {

	var $Me = this;
	$Me.startTouchX = undefined;
	$Me.startTouchY = undefined;
	$Me.scrollDelta = undefined;
	$Me._visibleItems = 0;
	$Me._bTouchNotMoved = true;


	if (jQuery.sap.touchEventMode != "OFF") {
		var fnTouchStart = function(evt) {
			evt.preventDefault();
			$Me.startTouchX = evt.touches[0].pageX;
			$Me.startTouchY = evt.touches[0].pageY;
			$Me._bTouchNotMoved = true;
		};

		var fnTouchMove = function(evt) {
			evt.preventDefault();
			var dx = evt.touches[0].pageX - $Me.startTouchX;
			var dy = evt.touches[0].pageY - $Me.startTouchY;

			if ($Me.getOrientation() == "horizontal") {
				$Me.scrollDelta = -dx;
			} else { 
				$Me.scrollDelta = -dy;
			}
			$Me._bTouchNotMoved = false;
		};

		var fnTouchEnd = function(evt) {
			evt.preventDefault();
			if (!$Me._bTouchNotMoved) { // swiping ends now
				if ($Me.scrollDelta > 0) {
					$Me.showNext();
				} else {
					$Me.showPrevious();
				}

				$Me.startTouchX = undefined;
				$Me.startTouchY = undefined;
				$Me.scrollDelta = undefined;
			}
		};

		this.ontouchstart = fnTouchStart;
		this.ontouchend = fnTouchEnd;
		this.ontouchmove = fnTouchMove;
	}
};

sap.ui.commons.Carousel.prototype.exit = function() {
	// Cleanup resize event registration on exit
	if (this.sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};

sap.ui.commons.Carousel.prototype.onclick = function(oEvent) {
	var sCarouselId = this.getId();

	switch (oEvent.target) {
	case jQuery.sap.byId(sCarouselId + '-prevbutton')[0]:
		this.showPrevious();
		break;
	case jQuery.sap.byId(sCarouselId + '-nextbutton')[0]:
		this.showNext();
		break;
	default:
		return;
	}

	jQuery.sap.byId(sCarouselId + '-contentarea').focus();
};

sap.ui.commons.Carousel.prototype.onBeforeRendering = function() {
	// Cleanup resize event registration before re-rendering
	if (this.sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};

/**
 * Used for after-rendering initialization.
 *
 * @private
 */

sap.ui.commons.Carousel.prototype.onAfterRendering = function() {
	// Define which attribute needs to be animated
	if (this.getOrientation() == "vertical") {
		this._sAnimationAttribute = 'margin-top';
	} else {
		if (sap.ui.getCore().getConfiguration().getRTL()) {
			this._sAnimationAttribute = 'margin-right';
		} else {
			this._sAnimationAttribute = 'margin-left';
		}
	}

	this.showElementWithId(this._getItemIdByIndex(this.getFirstVisibleIndex()));

	this.calculateAndSetSize();
	this.oDomRef = this.getDomRef();
	this.sResizeListenerId = sap.ui.core.ResizeHandler.register(this.oDomRef, jQuery.proxy(this.onresize, this));
};

/**
 * Called after the theme has been switched. Some adjustments required.
 * @private
 */
sap.ui.commons.Carousel.prototype.onThemeChanged = function (oEvent) {
	this.calculateAndSetSize();
};

/**
 * Function is called when left (RTL) or right or up arrow is pressed
 *
 * @param {jQuery.Event}
 *            oEvent
 * @private
 */
sap.ui.commons.Carousel.prototype.onsapnext = function(oEvent) {
	this.showNext();
	oEvent.preventDefault();
};

/**
 * Function is called when left or right (RTL) or up arrow is pressed
 *
 * @param {jQuery.Event}
 *            oEvent
 * @private
 */
sap.ui.commons.Carousel.prototype.onsapprevious = function(oEvent) {
	this.showPrevious();
	oEvent.preventDefault();
};

/**
 * Function is called when window is resized
 *
 * @param {jQuery.Event}
 *            oEvent
 * @private
 */
sap.ui.commons.Carousel.prototype.onresize = function(oEvent) {
	if (!this.getDomRef()) {
		// carousel is not rendered, maybe deleted from DOM -> deregister resize
		// handler and do nothing
		// Cleanup resize event registration on exit
		if (this.sResizeListenerId) {
			sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
			this.sResizeListenerId = null;
		}
		return;
	}

	this.calculateAndSetSize();
};

/**
 * Slide to previous element
 *
 * @public
 */
sap.ui.commons.Carousel.prototype.showPrevious = function() {
	var mAnimationArguments = {};
	mAnimationArguments[this._sAnimationAttribute] = 0;
	var $ScrollList = jQuery.sap.byId(this.getId() + '-scrolllist');
	var $ContentArea = jQuery.sap.byId(this.getId() + '-contentarea');
	if ($ScrollList.children('li').length < 2) {
		return;
	}
	$ScrollList.stop(true, true);
	$ContentArea.focus();
	$ScrollList.css(this._sAnimationAttribute, -this._iMaxWidth);
	var $lastItem = $ScrollList.children('li:last');
	var $firstItem = $ScrollList.children('li:first');
	this._showAllItems();
	$lastItem.insertBefore($firstItem);
	$ScrollList.append($lastItem.sapExtendedClone(true));
	var me = this;
	$ScrollList.animate(mAnimationArguments, this.getAnimationDuration(), function() {
			$ScrollList.children('li:last').remove();
			me.setProperty("firstVisibleIndex", me._getContentIndex($ScrollList.children('li:first').attr('id')), true);
			me._hideInvisibleItems();
		});
};

/**
 * Slide to next element
 *
 * @public
 */
sap.ui.commons.Carousel.prototype.showNext = function() {
	var mAnimationArguments = {};
	mAnimationArguments[this._sAnimationAttribute] = -this._iMaxWidth;
	var $ScrollList = jQuery.sap.byId(this.getId() + '-scrolllist');
	var $ContentArea = jQuery.sap.byId(this.getId() + '-contentarea');
	if ($ScrollList.children('li').length < 2) {
		return;
	}
	$ScrollList.stop(true, true);
	$ContentArea.focus();
	this._showAllItems();
	var sAnimationAttribute = this._sAnimationAttribute;
	var me = this;
	var $firstItem = $ScrollList.children('li:first');
	$firstItem.appendTo($ScrollList);
	$firstItem.sapExtendedClone(true).insertBefore($ScrollList.children('li:first'));
	$ScrollList.animate(mAnimationArguments, this.getAnimationDuration(), function() {
			$ScrollList.children('li:first').remove();
			jQuery(this).css(sAnimationAttribute, '0px');
			me.setProperty("firstVisibleIndex", me._getContentIndex($ScrollList.children('li:first').attr('id')), true);
			me._hideInvisibleItems();
		});
};

/**
 * Slide to specific element
 *
 * @public
 * @param {stringt}
 *            sElementId
 */
sap.ui.commons.Carousel.prototype.showElementWithId = function(sElementId) {
	this._showAllItems();
	var $ScrollList = jQuery.sap.byId(this.getId() + '-scrolllist');
	sElementId = this.getId() + "-item-" + sElementId;
	var index = $ScrollList.children('li').index(jQuery.sap.byId(sElementId));
	$ScrollList.children('li:lt(' + index + ')').appendTo($ScrollList);
	this._hideInvisibleItems();
};

sap.ui.commons.Carousel.prototype.calculateAndSetSize = function() {
	var aContent = this.getContent();
	var sCarouselId = this.getId();

	this._showAllItems();

	if (aContent.length > 0) {
		var maxWidth = 0;
		var maxHeight = 0;

		for ( var i = 0; i < aContent.length; i++) {
			var childWidth, childHeight;
			try {
				childWidth = aContent[i].getWidth();
				if (childWidth.substr(-1) == "%") {
					childWidth = this.getDefaultItemWidth();
				}
			} catch (e) {
				childWidth = this.getDefaultItemWidth();
			}
			try {
				childHeight = aContent[i].getHeight();
				if (childHeight.substr(-1) == "%") {
					childHeight = this.getDefaultItemHeight();
				}
			} catch (e) {
				childHeight = this.getDefaultItemHeight();
			}
			maxWidth = Math.max(maxWidth, parseInt(childWidth, 10));
			maxHeight = Math.max(maxHeight, parseInt(childHeight, 10));
		}

		if (maxWidth == 0 || isNaN(maxWidth)) {
			maxWidth = this.getDefaultItemWidth();
		}
		if (maxHeight == 0 || isNaN(maxHeight)) {
			maxHeight = this.getDefaultItemHeight();
		}

		var contentBarSize;
		var visibleItems = this.getVisibleItems();
		var $Me = jQuery.sap.byId(sCarouselId);
		var $NextButton = jQuery.sap.byId(sCarouselId + '-nextbutton');
		var $PrevButton = jQuery.sap.byId(sCarouselId + '-prevbutton');
		var $ContentArea = jQuery.sap.byId(sCarouselId + '-contentarea');

		if (this.getWidth() && this.getOrientation() == "vertical") {
			maxWidth = $Me.width();
		}
		if (this.getHeight() && this.getOrientation() == "horizontal") {
			maxHeight = $Me.height();
		}

		jQuery.sap.byId(this.getId()).addClass('sapUiCrsl' + jQuery.sap.charToUpperCase(this.getOrientation(), 0));

		if (this.getOrientation() == "horizontal") {
			contentBarSize = $Me.width() - this.getHandleSize() * 2 - 1;
			$ContentArea.css('left', this.getHandleSize() + "px").css('right', this.getHandleSize() + "px");

			if (visibleItems == 0) {
				visibleItems = Math.floor(contentBarSize / maxWidth);
			}

			maxWidth = contentBarSize / visibleItems;
			this._iMaxWidth = maxWidth;

			var cLineHeight = maxHeight + "px";
			$ContentArea.find('.sapUiCrslItm').css("width", maxWidth + "px").css("height", maxHeight + "px");
			$PrevButton.css("height", maxHeight).css("line-height", cLineHeight);
			$NextButton.css("height", maxHeight).css("line-height", cLineHeight);
			$ContentArea.height(maxHeight);
			$Me.height(maxHeight);
		} else {
			contentBarSize = $Me.height() - this.getHandleSize() * 2 - 1;
			$ContentArea.css('top', this.getHandleSize() + "px").css('bottom', this.getHandleSize() + "px");

			if (visibleItems == 0) {
				visibleItems = Math.floor(contentBarSize / maxHeight);
			}

			maxHeight = contentBarSize / visibleItems;
			this._iMaxWidth = maxHeight;

			$ContentArea.find('.sapUiCrslItm').css("width", maxWidth + "px").css("height", maxHeight + "px");
			$PrevButton.width(maxWidth).after($ContentArea);
			$NextButton.width(maxWidth);
			$ContentArea.width(maxWidth);
			$Me.width(maxWidth);
		}
		this._visibleItems = visibleItems;
		this._hideInvisibleItems();
	}
};

sap.ui.commons.Carousel.prototype.getFocusDomRef = function() {
	return this.oContentArea;
};

sap.ui.commons.Carousel.prototype._showAllItems = function() {
	var $ContentArea = jQuery.sap.byId(this.getId() + '-contentarea');
	$ContentArea.find('.sapUiCrslItm').show();
};

sap.ui.commons.Carousel.prototype._hideInvisibleItems = function() {
	var $ContentArea = jQuery.sap.byId(this.getId() + '-contentarea');
	$ContentArea.find('.sapUiCrslItm:gt(' + (this._visibleItems - 1)  + ')').hide();
};

sap.ui.commons.Carousel.prototype._getContentIndex = function(sId) {
	var aIdParts = sId.split("-item-");
	return jQuery.inArray(sap.ui.getCore().byId(aIdParts[1]), this.getContent());
};

sap.ui.commons.Carousel.prototype._getItemIdByIndex = function(iIndex) {
	var oContent = this.getContent()[iIndex];
	if (!oContent) {
		return null;
	}
	return oContent.getId();
};

/**
 * Setter for property <code>firstVisibleIndex</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iFirstVisibleIndex  new value for property <code>firstVisibleIndex</code>
 * @return {sap.ui.commons.Carousel} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.Carousel#setFirstVisibleIndex
 * @function
 */
sap.ui.commons.Carousel.prototype.setFirstVisibleIndex = function(iFirstVisibleIndex) {
	this.setProperty("firstVisibleIndex", iFirstVisibleIndex, true);
	this.showElementWithId(this._getItemIdByIndex(iFirstVisibleIndex));
	return this;
};


//Fix because jQuery clone doesn't support cloning textarea values
//jQuery Ticket #3016 (http://bugs.jquery.com/ticket/3016)

//Textarea and select clone() bug workaround | Spencer Tipping
//Licensed under the terms of the MIT source code license

//Motivation.
//jQuery's clone() method works in most cases, but it fails to copy the value of textareas and select elements. This patch replaces jQuery's clone() method with a wrapper that fills in the
//values after the fact.

//An interesting error case submitted by Piotr Przybył: If two <select> options had the same value, the clone() method would select the wrong one in the cloned box. The fix, suggested by Piotr
//and implemented here, is to use the selectedIndex property on the <select> box itself rather than relying on jQuery's value-based val().

(function (original) {
	jQuery.fn.sapExtendedClone = function () {
		var result           = original.apply(this, arguments);
		var my_textareas     = this.find('textarea').add(this.filter('textarea'));
		var result_textareas = result.find('textarea').add(result.filter('textarea'));
		var my_selects       = this.find('select').add(this.filter('select'));
		var result_selects   = result.find('select').add(result.filter('select'));

		for (var i = 0, l = my_textareas.length; i < l; ++i) {
			jQuery(result_textareas[i]).val(jQuery(my_textareas[i]).val());
		}
		for (var i = 0, l = my_selects.length;   i < l; ++i) {
			result_selects[i].selectedIndex = my_selects[i].selectedIndex;
		}

		return result;
	};
}) (jQuery.fn.clone);
}; // end of sap.ui.commons.Carousel
if ( !jQuery.sap.isDeclared('sap.ui.commons.CheckBox') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.CheckBox.
jQuery.sap.declare("sap.ui.commons.CheckBox");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new CheckBox.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getChecked checked} : boolean (default: false)</li>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getValueState valueState} : sap.ui.core.ValueState (default: sap.ui.core.ValueState.None)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getTextDirection textDirection} : sap.ui.core.TextDirection (default: sap.ui.core.TextDirection.Inherit)</li>
 * <li>{@link #getName name} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.CheckBox#event:change change} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * Provides a box which can be flagged, the box has a label. A check box can either stand alone, or in a group with other check boxes. As an option, the boxes can initially be set to status 'Not Editable'.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.CheckBox
 */
sap.ui.core.Control.extend("sap.ui.commons.CheckBox", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"toggle"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"checked" : {type : "boolean", group : "Data", defaultValue : false, bindable : "bindable"},
		"text" : {type : "string", group : "Appearance", defaultValue : null},
		"visible" : {type : "boolean", group : "Misc", defaultValue : true},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"valueState" : {type : "sap.ui.core.ValueState", group : "Data", defaultValue : sap.ui.core.ValueState.None},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"textDirection" : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : sap.ui.core.TextDirection.Inherit},
		"name" : {type : "string", group : "Misc", defaultValue : null}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"change" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.CheckBox with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.CheckBox.extend
 * @function
 */

sap.ui.commons.CheckBox.M_EVENTS = {'change':'change'};


/**
 * Getter for property <code>checked</code>.
 * Contains the state of the control whether it is flagged with a check mark, or not
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>checked</code>
 * @public
 * @name sap.ui.commons.CheckBox#getChecked
 * @function
 */

/**
 * Setter for property <code>checked</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bChecked  new value for property <code>checked</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setChecked
 * @function
 */


/**
 * Binder for property <code>checked</code>.
 *
 * @param {string} sPath path to a property in the model 
 * @param {function} [fnFormatter=null] the formatter function
 * @param {sap.ui.model.BindingMode} [sMode=Default] the binding mode to be used for this property binding (e.g. one way) 
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#bindChecked
 * @function
 */

/**
 * Unbinder for property <code>checked</code>.
 *
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#unbindChecked
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * Defines the text displayed next to the check box
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.CheckBox#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setText
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.CheckBox#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setVisible
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Using this property, the control could be disabled, if required.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.CheckBox#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setEnabled
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Specifies whether the user shall be allowed to flag the check box
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.CheckBox#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setEditable
 * @function
 */


/**
 * Getter for property <code>valueState</code>.
 * Accepts the core enumeration ValueState.type that supports 'None', 'Error', 'Warning' and 'Success'.
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.core.ValueState} the value of property <code>valueState</code>
 * @public
 * @name sap.ui.commons.CheckBox#getValueState
 * @function
 */

/**
 * Setter for property <code>valueState</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.core.ValueState} oValueState  new value for property <code>valueState</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setValueState
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * The width can be set to an absolute value. If no value is set, the control width results from the text length.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.CheckBox#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setWidth
 * @function
 */


/**
 * Getter for property <code>textDirection</code>.
 * The value can be set to LTR or RTL. Otherwise, the control inherits the text direction from its parent control.
 *
 * Default value is <code>Inherit</code>
 *
 * @return {sap.ui.core.TextDirection} the value of property <code>textDirection</code>
 * @public
 * @name sap.ui.commons.CheckBox#getTextDirection
 * @function
 */

/**
 * Setter for property <code>textDirection</code>.
 *
 * Default value is <code>Inherit</code> 
 *
 * @param {sap.ui.core.TextDirection} oTextDirection  new value for property <code>textDirection</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setTextDirection
 * @function
 */


/**
 * Getter for property <code>name</code>.
 * The 'name' property to be used in the HTML code, for example for HTML forms that send data to the server via submit.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>name</code>
 * @public
 * @name sap.ui.commons.CheckBox#getName
 * @function
 */

/**
 * Setter for property <code>name</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sName  new value for property <code>name</code>
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#setName
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.CheckBox#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.CheckBox#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.CheckBox#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.CheckBox#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.CheckBox#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.CheckBox#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * 
 * Event is triggered when the control status is changed by the user by flagging or unflagging the checkbox.
 *  
 *
 * @name sap.ui.commons.CheckBox#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {boolean} oControlEvent.getParameters.checked 
					Checks whether the box is flagged or not flagged.
					
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'change' event of this <code>sap.ui.commons.CheckBox</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.CheckBox</code>.<br/> itself. 
 *  
 * 
 * Event is triggered when the control status is changed by the user by flagging or unflagging the checkbox.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.CheckBox</code>.<br/> itself.
 *
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#attachChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'change' event of this <code>sap.ui.commons.CheckBox</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.CheckBox#detachChange
 * @function
 */

/**
 * Fire event change to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'checked' of type <code>boolean</code> 
					Checks whether the box is flagged or not flagged.
					</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.CheckBox} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.CheckBox#fireChange
 * @function
 */


/**
 * 
 * Inverts the current value of the control.
 * 
 *
 * @name sap.ui.commons.CheckBox.prototype.toggle
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/CheckBox.js
/**
 * Event handler called when the check box is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.CheckBox.prototype.onclick = function(oEvent) {
	if(jQuery.browser.msie && (/*!this.getEditable() ||*/ !this.getEnabled())){ //According to CSN2581852 2012 a readonly CB should be in the tabchain 
		// in IE tabindex = -1 hides focus, so in readOnly/disabled case tabindex must be temporarily set to 0
		// as long as CheckBox is focused
		jQuery.sap.byId(this.getId()).attr("tabindex", 0).addClass("sapUiCbFoc"); // the CSS class itself is not used, but IE only draws the standard focus outline when it is added
	}

	this.userToggle(oEvent);
};

/**
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.CheckBox.prototype.onfocusout = function(oEvent) {

	if(jQuery.browser.msie && (/*!this.getEditable() ||*/ !this.getEnabled())){ //According to CSN2581852 2012 a readonly CB should be in the tabchain 
		// in IE tabindex = -1 hides focus, so in readOnly/disabled case tabindex must be temporarily set to 0
		// as long as CheckBox is focused - now unset this again
		jQuery.sap.byId(this.getId()).attr("tabindex", -1).removeClass("sapUiCbFoc");
	}
};

/**
 * Event handler called when the space key is pressed.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.CheckBox.prototype.onsapspace = function(oEvent) {
	this.userToggle(oEvent);
};

/**
 * This method is used internally whenever the user toggles the check box value.
 * Purpose: Event cancellation and change event firing.
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.CheckBox.prototype.userToggle = function(oEvent) {
	oEvent.preventDefault();
	if (this.getEnabled() && this.getEditable()) {
		this.toggle();
		this.fireChange({checked: this.getChecked()});
	} else {
		// CheckBox has been activated by the user, but value cannot be changed
		// do nothing, but restore the focus to the complete control, as the user might have clicked the <input> element which also can get the focus
		this.getDomRef().focus();
	}
};

// implement public method toggle()
sap.ui.commons.CheckBox.prototype.toggle = function() {
	this.setChecked(!this.getChecked());
};
}; // end of sap.ui.commons.CheckBox
if ( !jQuery.sap.isDeclared('sap.ui.commons.ColorPicker') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ColorPicker.
jQuery.sap.declare("sap.ui.commons.ColorPicker");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ColorPicker.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getColorString colorString} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.ColorPicker#event:change change} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.ColorPicker#event:liveChange liveChange} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This control gives the user the opportunity to choose a color. The color can be defined using HEX-, RGB- or HSV-values or a CSS colorname.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ColorPicker
 */
sap.ui.core.Control.extend("sap.ui.commons.ColorPicker", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getRGB"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"colorString" : {type : "string", group : "Misc", defaultValue : null}
	},
	events : {
		"change" : {}, 
		"liveChange" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ColorPicker with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ColorPicker.extend
 * @function
 */

sap.ui.commons.ColorPicker.M_EVENTS = {'change':'change','liveChange':'liveChange'};


/**
 * Getter for property <code>colorString</code>.
 * This is the import-parameter of the ColorPicker.
 * As input-parameter, it can be a Hexadecimal string (#FFFFFF), a RGB-string rgb(255,255,255), a HSV-string hsv(360,100,100) or a CSS-colorname 'red'.
 * As output-parameter it is a RGB-string containing the current color.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>colorString</code>
 * @public
 * @name sap.ui.commons.ColorPicker#getColorString
 * @function
 */

/**
 * Setter for property <code>colorString</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sColorString  new value for property <code>colorString</code>
 * @return {sap.ui.commons.ColorPicker} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ColorPicker#setColorString
 * @function
 */


/**
 * Value was changed. This event is fired if the value has changed by an user action. 
 *
 * @name sap.ui.commons.ColorPicker#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.r Parameter containing the RED value (0-255)
 * @param {int} oControlEvent.getParameters.g Parameter containing the GREEN value (0-255)
 * @param {int} oControlEvent.getParameters.b Parameter containing the BLUE value (0-255)
 * @param {int} oControlEvent.getParameters.h Parameter containing the HUE value (0-360)
 * @param {int} oControlEvent.getParameters.s Parameter containing the SATURATION value (0-100)
 * @param {int} oControlEvent.getParameters.v Parameter containing the VALUE value (0-100)
 * @param {string} oControlEvent.getParameters.hex Parameter containing the Hexadecimal string (#FFFFFF)
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'change' event of this <code>sap.ui.commons.ColorPicker</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.ColorPicker</code>.<br/> itself. 
 *  
 * Value was changed. This event is fired if the value has changed by an user action. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.ColorPicker</code>.<br/> itself.
 *
 * @return {sap.ui.commons.ColorPicker} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ColorPicker#attachChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'change' event of this <code>sap.ui.commons.ColorPicker</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.ColorPicker} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ColorPicker#detachChange
 * @function
 */

/**
 * Fire event change to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'r' of type <code>int</code> Parameter containing the RED value (0-255)</li>
 * <li>'g' of type <code>int</code> Parameter containing the GREEN value (0-255)</li>
 * <li>'b' of type <code>int</code> Parameter containing the BLUE value (0-255)</li>
 * <li>'h' of type <code>int</code> Parameter containing the HUE value (0-360)</li>
 * <li>'s' of type <code>int</code> Parameter containing the SATURATION value (0-100)</li>
 * <li>'v' of type <code>int</code> Parameter containing the VALUE value (0-100)</li>
 * <li>'hex' of type <code>string</code> Parameter containing the Hexadecimal string (#FFFFFF)</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.ColorPicker} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.ColorPicker#fireChange
 * @function
 */


/**
 * Value was changed. This event is fired during the mouse move. The normal change event ist only fired by mouseup. 
 *
 * @name sap.ui.commons.ColorPicker#liveChange
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.r Parameter containing the RED value (0-255)
 * @param {int} oControlEvent.getParameters.g Parameter containing the GREEN value (0-255)
 * @param {int} oControlEvent.getParameters.b Parameter containing the BLUE value (0-255)
 * @param {int} oControlEvent.getParameters.h Parameter containing the HUE value (0-360)
 * @param {int} oControlEvent.getParameters.s Parameter containing the SATURATION value (0-100)
 * @param {int} oControlEvent.getParameters.v Parameter containing the VALUE value (0-100)
 * @param {string} oControlEvent.getParameters.hex Parameter containing the Hexadecimal string (#FFFFFF)
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'liveChange' event of this <code>sap.ui.commons.ColorPicker</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.ColorPicker</code>.<br/> itself. 
 *  
 * Value was changed. This event is fired during the mouse move. The normal change event ist only fired by mouseup. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.ColorPicker</code>.<br/> itself.
 *
 * @return {sap.ui.commons.ColorPicker} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ColorPicker#attachLiveChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'liveChange' event of this <code>sap.ui.commons.ColorPicker</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.ColorPicker} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ColorPicker#detachLiveChange
 * @function
 */

/**
 * Fire event liveChange to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'r' of type <code>int</code> Parameter containing the RED value (0-255)</li>
 * <li>'g' of type <code>int</code> Parameter containing the GREEN value (0-255)</li>
 * <li>'b' of type <code>int</code> Parameter containing the BLUE value (0-255)</li>
 * <li>'h' of type <code>int</code> Parameter containing the HUE value (0-360)</li>
 * <li>'s' of type <code>int</code> Parameter containing the SATURATION value (0-100)</li>
 * <li>'v' of type <code>int</code> Parameter containing the VALUE value (0-100)</li>
 * <li>'hex' of type <code>string</code> Parameter containing the Hexadecimal string (#FFFFFF)</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.ColorPicker} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.ColorPicker#fireLiveChange
 * @function
 */


/**
 * This method delivers the current RGB-values
 *
 * @name sap.ui.commons.ColorPicker.prototype.getRGB
 * @function

 * @type object
 * @public
 */


// Start of sap/ui/commons/ColorPicker.js
/**
 * This file defines behavior for the control sap.ui.commons.ColorPicker
 */


/**
 * Initialization hook... creating composite parts
 */
sap.ui.commons.ColorPicker.prototype.init = function(){

	//	declare global variable for the ColorObject
	this.Color = {
			r   : 255,
			g   : 255,
			b   : 255,
			h   : 0,
			s   : 0,
			v   : 100,
			hex : "#FFFFFF",
			old : "#FFFFFF"
	};

	//	create global variables
	this.HexString = "FFFFFF";
	this.rgbString = "";
	this.$cpBox = "";
	this.$cpCur = "";
	this.RGB = {
			r : 0,
			g : 0,
			b : 0
	};

	//	check if we are in RTL mode
	this.bRtl  = sap.ui.getCore().getConfiguration().getRTL();

	//	create Matrix layout (outer control)
	this.oMatrix = new sap.ui.commons.layout.MatrixLayout({
		layoutFixed : true,
		columns : 2,
		width : "270px",
		widths : [ "115px", "155px" ]
	});
	this.oMatrix.setParent(this);
	this.oMatrix.addStyleClass("sapUiColorPicker-ColorPickerMatrix");

	//	HTML-Control containing the ColorPickerBox
	var cpBoxID = this.getId() + '-cpBox';
	var cpCurID = this.getId() + '-cpCur';
	this.oHtmlBox = new sap.ui.core.HTML({
		content : "<DIV id=" + cpBoxID + " class=sapUiColorPicker-ColorPickerBox><DIV id=" + cpCurID + " class=sapUiColorPicker-ColorPickerCircle></DIV></DIV>"
	});

	//	HTML-Control containing the Old Color Box
	var ocBoxID = this.getId() + '-ocBox';
	this.oHtmlOldCol = new sap.ui.core.HTML({
		content : "<DIV id=" + ocBoxID + " class=sapUiColorPicker-ColorPickerOldColor></DIV>"
	});

	//	HTML-Control containing the New Color Box
	var ncBoxID = this.getId() + '-ncBox';
	this.oHtmlNewCol = new sap.ui.core.HTML({
		content : "<DIV id=" + ncBoxID + " class=sapUiColorPicker-ColorPickerNewColor></DIV>"
	});

	//	label and input field for Hexadecimal value
	var inpID = this.getId() + '-hxF';
	var hexValue = this.Color.hex.substr(1);
	this.oHexField = new sap.ui.commons.TextField({id: inpID, value : hexValue});
	this.oHexField.addStyleClass("sapUiColorPicker-ColorPickerHexField");
	this.oHexLabel = new sap.ui.commons.Label();
	this.oHexLabel.addStyleClass("sapUiColorPicker-ColorPickerLabels");
	this.oHexLabel.setText("#:");
	this.oHexLabel.setLabelFor(this.oHexField);

	//	label and input field for Red Value
	inpID = this.getId() + '-rF';
	this.oRedField = new sap.ui.commons.TextField({id: inpID, value: this.Color.r, width:"3em"});
	this.oRedField.addStyleClass("sapUiColorPicker-ColorPickerInputFieldsLeft");
	this.oRedLabel = new sap.ui.commons.Label();
	this.oRedLabel.addStyleClass("sapUiColorPicker-ColorPickerLabels");
	this.oRedLabel.setText("R:");
	this.oRedLabel.setLabelFor(this.oRedField);

	//	label and input field for Green Value
	inpID = this.getId() + '-gF';
	this.oGreenField = new sap.ui.commons.TextField({id: inpID, value : this.Color.g, width:"3em"});
	this.oGreenField.addStyleClass("sapUiColorPicker-ColorPickerInputFieldsLeft");
	this.oGreenLabel = new sap.ui.commons.Label();
	this.oGreenLabel.addStyleClass("sapUiColorPicker-ColorPickerLabels");
	this.oGreenLabel.setText("G:");
	this.oGreenLabel.setLabelFor(this.oGreenField);

	//	label and input field for Blue Value
	inpID = this.getId() + '-bF';
	this.oBlueField = new sap.ui.commons.TextField({id: inpID, value : this.Color.b, width:"3em"});
	this.oBlueField.addStyleClass("sapUiColorPicker-ColorPickerInputFieldsLeft");
	this.oBlueLabel = new sap.ui.commons.Label();
	this.oBlueLabel.addStyleClass("sapUiColorPicker-ColorPickerLabels");
	this.oBlueLabel.setText("B:");
	this.oBlueLabel.setLabelFor(this.oBlueField);

	//	label and input field for Hue Value
	inpID = this.getId() + '-hF';
	this.oHueField = new sap.ui.commons.TextField({id: inpID, value : this.Color.h, width:"3em"});
	this.oHueField.addStyleClass("sapUiColorPicker-ColorPickerInputFieldsRight");
	this.oHueLabel = new sap.ui.commons.Label();
	this.oHueLabel.addStyleClass("sapUiColorPicker-ColorPickerLabels");
	this.oHueLabel.setText("H:");
	this.oHueLabel.setLabelFor(this.oHueField);

	//	label and input field for Saturation Value
	inpID = this.getId() + '-sF';
	this.oSatField = new sap.ui.commons.TextField({id: inpID, value : this.Color.s, width:"3em"});
	this.oSatField.addStyleClass("sapUiColorPicker-ColorPickerInputFieldsRight");
	this.oSatLabel = new sap.ui.commons.Label();
	this.oSatLabel.addStyleClass("sapUiColorPicker-ColorPickerLabels");
	this.oSatLabel.setText("S:");
	this.oSatLabel.setLabelFor(this.oSatField);

	//	label and input field for Value
	inpID = this.getId() + '-vF';
	this.oValField = new sap.ui.commons.TextField({id: inpID, value : this.Color.v, width:"3em"});
	this.oValField.addStyleClass("sapUiColorPicker-ColorPickerInputFieldsRight");
	this.oValLabel = new sap.ui.commons.Label();
	this.oValLabel.addStyleClass("sapUiColorPicker-ColorPickerLabels");
	this.oValLabel.setText("V:");
	this.oValLabel.setLabelFor(this.oValField);

	//	slider
	inpID = this.getId() + '-hSLD';
	this.oSlider = new sap.ui.commons.Slider({id: inpID});
	this.oSlider.setMax(360);
	this.oSlider.setValue(parseInt(this.oHueField.getValue()),10);
	this.oSlider.addStyleClass("sapUiColorPicker-ColorPickerSlider");

	//	1.Horizontal Layout
	this.oHLayout1 = new sap.ui.commons.layout.HorizontalLayout({
		content: [this.oRedLabel, this.oRedField, this.oHueLabel, this.oHueField]
	});

	//	2.Horizontal Layout
	this.oHLayout2 = new sap.ui.commons.layout.HorizontalLayout({
		content: [this.oGreenLabel, this.oGreenField, this.oSatLabel, this.oSatField]
	});

	//	3.Horizontal Layout
	this.oHLayout3 = new sap.ui.commons.layout.HorizontalLayout({
		content: [this.oBlueLabel, this.oBlueField, this.oValLabel, this.oValField]
	});

	//	4.Horizontal Layout
	this.oHLayout4 = new sap.ui.commons.layout.HorizontalLayout({
		content: [this.oHexLabel, this.oHexField, this.oHtmlOldCol, this.oHtmlNewCol]
	});

	//	Vertical Layout containing the four horizontal layouts
	this.oVLayout = new sap.ui.commons.layout.VerticalLayout({
		content:[ this.oHLayout1, this.oHLayout2, this.oHLayout3, this.oHLayout4]
	});

	//	add first Row to the Matrix Layout
	this.oMatrix.createRow(this.oHtmlBox, this.oVLayout);

	//	create second Row containing slider
	this.oRow2 = new sap.ui.commons.layout.MatrixLayoutRow();
	this.oCell = new sap.ui.commons.layout.MatrixLayoutCell({ colSpan : 2 });
	this.oCell.addContent(this.oSlider);
	this.oRow2.addCell(this.oCell);

	//	add second Row to the Matrix Layout
	this.oMatrix.addRow(this.oRow2);

	//	attach Eventhandler
	this.oHexField.attachChange(jQuery.proxy(this._handleHexValueChange,this));
	this.oRedField.attachChange(jQuery.proxy(this._handleRedValueChange,this));
	this.oGreenField.attachChange(jQuery.proxy(this._handleGreenValueChange,this));
	this.oBlueField.attachChange(jQuery.proxy(this._handleBlueValueChange,this));
	this.oHueField.attachChange(jQuery.proxy(this._handleHueValueChange,this));
	this.oSatField.attachChange(jQuery.proxy(this._handleSatValueChange,this));
	this.oValField.attachChange(jQuery.proxy(this._handleValValueChange,this));
	this.oSlider.attachLiveChange(jQuery.proxy(this._handleSliderLiveChange,this));
	this.oSlider.attachChange(jQuery.proxy(this._handleSliderChange,this));
};



/**
 * Clean-up hook... destroying composite parts.
 */
sap.ui.commons.ColorPicker.prototype.exit = function(){

	//	unbind Mouse-Event-Handler
	this.$cpBox.unbind("mousedown", this.handleMouseDown);
	jQuery(document)
	.unbind("mousemove", this.handleMousePos)
	.unbind("mouseup", this.handleMouseUp);

	//	destroy Objects
	this.oMatrix.destroy();
};



/**
 * Evaluate parameter values
 */
sap.ui.commons.ColorPicker.prototype.setColorString = function(iColorString) {

	//	parse string; get the color object
	this._parseColorString(iColorString);

	//	update UI
	this.oHexField.setValue(this.Color.hex.substr(1));
	this.oRedField.setValue(this.Color.r);
	this.oGreenField.setValue(this.Color.g);
	this.oBlueField.setValue(this.Color.b);
	this.oHueField.setValue(this.Color.h);
	this.oSatField.setValue(this.Color.s);
	this.oValField.setValue(this.Color.v);
	this.oSlider.setValue(this.Color.h);

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler of the mouse down event
 */
sap.ui.commons.ColorPicker.prototype.handleMouseDown = function(e) {

	//	exit if the HEXfield is errorneous
	if (this.oHexField.getValueState() == sap.ui.core.ValueState.Error) return;

	//	call mouse position handler
	this.handleMousePos(e);
	jQuery(document)
	.bind("mousemove", jQuery.proxy(this.handleMousePos, this))
	.bind("mouseup", jQuery.proxy(this.handleMouseUp, this));
};



/**
 * Event handler of the mouse up event
 */
sap.ui.commons.ColorPicker.prototype.handleMouseUp = function(e) {

	//	exit if the HEXfield is errorneous
	if (this.oHexField.getValueState() == sap.ui.core.ValueState.Error) return;

	//	call mouse position handler
	this.handleMousePos(e);
	jQuery(document)
	.unbind("mousemove", this.handleMousePos)
	.unbind("mouseup", this.handleMouseUp);

	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for the mouse position
 */
sap.ui.commons.ColorPicker.prototype.handleMousePos = function(e) {

	//	get offset of the colorpicker box
	var cpBoxOffset = this.$cpBox.offset();

	//	get width & height if the colorpicker box
	var cpBoxWidth  = this.$cpBox.width();
	var cpBoxHeight = this.$cpBox.height();

	//	calculate the hue and saturation values from the mouse position
	var x = e.pageX - cpBoxOffset.left;
	var y = e.pageY - cpBoxOffset.top;
	x = Math.min(Math.max(x, 0), cpBoxWidth);
	//	handle RTL - mode
	if(this.bRtl){
		var rX = cpBoxWidth - x;
		x = rX;
	};
	y = Math.min(Math.max(y, 0), cpBoxHeight);
	var valValue = parseInt(x/cpBoxWidth * 100,10);
	var satValue = parseInt((1 - y/cpBoxHeight) * 100,10);

	//	set the new values
	this.oSatField.setValue(satValue);
	this.oValField.setValue(valValue);

	//	process changes
	this._processHSVchanges();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for Slider LIVE changes
 */
sap.ui.commons.ColorPicker.prototype._handleSliderLiveChange = function() {

	//	get the new value
	var sliderValue = parseInt(this.oSlider.getValue(),10);

	//	set the new hue value in the hue inut field
	this.oHueField.setValue(sliderValue);

	//	process changes
	this._processHSVchanges();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for Slider changes
 */
sap.ui.commons.ColorPicker.prototype._handleSliderChange = function() {

	//	get the new value
	var sliderValue = parseInt(this.oSlider.getValue(),10);

	//	set the new hue value in the hue inut field
	this.oHueField.setValue(sliderValue);

	//	process changes
	this._processHSVchanges();

	//	fire Change event
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for changes of hue input field
 */
sap.ui.commons.ColorPicker.prototype._handleHueValueChange = function(){

	//	get the new value
	var hueValue = parseInt(this.oHueField.getValue(),10);

	//	check for correct value (0 - 360)
	if (hueValue < 0 || isNaN(hueValue)) hueValue = 0;
	if (hueValue > 360) hueValue = 359.9;

	//	set the new value (maybe the value has been changed in the above lines)
	this.oHueField.setValue(hueValue);

	//	update slider value
	this.oSlider.setValue(hueValue);

	//	process Changes
	this._processHSVchanges();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for changes of saturation input field
 */
sap.ui.commons.ColorPicker.prototype._handleSatValueChange =  function(){

	//	get the new value
	var satValue = parseInt(this.oSatField.getValue(),10);

	//	check for correct value (0-100)
	if (satValue < 0 || isNaN(satValue)) satValue = 0;
	if (satValue > 100) satValue = 100;

	//	set the new value (maybe the value has been changed in the above lines)
	this.oSatField.setValue(satValue);

	//	process Changes
	this._processHSVchanges();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for changes of value input field
 */
sap.ui.commons.ColorPicker.prototype._handleValValueChange = function(){

	//	get the new value
	var valValue = parseInt(this.oValField.getValue(),10);

	//	check for correct value (0-100)
	if (valValue < 0 || isNaN(valValue)) valValue = 0;
	if (valValue > 100) valValue = 100;

	//	set the new value (maybe the value has been changed in the above lines)
	this.oValField.setValue(valValue);

	//	process Changes
	this._processHSVchanges();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for changes of RED input field
 */
sap.ui.commons.ColorPicker.prototype._handleRedValueChange = function(){

	//	get the new value
	var redValue = parseInt(this.oRedField.getValue(),10);

	//	check for correct value (0-255)
	if (redValue < 0 || isNaN(redValue)) redValue = 0;
	if (redValue > 255) redValue = 255;

	//	set the new value (maybe the value has been changed in the above lines)
	this.oRedField.setValue(redValue);

	//	process changes
	this._processRGBchanges();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for changes of GREEN input field
 */
sap.ui.commons.ColorPicker.prototype._handleGreenValueChange = function(){

	//	get the new value
	var greenValue = parseInt(this.oGreenField.getValue(),10);

	//	check for correct value
	if (greenValue < 0 || isNaN(greenValue)) greenValue = 0;
	if (greenValue > 255) greenValue = 255;

	//	set the new value (maybe the value has been changed in the above lines)
	this.oGreenField.setValue(greenValue);

	//	process changes
	this._processRGBchanges();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Event handler for changes of BLUE input field
 */
sap.ui.commons.ColorPicker.prototype._handleBlueValueChange = function(){

	//	get the new value
	var blueValue = parseInt(this.oBlueField.getValue(),10);

	//	check for correct value
	if (blueValue < 0 || isNaN(blueValue)) blueValue = 0;
	if (blueValue > 255) blueValue = 255;

	//	set the new value (maybe the value has been changed in the above lines)
	this.oBlueField.setValue(blueValue);

	//	process changes
	this._processRGBchanges();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Process changes of Hue, Value and Saturation
 */
sap.ui.commons.ColorPicker.prototype._processHSVchanges = function(){

	//	get HSV-values
	var hueValue   = parseInt(this.oHueField.getValue(),10);
	var satValue   = parseInt(this.oSatField.getValue(),10);
	var valValue   = parseInt(this.oValField.getValue(),10);

	//	calculate and set new RGB-values
	this._calculateRGB(hueValue, satValue, valValue);
	this.Color.r = this.RGB.r;
	this.Color.g = this.RGB.g;
	this.Color.b = this.RGB.b;
	this.oRedField.setValue(this.Color.r);
	this.oGreenField.setValue(this.Color.g);
	this.oBlueField.setValue(this.Color.b);
	this._createRGBString();

	//	calculate and set HEX-values from the RGB-values
	this._calculateHEX(this.Color.r,this.Color.g,this.Color.b);
	this.oHexField.setValue(this.HexString);
	this.Color.hex =  "#" + this.oHexField.getValue();

	//	set HSV-values
	this.Color.h = hueValue;
	this.Color.s = satValue;
	this.Color.v = valValue;
	this.oHueField.setValue(this.Color.h);
	this.oSatField.setValue(this.Color.s);
	this.oValField.setValue(this.Color.v);

	//	update gradient box background
	this._updateGradientBoxBackground(this.Color.h);

	//	update cursor position
	this._updateCursorPosition();

	//	update selected color background
	this._updateSelColorBackground();
};



/**
 * Process changes of Red, Green and Blue values
 */
sap.ui.commons.ColorPicker.prototype._processRGBchanges = function(){

	//	calculate and set HEX-value from the RGB-values
	var redValue   = Math.round(parseInt(this.oRedField.getValue(),10));
	var greenValue = Math.round(parseInt(this.oGreenField.getValue(),10));
	var blueValue  = Math.round(parseInt(this.oBlueField.getValue(),10));
	this._calculateHEX(redValue, greenValue, blueValue);
	this.oHexField.setValue(this.HexString);

	//	calculate and set HSV-values from the RGB-values
	this._calculateHSV(redValue, greenValue, blueValue);
	this.oHueField.setValue(this.Color.h);
	this.oSatField.setValue(this.Color.s);
	this.oValField.setValue(this.Color.v);

	//	update slider value
	this.oSlider.setValue(parseInt(this.oHueField.getValue(),10));

	//	store the values in variable
	this.Color.r   = redValue;
	this.Color.g   = greenValue;
	this.Color.b   = blueValue;
	this.Color.hex =  "#" + this.oHexField.getValue();

	//	update gradient box background
	this._updateGradientBoxBackground(this.Color.h);

	//	update cursor position
	this._updateCursorPosition();

	//	update selected color background
	this._updateSelColorBackground();
};



/**
 * Event handler for changes of HEX input field
 */
sap.ui.commons.ColorPicker.prototype._handleHexValueChange = function(){

	//	get the new value and convert to uppercase
	var hexValue = this.oHexField.getValue().toUpperCase();

	//	check for correct value
	if (hexValue.substr(0, 1) == '#') hexValue = hexValue.substr(1);
	var re=/^([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
	if (re.test(hexValue) == false){
		this.oHexField.setValueState(sap.ui.core.ValueState.Error);
		this.oSlider.setEnabled(false);
		this.oHueField.setEnabled(false);
		this.oRedField.setEnabled(false);
		this.oGreenField.setEnabled(false);
		this.oBlueField.setEnabled(false);
		this.oSatField.setEnabled(false);
		this.oValField.setEnabled(false);
		return false;
	} else if(this.oHexField.getValueState()  == sap.ui.core.ValueState.Error){
		this.oHexField.setValueState(sap.ui.core.ValueState.None);
		this.oSlider.setEnabled(true);
		this.oHueField.setEnabled(true);
		this.oRedField.setEnabled(true);
		this.oGreenField.setEnabled(true);
		this.oBlueField.setEnabled(true);
		this.oSatField.setEnabled(true);
		this.oValField.setEnabled(true);
	};

	//	convert from short to long hex (if needed)
	if (hexValue.length == 3){
		var tempValue = hexValue.charAt(0)+hexValue.charAt(0)+hexValue.charAt(1)+hexValue.charAt(1)+hexValue.charAt(2)+hexValue.charAt(2);
		hexValue = tempValue;
	};

	//	process Changes
	this._processHexChanges(hexValue);

	//	update UI
	this.oHexField.setValue(hexValue);
	this.oRedField.setValue(this.Color.r);
	this.oGreenField.setValue(this.Color.g);
	this.oBlueField.setValue(this.Color.b);
	this.oHueField.setValue(this.Color.h);
	this.oSatField.setValue(this.Color.s);
	this.oValField.setValue(this.Color.v);
	this.oSlider.setValue(parseInt(this.oHueField.getValue(),10));

	//	update gradient box background
	this._updateGradientBoxBackground(this.Color.h);

	//	update cursor position
	this._updateCursorPosition();

	//	update selected color background
	this._updateSelColorBackground();

	//	fire events & update property
	this.fireLiveChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.fireChange({r:this.Color.r, g:this.Color.g, b:this.Color.b, h:this.Color.h, s:this.Color.s, v:this.Color.v, hex:this.Color.hex});
	this.setProperty('colorString', this.rgbString, true); // No re-rendering!
};



/**
 * Hex-Values have changed ==> process changes
 */
sap.ui.commons.ColorPicker.prototype._processHexChanges = function (ihexValue){

	//	convert RGB-values
	this._convertRGB(ihexValue);

	//	create RGB-String
	this._createRGBString();

	//	calculate and set HSV-values from the RGB-values
	this._calculateHSV(this.Color.r, this.Color.g, this.Color.b);

	//	all values except hex set; set the hex value
	this.Color.hex = "#" + ihexValue.toUpperCase();
};



/**
 * Update Cursor position in the ColorPicker Box
 */
sap.ui.commons.ColorPicker.prototype._updateCursorPosition = function(){

	//	get the width & height
	var cpCurWidth  = this.$cpCur.width();
	var cpCurHeight = this.$cpCur.height();
	var cpBoxWidth  = this.$cpBox.width();
	var cpBoxHeight = this.$cpBox.height();

	//	get the saturation and value
	var satValue = this.oSatField.getValue();
	var valValue = this.oValField.getValue();

	//	calculate the x and y values
	var x = parseInt(valValue * cpBoxWidth /100,10);
	//	calculate x if we are in RTL mode
	if(this.bRtl){
		var rX = cpBoxWidth - x;
		x = rX;
	};
	var y = parseInt((1-satValue/100)*cpBoxHeight,10);
	x = Math.min(Math.max(x, 0), cpBoxWidth-cpCurWidth/2) -cpCurWidth/2;
	y = Math.min(Math.max(y, 0), cpBoxHeight-cpCurHeight/2) -cpCurHeight/2;

	//	set the new cursor position
	this.$cpCur.css("left", x).css("top", y);
};



/**
 * Calculate RGB-Values from Hue/Saturation/Value
 */
sap.ui.commons.ColorPicker.prototype._calculateRGB = function( hue, sat, val){

	//	easy case: value = 0
	if (val == 0 ){
		this.RGB.r = Math.round(sat*2.55);
		this.RGB.g = Math.round(sat*2.55);
		this.RGB.b = Math.round(sat*2.55);

		//	calculate values
	} else {
		hue = hue / 60;
		sat = sat / 100;
		val = val / 100;
		var redValue, greenValue, blueValue;
		var i = Math.floor(hue);
		var f = hue - i;
		var p = val * (1 - sat);
		var q = val * (1 - sat * f);
		var t = val * (1 - sat * (1 - f));
		switch (i) {
		case 0:
			redValue   = val;
			greenValue = t;
			blueValue  = p;
			break;
		case 1:
			redValue   = q;
			greenValue = val;
			blueValue  = p;
			break;
		case 2:
			redValue   = p;
			greenValue = val;
			blueValue  = t;
			break;
		case 3:
			redValue   = p;
			greenValue = q;
			blueValue  = val;
			break;
		case 4:
			redValue   = t;
			greenValue = p;
			blueValue  = val;
			break;
		default:
			redValue   = val;
		greenValue = p;
		blueValue  = q;
		break;
		}
		this.RGB.r = Math.round(redValue*255);
		this.RGB.g = Math.round(greenValue*255);
		this.RGB.b = Math.round(blueValue*255);
	}
};



/**
 * Create RGB-String from the current RGB-Values
 */
sap.ui.commons.ColorPicker.prototype._createRGBString = function( ){

	this.rgbString = "rgb(" + this.Color.r.toString() + "," + this.Color.g.toString() + "," + this.Color.b.toString() + ")";
}



/**
 * Calculate HEX-Values when RGB-values change
 */
sap.ui.commons.ColorPicker.prototype._calculateHEX = function(red,green,blue){

	//	convert values
	var redStr     = red.toString(16);
	var greenStr   = green.toString(16);
	var blueStr    = blue.toString(16);
	if (redStr.length == 1)   redStr   = '0' + redStr;
	if (greenStr.length == 1) greenStr = '0' + greenStr;
	if (blueStr.length == 1)  blueStr  = '0' + blueStr;

	//	return the HexValue
	this.HexString = (redStr + greenStr + blueStr).toUpperCase();
};



/**
 * Calculate HSV-Values from RGB-values
 */
sap.ui.commons.ColorPicker.prototype._calculateHSV = function (red, green, blue){

	//	calculate values
	var max			= Math.max(Math.max(red, green), blue);
	var min			= Math.min(Math.min(red, green), blue);
	var delta		= (max - min);
	var valValue	= Math.round(max*100/255);
	var satValue = (max==0.0)?0:(100*delta/max);
	var hueValue = 0;
	if (satValue==0) hueValue=0;
	else if (red==max)   hueValue=60.0*(green-blue)/delta;
	else if (green==max) hueValue=120.0+60.0*(blue-red)/delta;
	else if (blue==max)  hueValue=240.0+60.0*(red-green)/delta;
	if (hueValue<0.0) hueValue+=359.9;
	hueValue=Math.round(hueValue);
	satValue=Math.round(satValue);

	//	store the new values
	this.Color.h = hueValue;
	this.Color.s = satValue;
	this.Color.v = valValue;
};



/**
 * Convert HEX-Value to RGB-Values
 */
sap.ui.commons.ColorPicker.prototype._convertRGB = function(hex){

	//	calculate the new values
	var red   = parseInt(hex.substr(0, 2), 16);
	var green = parseInt(hex.substr(2, 2), 16);
	var blue  = parseInt(hex.substr(4, 2), 16);

	//	return the new values
	this.Color.r = red;
	this.Color.g = green;
	this.Color.b = blue;
};



/**
 * Update GradientBox Background
 */
sap.ui.commons.ColorPicker.prototype._updateGradientBoxBackground = function(hue){

	//	calculate RGB-values
	this._calculateRGB(hue, 100, 100);

	//	calculate Hex-value
	this._calculateHEX(this.RGB.r,this.RGB.g,this.RGB.b);
	var hexCol    =  "#" + this.HexString;

	//	set backgroundColor
	this.$cpBox.css('background-color',hexCol);
};



/**
 * Update background of "new color box"
 */
sap.ui.commons.ColorPicker.prototype._updateSelColorBackground = function(){

	//	set the new color
	jQuery.sap.byId(this.getId()+'-ncBox').css('background-color',this.Color.hex);
};



/**
 * Parse Input Parameter; evaluate color
 */
sap.ui.commons.ColorPicker.prototype._parseColorString = function(iColorString){

	//	delete #, trim and convert to lower case
	if (iColorString.substr(0, 1) == '#') iColorString = iColorString.substr(1);
	iColorString = iColorString.replace(/ /g,'');
	iColorString = iColorString.toLowerCase();

	//	parse Names
	var searchKey = "";
	var hexValue = "";
	var colorNames = {
			aliceblue: 				'f0f8ff',
			antiquewhite: 			'faebd7',
			aqua: 					'00ffff',
			aquamarine: 			'7fffd4',
			azure: 					'f0ffff',
			beige: 					'f5f5dc',
			bisque: 				'ffe4c4',
			black: 					'000000',
			blanchedalmond:			'ffebcd',
			blue: 					'0000ff',
			blueviolet:				'8a2be2',
			brown:					'a52a2a',
			burlywood: 				'deb887',
			cadetblue: 				'5f9ea0',
			chartreuse: 			'7fff00',
			chocolate: 				'd2691e',
			coral: 					'ff7f50',
			cornflowerblue: 		'6495ed',
			cornsilk: 				'fff8dc',
			crimson: 				'dc143c',
			cyan: 					'00ffff',
			darkblue: 				'00008b',
			darkcyan: 				'008b8b',
			darkgoldenrod: 			'b8860b',
			darkgray: 				'a9a9a9',
			darkgreen: 				'006400',
			darkkhaki: 				'bdb76b',
			darkmagenta: 			'8b008b',
			darkolivegreen: 		'556b2f',
			darkorange: 			'ff8c00',
			darkorchid: 			'9932cc',
			darkred: 				'8b0000',
			darksalmon: 			'e9967a',
			darkseagreen: 			'8fbc8f',
			darkslateblue: 			'483d8b',
			darkslategray: 			'2f4f4f',
			darkturquoise: 			'00ced1',
			darkviolet: 			'9400d3',
			deeppink: 				'ff1493',
			deepskyblue: 			'00bfff',
			dimgray: 				'696969',
			dodgerblue: 			'1e90ff',
			feldspar: 				'd19275',
			firebrick: 				'b22222',
			floralwhite: 			'fffaf0',
			forestgreen: 			'228b22',
			fuchsia: 				'ff00ff',
			gainsboro: 				'dcdcdc',
			ghostwhite: 			'f8f8ff',
			gold: 					'ffd700',
			goldenrod: 				'daa520',
			gray: 					'808080',
			green: 					'008000',
			greenyellow: 			'adff2f',
			honeydew: 				'f0fff0',
			hotpink: 				'ff69b4',
			indianred : 			'cd5c5c',
			indigo : 				'4b0082',
			ivory: 					'fffff0',
			khaki: 					'f0e68c',
			lavender: 				'e6e6fa',
			lavenderblush: 			'fff0f5',
			lawngreen: 				'7cfc00',
			lemonchiffon: 			'fffacd',
			lightblue: 				'add8e6',
			lightcoral: 			'f08080',
			lightcyan: 				'e0ffff',
			lightgoldenrodyellow:	'fafad2',
			lightgrey: 				'd3d3d3',
			lightgreen: 			'90ee90',
			lightpink: 				'ffb6c1',
			lightsalmon: 			'ffa07a',
			lightseagreen: 			'20b2aa',
			lightskyblue: 			'87cefa',
			lightslateblue: 		'8470ff',
			lightslategray: 		'778899',
			lightsteelblue: 		'b0c4de',
			lightyellow: 			'ffffe0',
			lime: 					'00ff00',
			limegreen: 				'32cd32',
			linen: 					'faf0e6',
			magenta: 				'ff00ff',
			maroon: 				'800000',
			mediumaquamarine: 		'66cdaa',
			mediumblue: 			'0000cd',
			mediumorchid: 			'ba55d3',
			mediumpurple: 			'9370d8',
			mediumseagreen: 		'3cb371',
			mediumslateblue: 		'7b68ee',
			mediumspringgreen: 		'00fa9a',
			mediumturquoise: 		'48d1cc',
			mediumvioletred:		'c71585',
			midnightblue: 			'191970',
			mintcream: 				'f5fffa',
			mistyrose: 				'ffe4e1',
			moccasin: 				'ffe4b5',
			navajowhite: 			'ffdead',
			navy: 					'000080',
			oldlace: 				'fdf5e6',
			olive: 					'808000',
			olivedrab: 				'6b8e23',
			orange: 				'ffa500',
			orangered: 				'ff4500',
			orchid: 				'da70d6',
			palegoldenrod: 			'eee8aa',
			palegreen: 				'98fb98',
			paleturquoise: 			'afeeee',
			palevioletred: 			'd87093',
			papayawhip: 			'ffefd5',
			peachpuff: 				'ffdab9',
			peru: 					'cd853f',
			pink: 					'ffc0cb',
			plum: 					'dda0dd',
			powderblue: 			'b0e0e6',
			purple: 				'800080',
			red: 					'ff0000',
			rosybrown: 				'bc8f8f',
			royalblue: 				'4169e1',
			saddlebrown: 			'8b4513',
			salmon: 				'fa8072',
			sandybrown: 			'f4a460',
			seagreen: 				'2e8b57',
			seashell: 				'fff5ee',
			sienna: 				'a0522d',
			silver: 				'c0c0c0',
			skyblue: 				'87ceeb',
			slateblue: 				'6a5acd',
			slategray: 				'708090',
			snow: 					'fffafa',
			springgreen: 			'00ff7f',
			steelblue: 				'4682b4',
			tan: 					'd2b48c',
			teal: 					'008080',
			thistle: 				'd8bfd8',
			tomato: 				'ff6347',
			turquoise: 				'40e0d0',
			violet: 				'ee82ee',
			violetred: 				'd02090',
			wheat: 					'f5deb3',
			white: 					'ffffff',
			whitesmoke: 			'f5f5f5',
			yellow: 				'ffff00',
			yellowgreen: 			'9acd32'
	};

	for (searchKey in colorNames) {
		if (iColorString == searchKey) {
			hexValue = colorNames[searchKey].toUpperCase();
		}
	};

	if (hexValue !=""){
		//Found a name; get RGB and HSV values
		this._processHexChanges(hexValue);
		this.Color.old = this.Color.hex;
	};


	//	parse HEX
	//	allowed input: #aabbcc, aabbcc, #abc, abc
	//	'#' has already been deleted, search only for values
	//  check for correct value using regular expression
	var re=/^([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
	if (re.test(iColorString) == true){
		//it's a hex value; check if its aabbcc or abc
		if (iColorString.length == 3){
			var hexValue = iColorString.charAt(0)+iColorString.charAt(0)+iColorString.charAt(1)+iColorString.charAt(1)+iColorString.charAt(2)+iColorString.charAt(2);
		}
		else {
			hexValue = iColorString;
		};
		//get RGB and HSV values
		this._processHexChanges(hexValue);
		this.Color.old = this.Color.hex;
	};


	//	parse RGB
	//	allowed input: rgb(255,255,255); rgb255,255,255
	//	check if the string begins with "rgb"
	if (iColorString.substr(0, 3) == 'rgb'){
		iColorString = iColorString.substr(3);
		iColorString = iColorString.replace("(",'');
		iColorString = iColorString.replace(")",'');
		var re=/^(((\d{1,2})|(1\d{2})|(2[0-4]\d)|(25[0-5])),){2}(((\d{1,2})|(1\d{2})|(2[0-4] \d)|(25[0-5]))){1}$/;
		if (re.test(iColorString) == true){
			//it's a rgb string, get the values and convert to Hex
			var RGBColor = iColorString.split(",");
			this._calculateHEX(parseInt(RGBColor[0],10), parseInt(RGBColor[1],10), parseInt(RGBColor[2],10));
			//get HSV values
			this._processHexChanges(this.HexString);
			this.Color.old = this.Color.hex;
		};
	};


	//	parse HSV
	//	allowed input: hsv(360,100,100); hsv360,100,100; [hsv(360,0.5,0.5); hsv360,0.5,0.5 later]
	//	check if the string begins with "rgb"
	if (iColorString.substr(0, 3) == 'hsv'){
		iColorString = iColorString.substr(3);
		iColorString = iColorString.replace("(",'');
		iColorString = iColorString.replace(")",'');
		var re=/^(((\d{1,2})|([1,2]\d{2})|(3[0-5]\d)|(360)),){1}(((\d{1,2})|(100)),){1}((\d{1,2})|(100)){1}$/;
		if (re.test(iColorString) == true){
			//it's a hsv string, get the values
			var HSVColor = iColorString.split(",");
			//get RGB values
			this._calculateRGB(parseInt(HSVColor[0],10), parseInt(HSVColor[1],10), parseInt(HSVColor[2],10));
			//get Hex values
			this._calculateHEX(this.RGB.r, this.RGB.g, this.RGB.b);
			//store the values
			this.Color.r   = this.RGB.r;
			this.Color.g   = this.RGB.g;
			this.Color.b   = this.RGB.b;
			this.Color.h   = parseInt(HSVColor[0],10);
			this.Color.s   = parseInt(HSVColor[1],10);
			this.Color.v   = parseInt(HSVColor[2],10);
			this.Color.hex = "#" + this.HexString;
			this.Color.old = this.Color.hex;
			this._createRGBString();
		};
	}
	else return false;
};



/**
 * Event after rendering the page
 */
sap.ui.commons.ColorPicker.prototype.onAfterRendering = function (){

	// get the jQuery-Object for cpBox and cpCur
	this.$cpBox = jQuery.sap.byId(this.getId()+'-cpBox');
	this.$cpCur = jQuery.sap.byId(this.getId()+'-cpCur');

	//	add Mousehandler for ColorPickerBox
	this.$cpBox.bind("mousedown", jQuery.proxy(this.handleMouseDown, this));

	//	set the background color of the Color Boxes
	jQuery.sap.byId(this.getId()+'-ncBox').css('background-color',this.Color.hex);
	jQuery.sap.byId(this.getId()+'-ocBox').css('background-color',this.Color.hex);

	//	update the background color of the 'new color box'
	this._updateGradientBoxBackground(this.Color.h);

	//	update cursor position
	this._updateCursorPosition();

};



/**
 * Event before rendering the page
 */
sap.ui.commons.ColorPicker.prototype.onBeforeRendering = function (){

	//	unbind Mousehandler for ColorPickerBox
	jQuery.sap.byId(this.getId()+'-cpBox').unbind("mousedown", this.handleMouseDown);

};



/**
 * Deliver current RGB-values
 */
sap.ui.commons.ColorPicker.prototype.getRGB = function (){

	return {r:this.Color.r, g:this.Color.g, b:this.Color.b};

};

}; // end of sap.ui.commons.ColorPicker
if ( !jQuery.sap.isDeclared('sap.ui.commons.ComboBoxRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.ComboBox
jQuery.sap.declare("sap.ui.commons.ComboBoxRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained



/**
 * @class Renderer for the sap.ui.commons.ComboBox
 * @static
 */
sap.ui.commons.ComboBoxRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.TextFieldRenderer);

/**
 * Renders the outer &lt;div&gt; for the ComboBox to the TextField
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.ComboBoxRenderer.renderOuterAttributes = function(rm, oCmb) {
	rm.addClass("sapUiTfCombo");
	this.renderComboARIAInfo(rm, oCmb);
};

/**
 * Renders additional HTML for the ComboBox to the TextField before the INPUT element (sets the icon)
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oCmb an object representation of the control that should be rendered
 */
sap.ui.commons.ComboBoxRenderer.renderOuterContentBefore = function(rm, oCmb){

	this.renderExpander(rm, oCmb);
	this.renderSelectBox(rm, oCmb, '-1');

};

sap.ui.commons.ComboBoxRenderer.renderExpander = function(rm, oCmb){

	rm.write("<div");
	rm.writeAttributeEscaped('id', oCmb.getId() + '-icon');
	rm.writeAttribute('unselectable', 'on');
	if ( sap.ui.getCore().getConfiguration().getAccessibility()){
		rm.writeAttribute("role", "presentation");
	}
	rm.addClass("sapUiTfComboIcon");
	rm.writeClasses();
	rm.write(">&#9660;</div>");//Symbol for HCB Theme (Must be hidden in other themes)

};

sap.ui.commons.ComboBoxRenderer.renderSelectBox = function(rm, oCmb, sTabindex){

	if (oCmb.mobile) {
		// for mobile devices render SELECT box
		// it lays over the button but should be transparent. So a click on the button opens the select box
		rm.write("<select");
		rm.writeAttributeEscaped('id', oCmb.getId() + '-select');
		rm.writeAttribute('tabindex', sTabindex);
		if (!oCmb.getEnabled() || !oCmb.getEditable()) {
			rm.writeAttribute('disabled', 'disabled');
		}
		rm.write(">");
		for ( var i = 0; i < oCmb.getItems().length; i++) {
			var oItem = oCmb.getItems()[i];
			rm.write("<option");
			// combine comboBox ID with Item ID because items can be in more than one ComboBox vi the same List
			rm.writeAttributeEscaped('id', oCmb.getId()+"-"+oItem.getId());
			if (!oItem.getEnabled()) {
				rm.writeAttribute("disabled", "disabled");
			}
			rm.write(">"+oItem.getText()+"</option>");
		}
		rm.write("</select>");
	}

};

/**
 * Renders the inner &lt;div&gt; for the ComboBox to the TextField
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oCmb an object representation of the control that should be rendered
 */
sap.ui.commons.ComboBoxRenderer.renderInnerAttributes = function(rm, oCmb) {

	if (oCmb.mobile) {
		rm.writeAttribute('autocapitalize', 'off');
		rm.writeAttribute('autocorrect', 'off');
	}

};

/*
 * Renders ARIA information for the combobox (outer &lt;div&gt;)
 * @param {sap.ui.fw.RenderManager} rm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oControl an object representation of the control that should be rendered
 * @private
 */
sap.ui.commons.ComboBoxRenderer.renderComboARIAInfo = function(rm, oCmb) {

	var mProps = {
		role: "combobox",
		owns: oCmb.getId() + "-input " + oCmb._getListBox().getId()
		};

	if (!oCmb.getEnabled()) {
		mProps["disabled"] = true;
	}

	rm.writeAccessibilityState(null,  //null because otherwise automatic generated attributes will be rendered twice
		mProps);

};

/*
 * Renders ARIA information for the given input field (called from 'parent'-renderer, i.e. sap.ui.commons.TextFieldRenderer)
 * As the input tag has the focus all controls aria attributes should be here
 * @param {sap.ui.fw.RenderManager} rm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oControl an object representation of the control that should be rendered
 * @private
 */
sap.ui.commons.ComboBoxRenderer.renderARIAInfo = function(rm, oCmb) {

	var iPosInSet = -1;
	if(oCmb.getSelectedItemId()){
		for ( var i = 0; i < oCmb.getItems().length; i++) {
			var oItem = oCmb.getItems()[i];
			if (oItem.getId() == oCmb.getSelectedItemId()) {
				iPosInSet =  i+1;
				break;
			}
		}
	}

	var mProps = {
			autocomplete: "inline",
			live: "polite",
			setsize: oCmb.getItems().length,
			posinset: (iPosInSet >= 0) ? iPosInSet : undefined
		};

	if (oCmb.getValueState() == sap.ui.core.ValueState.Error) {
		mProps["invalid"] = true;
	}

	rm.writeAccessibilityState(oCmb, mProps);

};
}; // end of sap.ui.commons.ComboBoxRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.Dialog') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Dialog.
jQuery.sap.declare("sap.ui.commons.Dialog");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Dialog.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getScrollLeft scrollLeft} : int (default: 0)</li>
 * <li>{@link #getScrollTop scrollTop} : int (default: 0)</li>
 * <li>{@link #getTitle title} : string (default: '')</li>
 * <li>{@link #getApplyContentPadding applyContentPadding} : boolean (default: true)</li>
 * <li>{@link #getShowCloseButton showCloseButton} : boolean (default: true)</li>
 * <li>{@link #getResizable resizable} : boolean (default: true)</li>
 * <li>{@link #getMinWidth minWidth} : sap.ui.core.CSSSize</li>
 * <li>{@link #getMinHeight minHeight} : sap.ui.core.CSSSize</li>
 * <li>{@link #getMaxWidth maxWidth} : sap.ui.core.CSSSize</li>
 * <li>{@link #getMaxHeight maxHeight} : sap.ui.core.CSSSize</li>
 * <li>{@link #getContentBorderDesign contentBorderDesign} : sap.ui.commons.enums.BorderDesign (default: sap.ui.commons.enums.BorderDesign.None)</li>
 * <li>{@link #getModal modal} : boolean (default: false)</li>
 * <li>{@link #getAccessibleRole accessibleRole} : sap.ui.core.AccessibleRole (default: sap.ui.core.AccessibleRole.Dialog)</li>
 * <li>{@link #getKeepInWindow keepInWindow} : boolean (default: false)</li>
 * <li>{@link #getAutoClose autoClose} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getButtons buttons} : sap.ui.core.Control[]</li>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getDefaultButton defaultButton} : string | sap.ui.commons.Button</li>
 * <li>{@link #getInitialFocus initialFocus} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Dialog#event:closed closed} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * An interactive window appearing on request displaying information to the user. The API supports features such as popups with fixed sizes, popups with unlimited width, scrolling bars for large windows, and control nesting (for example, a drop-down list can be included in the window).
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Dialog
 */
sap.ui.core.Control.extend("sap.ui.commons.Dialog", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"open", "close", "isOpen", "getOpenState"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"scrollLeft" : {type : "int", group : "Behavior", defaultValue : 0},
		"scrollTop" : {type : "int", group : "Behavior", defaultValue : 0},
		"title" : {type : "string", group : "Misc", defaultValue : ''},
		"applyContentPadding" : {type : "boolean", group : "Appearance", defaultValue : true},
		"showCloseButton" : {type : "boolean", group : "Behavior", defaultValue : true},
		"resizable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"minWidth" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"minHeight" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"maxWidth" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"maxHeight" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"contentBorderDesign" : {type : "sap.ui.commons.enums.BorderDesign", group : "Appearance", defaultValue : sap.ui.commons.enums.BorderDesign.None},
		"modal" : {type : "boolean", group : "Misc", defaultValue : false},
		"accessibleRole" : {type : "sap.ui.core.AccessibleRole", group : "Accessibility", defaultValue : sap.ui.core.AccessibleRole.Dialog},
		"keepInWindow" : {type : "boolean", group : "Behavior", defaultValue : false},
		"autoClose" : {type : "boolean", group : "Misc", defaultValue : false}
	},
	defaultAggregation : "content",
	aggregations : {
    	"buttons" : {type : "sap.ui.core.Control", multiple : true, singularName : "button"}, 
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	},
	associations : {
		"defaultButton" : {type : "sap.ui.commons.Button", multiple : false}, 
		"initialFocus" : {type : "sap.ui.core.Control", multiple : false}
	},
	events : {
		"closed" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Dialog with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Dialog.extend
 * @function
 */

sap.ui.commons.Dialog.M_EVENTS = {'closed':'closed'};


/**
 * Getter for property <code>width</code>.
 * 
 * Outer width of dialog window. When not set and not constrained by one of the width parameters (minWidth/maxWidth), the window size is automatically adapted to the content.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Dialog#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * 
 * Outer height of dialog window. When not set and not constrained by one of the height parameters (minHeight/maxHeight), the window size is automatically adapted to the content.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.Dialog#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setHeight
 * @function
 */


/**
 * Getter for property <code>scrollLeft</code>.
 * 
 * Scroll position from left to right. "0" means leftmost position.
 * 
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>scrollLeft</code>
 * @public
 * @name sap.ui.commons.Dialog#getScrollLeft
 * @function
 */

/**
 * Setter for property <code>scrollLeft</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iScrollLeft  new value for property <code>scrollLeft</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setScrollLeft
 * @function
 */


/**
 * Getter for property <code>scrollTop</code>.
 * 
 * Scroll position from top to buttom. "0" means topmost position.
 * 
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>scrollTop</code>
 * @public
 * @name sap.ui.commons.Dialog#getScrollTop
 * @function
 */

/**
 * Setter for property <code>scrollTop</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iScrollTop  new value for property <code>scrollTop</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setScrollTop
 * @function
 */


/**
 * Getter for property <code>title</code>.
 * 
 * Dialog title displayed in the header.
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.commons.Dialog#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setTitle
 * @function
 */


/**
 * Getter for property <code>applyContentPadding</code>.
 * 
 * Padding is theme-dependent. When set to "false", the content extends to the dialog borders.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>applyContentPadding</code>
 * @public
 * @name sap.ui.commons.Dialog#getApplyContentPadding
 * @function
 */

/**
 * Setter for property <code>applyContentPadding</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bApplyContentPadding  new value for property <code>applyContentPadding</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setApplyContentPadding
 * @function
 */


/**
 * Getter for property <code>showCloseButton</code>.
 * 
 * Displays a close button in the title bar.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showCloseButton</code>
 * @public
 * @name sap.ui.commons.Dialog#getShowCloseButton
 * @function
 */

/**
 * Setter for property <code>showCloseButton</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowCloseButton  new value for property <code>showCloseButton</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setShowCloseButton
 * @function
 */


/**
 * Getter for property <code>resizable</code>.
 * 
 * Specifies whether the dialog window can be resized by the user. The dialog frame contains the visual symbol.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>resizable</code>
 * @public
 * @name sap.ui.commons.Dialog#getResizable
 * @function
 */

/**
 * Setter for property <code>resizable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bResizable  new value for property <code>resizable</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setResizable
 * @function
 */


/**
 * Getter for property <code>minWidth</code>.
 * 
 * Minimum outer width of the dialog window. When set, neither the user nor some layout settings can make the window smaller.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>minWidth</code>
 * @public
 * @name sap.ui.commons.Dialog#getMinWidth
 * @function
 */

/**
 * Setter for property <code>minWidth</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sMinWidth  new value for property <code>minWidth</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setMinWidth
 * @function
 */


/**
 * Getter for property <code>minHeight</code>.
 * 
 * Minimum outer height of the dialog window. When set, neither the user nor some layout settings can make the window smaller.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>minHeight</code>
 * @public
 * @name sap.ui.commons.Dialog#getMinHeight
 * @function
 */

/**
 * Setter for property <code>minHeight</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sMinHeight  new value for property <code>minHeight</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setMinHeight
 * @function
 */


/**
 * Getter for property <code>maxWidth</code>.
 * 
 * Maximum outer width of the dialog window. If set, neither the user nor some layout settings can make the window larger.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>maxWidth</code>
 * @public
 * @name sap.ui.commons.Dialog#getMaxWidth
 * @function
 */

/**
 * Setter for property <code>maxWidth</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sMaxWidth  new value for property <code>maxWidth</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setMaxWidth
 * @function
 */


/**
 * Getter for property <code>maxHeight</code>.
 * 
 * Maximum outer height of the dialog window. If set, neither the user nor some layout settings can make the window larger.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>maxHeight</code>
 * @public
 * @name sap.ui.commons.Dialog#getMaxHeight
 * @function
 */

/**
 * Setter for property <code>maxHeight</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sMaxHeight  new value for property <code>maxHeight</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setMaxHeight
 * @function
 */


/**
 * Getter for property <code>contentBorderDesign</code>.
 * 
 * Border design is theme-dependent.
 * 
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.commons.enums.BorderDesign} the value of property <code>contentBorderDesign</code>
 * @public
 * @name sap.ui.commons.Dialog#getContentBorderDesign
 * @function
 */

/**
 * Setter for property <code>contentBorderDesign</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.commons.enums.BorderDesign} oContentBorderDesign  new value for property <code>contentBorderDesign</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setContentBorderDesign
 * @function
 */


/**
 * Getter for property <code>modal</code>.
 * 
 * Specify whether the dialog should be modal, or not. In case of <code>true</code> the focus is kept inside the dialog.
 * 
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>modal</code>
 * @public
 * @name sap.ui.commons.Dialog#getModal
 * @function
 */

/**
 * Setter for property <code>modal</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bModal  new value for property <code>modal</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setModal
 * @function
 */


/**
 * Getter for property <code>accessibleRole</code>.
 * The ARIA role for the control. E.g. for alert-style Dialogs this can be set to "AlertDialog".
 *
 * Default value is <code>Dialog</code>
 *
 * @return {sap.ui.core.AccessibleRole} the value of property <code>accessibleRole</code>
 * @public
 * @name sap.ui.commons.Dialog#getAccessibleRole
 * @function
 */

/**
 * Setter for property <code>accessibleRole</code>.
 *
 * Default value is <code>Dialog</code> 
 *
 * @param {sap.ui.core.AccessibleRole} oAccessibleRole  new value for property <code>accessibleRole</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setAccessibleRole
 * @function
 */


/**
 * Getter for property <code>keepInWindow</code>.
 * Whether Dialog movement should be restricted to the visible area of the window. This only affects drag&drop movements by the user.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>keepInWindow</code>
 * @public
 * @since 1.9.0
 * @name sap.ui.commons.Dialog#getKeepInWindow
 * @function
 */

/**
 * Setter for property <code>keepInWindow</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bKeepInWindow  new value for property <code>keepInWindow</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.0
 * @name sap.ui.commons.Dialog#setKeepInWindow
 * @function
 */


/**
 * Getter for property <code>autoClose</code>.
 * If this property is set to true the Dialog will close if the Dialog loses its focus
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>autoClose</code>
 * @public
 * @since 1.10
 * @name sap.ui.commons.Dialog#getAutoClose
 * @function
 */

/**
 * Setter for property <code>autoClose</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bAutoClose  new value for property <code>autoClose</code>
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @since 1.10
 * @name sap.ui.commons.Dialog#setAutoClose
 * @function
 */


/**
 * Getter for aggregation <code>buttons</code>.<br/>
 * Aggregating the buttons to display at the bottom of the dialog, for example OK and Cancel. Association defaultButton can be used for one of the defined buttons.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.Dialog#getButtons
 * @function
 */


/**
 * Inserts a button into the aggregation named <code>buttons</code>.
 *
 * @param {sap.ui.core.Control}
 *          oButton the button to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the button should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the button is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the button is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#insertButton
 * @function
 */

/**
 * Adds some button <code>oButton</code> 
 * to the aggregation named <code>buttons</code>.
 *
 * @param {sap.ui.core.Control}
 *            oButton the button to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#addButton
 * @function
 */

/**
 * Removes an button from the aggregation named <code>buttons</code>.
 *
 * @param {int | string | sap.ui.core.Control} vButton the button to remove or its index or id
 * @return {sap.ui.core.Control} the removed button or null
 * @public
 * @name sap.ui.commons.Dialog#removeButton
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>buttons</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Dialog#removeAllButtons
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>buttons</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oButton the button whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Dialog#indexOfButton
 * @function
 */
	

/**
 * Destroys all the buttons in the aggregation 
 * named <code>buttons</code>.
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#destroyButtons
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Aggregating the content of the dialog (one or more controls).
 * 
 * Caveat: when content is added with width given as a percentage, the Dialog itself should have a width set.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.Dialog#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.Dialog#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Dialog#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Dialog#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#destroyContent
 * @function
 */


/**
 * 
 * Defines one of the buttons that have been provided via button aggregation to be the default button. This default button is initially selected, if no control is set via the initialFocus association explicitly. The default button is activated when Enter is pressed in the context of the dialog and when the currently selected element does not handle the Enter event itself.
 *
 * @return {string} Id of the element which is the current target of the <code>defaultButton</code> association, or null
 * @public
 * @name sap.ui.commons.Dialog#getDefaultButton
 * @function
 */

/**
 * 
 * Defines one of the buttons that have been provided via button aggregation to be the default button. This default button is initially selected, if no control is set via the initialFocus association explicitly. The default button is activated when Enter is pressed in the context of the dialog and when the currently selected element does not handle the Enter event itself.
 *
 * @param {string | sap.ui.commons.Button} vDefaultButton 
 *    Id of an element which becomes the new target of this <code>defaultButton</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setDefaultButton
 * @function
 */


	
/**
 * 
 * Defines the control that shall get the focus when the dialog is opened.
 *
 * @return {string} Id of the element which is the current target of the <code>initialFocus</code> association, or null
 * @public
 * @name sap.ui.commons.Dialog#getInitialFocus
 * @function
 */

/**
 * 
 * Defines the control that shall get the focus when the dialog is opened.
 *
 * @param {string | sap.ui.core.Control} vInitialFocus 
 *    Id of an element which becomes the new target of this <code>initialFocus</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#setInitialFocus
 * @function
 */


	
/**
 * 
 * Event is fired when the user closes the dialog window. Event parameters provide information about last position and last size.
 *  
 *
 * @name sap.ui.commons.Dialog#closed
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.width the width of the dialog when closed
 * @param {int} oControlEvent.getParameters.height the height of the dialog when closed
 * @param {int} oControlEvent.getParameters.top the top position of the dialog when closed
 * @param {int} oControlEvent.getParameters.left the left position of the dialog when closed
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'closed' event of this <code>sap.ui.commons.Dialog</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Dialog</code>.<br/> itself. 
 *  
 * 
 * Event is fired when the user closes the dialog window. Event parameters provide information about last position and last size.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Dialog</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#attachClosed
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'closed' event of this <code>sap.ui.commons.Dialog</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Dialog#detachClosed
 * @function
 */

/**
 * Fire event closed to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'width' of type <code>int</code> the width of the dialog when closed</li>
 * <li>'height' of type <code>int</code> the height of the dialog when closed</li>
 * <li>'top' of type <code>int</code> the top position of the dialog when closed</li>
 * <li>'left' of type <code>int</code> the left position of the dialog when closed</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Dialog} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Dialog#fireClosed
 * @function
 */


/**
 * Opens the dialog control instance.
 *
 * @name sap.ui.commons.Dialog.prototype.open
 * @function

 * @type void
 * @public
 */


/**
 * Closes the dialog control instance.
 *
 * @name sap.ui.commons.Dialog.prototype.close
 * @function

 * @type void
 * @public
 */


/**
 * Returns whether the Dialog is open (this includes opening and closing animations). For more detailed information about the current state check Dialog.getOpenState().
 *
 * @name sap.ui.commons.Dialog.prototype.isOpen
 * @function

 * @type boolean
 * @public
 */


/**
 * Returns whether the Dialog is currently open, closed, or transitioning between these states.
 *
 * @name sap.ui.commons.Dialog.prototype.getOpenState
 * @function

 * @type sap.ui.core.OpenState
 * @public
 */


// Start of sap/ui/commons/Dialog.js
jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Initialization hook for the dialog.
 * It creates the instance of the Popup helper service and does some basic configuration for it.
 *
 * @private
 */
sap.ui.commons.Dialog.prototype.init = function() {
   // do something for initialization...
   this.oPopup = new sap.ui.core.Popup(this, true, true);
   var eDock = sap.ui.core.Popup.Dock;
   this.oPopup.setPosition(eDock.CenterCenter, eDock.CenterCenter, window);

   this._minWidth = 64; // the technical minWidth, not the one set via API; will be calculated after rendering
   this._minHeight = 48; // the technical minHeight, not the one set via API; will be calculated after rendering
   // TODO: re-calculate after theme switch?!!

   this.allowTextSelection(false);
};

sap.ui.commons.Dialog.prototype.setInitialFocus = function(sId) {
	if (sId != null && typeof(sId) != "string") {
		sId = sId.getId();
	}
	this.oPopup.setInitialFocusId(sId);
	this.setAssociation("initialFocus", sId, true);
};

/**
 * Required adaptations after rendering.
 * @private
 */
sap.ui.commons.Dialog.prototype.onAfterRendering = function() {
	var $content = jQuery.sap.byId(this.getId() + "-cont");

	// if content has 100% width, but Dialog has no width, set content width to auto
	if (!sap.ui.commons.Dialog._isSizeSet(this.getWidth()) && !sap.ui.commons.Dialog._isSizeSet(this.getMaxWidth())) {
		$content.children().each(function(index, element) {
			if (jQuery.trim(this.style.width) == "100%") {
				this.style.width = "auto";
			}
		});
	}

	// IE9+10 fix where subpixel font rendering may lead to rounding errors in RTL mode when the content has a width of "xyz.5px"
	if (jQuery.browser.msie && (jQuery.browser.version == 9 || jQuery.browser.version == 10) && ($content.length > 0)) {
		var elm = $content[0];
		if (sap.ui.getCore().getConfiguration().getRTL() && !sap.ui.commons.Dialog._isSizeSet(this.getWidth())) {
			if (elm.ownerDocument && elm.ownerDocument.defaultView && elm.ownerDocument.defaultView.getComputedStyle) {
				var width = elm.ownerDocument.defaultView.getComputedStyle(elm).getPropertyValue("width");
				if (width) {
					var fWidth = parseFloat(width, 10);
					if (fWidth % 1 == 0.5) {
						$content[0].style.width = (fWidth + 0.01) + "px"; // if aaaalll these conditions are fulfilled, the Dialog must be a LITTLE bit wider to avoid rounding errors
					}
				}
			}
		}
	}
	
	// if height is not set, but min-height is set, the Dialog is in a mixed mode between fixed height and flexible height 
	// (denoted by sapUiDlgFlexHeight), where sometimes the content pushes the height (when it is tall enough) and sometimes
	// the Dialog needs to take care to push the button row to the bottom (when there is less content than what would fit into a Dialog
	// with min-height size).
	// Therefore we need to check which one of both cases is currently active.
	if (!sap.ui.commons.Dialog._isSizeSet(this.getHeight()) && sap.ui.commons.Dialog._isSizeSet(this.getMinHeight())) {
		// height is not set, so the content height should push the height - denoted by the CSS class "sapUiDlgFlexHeight" which applies a simple layout
		// where header, content, and footer are stacked on top of each other
		
		// however, when there is a minHeight set which is larger than the natural height, the footer would be not at the bottom, so let's check whether the Dialog
		// is now smaller than the min-height:
		var footer = jQuery.sap.domById(this.getId() + "-footer");
		var footerBottom = footer.offsetTop + footer.offsetHeight;
		var dialogBottom = this.getDomRef().offsetHeight;
		if (footerBottom < dialogBottom) {
			this.$().removeClass("sapUiDlgFlexHeight");
		} else { 
			// normal case: Dialog content pushes its height to or beyond its minimum height - this works fine with "sapUiDlgFlexHeight"
		}
	}

	// Calculate min size
	var _minSize = this.getMinSize();
	this._minWidth = _minSize.width;
	this._minHeight = _minSize.height;
};

/**
 * Handle the click event happening on the dialog instance.
 *
 * TODO also raise some event when click on 'x'
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.Dialog.prototype.onclick = function(oEvent) {
	switch(oEvent.target.id) {
	case this.getId() + "-close":
		this.close();
		// What do we do here?
//		this.fireClose({id:this.getId(),result:sap.ui.commons.DialogResult.Close});
		break;
	};
};

/**
 * Opens this instance of dialog
 * @public
 */
sap.ui.commons.Dialog.prototype.open = function() {

	if ( !this.oPopup ) {
		// TODO discuss behavior of destroyed controls in general
		jQuery.sap.log.fatal("This dialog instance has been destroyed already");
		return;
	}
	if ( this._bOpen ) {
		return;
	}

	// Save current focused element to restore the focus after closing the dialog
	this._oPreviousFocus = sap.ui.core.Popup.getCurrentFocusInfo();

	this.oPopup.attachEvent("opened", this.handleOpened, this);
	this.oPopup.setModal(this.getModal());
	this.oPopup.setAutoClose(this.getAutoClose());
	this.oPopup.open(400);
	this._bOpen = true;
};

sap.ui.commons.Dialog.prototype.handleOpened = function() {
	this.oPopup.detachEvent("opened", this.handleOpened, this);

	var sInitFocus = this.getInitialFocus(),
		oFocusCtrl;
	if(sInitFocus && (oFocusCtrl = sap.ui.getCore().getControl(sInitFocus))){ // an additional previous check was  oFocusCtrl.getParent() === this  which prevented nested children from being focused
		oFocusCtrl.focus();

	} else {
		sInitFocus = this.getDefaultButton();
		if(sInitFocus && (oFocusCtrl = sap.ui.getCore().getControl(sInitFocus)) && oFocusCtrl.getParent() === this){
			oFocusCtrl.focus();

		} else if (this.getButtons().length > 0) {
			this.getButtons()[0].focus();// TODO is this wanted?

		} else if(this.getContent().length > 0){
			// let's at least focus something in the Dialog
			this.getContent()[0].focus();
		}
	}
};

/**
 * Closes this Dialog
 * @public
 */
sap.ui.commons.Dialog.prototype.close = function() {

	if ( !this._bOpen ) {
		return;
	}

	var oRect = this.$().rect();

	this._bOpen = false;
	this.oPopup.close(400);

	// do this delayed or it possibly won't work because of popup closing animations
	jQuery.sap.delayedCall(400, this, "restorePreviousFocus");

	jQuery.each(oRect, function(key, val){
		oRect[key] = parseInt(val, 10);
	});
	// It could become required to do this decoupled via jQuery.sap.delayedCall(...
	this.fireClosed(oRect);
};

/**
 * restore the focus when the dialog was closed to the control which opened the dialog.
 * This is independent of the dialogs modal state. The popup also restores focus when using modal popups/dialogs.
 * @private
 */
sap.ui.commons.Dialog.prototype.restorePreviousFocus = function() {
	sap.ui.core.Popup.applyFocusInfo(this._oPreviousFocus);
};


sap.ui.commons.Dialog.prototype.setTitle = function (sText) {
	this.setProperty("title", sText, true); // last parameter avoids invalidation
	jQuery.sap.byId(this.getId() + "-lbl").html(sText);
	return this;
};

/**
 * Destroys this instance of dialog, called by Element#destroy()
 * @private
 */
sap.ui.commons.Dialog.prototype.exit = function() {
	this.close();
	this.oPopup.destroy();
	this.oPopup = null;
};

/**
 * Checks whether the given sCssSize is an explicit value, or not (e.g. auto, inherit).
 *
 * @param {string} sCssSize The CSS string to check for being explicit value.
 * @return {boolean} whether The given sCssSize is an explicit value, or not (e.g. auto, inherit).
 * @private
 */
sap.ui.commons.Dialog._isSizeSet = function(sCssSize) {
	return (sCssSize && !(sCssSize == "auto") && !(sCssSize == "inherit"));
};

/**
 * Handles the sapescape event, triggers closing of the window.
 * TODO also raise some event like with the click on 'x'
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.Dialog.prototype.onsapescape = function(oEvent) {
	this.close();

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Handles the sapenter event, triggers the default button of the dialog.
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.Dialog.prototype.onsapenter = function(oEvent) {
	// See open-method
	var oFocusCtrl,
		sInitFocus = this.getDefaultButton();

	// trigger the default button if it exists and is inside the Dialog
	if(sInitFocus && (oFocusCtrl = sap.ui.getCore().byId(sInitFocus)) && jQuery.contains(this.getDomRef(), oFocusCtrl.getDomRef())) {
		// Okay, we have the control
		if (oFocusCtrl instanceof sap.ui.commons.Button) {
			oFocusCtrl.onclick(oEvent);
		} // FIXME is this really the way it should be?
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Event handler for the focusin event.
 * If it occurs on the focus handler elements at the beginning of the dialog, the focus is set to the end, and vice versa.
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.Dialog.prototype.onfocusin = function(oEvent){
	this.sLastRelevantNavigation = null;

	var oSourceDomRef = oEvent.target;

	if (oSourceDomRef.id === this.getId() + "-fhfe") {
		// the FocusHandlingFirstElement was focused and thus the focus should move to the last element.
		var aButtons = this.getButtons();
		if (aButtons.length > 0) {
			aButtons[aButtons.length-1].focus();
		} else {
			jQuery.sap.focus(jQuery.sap.byId(this.getId() + "-cont").lastFocusableDomRef());
		}
	} else if (oSourceDomRef.id === this.getId() + "-fhee") {
		// the FocusHandlingEndElement was focused and thus the focus should move to the first element.
		// if the title should be 'tab-able' change the id of the element to focus here!
		var oFirst = jQuery.sap.byId(this.getId() + "-cont").firstFocusableDomRef();
		if(oFirst) {
			jQuery.sap.focus(oFirst);
			return;
		}//	else
		var aButtons = this.getButtons();
		if (aButtons.length > 0) {
			aButtons[0].focus();
		}
	} else if(!oEvent.srcControl || !jQuery.sap.containsOrEquals(this.getDomRef(), oEvent.srcControl.getDomRef())){
		this.handleOpened();
	}
};

/**
 * Restores the focus in case it got lost beforehand e.g. by leaving the dialog or the whole window.
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.Dialog.prototype.restoreFocus = function() {
	if (this.oRestoreFocusInfo && this.oPopup.bOpen) { // do not restore the focus if Dialog is no longer open  TODO: where is the focus going, then? The Toolbar testpage at least works fine.
		var oCtrl = sap.ui.getCore().getControl(this.oRestoreFocusInfo.sFocusId);
		if (oCtrl) {
			oCtrl.applyFocusInfo(this.oRestoreFocusInfo.oFocusInfo);
		}
	}
};

/**
 * Handles or cancels the selectstart event when occuring in parts of the dialog.
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.Dialog.prototype.onselectstart = function(oEvent) {
	if(jQuery(oEvent.target).control(0) === this) {
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

/**
 * Get minimal reasonable size of the dialog given its inner elements. Call is recommended after rendering.
 *
 * @return {Object} An object with inner structure {width:{int}, height:{int}}
 * @private
 */
sap.ui.commons.Dialog.prototype.getMinSize = function () {

	var oDialog = jQuery.sap.domById(this.sId), oTitle = jQuery.sap.domById(this.sId + "-hdr"), oFooter = jQuery.sap.domById(this.sId + "-footer"),
		heightTitle=0, widthFooter=0, heightFooter=0;

	var oFooterBtns = jQuery(oFooter).children("DIV").get(0);
	widthFooter = oFooterBtns.offsetWidth;

	var addValue = 0;
	// add border and padding of footer...not margin
	addValue += jQuery(oFooter).outerWidth(false) - jQuery(oFooter).width();
	// add border and padding of footer...not margin
	addValue += jQuery(oDialog).outerWidth(false) - jQuery(oDialog).width();

	// if there is a too small specific border value add +20 for certainty to avoid wrapping
	if (addValue <= 20) {
	 addValue = 20;
	}

	widthFooter += addValue;

	if (isNaN(widthFooter) || widthFooter < 100) {
		widthFooter = 100;
	}

	heightTitle = oTitle.offsetHeight;
	heightFooter = oFooter.offsetHeight;
	return {
		width: widthFooter,
		height: heightTitle + heightFooter + 36 /* min. height content */
	};
};


// Implementation of API method isOpen
sap.ui.commons.Dialog.prototype.isOpen = function(){
	return this.oPopup.isOpen();
};

// Implementation of API method isOpen
sap.ui.commons.Dialog.prototype.getOpenState = function(){
	return this.oPopup.getOpenState();
};

/**
 * Whether the dialog is currently enabled or not.
 * 
 * Applications can't control the enabled state via a property. A dialog is implicitly 
 * enabled while it is OPENING or OPEN. Descendant controls that honor the enabled state of their  
 * ancestors will appear disabled after the dialog is closed.
 * 
 * @return {boolean} whether the dialog is currently enabled or not.
 */
sap.ui.commons.Dialog.prototype.getEnabled = function() {
  var eState = this.getOpenState();
  // TODO the check for state OPENING is a compromise. Without that, the content of the dialog will render 
  // in disabled state but will be enabled. As an alternative, the dialog could render again after OPEN is reached
  // and after switching to CLOSING (to properly reflect the changed enabled state in the descendants) 
  return eState === sap.ui.core.OpenState.OPENING || eState === sap.ui.core.OpenState.OPEN;
};

// **************************************************
// 'Legacy' Resize and Move handling including jQuery-UI parts for that would bring in 70k (uncompressed)
// **************************************************

/**
* Handles the dragstart event.
* In case of resize currently ongoing, this cancels the dragstart.
* @param {sap.ui.core.BroserEvent} oEvent The forwarded browser event
* @private
*/
sap.ui.commons.Dialog.prototype.ondragstart = function(oEvent){
	if(this.sDragMode == "resize" || this.sDragMode == "move") {
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

/**
 * Initializes drag and move capabilities.

 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.Dialog.prototype.onmousedown = function (oEvent) {

	var oSource = oEvent.target,
		sId = this.getId();

	this._bRtlMode = sap.ui.getCore().getConfiguration().getRTL(); // remember the RTL mode for the starting resize operation

	if(jQuery.sap.containsOrEquals(jQuery.sap.domById(sId + "-hdr"), oSource)) {
		if (oSource.id != (sId + "-close")) {
			this.sDragMode = "move";
			this._RootWidth = this.getDomRef().offsetWidth;
			this._RootHeight = this.getDomRef().offsetHeight;
		}
	} else if(oSource.id == sId + "-grip") {
		this.sDragMode = "resize";

		// Now the dialog is fixed-width and fixed-height; write them to the element and adapt its classes to switch positioning
		var oDomRef = this.getDomRef();
		var sWidth = oDomRef.offsetWidth + "px";
		oDomRef.style.width = sWidth;
		var sHeight = oDomRef.offsetHeight + "px";
		oDomRef.style.height = sHeight;
		jQuery(oDomRef).removeClass("sapUiDlgFlexHeight sapUiDlgFlexWidth");
		// ...also remember the dimensions for the future (e.g. for after rerendering) - but do not cause rerendering now
		this.setProperty("width", sWidth, true);
		this.setProperty("height", sHeight, true);
	}

	if (this.sDragMode == null) {
		return;
	}

	// save current focused control for restoring later in restore focus
	var oActElement = document.activeElement;
	if (oActElement && oActElement.id){
		var oCtrl = jQuery.sap.byId(oActElement.id).control(0);
		if(oCtrl) {
			this.oRestoreFocusInfo = {sFocusId: oCtrl.getId(), oFocusInfo: oCtrl.getFocusInfo()};
		}
	}

	// Calculate event X,Y coordinates
	this.startDragX = oEvent.screenX;
	this.startDragY = oEvent.screenY;

	this.originalRectangle = this.$().rect();

	jQuery(window.document).bind("selectstart", jQuery.proxy(this.ondragstart, this));
	jQuery(window.document).bind("mousemove", jQuery.proxy(this.handleMove, this));
	jQuery(window.document).bind("mouseup", jQuery.proxy(this.handleMouseUp, this));

	var outerDoc = sap.ui.commons.Dialog._findSameDomainParentWinDoc();
	if (outerDoc) {
		jQuery(outerDoc).bind("selectstart", jQuery.proxy(this.ondragstart, this));
		jQuery(outerDoc).bind("mousemove", jQuery.proxy(this.handleMove, this));
		jQuery(outerDoc).bind("mouseup", jQuery.proxy(this.handleMouseUp, this));
	}

};


/**
 * Returns the document of the parent window which is highest up in the hierarchy of parent windows, but still belongs
 * to the same domain (so its document is accessible)
 *
 * @private
 */
sap.ui.commons.Dialog._findSameDomainParentWinDoc = function() {
	var outerDoc = null;
	try {
		var win = window;
		while (win.parent && (win.parent != win)) {
			if (win.parent.document) {
				outerDoc = win.parent.document;
				win = win.parent;
			}
		}
	} catch(e) {
		// parent is in a different domain, so we cannot listen to mouse events there
		// outerWindow is now either null or the highest possible parent window (!= the document's window) in the same domain
	}
	return outerDoc;
};


/**
 * Handles the move event taking the current dragMode into account.
 * @param {DOMEvent} event The event raised by the browser.
 * @private
 */
sap.ui.commons.Dialog.prototype.handleMove = function (event) {

	if (!this.sDragMode) {
		return;
	}

	event = event || window.event;

	if (this.sDragMode == "resize") {

		var deltaX = event.screenX - this.startDragX;
		var deltaY = event.screenY - this.startDragY;

		var w = (this._bRtlMode ? this.originalRectangle.width - deltaX : this.originalRectangle.width + deltaX);
		var h = this.originalRectangle.height + deltaY;

		w = Math.max(w, this._minWidth);
		h = Math.max(h, this._minHeight);

		// The dimension constraints set via API could be in any CSS unit, so just set the size and do checks
		// (min/max override what was set here)
		var oDomRef = this.getDomRef();
		oDomRef.style.width = w + "px";
		oDomRef.style.height = h + "px";

		// Now use the actual size of the dialog, which might have been constrained by min-*/max-* for resizing the popup and the shadow
		w = this.getDomRef().offsetWidth;
		h = this.getDomRef().offsetHeight;

		// In IE8, style.width/height will still have the old values - possibly outside this Dialog's size constraints.
		// The Dialog box itself will stay correctly constrained, but its child elements will be positioned as if the style.width/height
		// values were the actual size, so for this browser - and to be cleaner - explicitly set these sizes. This is an IE8 bug.
		oDomRef.style.width = w + "px";
		oDomRef.style.height = h + "px";

		// Also remember the dimensions for the future (e.g. for after rerendering) - but do not cause rerendering now
		this.setProperty("width", w+"px", true);
		this.setProperty("height", h+"px", true);

	} else if (this.sDragMode == "move") {

		var iLeft = this.originalRectangle.left + event.screenX - this.startDragX;
		var iTop = this.originalRectangle.top + event.screenY - this.startDragY;

		iTop = Math.max(iTop, 0); // should not move the Dialog beyond the top border - otherwise it cannot be moved back
		if (this._bRtlMode || this.getKeepInWindow()) {
			iLeft = Math.min(iLeft, document.documentElement.clientWidth - this._RootWidth); // in RTL mode, do not move beyond the right window border
		}
		if (!this._bRtlMode || this.getKeepInWindow()) {
			iLeft = Math.max(iLeft, 0); // in LTR mode do not move the Dialog beyond the left border
		}
		if (this.getKeepInWindow()) {
			iTop = Math.min(iTop, document.documentElement.clientHeight - this._RootHeight);
		}

		this.oPopup.setPosition(sap.ui.core.Popup.Dock.LeftTop, {left:iLeft, top:iTop});
	}

	event.cancelBubble = true;
	return false;
};

/**
 * Handle mouseup event.
 * This does the cleanup after drag and move handling.
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.Dialog.prototype.handleMouseUp = function (oEvent) {

	if (this.sDragMode == null) {
		return;
	}

	jQuery(window.document).unbind("selectstart", this.ondragstart);
	jQuery(window.document).unbind("mousemove", this.handleMove);
	jQuery(window.document).unbind("mouseup", this.handleMouseUp);

	var outerDoc = sap.ui.commons.Dialog._findSameDomainParentWinDoc();
	if (outerDoc) {
		jQuery(outerDoc).unbind("selectstart", this.ondragstart);
		jQuery(outerDoc).unbind("mousemove", this.handleMove);
		jQuery(outerDoc).unbind("mouseup", this.handleMouseUp);
	}

	if(jQuery.browser.webkit){
		//Force Webkit Browsers to do a repaint
		sap.ui.core.RenderManager.forceRepaint(this.getId());
	}

	// Set back focus to previously focused element
	this.restoreFocus();
	this.sDragMode = null;

};

sap.ui.commons.Dialog.setAutoClose = function(bAutoclose){
	this.oPopup.setAutoClose(bAutoclose);
};
sap.ui.commons.Dialog.getAutoClose = function(){
	this.oPopup.getAutoClose();
};
}; // end of sap.ui.commons.Dialog
if ( !jQuery.sap.isDeclared('sap.ui.commons.DropdownBoxRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.DropdownBox
jQuery.sap.declare("sap.ui.commons.DropdownBoxRenderer");


/**
 * @class DropdownBox renderer.
 * @static
 */
sap.ui.commons.DropdownBoxRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.ComboBoxRenderer);

/**
 * Renders additional HTML for the DropdownBox to the TextField before the INPUT element (sets the icon)
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oDdb an object representation of the control that should be rendered
 */
sap.ui.commons.DropdownBoxRenderer.renderOuterContentBefore = function(rm, oDdb){

	this.renderExpander(rm, oDdb);

};

/**
 * Renders additional HTML for the DropdownBox to the TextField after the INPUT element (sets the select box)
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oDdb an object representation of the control that should be rendered
 */
sap.ui.commons.DropdownBoxRenderer.renderOuterContent = function(rm, oDdb){

	this.renderSelectBox(rm, oDdb, '0');

};

/**
 * Used to set the tabindex of the dropdownbox to -1
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oDdb an object representation of the control that should be rendered
 */
sap.ui.commons.DropdownBoxRenderer.renderTextFieldEnabled = function(rm, oDdb) {

	if (oDdb.mobile) {
		rm.writeAttribute('tabindex', '-1');
	}else if(!oDdb.getEnabled()){
		rm.writeAttribute('disabled', 'disabled');
		rm.writeAttribute('tabindex', '-1');
	}else if(!oDdb.getEditable()){
		rm.writeAttribute('tabindex', '0');
	}else{
		rm.writeAttribute('tabindex', '0');
	}

};

/*
 * Renders ARIA information for the dropdownbox (outer &lt;div&gt;)
 * @param {sap.ui.fw.RenderManager} rm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oControl an object representation of the control that should be rendered
 * @private
 */
sap.ui.commons.DropdownBoxRenderer.renderARIAInfo = function(rm, oDdb) {

	var iPosInSet = -1;
	if(oDdb.getSelectedItemId()){
		for ( var i = 0; i < oDdb.getItems().length; i++) {
			var oItem = oDdb.getItems()[i];
			if (oItem.getId() == oDdb.getSelectedItemId()) {
				iPosInSet =  i+1;
				break;
			}
		}
	}

	var mProps = {
			autocomplete: "list",
			live: "polite",
			setsize: oDdb.getItems().length,
			posinset: (iPosInSet >= 0) ? iPosInSet : undefined
		};

	if (oDdb.getValueState() == sap.ui.core.ValueState.Error) {
		mProps["invalid"] = true;
	}

	rm.writeAccessibilityState(oDdb, mProps);

};
}; // end of sap.ui.commons.DropdownBoxRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.FileUploader') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.FileUploader.
jQuery.sap.declare("sap.ui.commons.FileUploader");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new FileUploader.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getValue value} : string (default: '')</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getUploadUrl uploadUrl} : sap.ui.core.URI (default: '')</li>
 * <li>{@link #getName name} : string</li>
 * <li>{@link #getWidth width} : string (default: '')</li>
 * <li>{@link #getUploadOnChange uploadOnChange} : boolean (default: false)</li>
 * <li>{@link #getAdditionalData additionalData} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.FileUploader#event:change change} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.FileUploader#event:uploadComplete uploadComplete} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The framework generates an input field and a button with text "Browse ...". The API supports features such as on change uploads (the upload starts immediately after a file has been selected), file uploads with explicit calls, adjustable control sizes, text display after uploads, or tooltips containing complete file paths.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.FileUploader
 */
sap.ui.core.Control.extend("sap.ui.commons.FileUploader", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"upload"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"value" : {type : "string", group : "Data", defaultValue : ''},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"uploadUrl" : {type : "sap.ui.core.URI", group : "Data", defaultValue : ''},
		"name" : {type : "string", group : "Data", defaultValue : null},
		"width" : {type : "string", group : "Misc", defaultValue : ''},
		"uploadOnChange" : {type : "boolean", group : "Behavior", defaultValue : false},
		"additionalData" : {type : "string", group : "Data", defaultValue : null}
	},
	events : {
		"change" : {}, 
		"uploadComplete" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.FileUploader with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.FileUploader.extend
 * @function
 */

sap.ui.commons.FileUploader.M_EVENTS = {'change':'change','uploadComplete':'uploadComplete'};


/**
 * Getter for property <code>value</code>.
 * Value of the path for file upload.
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>value</code>
 * @public
 * @name sap.ui.commons.FileUploader#getValue
 * @function
 */

/**
 * Setter for property <code>value</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sValue  new value for property <code>value</code>
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#setValue
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Disabled controls have different colors, depending on customer settings.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.FileUploader#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#setEnabled
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.FileUploader#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#setVisible
 * @function
 */


/**
 * Getter for property <code>uploadUrl</code>.
 * Used when URL address is on a remote server.
 *
 * Default value is <code>''</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>uploadUrl</code>
 * @public
 * @name sap.ui.commons.FileUploader#getUploadUrl
 * @function
 */

/**
 * Setter for property <code>uploadUrl</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {sap.ui.core.URI} sUploadUrl  new value for property <code>uploadUrl</code>
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#setUploadUrl
 * @function
 */


/**
 * Getter for property <code>name</code>.
 * Unique control name for identification on the server side after sending data to the server.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>name</code>
 * @public
 * @name sap.ui.commons.FileUploader#getName
 * @function
 */

/**
 * Setter for property <code>name</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sName  new value for property <code>name</code>
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#setName
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Specifies the displayed control width.
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.FileUploader#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#setWidth
 * @function
 */


/**
 * Getter for property <code>uploadOnChange</code>.
 * If set to "true", the upload immediately starts after file selection. With the default setting, the upload needs to be explicitly triggered.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>uploadOnChange</code>
 * @public
 * @name sap.ui.commons.FileUploader#getUploadOnChange
 * @function
 */

/**
 * Setter for property <code>uploadOnChange</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bUploadOnChange  new value for property <code>uploadOnChange</code>
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#setUploadOnChange
 * @function
 */


/**
 * Getter for property <code>additionalData</code>.
 * Additional data that is sent to the back end service. Data will be transmitted as value of a hidden input where the name is derived from the name property with suffix -data.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>additionalData</code>
 * @public
 * @name sap.ui.commons.FileUploader#getAdditionalData
 * @function
 */

/**
 * Setter for property <code>additionalData</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAdditionalData  new value for property <code>additionalData</code>
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#setAdditionalData
 * @function
 */


/**
 * Event is fired when the value of the file path has been changed. 
 *
 * @name sap.ui.commons.FileUploader#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.newValue New file path value.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'change' event of this <code>sap.ui.commons.FileUploader</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.FileUploader</code>.<br/> itself. 
 *  
 * Event is fired when the value of the file path has been changed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.FileUploader</code>.<br/> itself.
 *
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#attachChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'change' event of this <code>sap.ui.commons.FileUploader</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#detachChange
 * @function
 */

/**
 * Fire event change to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'newValue' of type <code>string</code> New file path value.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.FileUploader#fireChange
 * @function
 */


/**
 * Event is fired when the upload of the file is completed. However this covers only the client side of the Upload process and does not give any success status from the server. 
 *
 * @name sap.ui.commons.FileUploader#uploadComplete
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.response Response message which comes from the server. On the server side this response has to be put within the &quot;body&quot; tags of the response document of the iFrame. It can consist of a return code and an optional message. This does not work in cross-domain scenarios.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'uploadComplete' event of this <code>sap.ui.commons.FileUploader</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.FileUploader</code>.<br/> itself. 
 *  
 * Event is fired when the upload of the file is completed. However this covers only the client side of the Upload process and does not give any success status from the server. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.FileUploader</code>.<br/> itself.
 *
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#attachUploadComplete
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'uploadComplete' event of this <code>sap.ui.commons.FileUploader</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FileUploader#detachUploadComplete
 * @function
 */

/**
 * Fire event uploadComplete to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'response' of type <code>string</code> Response message which comes from the server. On the server side this response has to be put within the &quot;body&quot; tags of the response document of the iFrame. It can consist of a return code and an optional message. This does not work in cross-domain scenarios.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.FileUploader} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.FileUploader#fireUploadComplete
 * @function
 */


/**
 * Starts the upload (as defined by uploadUrl)
 *
 * @name sap.ui.commons.FileUploader.prototype.upload
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/FileUploader.js
/**
 * Initializes the control.
 * It is called from the constructor.
 * @private
 */
sap.ui.commons.FileUploader.prototype.init = function(){

	// works fine with applySettings() after init() - most things are done in onAfterRendering
	// IE8 should render a native file uploader and the SAPUI5 controls should be exactly behind
	if (jQuery.browser.msie && jQuery.browser.version == "8.0") {
		this.oFilePath = new sap.ui.commons.TextField(this.getId() + "-fu_input",
													{width: "225px"});
	} else {
		this.oFilePath = new sap.ui.commons.TextField(this.getId() + "-fu_input",
													{width: this.getWidth()});
	}
	this.oFilePath.setParent(this);
	if (jQuery.browser.msie && jQuery.browser.version == "8.0") {
		this.oBrowse = new sap.ui.commons.Button({enabled : this.getEnabled(),
													text: this.getBrowseText(),
													width: "0px",
													height: "0px"});

	} else {
		this.oBrowse = new sap.ui.commons.Button({enabled : this.getEnabled(),
											  		text: this.getBrowseText()});
	}
	this.oBrowse.setParent(this);
	this.oFileUpload = null;

//	var that = this;
//	var oDelegate = {
//		onfocusin : function(){
//			var jFO = jQuery.sap.byId(that.getId() + "-fu");
//			if(jFO.length > 0){
//				jFO[0].focus();
//			}
//		}
//	};
//	this.oFilePath.addDelegate(oDelegate);
//	this.oBrowse.addDelegate(oDelegate);

};

sap.ui.commons.FileUploader.prototype.getIdForLabel = function () {
	return this.oBrowse.getId();
};

/**
 * Terminates the control when it has been destroyed.
 * @private
 */
sap.ui.commons.FileUploader.prototype.exit = function(){

	// destroy the nested controls
	this.oFilePath.destroy();
	this.oBrowse.destroy();

	// remove the IFRAME
	if (this.oIFrameRef) {
		jQuery(this.oIFrameRef).unbind();
		sap.ui.getCore().getStaticAreaRef().removeChild(this.oIFrameRef);
		this.oIFrameRef = null;
	}

};

/**
 * Clean up event listeners before rendering
 * @private
 */
sap.ui.commons.FileUploader.prototype.onBeforeRendering = function() {

	this._runOnce = false;

	// store the file uploader outside in the static area
	var oStaticArea = sap.ui.getCore().getStaticAreaRef();
	jQuery(this.oFileUpload).appendTo(oStaticArea);

	// unbind the custom event handlers in case of IE8
	jQuery(this.oFileUpload).unbind();

};

/**
 * Prepare the upload processing, establish the change handler for the
 * pure html input object.
 * @private
 */
sap.ui.commons.FileUploader.prototype.onAfterRendering = function() {

	if (this.getEnabled()) {
		// prepare the file upload control and the upload iframe
		this.prepareFileUploadAndIFrame();

		// event listener registration for change event in IE8 because the change
		// event is not bubbling for IE8 => so we do this for all browsers!
		jQuery(this.oFileUpload).change(jQuery.proxy(this.handlechange, this));
	}

	// IE8 should render a native file uploader and don't need the witdh calculation
	if ((jQuery.browser.msie && jQuery.browser.version == "8.0")) {
		this.oBrowse.getDomRef().style.padding = "0px";
		this.oBrowse.getDomRef().style.visibility = "hidden";
		this.oFilePath.getDomRef().style.height = "20px";
		this.oFilePath.getDomRef().style.visibility = "hidden";
		jQuery(this.oFilePath.getDomRef()).removeClass('sapUiTfBrd');
	} else {
		jQuery.sap.byId(this.oFilePath.getId()).attr("tabindex", "-1");
		// calculation of the width of the overlay for the original file upload
		// !jQuery.browser.msie check: only for non IE browsers since there we need
		// the button in front of the fileuploader
		if (this.getWidth()) {

			if (!this._runOnce) {
				this._runOnce = true;
				jQuery.sap.delayedCall(50, this, function(){
					this.onAfterRendering();
				});
			} else {
				// Recalculate the textfield width...
				this._oBrowseDomRef = this.oBrowse.getDomRef();
				var $b = jQuery(this._oBrowseDomRef);
				var _buttonWidth = $b.parent().outerWidth(true);
				this._oFilePathDomRef = this.oFilePath.getDomRef();
				try {
					this._oFilePathDomRef.style.width = this.getWidth();
				} catch(oException) {
					jQuery.sap.log.error("Failed to set width of " + this.getWidth() + "\n" + oException.message);
				}
				var $fp = jQuery(this._oFilePathDomRef);
				var _newWidth = $fp.outerWidth() - _buttonWidth;
				if (_newWidth < 0) {
					this.oFilePath.getDomRef().style.width = "0px";
					if (!jQuery.browser.msie) {
						this.oFileUpload.style.width = $b.outerWidth(true);
					}
				} else {
					this.oFilePath.getDomRef().style.width = _newWidth + "px";
				}
			}
		}
	}
};

sap.ui.commons.FileUploader.prototype.onresize = function() {
	this.onAfterRendering();
}

sap.ui.commons.FileUploader.prototype.onThemeChanged = function() {
	this.onAfterRendering();
}

sap.ui.commons.FileUploader.prototype.setEnabled = function(bEnabled){
	this.setProperty("enabled", bEnabled, true);
	this.oFilePath.setEnabled(bEnabled);
	this.oBrowse.setEnabled(bEnabled);
	return this;
};


sap.ui.commons.FileUploader.prototype.setUploadUrl = function(sValue, bFireEvent) {
	this.setProperty("uploadUrl", sValue, true);
	var $uploadForm = jQuery.sap.byId(this.getId() + "-fu_form");
	$uploadForm.attr("action", this.getUploadUrl());
	return this;
};


sap.ui.commons.FileUploader.prototype.setValue = function(sValue, bFireEvent) {
	var oldValue = this.getValue();
	if(oldValue != sValue) {
		// only upload when a valid value is set
		var bUpload = this.getUploadOnChange() && sValue;
		// when we do not upload we re-render (cause some browsers don't like
		// to change the value of file uploader INPUT elements)
		this.setProperty("value", sValue, bUpload);
		if (this.oFilePath) {
			this.oFilePath.setValue(sValue);
			if (!(jQuery.browser.msie && jQuery.browser.version == "8.0") && this.oFilePath.getFocusDomRef()) {
				this.oFilePath.getFocusDomRef().focus();
			}
		}
		if (this.oFileUpload && !sValue) {
			// some browsers do not allow to clear the value of the fileuploader control
			// therefore we utilize the form and reset the values inside this form and
			// apply the additionalData again afterwards
			jQuery.sap.domById(this.getId() + "-fu_form").reset();
			jQuery.sap.byId(this.getId() + "-fu_data").val(this.getAdditionalData());
		}
		// only fire event when triggered by user interaction
		if (bFireEvent) {
			this.fireChange({id:this.getId(), newValue:sValue});
		}
		if (bUpload) {
			this.upload();
		}
	}
	return this;
};

sap.ui.commons.FileUploader.prototype.onmouseover = function () {
	jQuery(this.oBrowse.getDomRef()).addClass('sapUiBtnStdHover');
};

sap.ui.commons.FileUploader.prototype.onmouseout = function () {
	jQuery(this.oBrowse.getDomRef()).removeClass('sapUiBtnStdHover');
};

sap.ui.commons.FileUploader.prototype.onfocusin = function () {
	jQuery(this.oBrowse.getDomRef()).addClass('sapUiBtnStdHover');
};

sap.ui.commons.FileUploader.prototype.onfocusout = function () {
	jQuery(this.oBrowse.getDomRef()).removeClass('sapUiBtnStdHover');
};

sap.ui.commons.FileUploader.prototype.setAdditionalData = function(sAdditionalData) {
	// set the additional data in the hidden input
	this.setProperty("additionalData", sAdditionalData, true);
	var oAdditionalData = jQuery.sap.domById(this.getId() + "-fu_data");
	if (oAdditionalData) {
		var sAdditionalData = this.getAdditionalData() || "";
		oAdditionalData.value = sAdditionalData;
	}
	return this;
};


sap.ui.commons.FileUploader.prototype.upload = function() {
	var uploadForm = jQuery.sap.domById(this.getId() + "-fu_form");

	try {
		if (uploadForm) {
			this._bUploading = true;
			uploadForm.submit();
			jQuery.sap.log.info("File uploading to " + this.getUploadUrl());

		}
	} catch(oException) {
		jQuery.sap.log.error("File upload failed:\n" + oException.message);
	}
};

sap.ui.commons.FileUploader.prototype.onkeypress = function(oEvent) {
	this.onkeydown(oEvent);
}

//
//Event Handling
//
sap.ui.commons.FileUploader.prototype.onkeydown = function(oEvent) {
	if (!this.getEnabled()) {
		return;
	}
	var iKeyCode = oEvent.keyCode,
		eKC = jQuery.sap.KeyCodes;
	if (iKeyCode == eKC.DELETE || iKeyCode == eKC.BACKSPACE) {
		if (this.oFileUpload) {
			this.setValue("", true);
		}
	} else if (iKeyCode == eKC.SPACE || iKeyCode == eKC.ENTER) {
		// this does not work for IE8!
		// consider to always put the focus on the hidden file uploader
		// and let the fileuploader manager the keyboard interaction
		if (!(jQuery.browser.msie && jQuery.browser.version == "8.0") && this.oFileUpload) {
			this.oFileUpload.click();
		}
		oEvent.preventDefault();
		oEvent.stopPropagation();
	} else if (iKeyCode != eKC.TAB &&
				iKeyCode != eKC.SHIFT &&
				iKeyCode != eKC.F6) {
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

sap.ui.commons.FileUploader.prototype.handlechange = function(oEvent) {
	if (this.oFileUpload && this.getEnabled()) {
		// due to new security mechanism modern browsers simply
		// append a fakepath in front of the filename instead of
		// returning the filename only - we strip path this now
		var sValue = this.oFileUpload.value || "";
		var iIndex = sValue.lastIndexOf("\\");
		if (iIndex >= 0) {
			sValue = sValue.substring(iIndex + 1);
		}
		//sValue has to be filled to avoid clearing the FilePath by pressing cancel
		if (sValue) {
			this.setValue(sValue, true);
		}
	}
};

//
//	Private
//
/**
 * Helper to retrieve the I18N texts for a button
 * @private
 * TODO what about RenderManager.translate?
 */
sap.ui.commons.FileUploader.prototype.getBrowseText = function() {
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
	var sText = undefined;
	if (rb) {
		sText = rb.getText("FILEUPLOAD_BROWSE");
	}
	return sText ? sText : "Browse...";
};

/**
 * Setter for property <code>value</code>.<br/>
 * Default value is: <code>''</code><br/><br/>
 * @param sValue {string}
 * @private
 * @deprecated the value now is the short value (filename only)! 
 */
sap.ui.commons.FileUploader.prototype.getShortenValue = function() {
	return this.getValue();
};

/**
 * Prepares the hidden IFrame for uploading the file (in static area).
 * @private
 */
sap.ui.commons.FileUploader.prototype.prepareFileUploadAndIFrame = function() {

	if (!this.oFileUpload) {

		// create the file uploader markup
		var aFileUpload = [];
		aFileUpload.push('<input ');
		aFileUpload.push('type="file" ');
		if (this.getName()) {
			aFileUpload.push('name="' + this.getName() + '" ');
		} else {
			aFileUpload.push('name="' + this.getId() + '" ');
		}
		aFileUpload.push('id="' + this.getId() + '-fu" ');
		if (!(jQuery.browser.msie && jQuery.browser.version == "8.0")) {
			aFileUpload.push('tabindex="-1" size="1" ');
		}
		if (this.getTooltip_AsString() ) {
			aFileUpload.push('title="' + jQuery.sap.escapeHTML(this.getTooltip_AsString()) + '" ');
		} else if (this.getTooltip() ) {
			// object tooltip, do nothing - tooltip will be displayed
		} else if (this.getValue() != "") {
			// only if there is no tooltip, then set value as fallback
			aFileUpload.push('title="' + jQuery.sap.escapeHTML(this.getValue()) + '" ');
		}
		if (!this.getEnabled()) {
			aFileUpload.push('disabled="disabled" ');
		}
		aFileUpload.push('>');

		// add it into the control markup 
		this.oFileUpload = jQuery(aFileUpload.join("")).prependTo(this.$().find(".sapUiFupInputMask")).get(0);

	} else {

		// move the file uploader from the static area to the control markup
		jQuery(this.oFileUpload).prependTo(this.$().find(".sapUiFupInputMask"));

	}

	if (!this.oIFrameRef) {

		// create the upload iframe
		var uploadForm = jQuery.sap.domById(this.getId() + "-fu_form");
		var oIFrameRef = document.createElement("iframe");
		oIFrameRef.style.display = "none";
		oIFrameRef.src = "javascript:''";
		oIFrameRef.id = this.sId + "-frame";
		sap.ui.getCore().getStaticAreaRef().appendChild(oIFrameRef);
		oIFrameRef.contentWindow.name = this.sId + "-frame";

		// sink the load event of the upload iframe
		var that = this;
		this._bUploading = false; // flag for uploading (because of IE8 to make sure that complete is only triggered after upload)
		jQuery(oIFrameRef).load(function(oEvent) {
			if (that._bUploading) {
				jQuery.sap.log.info("File uploaded to " + that.getUploadUrl());
				var sResponse;
				try {
					sResponse = that.oIFrameRef.contentDocument.body.innerHTML;
				} catch (ex) {
					// in case of cross-domain submit we get a permission denied exception
					// when we try to access the body of the IFrame document
				}
				that.fireUploadComplete({"response": sResponse});
				that._bUploading = false;
			}
		});

		// keep the reference
		this.oIFrameRef = oIFrameRef;

	}
};
}; // end of sap.ui.commons.FileUploader
if ( !jQuery.sap.isDeclared('sap.ui.commons.FormattedTextView') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.FormattedTextView.
jQuery.sap.declare("sap.ui.commons.FormattedTextView");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new FormattedTextView.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getAccessibleRole accessibleRole} : sap.ui.core.AccessibleRole (default: sap.ui.core.AccessibleRole.Document)</li>
 * <li>{@link #getHtmlText htmlText} : string (default: "")</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getControls controls} : sap.ui.commons.FormattedTextViewControl[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Allows to use a limited set of HTML tags for display
 * 
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.0
 * @name sap.ui.commons.FormattedTextView
 */
sap.ui.core.Control.extend("sap.ui.commons.FormattedTextView", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"setContent"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"accessibleRole" : {type : "sap.ui.core.AccessibleRole", group : "Accessibility", defaultValue : sap.ui.core.AccessibleRole.Document},
		"htmlText" : {type : "string", group : "Misc", defaultValue : ""}
	},
	aggregations : {
    	"controls" : {type : "sap.ui.commons.FormattedTextViewControl", multiple : true, singularName : "control"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.FormattedTextView with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.FormattedTextView.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Flag to suppress rendering of the FormattedTextView control
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.FormattedTextView#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.FormattedTextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FormattedTextView#setVisible
 * @function
 */


/**
 * Getter for property <code>accessibleRole</code>.
 * The ARIA role for the control.
 *
 * Default value is <code>Document</code>
 *
 * @return {sap.ui.core.AccessibleRole} the value of property <code>accessibleRole</code>
 * @public
 * @name sap.ui.commons.FormattedTextView#getAccessibleRole
 * @function
 */

/**
 * Setter for property <code>accessibleRole</code>.
 *
 * Default value is <code>Document</code> 
 *
 * @param {sap.ui.core.AccessibleRole} oAccessibleRole  new value for property <code>accessibleRole</code>
 * @return {sap.ui.commons.FormattedTextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FormattedTextView#setAccessibleRole
 * @function
 */


/**
 * Getter for property <code>htmlText</code>.
 * Text with placeholders
 *
 * Default value is <code>""</code>
 *
 * @return {string} the value of property <code>htmlText</code>
 * @public
 * @name sap.ui.commons.FormattedTextView#getHtmlText
 * @function
 */

/**
 * Setter for property <code>htmlText</code>.
 *
 * Default value is <code>""</code> 
 *
 * @param {string} sHtmlText  new value for property <code>htmlText</code>
 * @return {sap.ui.commons.FormattedTextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FormattedTextView#setHtmlText
 * @function
 */


/**
 * Getter for aggregation <code>controls</code>.<br/>
 * Array of controls that should be replaced within htmlText
 * 
 * @return {sap.ui.commons.FormattedTextViewControl[]}
 * @public
 * @name sap.ui.commons.FormattedTextView#getControls
 * @function
 */


/**
 * Inserts a control into the aggregation named <code>controls</code>.
 *
 * @param {sap.ui.commons.FormattedTextViewControl}
 *          oControl the control to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the control should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the control is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the control is inserted at 
 *             the last position        
 * @return {sap.ui.commons.FormattedTextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FormattedTextView#insertControl
 * @function
 */

/**
 * Adds some control <code>oControl</code> 
 * to the aggregation named <code>controls</code>.
 *
 * @param {sap.ui.commons.FormattedTextViewControl}
 *            oControl the control to add; if empty, nothing is inserted
 * @return {sap.ui.commons.FormattedTextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FormattedTextView#addControl
 * @function
 */

/**
 * Removes an control from the aggregation named <code>controls</code>.
 *
 * @param {int | string | sap.ui.commons.FormattedTextViewControl} vControl the control to remove or its index or id
 * @return {sap.ui.commons.FormattedTextViewControl} the removed control or null
 * @public
 * @name sap.ui.commons.FormattedTextView#removeControl
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>controls</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.FormattedTextViewControl[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.FormattedTextView#removeAllControls
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.FormattedTextViewControl</code> in the aggregation named <code>controls</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.FormattedTextViewControl}
 *            oControl the control whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.FormattedTextView#indexOfControl
 * @function
 */
	

/**
 * Destroys all the controls in the aggregation 
 * named <code>controls</code>.
 * @return {sap.ui.commons.FormattedTextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.FormattedTextView#destroyControls
 * @function
 */


/**
 * Sets text with placeholders and given array of controls
 *
 * @name sap.ui.commons.FormattedTextView.prototype.setContent
 * @function
 * @param {string} 
 *         sHtmlText
 *         Contains the corresponding HTML-text
 * @param {sap.ui.commons.FormattedTextViewControl} 
 *         oControls
 *         Array of controls that should be used within given HTML-text

 * @type void
 * @public
 */


// Start of sap/ui/commons/FormattedTextView.js
jQuery.sap.require('jquery.sap.encoder'); // unlisted dependency retained
 // unlisted dependency retained


(function() {
	sap.ui.commons.FormattedTextView.prototype.init = function() {
		this._aAllowedInterfaces = [];
		this._aAllowedInterfaces[0] = "sap.ui.commons.FormattedTextViewControl";

		/*
		 * these are the rules for the FormattedTextView
		 */
		this._ftv = {};

		// rules for the allowed attributes
		this._ftv.ATTRIBS = {
			'span::class' : 1,
			'div::class' : 1,
			'embed::data-index' : 1
		};

		// rules for the allowed tags
		this._ftv.ELEMENTS = {
			// Text Module Tags
			'abbr' : 1,
			'acronym' : 1,
			'address' : 1,
			'blockquote' : 1,
			'br' : 1,
			'cite' : 1,
			'code' : 1,
			'dfn' : 1,
			'div' : 1,
			'em' : 1,
			'h1' : 1,
			'h2' : 1,
			'h3' : 1,
			'h4' : 1,
			'h5' : 1,
			'h6' : 1,
			'kbd' : 1,
			'p' : 1,
			'pre' : 1,
			'q' : 1,
			'samp' : 1,
			'strong' : 1,
			'span' : 1,
			'var' : 1,

			// List Module Tags
			'dl' : 1,
			'dt' : 1,
			'dd' : 1,
			'ol' : 1,
			'ul' : 1,
			'li' : 1,

			// Special Tags
			// this is the placeholder for the controls
			'embed' : 1

		// TODO maybe add these tags (if someone really need this)
		// 'a' : 1, currently used via Link-Control
		// 'img' : 1, currently used via Image-Control
		};
	};
	sap.ui.commons.FormattedTextView.prototype.exit = function() {
		delete this._aAllowedInterfaces;

		delete this._ftv;
	};

	sap.ui.commons.FormattedTextView.prototype.hasControls = function() {
		var aControls = this.getAggregation("controls");
		if (aControls && aControls.length > 0) {
			return true;
		}
		return false;
	};

	/**
	 * Sanitizes attributes on an HTML tag.
	 * 
	 * @private
	 * @param {string}
	 *            tagName An HTML tag name in lowercase.
	 * @param {Array.
	 *            <?string>} attribs An array of alternating names and values.
	 * @return {Array.<?string>} The sanitized attributes as a list of
	 *         alternating names and values, where a null value means to omit
	 *         the attribute.
	 */
	var fnSanitizeAttribs = function(tagName, attribs) {
		for ( var i = 0; i < attribs.length; i += 2) {
			// attribs[i] is the name of the tag's attribute.
			// attribs[i+1] is its corresponding value.
			// (i.e. <span class="foo"> -> attribs[i] = "class" | attribs[i+1] =
			// "foo")

			var sAttribKey = tagName + "::" + attribs[i];

			if (this._ftv.ATTRIBS[sAttribKey]) {
				// keep the value of this class
				if (tagName === "embed") {
					var intPattern = /^[0-9]*$/;
					if (!attribs[i + 1].match(intPattern)) {
						// attribs[i + 1] = null;
						return null;
					}
				}
			} else {
				var sWarning = '<' + tagName + '> with attribute ['
						+ attribs[i] + '="' + attribs[i + 1]
						+ '"] is not allowed and cut';
				jQuery.sap.log.warning(sWarning, this);

				// to remove this attribute by the sanitizer the value has to be
				// set to null
				attribs[i + 1] = null;
			}

		}
		return attribs;
	};

	/**
	 * Sanitizes HTML tags and attributes according to a given policy.
	 * 
	 * @private
	 * @param {string}
	 *            inputHtml The HTML to sanitize.
	 * @param {function(string,
	 *            Array.<?string>)} tagPolicy A function that decides which
	 *            tags to accept and sanitizes their attributes (see
	 *            makeHtmlSanitizer above for details).
	 * @return {string} The sanitized HTML.
	 */
	var fnPolicy = function(tagName, attribs) {
		if (this._ftv.ELEMENTS[tagName]) {
			var proxiedSanatizedAttribs = jQuery.proxy(fnSanitizeAttribs, this);
			return proxiedSanatizedAttribs(tagName, attribs);
		} else {
			var sWarning = '<' + tagName
					+ '> is not allowed and cut (and its content)';
			jQuery.sap.log.warning(sWarning, this);
		}
	};

	sap.ui.commons.FormattedTextView.prototype.setHtmlText = function(sText) {
		var sSanitizedText = "";

		// use a proxy for policy to access the control's private variables
		var fnProxiedPolicy = jQuery.proxy(fnPolicy, this);

		// using the sanitizer that is already set to the encoder
		sSanitizedText = jQuery.sap._sanitizeHTML(sText, {
			tagPolicy : fnProxiedPolicy
		});

		this.setProperty("htmlText", sSanitizedText);
	};

	var fnSetControls = function(aControls, oThis) {
		if (oThis.hasControls()) {
			oThis.removeAllAggregation("controls");
		}

		var bIsArray = jQuery.isArray(aControls);
		if (bIsArray && aControls.length > 0) {
			// iterate through the given array but suppress invalidate
			for ( var i = 0; i < aControls.length; i++) {
				oThis.addAggregation("controls", aControls[i], true);
			}
			oThis.invalidate();
		}
	};

	sap.ui.commons.FormattedTextView.prototype.setContent = function(sHtmlText,
			aControls) {
		// set the text using existing checks and method
		this.setHtmlText(sHtmlText);

		// validate and set content of controls corresponding to given HTML-text
		// with place holders
		fnSetControls(aControls, this);
	};
}());
}; // end of sap.ui.commons.FormattedTextView
if ( !jQuery.sap.isDeclared('sap.ui.commons.HorizontalDivider') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.HorizontalDivider.
jQuery.sap.declare("sap.ui.commons.HorizontalDivider");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new HorizontalDivider.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getType type} : sap.ui.commons.HorizontalDividerType (default: sap.ui.commons.HorizontalDividerType.Area)</li>
 * <li>{@link #getHeight height} : sap.ui.commons.HorizontalDividerHeight (default: sap.ui.commons.HorizontalDividerHeight.Medium)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Divides the screen in visual areas.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.HorizontalDivider
 */
sap.ui.core.Control.extend("sap.ui.commons.HorizontalDivider", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : '100%'},
		"type" : {type : "sap.ui.commons.HorizontalDividerType", group : "Appearance", defaultValue : sap.ui.commons.HorizontalDividerType.Area},
		"height" : {type : "sap.ui.commons.HorizontalDividerHeight", group : "Appearance", defaultValue : sap.ui.commons.HorizontalDividerHeight.Medium}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.HorizontalDivider with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.HorizontalDivider.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible dividers are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.HorizontalDivider#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.HorizontalDivider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.HorizontalDivider#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Defines the width of the divider.
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.HorizontalDivider#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.HorizontalDivider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.HorizontalDivider#setWidth
 * @function
 */


/**
 * Getter for property <code>type</code>.
 * Defines the type of the divider.
 *
 * Default value is <code>Area</code>
 *
 * @return {sap.ui.commons.HorizontalDividerType} the value of property <code>type</code>
 * @public
 * @name sap.ui.commons.HorizontalDivider#getType
 * @function
 */

/**
 * Setter for property <code>type</code>.
 *
 * Default value is <code>Area</code> 
 *
 * @param {sap.ui.commons.HorizontalDividerType} oType  new value for property <code>type</code>
 * @return {sap.ui.commons.HorizontalDivider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.HorizontalDivider#setType
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Defines the height of the divider.
 *
 * Default value is <code>Medium</code>
 *
 * @return {sap.ui.commons.HorizontalDividerHeight} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.HorizontalDivider#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is <code>Medium</code> 
 *
 * @param {sap.ui.commons.HorizontalDividerHeight} oHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.HorizontalDivider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.HorizontalDivider#setHeight
 * @function
 */


// Start of sap/ui/commons/HorizontalDivider.js
// No Behaviour
}; // end of sap.ui.commons.HorizontalDivider
if ( !jQuery.sap.isDeclared('sap.ui.commons.Image') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Image.
jQuery.sap.declare("sap.ui.commons.Image");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Image.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getSrc src} : sap.ui.core.URI</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getDecorative decorative} : boolean (default: true)</li>
 * <li>{@link #getAlt alt} : string</li>
 * <li>{@link #getUseMap useMap} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Image#event:press press} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A wrapper around the IMG tag. The image can be loaded from a remote or local server.
 * There are various size setting options available, and the images can be combined with actions.
 * @extends sap.ui.core.Control
 * @implements sap.ui.commons.ToolbarItem,sap.ui.commons.FormattedTextViewControl
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Image
 */
sap.ui.core.Control.extend("sap.ui.commons.Image", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem",
		"sap.ui.commons.FormattedTextViewControl"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"src" : {type : "sap.ui.core.URI", group : "Data", defaultValue : null},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : null},
		"height" : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : null},
		"decorative" : {type : "boolean", group : "Accessibility", defaultValue : true},
		"alt" : {type : "string", group : "Accessibility", defaultValue : null},
		"useMap" : {type : "string", group : "Misc", defaultValue : null}
	},
	events : {
		"press" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Image with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Image.extend
 * @function
 */

sap.ui.commons.Image.M_EVENTS = {'press':'press'};


/**
 * Getter for property <code>src</code>.
 * Relative or absolute path to URL where the image file is stored.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>src</code>
 * @public
 * @name sap.ui.commons.Image#getSrc
 * @function
 */

/**
 * Setter for property <code>src</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sSrc  new value for property <code>src</code>
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#setSrc
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible images are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.Image#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * When the empty value is kept, the original size is not changed. It is also possible to make settings for width or height only, the overall size is maintained then, considering the aspect ratio.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Image#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * When the empty value is kept, the original size is not changed. It is also possible to make settings for width or height only, the overall size is maintained then, considering the aspect ratio.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.Image#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#setHeight
 * @function
 */


/**
 * Getter for property <code>decorative</code>.
 * A decorative image is included for design reasons. Accessibility tools will ignore decorative images.
 * Note: If the Image has an image map (useMap is set), this property will be overridden (the image will not be rendered as decorative).
 * A decorative image has no ALT attribute, so the Alt property is ignored if the image is decorative.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>decorative</code>
 * @public
 * @name sap.ui.commons.Image#getDecorative
 * @function
 */

/**
 * Setter for property <code>decorative</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bDecorative  new value for property <code>decorative</code>
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#setDecorative
 * @function
 */


/**
 * Getter for property <code>alt</code>.
 * The alternative text that is displayed in case the Image is not available, or cannot be displayed.
 * If the image is set to decorative this property is ignored.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>alt</code>
 * @public
 * @name sap.ui.commons.Image#getAlt
 * @function
 */

/**
 * Setter for property <code>alt</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAlt  new value for property <code>alt</code>
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#setAlt
 * @function
 */


/**
 * Getter for property <code>useMap</code>.
 * The name of the image map that defines the clickable areas
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>useMap</code>
 * @public
 * @name sap.ui.commons.Image#getUseMap
 * @function
 */

/**
 * Setter for property <code>useMap</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sUseMap  new value for property <code>useMap</code>
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#setUseMap
 * @function
 */


/**
 * Event is fired when the user clicks on the control. 
 *
 * @name sap.ui.commons.Image#press
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'press' event of this <code>sap.ui.commons.Image</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Image</code>.<br/> itself. 
 *  
 * Event is fired when the user clicks on the control. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Image</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#attachPress
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'press' event of this <code>sap.ui.commons.Image</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Image#detachPress
 * @function
 */

/**
 * Fire event press to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Image} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Image#firePress
 * @function
 */


// Start of sap/ui/commons/Image.js
/**
 * Function is called when image is clicked.
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Image.prototype.onclick = function(oEvent) {
	this.firePress({/* no parameters */});
};

/**
 * Function is called when "enter" keydown happens on image.
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Image.prototype.onsapenter = sap.ui.commons.Image.prototype.onclick;

}; // end of sap.ui.commons.Image
if ( !jQuery.sap.isDeclared('sap.ui.commons.ImageMap') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ImageMap.
jQuery.sap.declare("sap.ui.commons.ImageMap");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ImageMap.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getName name} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getAreas areas} : sap.ui.commons.Area[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.ImageMap#event:press press} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Combination of image areas where at runtime these areas are starting points for hyperlinks or actions
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ImageMap
 */
sap.ui.core.Control.extend("sap.ui.commons.ImageMap", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"createArea"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"name" : {type : "string", group : "Misc", defaultValue : null}
	},
	aggregations : {
    	"areas" : {type : "sap.ui.commons.Area", multiple : true, singularName : "area"}
	},
	events : {
		"press" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ImageMap with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ImageMap.extend
 * @function
 */

sap.ui.commons.ImageMap.M_EVENTS = {'press':'press'};


/**
 * Getter for property <code>name</code>.
 * Name for the image that serves as reference
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>name</code>
 * @public
 * @name sap.ui.commons.ImageMap#getName
 * @function
 */

/**
 * Setter for property <code>name</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sName  new value for property <code>name</code>
 * @return {sap.ui.commons.ImageMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ImageMap#setName
 * @function
 */


/**
 * Getter for aggregation <code>areas</code>.<br/>
 * Area representing the reference to the target location
 * 
 * @return {sap.ui.commons.Area[]}
 * @public
 * @name sap.ui.commons.ImageMap#getAreas
 * @function
 */


/**
 * Inserts a area into the aggregation named <code>areas</code>.
 *
 * @param {sap.ui.commons.Area}
 *          oArea the area to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the area should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the area is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the area is inserted at 
 *             the last position        
 * @return {sap.ui.commons.ImageMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ImageMap#insertArea
 * @function
 */

/**
 * Adds some area <code>oArea</code> 
 * to the aggregation named <code>areas</code>.
 *
 * @param {sap.ui.commons.Area}
 *            oArea the area to add; if empty, nothing is inserted
 * @return {sap.ui.commons.ImageMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ImageMap#addArea
 * @function
 */

/**
 * Removes an area from the aggregation named <code>areas</code>.
 *
 * @param {int | string | sap.ui.commons.Area} vArea the area to remove or its index or id
 * @return {sap.ui.commons.Area} the removed area or null
 * @public
 * @name sap.ui.commons.ImageMap#removeArea
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>areas</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.Area[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.ImageMap#removeAllAreas
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.Area</code> in the aggregation named <code>areas</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.Area}
 *            oArea the area whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.ImageMap#indexOfArea
 * @function
 */
	

/**
 * Destroys all the areas in the aggregation 
 * named <code>areas</code>.
 * @return {sap.ui.commons.ImageMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ImageMap#destroyAreas
 * @function
 */


/**
 * Event for the areas that can be clicked in an ImageMap 
 *
 * @name sap.ui.commons.ImageMap#press
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.areaId Id of clicked Area.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'press' event of this <code>sap.ui.commons.ImageMap</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.ImageMap</code>.<br/> itself. 
 *  
 * Event for the areas that can be clicked in an ImageMap 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.ImageMap</code>.<br/> itself.
 *
 * @return {sap.ui.commons.ImageMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ImageMap#attachPress
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'press' event of this <code>sap.ui.commons.ImageMap</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.ImageMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ImageMap#detachPress
 * @function
 */

/**
 * Fire event press to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'areaId' of type <code>string</code> Id of clicked Area.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.ImageMap} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.ImageMap#firePress
 * @function
 */


/**
 * Adds an area to the ImageMap
 *
 * @name sap.ui.commons.ImageMap.prototype.createArea
 * @function
 * @param {string[]} 
 *         aArea
 *         

 * @type void
 * @public
 */


// Start of sap/ui/commons/ImageMap.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Adds areas to the Image Map. Each argument must be either a JSon object or a
 * list of objects or the area element or elements.
 *
 * @param {sap.ui.commons.Area|string} Area to add
 * @return {sap.ui.commons.Area} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.ImageMap.prototype.createArea = function() {
	var oArea = new sap.ui.commons.Area();

	for ( var i = 0; i < arguments.length; i++) {
		var oContent = arguments[i];
		var oArea;
		if (oContent instanceof sap.ui.commons.Area) {
			oArea = oContent;
		} else {
			oArea = new sap.ui.commons.Area(oContent);
		}
		this.addArea(oArea);
	}
	return this;
};

/**
 * Used for after-rendering initialization.
 *
 * @private
 */
sap.ui.commons.ImageMap.prototype.onAfterRendering = function() {

	this.oDomRef = this.getDomRef();

	// Initialize the ItemNavigation if does not exist yet
	if (!this.oItemNavigation) {
		this.oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
	}

	if (jQuery.browser.msie) {

		var that = this;
		var aImageControls = [];
		this.oItemNavigation.setTabIndex0();

		// Find the Image control and add delegate to it
		var $Images = jQuery("img[useMap=#" + this.getName() + "]");
		$Images.each(function(i, image) {
			var id = image.getAttribute("id");
			var imageControl = sap.ui.getCore().byId(id);
			imageControl.addDelegate(that.oItemNavigation);
			that.oItemNavigation.setRootDomRef(image);
			aImageControls.push(imageControl);
		});

		this.aImageControls = aImageControls;
	} else {

		this.addDelegate(this.oItemNavigation);
		this.oItemNavigation.setRootDomRef(this.oDomRef);
	}

	// Set navigations items = Areas inside of Image map
	var aItemDomRefs = [];
	var aAllAreas = this.getAreas();
	for ( var i = 0; i < aAllAreas.length; i++) {
		var oDomRef = aAllAreas[i].getFocusDomRef();
		if (oDomRef) { // separators return null here
			aItemDomRefs.push(oDomRef);
		}
	}

	this.oItemNavigation.setItemDomRefs(aItemDomRefs);
	this.oItemNavigation.setCycling(true);
	this.oItemNavigation.setSelectedIndex(-1);
	this.oItemNavigation.setFocusedIndex(-1);

};

/**
 * Does all the cleanup when the Image Map is to be destroyed. Called from the
 * element's destroy() method.
 *
 * @private
 */
sap.ui.commons.ImageMap.prototype.exit = function() {
	// Remove the item navigation delegate
	if (this.oItemNavigation) {
		if (jQuery.browser.msie) {
			for ( var i = 0; i < this.aImageControls.length; i++) {
				this.aImageControls[i].removeDelegate(this.oItemNavigation);
			}
		} else {
			this.removeDelegate(this.oItemNavigation);
		}
		this.oItemNavigation.destroy();
		delete this.oItemNavigation;
	}

	// No super.exit() to call
};
}; // end of sap.ui.commons.ImageMap
if ( !jQuery.sap.isDeclared('sap.ui.commons.Label') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Label.
jQuery.sap.declare("sap.ui.commons.Label");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Label.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getDesign design} : sap.ui.commons.LabelDesign (default: sap.ui.commons.LabelDesign.Standard)</li>
 * <li>{@link #getTextDirection textDirection} : sap.ui.core.TextDirection (default: sap.ui.core.TextDirection.Inherit)</li>
 * <li>{@link #getWrapping wrapping} : boolean (default: false)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '')</li>
 * <li>{@link #getText text} : string (default: '')</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getTextAlign textAlign} : sap.ui.core.TextAlign (default: sap.ui.core.TextAlign.Begin)</li>
 * <li>{@link #getRequired required} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getLabelFor labelFor} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * Is used for labeling other controls. The API provides formatting options, for example for bold display or alignment. A label can have an icon.
 * 
 * @extends sap.ui.core.Control
 * @implements sap.ui.commons.ToolbarItem,sap.ui.core.Label
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Label
 */
sap.ui.core.Control.extend("sap.ui.commons.Label", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem",
		"sap.ui.core.Label"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"design" : {type : "sap.ui.commons.LabelDesign", group : "Appearance", defaultValue : sap.ui.commons.LabelDesign.Standard},
		"textDirection" : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : sap.ui.core.TextDirection.Inherit},
		"wrapping" : {type : "boolean", group : "Appearance", defaultValue : false},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : ''},
		"text" : {type : "string", group : "Misc", defaultValue : ''},
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"icon" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
		"textAlign" : {type : "sap.ui.core.TextAlign", group : "Appearance", defaultValue : sap.ui.core.TextAlign.Begin},
		"required" : {type : "boolean", group : "Appearance", defaultValue : false}
	},
	associations : {
		"labelFor" : {type : "sap.ui.core.Control", multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Label with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Label.extend
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * 
 * Labels can have bold format.
 * 
 *
 * Default value is <code>sap.ui.commons.LabelDesign.Standard</code>
 *
 * @return {sap.ui.commons.LabelDesign} the value of property <code>design</code>
 * @public
 * @name sap.ui.commons.Label#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is <code>sap.ui.commons.LabelDesign.Standard</code> 
 *
 * @param {sap.ui.commons.LabelDesign} oDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setDesign
 * @function
 */


/**
 * Getter for property <code>textDirection</code>.
 * 
 * Options for the text direction are RTL and LTR. Alternatively, the control can inherit the text direction from its parent container.
 * 
 *
 * Default value is <code>sap.ui.core.TextDirection.Inherit</code>
 *
 * @return {sap.ui.core.TextDirection} the value of property <code>textDirection</code>
 * @public
 * @name sap.ui.commons.Label#getTextDirection
 * @function
 */

/**
 * Setter for property <code>textDirection</code>.
 *
 * Default value is <code>sap.ui.core.TextDirection.Inherit</code> 
 *
 * @param {sap.ui.core.TextDirection} oTextDirection  new value for property <code>textDirection</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setTextDirection
 * @function
 */


/**
 * Getter for property <code>wrapping</code>.
 * Specifies whether a line wrapping shall be displayed when the text value is longer than the width
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>wrapping</code>
 * @public
 * @name sap.ui.commons.Label#getWrapping
 * @function
 */

/**
 * Setter for property <code>wrapping</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bWrapping  new value for property <code>wrapping</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setWrapping
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * 
 * Control width as common CSS-size (px or % as unit, for example).
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Label#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setWidth
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * 
 * Text to be displayed.
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.Label#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setText
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * 
 * Invisible labels are not rendered.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.Label#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setVisible
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * 
 * Icon to be displayed in the control.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.commons.Label#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setIcon
 * @function
 */


/**
 * Getter for property <code>textAlign</code>.
 * 
 * Available alignment settings are "Begin", "Center", "End", "Left", and "Right".
 * 
 *
 * Default value is <code>sap.ui.core.TextAlign.Begin</code>
 *
 * @return {sap.ui.core.TextAlign} the value of property <code>textAlign</code>
 * @public
 * @name sap.ui.commons.Label#getTextAlign
 * @function
 */

/**
 * Setter for property <code>textAlign</code>.
 *
 * Default value is <code>sap.ui.core.TextAlign.Begin</code> 
 *
 * @param {sap.ui.core.TextAlign} oTextAlign  new value for property <code>textAlign</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setTextAlign
 * @function
 */


/**
 * Getter for property <code>required</code>.
 * Allows to enforce the required indicator even when the associated control doesn't have a getRequired method (a required property) or when the flag is not set.
 * If the associated control has a required property, the values of both required flags are combined with the OR operator, so a Label can't override a required=true value.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>required</code>
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.Label#getRequired
 * @function
 */

/**
 * Setter for property <code>required</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bRequired  new value for property <code>required</code>
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.Label#setRequired
 * @function
 */


/**
 * Association to the labeled control.
 * By default the label set the for attribute to the ID of the labeled control. This can be changed implementing function getIdForLabel on the labelled control.
 *
 * @return {string} Id of the element which is the current target of the <code>labelFor</code> association, or null
 * @public
 * @name sap.ui.commons.Label#getLabelFor
 * @function
 */

/**
 * Association to the labeled control.
 * By default the label set the for attribute to the ID of the labeled control. This can be changed implementing function getIdForLabel on the labelled control.
 *
 * @param {string | sap.ui.core.Control} vLabelFor 
 *    Id of an element which becomes the new target of this <code>labelFor</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.commons.Label} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Label#setLabelFor
 * @function
 */


	
// Start of sap/ui/commons/Label.js

sap.ui.commons.Label.prototype.onAfterRendering = function () {
	if (this.getLabelForRendering() && (this.getTooltip_AsString() == "" || !(this.getTooltip() instanceof sap.ui.core.TooltipBase))) {
		var oFor = sap.ui.getCore().byId(this.getLabelForRendering());
		// no own tooltip use RichTooltip of labeled control if available
		if (oFor && (oFor.getTooltip() instanceof sap.ui.core.TooltipBase)) {
			this.oForTooltip = oFor.getTooltip();
			this.addDelegate(this.oForTooltip);
		}
	}
};

sap.ui.commons.Label.prototype.onBeforeRendering = function () {
	if (this.oForTooltip) {
		this.removeDelegate(this.oForTooltip);
		this.oForTooltip = null;
	}
};

sap.ui.commons.Label.prototype.exit = function(){
	if (this.oForTooltip) {
		this.removeDelegate(this.oForTooltip);
		this.oForTooltip = null;
	}
};

/**
 * Checks whether either the label itself or the associated control is marked as required.
 */
sap.ui.commons.Label.prototype.isRequired = function(){

	// the value of the local required flag is ORed with the result of a "getRequired" 
	// method of the associated "labelFor" control. If the associated control doesn't 
	// have a getRequired method, this is treated like a return value of "false".
	var oFor = sap.ui.getCore().byId(this.getLabelForRendering());
	return this.getRequired() || (oFor && oFor.getRequired && oFor.getRequired() === true);
	
};

/*
 * As own function to make possible to overwrite it (e.G. from Form).
 */
sap.ui.commons.Label.prototype.getLabelForRendering = function(){

	return this.getLabelFor();

};

}; // end of sap.ui.commons.Label
if ( !jQuery.sap.isDeclared('sap.ui.commons.Link') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Link.
jQuery.sap.declare("sap.ui.commons.Link");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Link.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string (default: '')</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getHelpId helpId} : string (default: '')</li>
 * <li>{@link #getHref href} : sap.ui.core.URI</li>
 * <li>{@link #getTarget target} : string</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Link#event:press press} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * Provides an absolute or relative reference to an internal or external URL. The classical target parameters are supported.
 * Another usage scenario is triggering an action, for example to open a popup window. In both cases, the link is a hypertext link.
 * 
 * @extends sap.ui.core.Control
 * @implements sap.ui.commons.ToolbarItem,sap.ui.commons.FormattedTextViewControl
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Link
 */
sap.ui.core.Control.extend("sap.ui.commons.Link", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem",
		"sap.ui.commons.FormattedTextViewControl"
	],
	publicMethods : [
		// methods
		"focus"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "Appearance", defaultValue : ''},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "", defaultValue : true},
		"helpId" : {type : "string", group : "Behavior", defaultValue : ''},
		"href" : {type : "sap.ui.core.URI", group : "Data", defaultValue : null},
		"target" : {type : "string", group : "Data", defaultValue : null},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"press" : {allowPreventDefault : true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Link with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Link.extend
 * @function
 */

sap.ui.commons.Link.M_EVENTS = {'press':'press'};


/**
 * Getter for property <code>text</code>.
 * 
 * Link text to be displayed.
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.Link#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#setText
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Whether the link can be triggered by the user.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.Link#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#setEnabled
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * 
 * Invisible links are not rendered.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.Link#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#setVisible
 * @function
 */


/**
 * Getter for property <code>helpId</code>.
 * 
 * Unique identifier used for help service.
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>helpId</code>
 * @public
 * @name sap.ui.commons.Link#getHelpId
 * @function
 */

/**
 * Setter for property <code>helpId</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sHelpId  new value for property <code>helpId</code>
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#setHelpId
 * @function
 */


/**
 * Getter for property <code>href</code>.
 * The link target URI. Supports standard hyperlink behavior. If an action should be triggered, this should not be set, but instead an event handler for the "press" event should be registered.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>href</code>
 * @public
 * @name sap.ui.commons.Link#getHref
 * @function
 */

/**
 * Setter for property <code>href</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sHref  new value for property <code>href</code>
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#setHref
 * @function
 */


/**
 * Getter for property <code>target</code>.
 * 
 * Options are _self, _top, _blank, _parent, _search. Alternatively, a frame name can be entered.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>target</code>
 * @public
 * @name sap.ui.commons.Link#getTarget
 * @function
 */

/**
 * Setter for property <code>target</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTarget  new value for property <code>target</code>
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#setTarget
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Width of text link. When it is set (CSS-size such as % or px), this is the exact size. When left blank, the text defines the size.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @since 1.8.0
 * @name sap.ui.commons.Link#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @since 1.8.0
 * @name sap.ui.commons.Link#setWidth
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.Link#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.Link#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Link#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.Link#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.Link#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Link#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * 
 * Event is fired when the user clicks the control.
 *  
 *
 * @name sap.ui.commons.Link#press
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'press' event of this <code>sap.ui.commons.Link</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Link</code>.<br/> itself. 
 *  
 * 
 * Event is fired when the user clicks the control.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Link</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#attachPress
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'press' event of this <code>sap.ui.commons.Link</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Link} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Link#detachPress
 * @function
 */

/**
 * Fire event press to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.commons.Link#firePress
 * @function
 */


/**
 * Puts the focus to the link.
 *
 * @name sap.ui.commons.Link.prototype.focus
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/Link.js
jQuery.sap.require('sap.ui.core.EnabledPropagator'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.core.EnabledPropagator.call(sap.ui.commons.Link.prototype);

/**
 * Function is called when Link is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Link.prototype.onclick = function(oEvent) {
	if (this.getEnabled()) {
		if (!this.firePress()) {
			oEvent.preventDefault();
		};
	} else {
		oEvent.preventDefault();
	}
};
}; // end of sap.ui.commons.Link
if ( !jQuery.sap.isDeclared('sap.ui.commons.ListBox') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ListBox.
jQuery.sap.declare("sap.ui.commons.ListBox");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ListBox.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getAllowMultiSelect allowMultiSelect} : boolean (default: false)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getScrollTop scrollTop} : int (default: -1)</li>
 * <li>{@link #getDisplayIcons displayIcons} : boolean (default: false)</li>
 * <li>{@link #getDisplaySecondaryValues displaySecondaryValues} : boolean (default: false)</li>
 * <li>{@link #getValueTextAlign valueTextAlign} : sap.ui.core.TextAlign (default: sap.ui.core.TextAlign.Begin)</li>
 * <li>{@link #getSecondaryValueTextAlign secondaryValueTextAlign} : sap.ui.core.TextAlign (default: sap.ui.core.TextAlign.Begin)</li>
 * <li>{@link #getMinWidth minWidth} : sap.ui.core.CSSSize</li>
 * <li>{@link #getMaxWidth maxWidth} : sap.ui.core.CSSSize</li>
 * <li>{@link #getVisibleItems visibleItems} : int</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.core.Item[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.ListBox#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Provides a list of items from which users can choose an item. For the design of the list box, features such as defining the list box height,
 * fixing the number of visible items, choosing one item to be the item that is marked by default when the list box is shown, or a scroll bar for large list boxes
 * are available.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ListBox
 */
sap.ui.core.Control.extend("sap.ui.commons.ListBox", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getSelectedIndex", "setSelectedIndex", "addSelectedIndex", "removeSelectedIndex", "getSelectedIndices", "setSelectedIndices", "addSelectedIndices", "isIndexSelected", "getSelectedItem", "getSelectedItems", "clearSelection", "scrollToIndex", "setItems", "setSelectedKeys", "getSelectedKeys"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"allowMultiSelect" : {type : "boolean", group : "Behavior", defaultValue : false},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"scrollTop" : {type : "int", group : "Behavior", defaultValue : -1},
		"displayIcons" : {type : "boolean", group : "Behavior", defaultValue : false},
		"displaySecondaryValues" : {type : "boolean", group : "Misc", defaultValue : false},
		"valueTextAlign" : {type : "sap.ui.core.TextAlign", group : "Appearance", defaultValue : sap.ui.core.TextAlign.Begin},
		"secondaryValueTextAlign" : {type : "sap.ui.core.TextAlign", group : "Appearance", defaultValue : sap.ui.core.TextAlign.Begin},
		"minWidth" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"maxWidth" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"visibleItems" : {type : "int", group : "Dimension", defaultValue : null}
	},
	defaultAggregation : "items",
	aggregations : {
    	"items" : {type : "sap.ui.core.Item", multiple : true, singularName : "item"}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"select" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ListBox with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ListBox.extend
 * @function
 */

sap.ui.commons.ListBox.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>editable</code>.
 * Value "true" makes the list box interactive.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.ListBox#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setEditable
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Disabled controls have another color display depending on custom settings.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.ListBox#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setEnabled
 * @function
 */


/**
 * Getter for property <code>allowMultiSelect</code>.
 * Specifies whether multiple selection is allowed.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>allowMultiSelect</code>
 * @public
 * @name sap.ui.commons.ListBox#getAllowMultiSelect
 * @function
 */

/**
 * Setter for property <code>allowMultiSelect</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bAllowMultiSelect  new value for property <code>allowMultiSelect</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setAllowMultiSelect
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.ListBox#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Control width as common CSS-size (px or % as unit, for example).
 * The setting overrides any definitions made for the setVisibleItems() method.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.ListBox#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Control height as common CSS-size (px or % as unit, for example).
 * The setting overrides any definitions made for the setVisibleItems() method.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.ListBox#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setHeight
 * @function
 */


/**
 * Getter for property <code>scrollTop</code>.
 * Scroll bar position from the top. Setting the scrollTop property and calling scrollToIndex are two operations influencing the same "physical" property, so the last call "wins".
 *
 * Default value is <code>-1</code>
 *
 * @return {int} the value of property <code>scrollTop</code>
 * @public
 * @name sap.ui.commons.ListBox#getScrollTop
 * @function
 */

/**
 * Setter for property <code>scrollTop</code>.
 *
 * Default value is <code>-1</code> 
 *
 * @param {int} iScrollTop  new value for property <code>scrollTop</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setScrollTop
 * @function
 */


/**
 * Getter for property <code>displayIcons</code>.
 * Defines whether the icons of the list items shall also be displayed. Enabling icons requires some space to be reserved for them. Displaying icons can also
 * influence the width and height of a single item, which affects the overall height of the ListBox when defined in number of items.
 * Note that the number of icons that can be displayed in the ListBox depends on the size of the icons themselves and of the total ListBox height.
 * 
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>displayIcons</code>
 * @public
 * @name sap.ui.commons.ListBox#getDisplayIcons
 * @function
 */

/**
 * Setter for property <code>displayIcons</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bDisplayIcons  new value for property <code>displayIcons</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setDisplayIcons
 * @function
 */


/**
 * Getter for property <code>displaySecondaryValues</code>.
 * Specifies whether the text values from the additionalText property (see sap.ui.core.ListItems) shall be displayed.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>displaySecondaryValues</code>
 * @public
 * @name sap.ui.commons.ListBox#getDisplaySecondaryValues
 * @function
 */

/**
 * Setter for property <code>displaySecondaryValues</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bDisplaySecondaryValues  new value for property <code>displaySecondaryValues</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setDisplaySecondaryValues
 * @function
 */


/**
 * Getter for property <code>valueTextAlign</code>.
 * The text alignment in the primary ListBox column.
 *
 * Default value is <code>Begin</code>
 *
 * @return {sap.ui.core.TextAlign} the value of property <code>valueTextAlign</code>
 * @public
 * @name sap.ui.commons.ListBox#getValueTextAlign
 * @function
 */

/**
 * Setter for property <code>valueTextAlign</code>.
 *
 * Default value is <code>Begin</code> 
 *
 * @param {sap.ui.core.TextAlign} oValueTextAlign  new value for property <code>valueTextAlign</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setValueTextAlign
 * @function
 */


/**
 * Getter for property <code>secondaryValueTextAlign</code>.
 * The text alignment in the secondary ListBox text column (if available).
 *
 * Default value is <code>Begin</code>
 *
 * @return {sap.ui.core.TextAlign} the value of property <code>secondaryValueTextAlign</code>
 * @public
 * @name sap.ui.commons.ListBox#getSecondaryValueTextAlign
 * @function
 */

/**
 * Setter for property <code>secondaryValueTextAlign</code>.
 *
 * Default value is <code>Begin</code> 
 *
 * @param {sap.ui.core.TextAlign} oSecondaryValueTextAlign  new value for property <code>secondaryValueTextAlign</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setSecondaryValueTextAlign
 * @function
 */


/**
 * Getter for property <code>minWidth</code>.
 * The minimum width of the ListBox. If not set, there is no minimum width.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>minWidth</code>
 * @public
 * @name sap.ui.commons.ListBox#getMinWidth
 * @function
 */

/**
 * Setter for property <code>minWidth</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sMinWidth  new value for property <code>minWidth</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setMinWidth
 * @function
 */


/**
 * Getter for property <code>maxWidth</code>.
 * The maximum width of the ListBox. If not set, there is no maximum width.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>maxWidth</code>
 * @public
 * @name sap.ui.commons.ListBox#getMaxWidth
 * @function
 */

/**
 * Setter for property <code>maxWidth</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sMaxWidth  new value for property <code>maxWidth</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setMaxWidth
 * @function
 */


/**
 * Getter for property <code>visibleItems</code>.
 * The ListBox height in number of items that are initially displayed without scrolling. This setting overwrites height
 * settings in terms of CSS size that have been made. When the items have different heights, the height of the first item is used for all
 * other item height calculations. Note that if there are one or more separators between the visible ListBox items, the displayed items
 * might not relate 1:1 to the initially specified number of items. When the value is retrieved, it equals the previously set value if it was set;
 * otherwise, it will be the number of items completely fitting into the ListBox without scrolling in the case the control was already rendered.
 * Note that if the control was not rendered, the behavior will be undefined, it may return -1 or any other number.
 *
 * Default value is <code></code>
 *
 * @return {int} the value of property <code>visibleItems</code>
 * @public
 * @name sap.ui.commons.ListBox#getVisibleItems
 * @function
 */

/**
 * Setter for property <code>visibleItems</code>.
 *
 * Default value is <code></code> 
 *
 * @param {int} iVisibleItems  new value for property <code>visibleItems</code>
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#setVisibleItems
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * Aggregation of items to be displayed. Must be either of type sap.ui.core.ListItem or sap.ui.core.SeparatorItem.
 * 
 * @return {sap.ui.core.Item[]}
 * @public
 * @name sap.ui.commons.ListBox#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.Item}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.Item}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.core.Item} vItem the item to remove or its index or id
 * @return {sap.ui.core.Item} the removed item or null
 * @public
 * @name sap.ui.commons.ListBox#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Item[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.ListBox#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Item</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Item}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.ListBox#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#destroyItems
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.ListBox#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.ListBox#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.ListBox#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.ListBox#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.ListBox#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.ListBox#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * Event is fired when selection is changed by user interaction. 
 *
 * @name sap.ui.commons.ListBox#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id ID of the ListBox which triggered the event.
 * @param {int} oControlEvent.getParameters.selectedIndex The currently selected index of the ListBox. In the case of multiple selection, this is exactly one of the selected indices - the one whose selection has triggered the selection change; to get all currently selected indices, use selectedIndices.
 * @param {sap.ui.core.Item} oControlEvent.getParameters.selectedItem The currently selected item of the ListBox. In the case of multiple selection, this is exactly one of the selected items - the one whose selection has triggered the selection change.
 * @param {int[]} oControlEvent.getParameters.selectedIndices Array containing the indices which are selected.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.commons.ListBox</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.ListBox</code>.<br/> itself. 
 *  
 * Event is fired when selection is changed by user interaction. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.ListBox</code>.<br/> itself.
 *
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.commons.ListBox</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ListBox#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> ID of the ListBox which triggered the event.</li>
 * <li>'selectedIndex' of type <code>int</code> The currently selected index of the ListBox. In the case of multiple selection, this is exactly one of the selected indices - the one whose selection has triggered the selection change; to get all currently selected indices, use selectedIndices.</li>
 * <li>'selectedItem' of type <code>sap.ui.core.Item</code> The currently selected item of the ListBox. In the case of multiple selection, this is exactly one of the selected items - the one whose selection has triggered the selection change.</li>
 * <li>'selectedIndices' of type <code>int[]</code> Array containing the indices which are selected.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.ListBox#fireSelect
 * @function
 */


/**
 * Zero-based index of selected item. Index value for no selection is -1. When multiple selection is enabled and multiple items are selected, the method returns the first selected item.
 *
 * @name sap.ui.commons.ListBox.prototype.getSelectedIndex
 * @function

 * @type int
 * @public
 */


/**
 * Sets the zero-based index of the currently selected item. This method removes any previous selections. When the given index is invalid, the call is ignored.
 *
 * @name sap.ui.commons.ListBox.prototype.setSelectedIndex
 * @function
 * @param {int} 
 *         iIndex
 *         Index to be selected

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * Adds the given index to current selection. When multiple selection is disabled, this replaces the current selection. When the given index is invalid, the call is ignored.
 *
 * @name sap.ui.commons.ListBox.prototype.addSelectedIndex
 * @function
 * @param {int} 
 *         iIndex
 *         Index to add to selection.

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * Removes the given index from this selection. When the index is invalid or not selected, the call is ignored.
 *
 * @name sap.ui.commons.ListBox.prototype.removeSelectedIndex
 * @function
 * @param {int} 
 *         iIndex
 *         Index that shall be removed from selection.

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * Zero-based indices of selected items, wrapped in an array. An empty array means "no selection".
 *
 * @name sap.ui.commons.ListBox.prototype.getSelectedIndices
 * @function

 * @type int[]
 * @public
 */


/**
 * Zero-based indices of selected items, wrapped in an array. An empty array means "no selection".
 * When multiple selection is disabled and multiple items are given, the selection is set to the index of the first valid index in the given array.
 * Any invalid indices are ignored.
 * The previous selection is in any case replaced.
 *
 * @name sap.ui.commons.ListBox.prototype.setSelectedIndices
 * @function
 * @param {int[]} 
 *         aIndices
 *         Indices of the items to be selected.

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * Adds the given indices to selection. Any invalid indices are ignored.
 *
 * @name sap.ui.commons.ListBox.prototype.addSelectedIndices
 * @function
 * @param {int[]} 
 *         aIndices
 *         Indices of the items that shall additionally be selected.

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * Returns whether the given index is selected.
 *
 * @name sap.ui.commons.ListBox.prototype.isIndexSelected
 * @function
 * @param {int} 
 *         iIndex
 *         Index which is checked for selection state.

 * @type boolean
 * @public
 */


/**
 * Returns selected item. When no item is selected, "null" is returned. When multi-selection is enabled and multiple items are selected, only the first selected item is returned.
 *
 * @name sap.ui.commons.ListBox.prototype.getSelectedItem
 * @function

 * @type sap.ui.core.Item
 * @public
 */


/**
 * Returns an array containing the selected items. In the case of no selection, an empty array is returned.
 *
 * @name sap.ui.commons.ListBox.prototype.getSelectedItems
 * @function

 * @type sap.ui.core.Item[]
 * @public
 */


/**
 * Removes complete selection.
 *
 * @name sap.ui.commons.ListBox.prototype.clearSelection
 * @function

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * If the ListBox has a scroll bar because the number of items is larger than the number of visible items, this method scrolls to the item with the given index. If there are enough items, this item will then appear at the topmost visible position in the ListBox. If bLazy is true, it only scrolls as far as required to make the item visible.
 * Setting the scrollTop property and calling scrollToIndex are two operations influencing the same "physical" property, so the last call "wins".
 *
 * @name sap.ui.commons.ListBox.prototype.scrollToIndex
 * @function
 * @param {int} 
 *         iIndex
 *         The index to which the ListBox should scroll.
 * @param {boolean} 
 *         bLazy
 *         If set to true, the ListBox only scrolls if the item is not completely visible, and it scrolls for exactly the space to make it fully visible. If set to false, the item is scrolled to the top position (if possible).

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * Allows setting the list items as array for this instance of ListBox.
 *
 * @name sap.ui.commons.ListBox.prototype.setItems
 * @function
 * @param {sap.ui.core.ListItem[]} 
 *         aItems
 *         The items to set for this ListBox.
 * @param {boolean} 
 *         bDestroyItems
 *         Optional boolean parameter to indicate that the formerly set items should be destroyed, instead of just removed.

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * Keys of the items to be selected, wrapped in an array. An empty array means no selection. When multiple selection is disabled,
 * and multiple keys are given, the selection is set to the item with the first valid key in the given array. Any invalid keys are ignored.
 * The previous selection is replaced in any case.
 *
 * @name sap.ui.commons.ListBox.prototype.setSelectedKeys
 * @function
 * @param {string[]} 
 *         aKeys
 *         The keys of the items to be selected

 * @type sap.ui.commons.ListBox
 * @public
 */


/**
 * Returns the keys of the selected items in an array. If a selected item does not have a key, the respective array entry will be undefined.
 *
 * @name sap.ui.commons.ListBox.prototype.getSelectedKeys
 * @function

 * @type string[]
 * @public
 */


// Start of sap/ui/commons/ListBox.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('jquery.sap.strings'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.LocalBusyIndicatorSupport'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Initializes the ListBox control
 * @private
 */
sap.ui.commons.ListBox.prototype.init = function () {
	this.allowTextSelection(false);
	if (!this._bHeightInItems) { // otherwise setVisibleItems was already called by the JSON constructor
		this._bHeightInItems = false; // decides whether the height is set as CSS size (height is in height property then) or in multiples of an item height (height is in this._iVisibleItems then)
		this._iVisibleItems = -1;     // initially -1, this subsequently must be the number of items that are visible without scrolling; the value is either set directly if the height is given in items, or calculated in onAfterRendering
	}
	this._sTotalHeight = null;    // if height is set in items, this contains the
	if (sap.ui.commons.ListBox._fItemHeight === undefined) {
		sap.ui.commons.ListBox._fItemHeight = -1;
	}
	if (sap.ui.commons.ListBox._iBordersAndStuff === undefined) {
		sap.ui.commons.ListBox._iBordersAndStuff = -1;
	}

	this._aSelectionMap = [];
	this._iLastDirectlySelectedIndex = -1;

	//FIXME Mapping from activeItems index to the id of it for item navigation purposes
	this._aActiveItems = null;
	
	if(jQuery.support.touch){
		jQuery.sap.require("sap.ui.core.delegate.ScrollEnablement");
		this._oScroller = new sap.ui.core.delegate.ScrollEnablement(this, this.getId()+"-list", {
			   vertical: true,
			   zynga: true,
			   preventDefault: true
		});
	}
	
	sap.ui.core.LocalBusyIndicatorSupport
			.apply(sap.ui.commons.ListBox.prototype);
};


/**
 * Re-initializes the ListBox, so all sizes are fine after a theme switch
 * @private
 */
sap.ui.commons.ListBox.prototype.onThemeChanged = function () {
	sap.ui.commons.ListBox._fItemHeight = -1;
	sap.ui.commons.ListBox._iBordersAndStuff = -1;
	this._sTotalHeight = null;
	if (!this._bHeightInItems) {
		this._iVisibleItems = -1; // re-calculation only required for ItemNavigation - shouldn't change when explicitly set
	}
	this._skipStoreScrollTop = true; // Skip remembering the scrolltop in next onBeforeRendering due to theme change
	this.invalidate();
	this.rerender();
};


/**
 * Called before rendering. Required storing the scroll position.
 * @private
 */
sap.ui.commons.ListBox.prototype.onBeforeRendering = function () {
	if(this._skipStoreScrollTop){
		delete this._skipStoreScrollTop;
		return;
	}
	
	this.getScrollTop(); // store current ScrollTop
	// TODO: store focus??
};


/**
 * Called after rendering. Required for calculating and setting the correct heights.
 * @private
 */
sap.ui.commons.ListBox.prototype.onAfterRendering = function () {
	var oDomRef = this.getDomRef();

	// calculate item height
	if (sap.ui.commons.ListBox._fItemHeight <= 0) {
		
		// create dummy ListBox with dummy item
		var oStaticArea = sap.ui.getCore().getStaticAreaRef();
		var div = document.createElement("div");
		div.id = "sap-ui-commons-ListBox-sizeDummy";
		oStaticArea.appendChild(div);
		div.innerHTML = '<div class="sapUiLbx sapUiLbxFlexWidth sapUiLbxStd"><ul><li class="sapUiLbxI"><span class="sapUiLbxITxt">&nbsp;</span></li></ul></div>';
		var oItemDomRef = div.firstChild.firstChild.firstChild;
		sap.ui.commons.ListBox._fItemHeight = oItemDomRef.offsetHeight;

		// subpixel rendering strategy in IE >= 9 can lead to the total being larger than the sum of heights
		if (jQuery.browser.msie && (document.documentMode == 9 || document.documentMode == 10)) { // TODO: browser version check... not good...
			var cs = document.defaultView.getComputedStyle(oItemDomRef.firstChild, "");
			var h = parseFloat(cs.getPropertyValue("height").split("px")[0]);
			if (!(typeof h === "number") || !(h > 0)) { // sometimes cs.getPropertyValue("height") seems to return "auto"
				h = jQuery(oItemDomRef.firstChild).height();
			}
			var pt = parseFloat(cs.getPropertyValue("padding-top").split("px")[0]);
			var pb = parseFloat(cs.getPropertyValue("padding-bottom").split("px")[0]);
			var bt = parseFloat(cs.getPropertyValue("border-top-width").split("px")[0]);
			var bb = parseFloat(cs.getPropertyValue("border-bottom-width").split("px")[0]);
			sap.ui.commons.ListBox._fItemHeight = h + pt + pb + bt + bb;
		}

		// remove the dummy
		oStaticArea.removeChild(div);
	}

	// calculate height of ListBox borders and padding
	if (sap.ui.commons.ListBox._iBordersAndStuff == -1) {
		var $DomRef = jQuery(this.getDomRef());
		var outerHeight = $DomRef.outerHeight();
		var innerHeight = $DomRef.height();
		sap.ui.commons.ListBox._iBordersAndStuff = outerHeight - innerHeight;
	}

	// Height is set in number of visible items
	if (this._bHeightInItems) {
		if(this._sTotalHeight == null) {
			//...but the height needs to be calculated first
			this._calcTotalHeight(); // TODO: verify this._sTotalHeight is > 0

			// now set height
			oDomRef.style.height = this._sTotalHeight;
		} else {
			// height was already set in the renderer!
		}
	}

	// find out how many items are visible because the ItemNavigation needs to know
	if (this._iVisibleItems = -1) {
		this._updatePageSize();
	}

	// Collect items for ItemNavigation   TODO: make it cleaner
	var oFocusRef = this.getFocusDomRef(),
			aRows = oFocusRef.childNodes,
			aDomRefs = [],
			aItems = this.getItems();
	this._aActiveItems = [];
	var aActiveItems = this._aActiveItems;
	for (var i=0; i < aRows.length; i++) {
		if (!(aItems[i] instanceof sap.ui.core.SeparatorItem)) {
			aActiveItems[aDomRefs.length] = i;
			aDomRefs.push(aRows[i]);
		}
	}

	// init ItemNavigation
	if (!this.oItemNavigation) {
		var bNotInTabChain = (!this.getEnabled() || !this.getEditable());
		this.oItemNavigation = new sap.ui.core.delegate.ItemNavigation(null, null, bNotInTabChain);
		this.oItemNavigation.attachEvent(sap.ui.core.delegate.ItemNavigation.Events.AfterFocus, this._handleAfterFocus, this);
		this.addDelegate(this.oItemNavigation);
	}
	this.oItemNavigation.setRootDomRef(oFocusRef);
	this.oItemNavigation.setItemDomRefs(aDomRefs);
	this.oItemNavigation.setCycling(false);
	this.oItemNavigation.setSelectedIndex(this._getNavigationIndexForRealIndex(this.getSelectedIndex()));
	this.oItemNavigation.setPageSize(this._iVisibleItems); // Page down by number of visible items

	// Apply scrollTop


	// if scrolling to a certain item index is currently requested (but was not done because the control was not rendered before), do it now
	if (this.oScrollToIndexRequest) {
		this.scrollToIndex(this.oScrollToIndexRequest.iIndex, this.oScrollToIndexRequest.bLazy); // keep the oScrollToIndexRequest for the timeouted call
	} else {
		var scrollTop = this.getProperty("scrollTop");
		if (scrollTop > -1) {
			oDomRef.scrollTop = scrollTop;
		}
	}

	// sometimes this did not work, so repeat it after a timeout (consciously done twice, yes)
	var that = this;
	window.setTimeout(function() { // needs to be delayed because in Firefox sometimes the scrolling seems to come too early
		// if scrolling to a certain item index is currently requested (but was not done because the control was not rendered before), do it now
		if (that.oScrollToIndexRequest) {
			that.scrollToIndex(that.oScrollToIndexRequest.iIndex, that.oScrollToIndexRequest.bLazy);
			that.oScrollToIndexRequest = null;
		} else {
			var scrollTop = that.getProperty("scrollTop");
			if (scrollTop > -1) {
				oDomRef.scrollTop = scrollTop;
			}
		}
	}, 0);
};


/**
 * For the given iIndex, this method calculates the index of the respective item within the ItemNavigation set.
 * (if there are separators, the ItemNavigation does not know them)
 * Prerequisite: the iIndex points to an element which is NOT a Separator or disabled (= it must be known to the ItemNavigation)
 * @private
 */
sap.ui.commons.ListBox.prototype._getNavigationIndexForRealIndex = function(iIndex) {
	var aItems = this.getItems();
	var iNavIndex = iIndex;
	for (var i = 0; i < iIndex; i++) {
		if (aItems[i] instanceof sap.ui.core.SeparatorItem) {
			iNavIndex--;
		}
	}
	return iNavIndex;
};


/**
 * Calculates the number of visible items. Must happen after rendering and whenever the height is changed without rerendering.
 * @private
 */
sap.ui.commons.ListBox.prototype._updatePageSize = function() {
	var oDomRef = this.getDomRef();
	if (oDomRef) {
		if (sap.ui.commons.ListBox._fItemHeight > 0) {
			this._iVisibleItems = Math.floor(oDomRef.clientHeight / sap.ui.commons.ListBox._fItemHeight);
		} else {
			// TODO: shouldn't happen
		}
	}
	// else: nothing to do, item navigation will be initialized after rendering
};

/*
 * Scrolls the item with the given index into view, preferably at the topmost position.
 */
sap.ui.commons.ListBox.prototype.scrollToIndex = function(iIndex, bLazy) {
	var oDomRef = this.getDomRef();
	if (oDomRef) { // only if already rendered
		var oItem = jQuery.sap.byId(this.getId() + "-list").children("li[data-sap-ui-lbx-index=" + iIndex + "]");
		oItem = oItem.get(0);
		if (oItem) {
			var iScrollTop = oItem.offsetTop;
			if (!bLazy) {
				// scroll there without any conditions
				this.setScrollTop(iScrollTop);
			} else {
				// "lazy" means we should only scroll if required and as far as required
				var iCurrentScrollTop = oDomRef.scrollTop;
				var iViewPortHeight = jQuery(oDomRef).height();
				if (iCurrentScrollTop >= iScrollTop) {
					// if we have to scroll up, the behavior is fine already
					this.setScrollTop(iScrollTop);
				} else if ((iScrollTop + sap.ui.commons.ListBox._fItemHeight) > (iCurrentScrollTop + iViewPortHeight)) { // bottom Edge of item > bottom edge of viewport
					// the item is - at least partly - below the current viewport of the ListBox, so scroll down. But only as far as required
					this.setScrollTop(Math.ceil(iScrollTop + sap.ui.commons.ListBox._fItemHeight - iViewPortHeight)); // round because of _fItemHeight
				} else {
					// if the item is already fully visible, do nothing
				}
			}
		}
		// store the actual position
		this.getScrollTop();
	} else {
		// control not yet rendered, thus item height is unknown, so remember request for after rendering
		this.oScrollToIndexRequest = {iIndex:iIndex,bLazy:bLazy};
	}
	return this;
};

sap.ui.commons.ListBox.prototype.getVisibleItems = function() {
	return this._iVisibleItems;
};

/**
 * Makes the ListBox render with a height that allows it to display exactly the given number of items.
 *
 * @param {int} iItemCount the number of items that should fit into the ListBox without scrolling
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.ListBox.prototype.setVisibleItems = function(iItemCount) {
 /*
	*For the calculation, the size of the first item is used; if no item is present, an invisible dummy item
	* is rendered and instantly removed again.
	* Therefore, this method will not work for items with different heights and if actual items have a different
	* size than generic empty dummy items.
	*/
	// TODO: prevent values less than 1, or make them go back to CSS heights
	this.setProperty("visibleItems", iItemCount, true);

	this._iVisibleItems = iItemCount;
	if (iItemCount < 0) {
		this._bHeightInItems = false;
	} else {
		this._bHeightInItems = true;
	}

	// the actual height to set must be calculated now or later
	this._sTotalHeight = null;

	// if already rendered, calculate and set the height
	var oDomRef = this.getDomRef();
	if (oDomRef) {
		if (this._bHeightInItems) {
			var oFirstItem = oDomRef.firstChild ? oDomRef.firstChild.firstChild : null;
			if (oFirstItem || ((sap.ui.commons.ListBox._fItemHeight > 0) && (sap.ui.commons.ListBox._iBordersAndStuff > 0))) {
				oDomRef.style.height = this._calcTotalHeight();
			} else {
				// already rendered, but no dummy item!
				this.invalidate();
			}
		} else {
			oDomRef.style.height = this.getHeight();
			this._updatePageSize();
			if (this.oItemNavigation) {
				this.oItemNavigation.setPageSize(this._iVisibleItems); // Page down by number of visible items
			}
		}
	}

	if (this._sTotalHeight == null) { // this is the "else" clause covering all cases where the height was not set above
		// called before rendering, so the calculation and setting of the actual CSS height to set must be done later
	}

	return this;
};


/**
 * Calculates the outer height of the ListBox from the known item height and number of items that should fit.
 * The result (a CSS size string) is returned as well as assigned to this._sTotalHeight.
 * Precondition: the control is rendered, this._iVisibleItems, sap.ui.commons.ListBox._iBordersAndStuff and
 * sap.ui.commons.ListBox._fItemHeight are initialized.
 *
 * @returns {string} the required outer height as CSS size
 * @private
 */
sap.ui.commons.ListBox.prototype._calcTotalHeight = function() {
	// TODO: check preconditions
	var desiredHeight = this._iVisibleItems * sap.ui.commons.ListBox._fItemHeight;
	this._sTotalHeight = (desiredHeight + sap.ui.commons.ListBox._iBordersAndStuff) + "px";
	return this._sTotalHeight;
};


/**
 * Sets the height of this ListBox in CSS units

 * @param {string} sHeight
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.ListBox.prototype.setHeight = function(sHeight) {
	this._bHeightInItems = false;
	this._iVisibleItems = -1;

	var oDomRef = this.getDomRef();
	if (oDomRef) {
		oDomRef.style.height = sHeight;
		this._updatePageSize();
		if (this.oItemNavigation) {
			this.oItemNavigation.setPageSize(this._iVisibleItems); // Page down by number of visible items
		}
	}

	this.setProperty("height", sHeight, true); // no re-rendering
	return this;
};

/**
 * Setter for property width.
 *
 * @param {string} sWidth
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.ListBox.prototype.setWidth = function(sWidth) {
	var oDomRef = this.getDomRef();
	if (oDomRef) {
		oDomRef.style.width = sWidth;
	}
	this.setProperty("width", sWidth, true); // no re-rendering
	return this;
};

/**
 * Positions the ListBox contents that are scrolled-down by the given number of pixels
 *
 * @param {int} iScrollTip Vertical scroll position in pixels
 * @return {sap.ui.commons.ListBox} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.ListBox.prototype.setScrollTop = function (iScrollTop) {
	var scrollDomRef = this.getDomRef();
	this.oScrollToIndexRequest = null; // delete any pending scroll request
	if (scrollDomRef) {
		scrollDomRef.scrollTop = iScrollTop;
	}
	this.setProperty("scrollTop", iScrollTop, true); // no rerendering
	return this;
};

/**
 * Returns how many pixels the ListBox contents are currently scrolled down
 *
 * @return {int} Vertical scroll position
 * @public
 */
sap.ui.commons.ListBox.prototype.getScrollTop = function () {
	var scrollDomRef = this.getDomRef();
	if (scrollDomRef) {
		var scrollTop = scrollDomRef.scrollTop;
		this.setProperty("scrollTop", scrollTop, true);
		return scrollTop;
	} else {
		return this.getProperty("scrollTop");
	}
};



/* --- user interaction handling methods --- */

sap.ui.commons.ListBox.prototype.onfocusin = function (oEvent) {
	if(jQuery.browser.msie && ((jQuery.browser.version == "7.0") || (jQuery.browser.version == "8.0")) /* =IE8! */ && (oEvent.target != this.getDomRef()) && (oEvent.target.className != "sapUiLbxI")) {
		var parent = oEvent.target.parentNode;

		if (jQuery(parent).hasClass("sapUiLbxI")) {
			parent.focus();
		}
	}
};

sap.ui.commons.ListBox.prototype.onmousedown = function(oEvent) {
	if (jQuery.browser.webkit && oEvent.target && oEvent.target.id === this.getId()) { // ListBox scrollbar has been clicked; webkit completely removes the focus, which breaks autoclose popups
		var idToFocus = document.activeElement ? document.activeElement.id : this.getId();
		var that = this;
		window.setTimeout(function(){
			var scrollPos = that.getDomRef().scrollTop; // yes, this scrollPosition is the right one to use. The one before setTimeout works for the scrollbar grip, but not for the arrows
			jQuery.sap.focus(jQuery.sap.domById(idToFocus)); // re-set the focus
			that.getDomRef().scrollTop = scrollPos; // re-apply the scroll position (otherwise the focus() call would scroll the focused element into view)
		},0);
	}
};

sap.ui.commons.ListBox.prototype.onclick = function (oEvent) {
	this._handleUserActivation(oEvent);
};

sap.ui.commons.ListBox.prototype.onsapspace = function (oEvent) {
	this._handleUserActivation(oEvent);
};

/*
 * Ensure the sapspace event with modifiers is also handled as well as the respective "enter" events
 */

sap.ui.commons.ListBox.prototype.onsapspacemodifiers = sap.ui.commons.ListBox.prototype.onsapspace;
sap.ui.commons.ListBox.prototype.onsapenter = sap.ui.commons.ListBox.prototype.onsapspace;
sap.ui.commons.ListBox.prototype.onsapentermodifiers = sap.ui.commons.ListBox.prototype.onsapspace;

/**
 * Internal method invoked when the user activates an item. Differentiates and dispatches according to modifier key
 * and current selection.
 *
 * @private
 */
sap.ui.commons.ListBox.prototype._handleUserActivation = function (oEvent) {
	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	var oSource = oEvent.target;
	if (oSource.id === "" || jQuery.sap.endsWith(oSource.id, "-txt")) {
		oSource = oSource.parentNode;
		if (oSource.id === "") { // could be the image inside the first cell
			oSource = oSource.parentNode;
		}
	}
	var attr = jQuery(oSource).attr("data-sap-ui-lbx-index");
	if (typeof attr == "string" && attr.length > 0) {
		var iIndex = parseInt(attr, 10); // Get the selected index from the HTML

		var aItems = this.getItems();
		var oItem = aItems[iIndex]; // oItem could be a separator, though!

		// It could be the case that the list of items changed during the click event handling. Ensure the item is still the one in
		if (aItems.length <= iIndex) {  // TODO: very questionable! Why set the index to the last position? And why allow removing items during the processing?  Remove!
			iIndex = aItems.length - 1;
		}

		if (iIndex >= 0 && iIndex < aItems.length) { // TODO: this should be known by now
			if (oItem.getEnabled() && !(oItem instanceof sap.ui.core.SeparatorItem)) {
				// Take care of selection and select event
				if (oEvent.ctrlKey || oEvent.metaKey) { // = CTRL
						this._handleUserActivationCtrl(iIndex, oItem);
				} else {
					if (oEvent.shiftKey) {
						this.setSelectedIndices(this._getUserSelectionRange(iIndex));
						this.fireSelect({
							id:this.getId(),
							selectedIndex:iIndex,
							selectedIndices:this.getSelectedIndices(), /* NEW (do not use hungarian prefixes!) */
							selectedItem:oItem,
							sId:this.getId(),
							aSelectedIndices:this.getSelectedIndices() /* OLD */
						});
						this._iLastDirectlySelectedIndex = iIndex;
					} else {
						this._handleUserActivationPlain(iIndex, oItem);
					}
				}
			}
		}
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

/**
 * Called when the user triggers an item without holding a modifier key.
 * Changes the selection in the expected way.
 *
 * @private
 */
sap.ui.commons.ListBox.prototype._handleUserActivationPlain = function (iIndex, oItem) {
	this._iLastDirectlySelectedIndex = iIndex;
	this.oItemNavigation.setSelectedIndex(this._getNavigationIndexForRealIndex(iIndex));
	if (this.getSelectedIndex() != iIndex || this.getSelectedIndices().length > 1) {
		this.setSelectedIndex(iIndex); // Replace selection

		this.fireSelect({
			id:this.getId(),
			selectedIndex:iIndex,
			selectedIndices:this.getSelectedIndices(), /* NEW (do not use hungarian prefixes!) */
			selectedItem:oItem,
			sId:this.getId(),
			aSelectedIndices:this.getSelectedIndices() /* OLD */
		});
	}
};

/**
 * Called when the user triggers an item while pressing the Ctrl key.
 * Changes the selection in the expected way for the "Ctrl" case.
 *
 * @private
 */
sap.ui.commons.ListBox.prototype._handleUserActivationCtrl = function (iIndex, oItem) {
	this._iLastDirectlySelectedIndex = iIndex;
	this.oItemNavigation.setSelectedIndex(this._getNavigationIndexForRealIndex(iIndex));
	if (this.isIndexSelected(iIndex)) {
		this.removeSelectedIndex(iIndex); // Remove from multi-selection
	} else {
		this.addSelectedIndex(iIndex); // Add to multi-selection
	}

	this.fireSelect({
		id:this.getId(),
		selectedIndex:iIndex,
		selectedIndices:this.getSelectedIndices(), /* NEW (do not use hungarian prefixes!) */
		selectedItem:oItem,
		sId:this.getId(),
		aSelectedIndices:this.getSelectedIndices() /* OLD */
	});
};

/**
 * Calculates the list of indices ranging from the previously selected item to the
 * given index. Used internally for calculating the new selection range when the user holds the "shift" key
 * while clicking in the ListBox.
 *
 * @private
 */
sap.ui.commons.ListBox.prototype._getUserSelectionRange = function (iIndex) {
	if (this._iLastDirectlySelectedIndex == -1) {
		// TODO: Use focus and continue execution
		return [];
	}

	var aItems = this.getItems();
	var aRange = [];
	if (this._iLastDirectlySelectedIndex <= iIndex) {
		for (var i = this._iLastDirectlySelectedIndex; i <= iIndex; i++) {
			if ((i > -1) && (aItems[i].getEnabled() && !(aItems[i] instanceof sap.ui.core.SeparatorItem))) {
				aRange.push(i);
			}
		}
	} else {
		for (var i = iIndex; i <= this._iLastDirectlySelectedIndex; i++) {
			if ((i > -1) && (aItems[i].getEnabled() && !(aItems[i] instanceof sap.ui.core.SeparatorItem))) {
				aRange.push(i);
			}
		}
	}
	return aRange;
};



/* --- Overwritten setters and getters affecting the selection --- */

sap.ui.commons.ListBox.prototype.getSelectedIndex = function() {
	for (var i = 0; i < this._aSelectionMap.length; i++) {
		if (this._aSelectionMap[i]) {
			return i;
		}
	}
	return -1;
};

sap.ui.commons.ListBox.prototype.setSelectedIndex = function(iSelectedIndex) {
	if ((iSelectedIndex < -1) || (iSelectedIndex > this._aSelectionMap.length-1)) {
		return;
	} // Invalid index

	// do not select a disabled or separator item
	var aItems = this.getItems();
	if ((iSelectedIndex > -1) && (!aItems[iSelectedIndex].getEnabled() || (aItems[iSelectedIndex] instanceof sap.ui.core.SeparatorItem))) {
		return;
	}

	for (var i = 0; i < this._aSelectionMap.length; i++) {
		this._aSelectionMap[i] = false;
	}
	this._aSelectionMap[iSelectedIndex] = true;
	// And inform the itemNavigation about this, too
	if(this.oItemNavigation) {
		this.oItemNavigation.setSelectedIndex(this._getNavigationIndexForRealIndex(iSelectedIndex));
	}
	this.getRenderer().handleSelectionChanged(this);

	return this;
};

sap.ui.commons.ListBox.prototype.addSelectedIndex = function(iSelectedIndex) {
	if (!this.getAllowMultiSelect()) { // If multi-selection is not allowed, this call equals setSelectedIndex
		this.setSelectedIndex(iSelectedIndex);
	}

	// Multi-selectable case
	if ((iSelectedIndex < -1) || (iSelectedIndex > this._aSelectionMap.length-1)) {
		return;
	} // Invalid index

	// do not select a disabled or separator item
	var aItems = this.getItems();
	if ((iSelectedIndex > -1) && (!aItems[iSelectedIndex].getEnabled() || (aItems[iSelectedIndex] instanceof sap.ui.core.SeparatorItem))) {
		return;
	}

	if (this._aSelectionMap[iSelectedIndex]) {
		return;
	} // Selection does not change

	// Was not selected before
	this._aSelectionMap[iSelectedIndex] = true;
	this.getRenderer().handleSelectionChanged(this);

	return this;
};

sap.ui.commons.ListBox.prototype.removeSelectedIndex = function(iIndex) {
	if ((iIndex < 0) || (iIndex > this._aSelectionMap.length-1)) {
		return;
	} // Invalid index

	if (!this._aSelectionMap[iIndex]) {
		return;
	} // Selection does not change

	// Was selected before
	this._aSelectionMap[iIndex] = false;
	this.getRenderer().handleSelectionChanged(this);

	return this;
};

sap.ui.commons.ListBox.prototype.clearSelection = function() {
	for (var i = 0; i < this._aSelectionMap.length; i++) {
		if (this._aSelectionMap[i]) {
			this._aSelectionMap[i] = false;
		}
	}
	// More or less re-initialized
	this._iLastDirectlySelectedIndex = -1;
	// Reset the index also in ItemNavigation
	if(this.oItemNavigation) {
		this.oItemNavigation.setSelectedIndex(-1);
	}
	this.getRenderer().handleSelectionChanged(this);

	return this;
};



sap.ui.commons.ListBox.prototype.getSelectedIndices = function() {
	var aResult = [];
	for (var i = 0; i < this._aSelectionMap.length; i++) {
		if (this._aSelectionMap[i]) {
			aResult.push(i);
		}
	}
	return aResult;
};

sap.ui.commons.ListBox.prototype.setSelectedIndices = function(aSelectedIndices) {
	var indicesToSet = [];
	var aItems = this.getItems();
	for (var i = 0; i < aSelectedIndices.length; i++) {
		if ((aSelectedIndices[i] > -1) && (aSelectedIndices[i] < this._aSelectionMap.length)) {
			if (aItems[aSelectedIndices[i]].getEnabled() && !(aItems[aSelectedIndices[i]] instanceof sap.ui.core.SeparatorItem)) {
				indicesToSet.push(aSelectedIndices[i]);
			}
		}
	}

	if (indicesToSet.length > 0) { // TODO: Disable event listening to items??
		// With multi-selection disabled, use the first valid index only
		if (!this.getAllowMultiSelect()) {
			indicesToSet = [indicesToSet[0]];
		}
	}

	for (var i = 0; i < this._aSelectionMap.length; i++) {
		this._aSelectionMap[i] = false;
	}

	// O(n+m)
	for (var i = 0; i < indicesToSet.length; i++) {
		this._aSelectionMap[indicesToSet[i]] = true;
	}
	this.getRenderer().handleSelectionChanged(this);

	return this;
};

sap.ui.commons.ListBox.prototype.addSelectedIndices = function(aSelectedIndices) {
	var indicesToSet = [];
	var aItems = this.getItems();
	for (var i = 0; i < aSelectedIndices.length; i++) {
		if ((aSelectedIndices[i] > -1) && (aSelectedIndices[i] < this._aSelectionMap.length)) {
			// do not select a disabled or separator item
			if (aItems[aSelectedIndices[i]].getEnabled() && !(aItems[aSelectedIndices[i]] instanceof sap.ui.core.SeparatorItem)) {
				indicesToSet.push(aSelectedIndices[i]);
			}
		}
	}

	if (indicesToSet.length > 0) { // TODO: Disable event listening to items??
		// With multi-selection disabled, use the first valid index only
		if (!this.getAllowMultiSelect()) {
			indicesToSet = [indicesToSet[0]];
		}

		// O(n+m)
		for (var i = 0; i < indicesToSet.length; i++) {
			this._aSelectionMap[indicesToSet[i]] = true;
		}
		this.getRenderer().handleSelectionChanged(this);
	}
	return this;
};


sap.ui.commons.ListBox.prototype.isIndexSelected = function(iIndex) {
	if ((iIndex < -1) || (iIndex > this._aSelectionMap.length-1)) {
		return false; // Invalid index -> not selected
	}

	return this._aSelectionMap[iIndex];
};


sap.ui.commons.ListBox.prototype.setSelectedKeys = function(aSelectedKeys) {
	var aItems = this.getItems();

	var key;
	var mKeyMap = {};
	for (var i = 0; i < aSelectedKeys.length; i++) { // put the keys into a map to hopefully search faster below
		if (key = aSelectedKeys[i]) {
			mKeyMap[key] = true;
		}
	}

	var aIndices = [];
	for (var j = 0; j < aItems.length; j++) {
		if ((key = aItems[j].getKey()) && (mKeyMap[key])) {
			aIndices.push(j);
		}
	}

	return this.setSelectedIndices(aIndices);
};

sap.ui.commons.ListBox.prototype.getSelectedKeys = function() {
	var aItems = this.getItems();
	var aResult = [];
	for (var i = 0; i < this._aSelectionMap.length; i++) {
		if (this._aSelectionMap[i]) {
			aResult.push(aItems[i].getKey());
		}
	}
	return aResult;
};


sap.ui.commons.ListBox.prototype.getSelectedItem = function() {
	var iIndex = this.getSelectedIndex();
	if ((iIndex < 0) || (iIndex >= this._aSelectionMap.length)) {
		return null;
	}
	return this.getItems()[iIndex];
};

sap.ui.commons.ListBox.prototype.getSelectedItems = function() {
	var aItems = this.getItems();
	var aResult = [];
	for (var i = 0; i < this._aSelectionMap.length; i++) {
		if (this._aSelectionMap[i]) {
			aResult.push(aItems[i]);
		}
	}
	return aResult;
};

sap.ui.commons.ListBox.prototype.setAllowMultiSelect = function(bAllowMultiSelect) {
	this.setProperty("allowMultiSelect", bAllowMultiSelect);
	var oneWasSelected = false;
	var twoWereSelected = false;
	if (!bAllowMultiSelect && this._aSelectionMap) {
		for (var i = 0; i < this._aSelectionMap.length; i++) {
			if (this._aSelectionMap[i]) {
				if (!oneWasSelected) {
					oneWasSelected = true;
				} else {
					this._aSelectionMap[i] = false;
					twoWereSelected = true;
				}
			}
		}
	}
	if (twoWereSelected) {
		this.getRenderer().handleSelectionChanged(this);
	}
	return this;
};


/**
 * Handles the event that gets fired by the {@link sap.ui.core.delegate.ItemNavigation} delegate.
 *
 * @param {sap.ui.base.Event} oControlEvent The event that gets fired by the {@link sap.ui.core.delegate.ItemNavigation} delegate.
 * @private
 */
sap.ui.commons.ListBox.prototype._handleAfterFocus = function(oControlEvent) {
	var iIndex = oControlEvent.getParameter("index");
	iIndex = ((iIndex !== undefined && iIndex >= 0) ? this._aActiveItems[iIndex] : 0);

	this.getRenderer().handleARIAActivedescendant(this, iIndex);
};

/* --- "items" aggregation methods, overwritten to update _aSelectionMap and allow filteredItems --- */

/*
 * Implementation of API method setItems.
 * Semantically belonging to "items" aggregation but not part of generated method set.
 * @param bNoItemsChanged not in official API, only needen in DropdownBox TypeAhead
 */
sap.ui.commons.ListBox.prototype.setItems = function(aItems, bDestroyItems, bNoItemsChanged) {
	this.bNoItemsChangeEvent = true;
	if(bDestroyItems) {
		this.destroyItems();
	} else {
		this.removeAllItems();
	}
	for(var i = 0, l = aItems.length; i < l; i++){
		this.addItem(aItems[i]);
	}
	this.bNoItemsChangeEvent = undefined;
	if (!bNoItemsChanged) {
		this.fireEvent("itemsChanged", {event: "setItems", items: aItems}); //private event used in DropdownBox
	}
	return this;
};

sap.ui.commons.ListBox.prototype.addItem = function(oItem) {
	this.bNoItemInvalidateEvent = true;
	this.addAggregation("items", oItem);
	this.bNoItemInvalidateEvent = false;
	if ( !this._aSelectionMap ) {
		this._aSelectionMap = [];
	}
	this._aSelectionMap.push(false);

	if (!this.bNoItemsChangeEvent) {
		this.fireEvent("itemsChanged", {event: "addItem", item: oItem}); //private event used in DropdownBox
	}

	return this;
};

sap.ui.commons.ListBox.prototype.insertItem = function(oItem, iIndex) {
	if ((iIndex < 0) || (iIndex > this._aSelectionMap.length)) {
		return;
	} // Ignore invalid index TODO:: check behavior for iIndex=length
	// TODO: Negative indices might be used to count from end of array

	this.bNoItemInvalidateEvent = true;
	this.insertAggregation("items", oItem, iIndex);
	this.bNoItemInvalidateEvent = false;
	this._aSelectionMap.splice(iIndex, 0, false);

	this.invalidate();

	if (!this.bNoItemsChangeEvent) {
		this.fireEvent("itemsChanged", {event: "insertItems", item: oItem, index: iIndex}); //private event used in DropdownBox
	}

	return this;
};

sap.ui.commons.ListBox.prototype.removeItem = function(vElement) {
	var iIndex = vElement;
	if (typeof(vElement) == "string") { // ID of the element is given
		vElement = sap.ui.getCore().byId(vElement);
	}
	if (typeof(vElement) == "object") { // the element itself is given or has just been retrieved
		iIndex = this.indexOfItem(vElement);
	}

	if ((iIndex < 0) || (iIndex > this._aSelectionMap.length-1)) {
		if (!this.bNoItemsChangeEvent) {
			this.fireEvent("itemsChanged", {event: "removeItem", item: vElement}); //private event used in DropdownBox
		}
		return;
	} // Ignore invalid index

	this.bNoItemInvalidateEvent = true;
	var oRemoved = this.removeAggregation("items", iIndex);
	this.bNoItemInvalidateEvent = false;
	this._aSelectionMap.splice(iIndex, 1);

	this.invalidate();

	if (!this.bNoItemsChangeEvent) {
		this.fireEvent("itemsChanged", {event: "removeItem", item: oRemoved}); //private event used in DropdownBox
	}

	return oRemoved;
};

sap.ui.commons.ListBox.prototype.removeAllItems = function() {
	this.bNoItemInvalidateEvent = true;
	var oRemoved = this.removeAllAggregation("items");
	this.bNoItemInvalidateEvent = false;

	this._aSelectionMap = [];

	this.invalidate();

	if (!this.bNoItemsChangeEvent) {
		this.fireEvent("itemsChanged", {event: "removeAllItems"}); //private event used in DropdownBox
	}

	return oRemoved;
};

sap.ui.commons.ListBox.prototype.destroyItems = function() {
	this.bNoItemInvalidateEvent = true;
	var destroyed = this.destroyAggregation("items");
	this.bNoItemInvalidateEvent = false;

	this._aSelectionMap = [];

	this.invalidate();

	if (!this.bNoItemsChangeEvent) {
		this.fireEvent("itemsChanged", {event: "destroyItems"}); //private event used in DropdownBox
	}

	return destroyed;
};

sap.ui.commons.ListBox.prototype.updateItems = function(){

	this.bNoItemsChangeEvent = true;

	this.updateAggregation("items");

	this.bNoItemsChangeEvent = undefined;

	this.fireEvent("itemsChanged", {event: "updateItems"}); //private event used in DropdownBox

};

/**
 * Does all the cleanup when the ListBox is to be destroyed.
 * Called from the element's destroy() method.
 * @private
 */
sap.ui.commons.ListBox.prototype.exit = function (){
	if (this.oItemNavigation) {
		this.removeDelegate(this.oItemNavigation);
		this.oItemNavigation.destroy();
		delete this.oItemNavigation;
	}
	
	if(this._oScroller){
		this._oScroller.destroy();
		this._oScroller = null;
	}

	// No super.exit() to call
};

/*
 * Overrides getFocusDomRef of base element class.
 * @public
 */
sap.ui.commons.ListBox.prototype.getFocusDomRef = function() {
	return jQuery.sap.domById(this.getId() + '-list');
};

/*
 * Overwrites default implementation
 * the label must point to the UL element
 * @public
 */
sap.ui.commons.ListBox.prototype.getIdForLabel = function () {
	return this.getId()+'-list';
};

/*
 * Overwite of INVALIDATE
 * inform ComboBox if an item has cahnged
*/
sap.ui.commons.ListBox.prototype.invalidate = function(oOrigin) {

	sap.ui.core.Control.prototype.invalidate.apply(this, arguments);

	if(oOrigin || oOrigin instanceof sap.ui.core.Item){
		// item has changed - but fire event only if item changed itself and not only the aggregation
		if (!this.bNoItemInvalidateEvent) {
			this.fireEvent("itemInvalidated", {item: oOrigin}); //private event used in ComboBox
		}
	}

};

}; // end of sap.ui.commons.ListBox
if ( !jQuery.sap.isDeclared('sap.ui.commons.MenuItemBase') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.MenuItemBase.
jQuery.sap.declare("sap.ui.commons.MenuItemBase");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new MenuItemBase.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getStartsSection startsSection} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getSubmenu submenu} : sap.ui.commons.Menu</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.MenuItemBase#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Provides the standard properties for menu items.
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.MenuItemBase
 */
sap.ui.core.Element.extend("sap.ui.commons.MenuItemBase", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"startsSection" : {type : "boolean", group : "Behavior", defaultValue : false}
	},
	defaultAggregation : "submenu",
	aggregations : {
    	"submenu" : {type : "sap.ui.commons.Menu", multiple : false}
	},
	events : {
		"select" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.MenuItemBase with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.MenuItemBase.extend
 * @function
 */

sap.ui.commons.MenuItemBase.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>enabled</code>.
 * 
 * Disabled items have different colors, depending on customer settings.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.MenuItemBase#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.MenuItemBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItemBase#setEnabled
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * 
 * Invisible controls are not rendered.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.MenuItemBase#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.MenuItemBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItemBase#setVisible
 * @function
 */


/**
 * Getter for property <code>startsSection</code>.
 * 
 * If set to true, a divider is displayed before the item
 * 
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>startsSection</code>
 * @public
 * @name sap.ui.commons.MenuItemBase#getStartsSection
 * @function
 */

/**
 * Setter for property <code>startsSection</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bStartsSection  new value for property <code>startsSection</code>
 * @return {sap.ui.commons.MenuItemBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItemBase#setStartsSection
 * @function
 */


/**
 * Getter for aggregation <code>submenu</code>.<br/>
 * Aggregation of a menu item's sub menu.
 * 
 * @return {sap.ui.commons.Menu}
 * @public
 * @name sap.ui.commons.MenuItemBase#getSubmenu
 * @function
 */


/**
 * Setter for the aggregated <code>submenu</code>.
 * @param oSubmenu {sap.ui.commons.Menu}
 * @return {sap.ui.commons.MenuItemBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItemBase#setSubmenu
 * @function
 */
	

/**
 * Destroys the submenu in the aggregation 
 * named <code>submenu</code>.
 * @return {sap.ui.commons.MenuItemBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItemBase#destroySubmenu
 * @function
 */


/**
 * Event is fired when an item is selected. The event is also available for items having a sub menu.
 * A mouse click or space bar click on a sub menu item fires the event.
 *  
 *
 * @name sap.ui.commons.MenuItemBase#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.commons.MenuItemBase} oControlEvent.getParameters.item Represents the current item
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.commons.MenuItemBase</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.MenuItemBase</code>.<br/> itself. 
 *  
 * Event is fired when an item is selected. The event is also available for items having a sub menu.
 * A mouse click or space bar click on a sub menu item fires the event.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.MenuItemBase</code>.<br/> itself.
 *
 * @return {sap.ui.commons.MenuItemBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItemBase#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.commons.MenuItemBase</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.MenuItemBase} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItemBase#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'item' of type <code>sap.ui.commons.MenuItemBase</code> Represents the current item</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.MenuItemBase} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.MenuItemBase#fireSelect
 * @function
 */


// Start of sap/ui/commons/MenuItemBase.js
sap.ui.commons.MenuItemBase.prototype.init = function(){
   // do something for initialization...
};

sap.ui.commons.MenuItemBase.prototype.render = function(oRenderManager, oItem, oMenu){
	// Subclasses have to override this
	var rm = oRenderManager;
	rm.write("<li");
	rm.writeElementData(oItem);
	rm.write("><div style=\"white-space:nowrap;display:inline-block;padding:1px;color:black;\" id=\""+this.getId()+"-txt\">");
	rm.write(oItem.getId());
	if(this.getSubmenu()){
		rm.write("&nbsp;&nbsp;->");
	}
	rm.write("</div></li>");
};

/**
 * @protected
 */
sap.ui.commons.MenuItemBase.prototype.hover = function(bHovered, oMenu){
	// Subclasses have to override this
	jQuery.sap.byId(this.getId()+"-txt").attr("style", bHovered ? "white-space:nowrap;display:inline-block;padding:1px;color:red;" : "white-space:nowrap;display:inline-block;padding:1px;color:black;");
};
}; // end of sap.ui.commons.MenuItemBase
if ( !jQuery.sap.isDeclared('sap.ui.commons.Message') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Message.
jQuery.sap.declare("sap.ui.commons.Message");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Message.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getType type} : sap.ui.commons.MessageType</li>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getAssociatedElementId associatedElementId} : string</li>
 * <li>{@link #getDesign design} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Creates the "Message"s to be supplied to the "MessageBar" Control.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @deprecated Since version 1.4.0. 
 * A new messaging concept will be created in future. Therefore this control might be removed in one of the next versions.
 * @name sap.ui.commons.Message
 */
sap.ui.core.Control.extend("sap.ui.commons.Message", { metadata : {

	// ---- object ----
	deprecated : true,
	publicMethods : [
		// methods
		"bindDetails"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"type" : {type : "sap.ui.commons.MessageType", group : "Behavior", defaultValue : null},
		"text" : {type : "string", group : "Data", defaultValue : null},
		"associatedElementId" : {type : "string", group : "Data", defaultValue : null},
		"design" : {type : "string", group : "Misc", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Message with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Message.extend
 * @function
 */


/**
 * Getter for property <code>type</code>.
 * "Success", or "Warning", or "Error" messages. (Mandatory)
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.commons.MessageType} the value of property <code>type</code>
 * @public
 * @name sap.ui.commons.Message#getType
 * @function
 */

/**
 * Setter for property <code>type</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.commons.MessageType} oType  new value for property <code>type</code>
 * @return {sap.ui.commons.Message} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Message#setType
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * Message short text. (Mandatory)
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.Message#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.Message} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Message#setText
 * @function
 */


/**
 * Getter for property <code>associatedElementId</code>.
 * Associated UI element ID. (Optional)
 * For navigation to error field.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>associatedElementId</code>
 * @public
 * @name sap.ui.commons.Message#getAssociatedElementId
 * @function
 */

/**
 * Setter for property <code>associatedElementId</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAssociatedElementId  new value for property <code>associatedElementId</code>
 * @return {sap.ui.commons.Message} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Message#setAssociatedElementId
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * Internal attribute, used to force the display of the "short" or the "long" text only.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>design</code>
 * @public
 * @name sap.ui.commons.Message#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.Message} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Message#setDesign
 * @function
 */


/**
 * Registers a callback function to be invoked if long text Details are to be made available. This callback function will be supplied the corresponding Message "id", and should return the HTML string to be displayed within the Message Details Dialog.
 * E.g.: myMessage.bindDetails(getDetails);
 * where
 * function getDetails(sId) {... return htmlString;}
 *
 * @name sap.ui.commons.Message.prototype.bindDetails
 * @function

 * @type string
 * @public
 */


// Start of sap/ui/commons/Message.js


sap.ui.commons.Message.prototype.init = function(){
	// Defining some private data...
	this.isRTL = sap.ui.getCore().getConfiguration().getRTL();

	// The "Details" related Controls.
  this.fnCallBack    = null; // Supplied only if a longText is to be provided on demand.
	this.oLink         = null; // Created only if a longText exists. This is the link opening the Details Dialog.
	this.oContainer    = null; // Created only if a longText exists. This is the "Dialog" hosting the Details.
	this.oDetails      = null; // Created only if a longText exists. This is the Controller rendering the Details.
	this.oBtnOK        = null; // Created only if a longText exists. This is the OK button found within the Dialog.
};

/**
 * Destroys this Control instance, called by Element#destroy()
 * @private
 */
sap.ui.commons.Message.prototype.exit = function() {
	if (this.oLink) {
		this.oLink.destroy();
		this.oLink = null;
	}
	if (this.oDetails) {
		this.oDetails.destroy();
		this.oDetails = null;
	}
	if (this.oContainer) {
		this.oContainer.destroy();
		this.oContainer = null;
	}
	if (this.oBtnOK) {
		this.oBtnOK.destroy();
		this.oBtnOK = null;
	}
};

// #############################################################################
// Internal Utilities
// #############################################################################
/**
 * This utility is for closing the Message Details from its OK button.
 * @private
 */
sap.ui.commons.Message.closeDetails = function(oControlEvent) {
  oControlEvent.getSource().getParent().close();
};
/**
 * This utility closes THIS Message's Details.
 * @private
 */
sap.ui.commons.Message.prototype.closeDetails = function() {
  // If Details have been opened, can attempt to close them:
  if (this.oContainer) {
	this.oContainer.close();
  }
};

/**
 * This utility renders the Message Details.
 * Current Specifications are those of JPaaS:
 *    Supported by:               "Dialog"              "MessageBox"
 *  - Title:                       Yes                   Yes
 *  - Non-blocking:                Yes, configurable.    No, modal only
 *  - Accepts HTML string:         Yes, via oContent.    No, sMessage only
 *  - Bottom-Right resize handle:  Yes                   No
 *  - No icon:                     Yes                   Possible
 * @private
 */
sap.ui.commons.Message.prototype.openDetails = function() {
  if (!this.oContainer) {
	var rb          = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
	var OK          = rb.getText("MSGBAR_DETAILS_DIALOG_CLOSE");
	var title       = rb.getText("MSGBAR_DETAILS_DIALOG_TITLE");
	// Reading the HTML details as is, styles included:
	var	htmlDetails = this.fnCallBack(this.getId());
	this.oDetails   = new sap.ui.commons.Message({type: this.getType(), text: htmlDetails});
	this.oBtnOK     = new sap.ui.commons.Button({text: OK, press:sap.ui.commons.Message.closeDetails});
	this.oContainer = new sap.ui.commons.Dialog();
	this.oContainer.addContent(this.oDetails);
	this.oContainer.setTitle(title);
		this.oContainer.addButton(this.oBtnOK);
  //this.oContainer.setDefaultButton(this.oBtnOK); // Already the default since the only button...
  }
	// Other visible Dialogs around?
  var sContainerId = this.oContainer.getId();
  var iOthersMaxZIndex = 0;
  var oOtherOpenDialogs = jQuery('.sapUiDlg');
  for (var i=oOtherOpenDialogs.length-1; i>=0; i--) {
	if (jQuery(oOtherOpenDialogs[i]).css('visibility') != "visible") {
	  oOtherOpenDialogs.splice(i, 1);
	} else if (oOtherOpenDialogs[i].id == sContainerId) {
	  oOtherOpenDialogs.splice(i, 1);
	} else {
	  iOthersMaxZIndex = Math.max(iOthersMaxZIndex,jQuery(oOtherOpenDialogs[i]).css('zIndex'));
	}
  }

  // Taking note for later:
  var bWasOpen = this.oContainer.isOpen();
  // No matter what, we have to open the new Details, so:
  this.oContainer.open();

  // jQuery version of our OPEN Dialog Container:
	var jContainer = this.oContainer.$();

  // Starting a new Stack in the default Dialog's location:
  var jContainerRect = jContainer.rect(); // For Height and Width...
	if (oOtherOpenDialogs.length == 0) {
		// "offsets.right" & "offsets.left" should be identical as plain Dialogs are centered,
		// but in case there is a bug (like in Safari RTL):
		if (this.isRTL) {
		  // Will be using "left" invariably for RTL or LTR:
			jContainerRect.left = Number(jContainer.css('right').replace("px", ""));
		}
		this.setLastOffsets(jContainerRect);
		// Nothing else to do:
		return;
	}

  // Dialog limitation. Work-around:
  if (bWasOpen) {
		if (iOthersMaxZIndex > jContainer.css('zIndex')) {
			// zIndex not raised via previous re-open()...
			// Have to raise it ourselves.
		jContainer.css('zIndex',iOthersMaxZIndex+1);
		}
		// Nothing else to do:
	return;
  }

  //*************** Stacking process starts ***************
  // 1st rendering the new Dialog on top of the old one...
  var oNextOffsets = this.getNextOffsets();
	jContainer.css('top',  (oNextOffsets.top -sap.ui.commons.Message.TOP_INCR ) + "px");
  if (this.isRTL) {
		jContainer.css('right', (oNextOffsets.left-sap.ui.commons.Message.LEFT_INCR) + "px");
  } else {
	jContainer.css('left',  (oNextOffsets.left-sap.ui.commons.Message.LEFT_INCR) + "px");
  }

  // Figuring what should the next coordinates be:
  var jContainerRect = jContainer.rect(); // For Height and Width...
  var scrollTop   = jQuery(window).scrollTop();
  var scrollLeft  = jQuery(window).scrollLeft(); // Negative in RTL
  var scrollRight = -scrollLeft;
  // Checking if the new coordinates fit within the window:
  if ((jQuery(window).height()+scrollTop) < (oNextOffsets.top+jContainerRect.height)) {
	// ReStacking from the top:
	oNextOffsets.top = scrollTop;
	this.setLastOffsets(oNextOffsets);
  }
  if (this.isRTL) {
	  if ((jQuery(window).width()+scrollRight) < (oNextOffsets.left+jContainerRect.width)) {
		// ReStacking from the right:
		oNextOffsets.left = scrollRight;
		this.setLastOffsets(oNextOffsets);
	  }
		// Animating the Dialog to its new offset position:
		jContainer.animate({top:oNextOffsets.top+"px", right:oNextOffsets.left+"px"}, 200);
  } else {
	  if ((jQuery(window).width()+scrollLeft) < (oNextOffsets.left+jContainerRect.width)) {
		// ReStacking from the left:
		oNextOffsets.left = scrollLeft;
		this.setLastOffsets(oNextOffsets);
	  }
		// Animating the Dialog to its new offset position:
		jContainer.animate({top:oNextOffsets.top+"px", left:oNextOffsets.left+"px"}, 200);
  }

//MESSAGEBOX BACKUP: Issues: Only Modal, Doesn't accept HTML string, No Resize-Area.
//	var rb    = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
//  var ICON  = this.getType().toUpperCase();		// ERROR, WARNING, ...
//  var title = rb.getText("MSGTYPE_" + ICON);
//  var text  = this.getLongText();
//  sap.ui.commons.MessageBox.show(text, ICON, title);
};

sap.ui.commons.Message.TOP_INCR  = 20;
sap.ui.commons.Message.LEFT_INCR = 10;


// Begin of Dialog-Offsets-Stacking facilities
(function() {
	var oLastOffsets = null;
	/**
	 * @static
	 */
	sap.ui.commons.Message.setLastOffsets = function(oOffsets){
		oLastOffsets = oOffsets;
	};
	sap.ui.commons.Message.prototype.setLastOffsets = function(oOffsets){
		sap.ui.commons.Message.setLastOffsets(oOffsets);
	};
	sap.ui.commons.Message.getNextOffsets = function(){
	  oLastOffsets.top   += sap.ui.commons.Message.TOP_INCR;
	  oLastOffsets.left  += sap.ui.commons.Message.LEFT_INCR;
		return oLastOffsets;
	};
	sap.ui.commons.Message.prototype.getNextOffsets = function(){
		return sap.ui.commons.Message.getNextOffsets();
	};
}());
// End of Dialog-Offsets-Stacking facilities


// #############################################################################
// Public APIs
// #############################################################################
/**
 * This interface registers a CallBack function, to be called for rendering
 * the longText Details of a Message.
 * This function will be supplied the ID of the Message.
 * This function is expected to return the (simple) HTML string giving the
 * details belonging to this message ID.
 * @public
 */
sap.ui.commons.Message.prototype.bindDetails = function(fnCallBack) {
  this.fnCallBack = fnCallBack;
};
}; // end of sap.ui.commons.Message
if ( !jQuery.sap.isDeclared('sap.ui.commons.MessageBar') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.MessageBar.
jQuery.sap.declare("sap.ui.commons.MessageBar");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new MessageBar.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getAnchorID anchorID} : string (default: '')</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getMaxToasted maxToasted} : int (default: 3)</li>
 * <li>{@link #getMaxListed maxListed} : int (default: 7)</li>
 * <li>{@link #getAnchorSnapPoint anchorSnapPoint} : string (default: "begin top")</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Creates an instance of a "MessageBar" Control, for displaying "Message"s.
 * There is no imposed limit on the number of "MessageBar"s that can be created, but using only 1 makes sense, specially if accessing it (via Ctl-m) becomes a necessity.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @deprecated Since version 1.4.0. 
 * A new messaging concept will be created in future. Therefore this control might be removed in one of the next versions.
 * @name sap.ui.commons.MessageBar
 */
sap.ui.core.Control.extend("sap.ui.commons.MessageBar", { metadata : {

	// ---- object ----
	deprecated : true,
	publicMethods : [
		// methods
		"addMessages", "deleteMessages", "deleteAllMessages"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"anchorID" : {type : "string", group : "Appearance", defaultValue : ''},
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"maxToasted" : {type : "int", group : "Misc", defaultValue : 3},
		"maxListed" : {type : "int", group : "Misc", defaultValue : 7},
		"anchorSnapPoint" : {type : "string", group : "Misc", defaultValue : "begin top"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.MessageBar with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.MessageBar.extend
 * @function
 */


/**
 * Getter for property <code>anchorID</code>.
 * Element ID upon which the 'message bar' is to be initially positioned.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>anchorID</code>
 * @public
 * @name sap.ui.commons.MessageBar#getAnchorID
 * @function
 */

/**
 * Setter for property <code>anchorID</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAnchorID  new value for property <code>anchorID</code>
 * @return {sap.ui.commons.MessageBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageBar#setAnchorID
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.MessageBar#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.MessageBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageBar#setVisible
 * @function
 */


/**
 * Getter for property <code>maxToasted</code>.
 * Maximum number of simultaneous messages being toasting-up in a row. Value '0' means this dynamic part of the feature is switched off.
 *
 * Default value is <code>3</code>
 *
 * @return {int} the value of property <code>maxToasted</code>
 * @public
 * @name sap.ui.commons.MessageBar#getMaxToasted
 * @function
 */

/**
 * Setter for property <code>maxToasted</code>.
 *
 * Default value is <code>3</code> 
 *
 * @param {int} iMaxToasted  new value for property <code>maxToasted</code>
 * @return {sap.ui.commons.MessageBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageBar#setMaxToasted
 * @function
 */


/**
 * Getter for property <code>maxListed</code>.
 * Maximum number of messages being display in the List before a scrollbar appears. Value '0' means no limit.
 *
 * Default value is <code>7</code>
 *
 * @return {int} the value of property <code>maxListed</code>
 * @public
 * @name sap.ui.commons.MessageBar#getMaxListed
 * @function
 */

/**
 * Setter for property <code>maxListed</code>.
 *
 * Default value is <code>7</code> 
 *
 * @param {int} iMaxListed  new value for property <code>maxListed</code>
 * @return {sap.ui.commons.MessageBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageBar#setMaxListed
 * @function
 */


/**
 * Getter for property <code>anchorSnapPoint</code>.
 * Type: sap.ui.core.Popup.Dock
 * SnapPoint of MessageBar over anchorId.
 * Note: Use "begin" or "end" for RTL support.
 * Note: "center" is not indicated, as positioning is only set once, either via the css "left" or the "right" attribute. Therefore a MessageBar will only be extended in one direction, as Messages come in.
 *
 * Default value is <code>"begin top"</code>
 *
 * @return {string} the value of property <code>anchorSnapPoint</code>
 * @public
 * @name sap.ui.commons.MessageBar#getAnchorSnapPoint
 * @function
 */

/**
 * Setter for property <code>anchorSnapPoint</code>.
 *
 * Default value is <code>"begin top"</code> 
 *
 * @param {string} sAnchorSnapPoint  new value for property <code>anchorSnapPoint</code>
 * @return {sap.ui.commons.MessageBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageBar#setAnchorSnapPoint
 * @function
 */


/**
 * To add message(s).
 *
 * @name sap.ui.commons.MessageBar.prototype.addMessages
 * @function
 * @param {sap.ui.commons.Message[]} 
 *         aAMessages
 *         Array of messages.

 * @type void
 * @public
 */


/**
 * To deleted messages.
 *
 * @name sap.ui.commons.MessageBar.prototype.deleteMessages
 * @function
 * @param {string[]} 
 *         aIds
 *         Messages IDs to be deleted.

 * @type void
 * @public
 */


/**
 * To deleted all messages.
 *
 * @name sap.ui.commons.MessageBar.prototype.deleteAllMessages
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/MessageBar.js
jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.commons.MessageBar.prototype.init = function(){
	// Defining some private data...

	// Message queues, in priority order:
	this.aErrors    = []; // Error queue.
	this.aWarnings  = []; // Warning queue.
	this.aSuccesses = []; // Success queue.
	// Toasting queue:
	this.aToasts    = [];
	this.maxToastsReached = false; // Disables Toast queue.

	// Popup(oContent, bModal, bShadow, bAutoClose) container initialization:
	// - oModal: "true/false" : For blocking the background window.
	this.oPopup   = new sap.ui.core.Popup(this, false, true, false);

	// The different related Controls.
	this.oList    = null; // Created only if opened by user.
	// MessageBar does not come without Toasts:
	var id        = this.getId();
	this.oToast   = new sap.ui.commons.MessageToast(id+"__Toast", {anchorId:id+"__sums"});
	var that      = this; // For closure
	this.oToast.attachNext(function(){that.checkForToast();});

	// Drag&Drop data. Only evaluated if needed:
	this.snapPoint = null;
	this.oHomePosition = null;
	this.oDropPosition = null;
	this.bToggleListBackAfterDrag = null;
};

/**
 * Destroys this Control instance, called by Element#destroy()
 * @private
 */
sap.ui.commons.MessageBar.prototype.exit = function() {
	// If this happens during a Drag, forcing a Drop
	// in order to remove any bound handlers:
	this.onmouseup();

	// Closing and destroying everything:
	this.close();

	this.oPopup.destroy();
	this.oPopup = null;

	this.oToast.destroy();
	this.oToast = null;

	if (this.oList) {
		this.oList.destroy();
		this.oList = null;
	}
};

// **************************************************
// * Drag&Drop // Copied from Dialog and ColumnDnDManager...
// **************************************************
/**
* Overwrites the native D&D, not to see the native ghost.
* @param {sap.ui.core.BrowserEvent} oEvent The forwarded browser event
* @private
*/
sap.ui.commons.MessageBar.prototype.ondragstart = function(oEvent){
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Initializes drag and drop capabilities.
 *
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.MessageBar.prototype.onmousedown = function (oEvent) {
//jQuery.sap.log.debug("MESSAGEBAR: ONMOUSEDOWN");
	var oSource  = oEvent.target;
	var jSource = jQuery(oSource);

	// If cursor does not say move, then do not bother.
	if (jSource.css('cursor') != "move") {
		return;
	}

	this.sDragMode = "move";


  // MessageBar start position:
	this.oMsgBarDragStartPosition       = this.$().rect();
	this.oMsgBarDragStartPosition.right = Number(this.$().css('right').replace("px", ""));

	// Recording our home position, in order to return to it on demand:
	if (!this.oHomePosition) {
		this.oHomePosition = this.oMsgBarDragStartPosition;
	}

	// To evaluate the extend of the drag:
	this.mouseDragStartPositionX = oEvent.screenX;
	this.mouseDragStartPositionY = oEvent.screenY;

	// Activating our move handler:
	var jDocument = jQuery(window.document);
	jDocument.bind("mousemove", jQuery.proxy(this.handleMove, this));
	if(window.parent) {
		jQuery(window.parent.document).bind("mousemove", jQuery.proxy(this.handleMove, this), true);
	}

	// Fix for IE blue text selection while dragging:
	jDocument.bind("selectstart",jQuery.proxy(this.ondragstart,this), true);
};

/**
 * Handles the move event.
 * @param {DOMEvent} event The event raised by the browser.
 * @private
 */
sap.ui.commons.MessageBar.prototype.handleMove = function (event) {
//jQuery.sap.log.debug("MESSAGEBAR: HANDLEMOVE");
	if (!this.sDragMode) {
		return;
	}

  // First closing the MessageList, if visible.
  // That will allow the user to better see where he moves the MessageBar.
  // We will reopen it after the Drop.
  // This will also allow the List Popup to properly position itself (UP/DOWN).
  if (this.bToggleListBackAfterDrag==null && this.oList) {
	this.bToggleListBackAfterDrag = this.oList.getVisible();
	if (this.bToggleListBackAfterDrag) {
		this.toggleList();
	}
  }

  // Moving our Control by the extent of the mouse-drag:
	event = event || window.event;
	var iTop   = this.oMsgBarDragStartPosition.top   + event.screenY - this.mouseDragStartPositionY;
	var iLeft  = this.oMsgBarDragStartPosition.left  + event.screenX - this.mouseDragStartPositionX;
	var iRight = this.oMsgBarDragStartPosition.right - event.screenX + this.mouseDragStartPositionX;

  this.oPopup._$().css('top', iTop);
	// Is the Bar to be positioned and dragged from its right-hand side???
	if (this.snapPoint.indexOf("right") != -1) {
		this.oPopup._$().css('right', iRight);
	} else {
		this.oPopup._$().css('left', iLeft);
	}

	// Saving the drop position for the next MessageList "open" event:
	this.oDropPosition = {top: iTop, left: iLeft, right: iRight};

	event.cancelBubble = true;
	return false;
};

/**
 * Handle onmouseup event.
 * This does the cleanup after drag and move handling.
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.MessageBar.prototype.onmouseup = function (oEvent) {
//jQuery.sap.log.debug("MESSAGEBAR: ONMOUSEUP");
	if (!this.sDragMode) {
		return;
	}

	// If we have indeed moved, then rendering our "back-home" icon:
  if (this.oDropPosition) {
	  this.addStyleClass("sapUiMsgBarMoved");
  }

  // Reopening the List if was open before the move:
  if (this.bToggleListBackAfterDrag) {
	this.toggleList();
  }
  this.bToggleListBackAfterDrag = null; // Re-initialized for the next D&D.

	// Removing our move handler:
	var jDocument = jQuery(window.document);
	jDocument.unbind("mousemove", jQuery.proxy(this.handleMove, this));
	if(window.parent) {
		jQuery(window.parent.document).unbind("mousemove", jQuery.proxy(this.handleMove, this));
	}
	jDocument.unbind("selectstart",jQuery.proxy(this.ondragstart,this));

	this.sDragMode = null;

	// Resume the toasting:
	this.checkForToast();
};

// **************************************************
// * Clicking
// **************************************************
/**
 * Handle onclick events.
 * The 2 click-able areas are:
 *  1) The front Open/Close list button.
 *  2) The back GoHome button.
 * @param {jQuery.EventObject} oEvent The event object
 * @private
 */
sap.ui.commons.MessageBar.prototype.onclick = function (oEvent) {
	var oSource = oEvent.target;
	var jSource = jQuery(oSource);

	// If cursor does not say click, then do not bother.
	if (jSource.css('cursor') != "pointer") {
		return;
	}

  // Now, checking were the click came from:
  if (jSource.hasClass("sapUiMsgBarToggle")) {
		this.toggleList();
  } else if (jSource.hasClass("sapUiMsgBarHome")) {
		this.backHome();
  } else {
	jQuery.sap.log.debug("Warning: MessageBar unsupported click on " + jSource.attr('className'));
  }
}

// #############################################################################
// Internal Utilities
// #############################################################################
/**
 * This utility checks what action the Toaster should execute next.
 * @private
 */;
sap.ui.commons.MessageBar.prototype.checkForToast = function() {
  // No more toast if Multiple Toasts has already been displayed:
  if (this.maxToastsReached) {
	return;
  }

  // Making sure there is some queued messages:
  if (this.aToasts==null || this.aToasts.length == 0) {
	return;
  }

  // Making sure the feature is active:
  var maxToasted = this.getMaxToasted();
  if (maxToasted == 0) {
	return;
  }

  // Do not toast during Drag&Drop. Do not distract the user!
  if (this.sDragMode) {
	return;
  }

  var nextToast = null;
  var anchorId = "";
  if (this.aToasts.length > this.getMaxToasted()) {
	// Having a null "nextToast" would indicate a "Multiple new messages..."
	// With "Multiple new messages...", no need to toast messages anymore,
	// so emptying the toasting queue:
	  this.aToasts = [];
	  this.maxToastsReached = true;
	// Do not wait for the previous toast to be done.
	// The Toast has to point towards our left open/close Arrow:
	anchorId = this.getId() + "__arrowImg";
  } else {
	// Do not put a new toast in if there is already one in:
	  if (!this.oToast.isIdle()) {
		return;
	  }
	// Retrieving the oldest queued message:
	nextToast = this.aToasts.splice(0, 1)[0];
	// The Toast has to point towards the icon of the same priority, e.g. "id_ErrorImg":
	anchorId = this.getId() + "__" + nextToast.getType() + "Img";
  }

  // Triggering a Toast:
  this.oToast.toast(nextToast, anchorId);
};

/**
 * This utility adds Toasts to the Toast Array, if not already
 * included within this Array.
 * Order is chronological, not by priority.
 * @private
 */
sap.ui.commons.MessageBar.prototype.addToasts = function(aMessages) {
  // Looping through the supplied messages:
	for (var i=0, len=aMessages.length; i<len; i++) {
	  var newMessage = aMessages[i];
	  var alreadyQueued = false;
	  // Making sure message is not already queued for Toast:
	  for (var j=this.aToasts.length; j>=0; j--) {
		if (newMessage == this.aToasts[j]) {
		  alreadyQueued = true;
		  break;
		}
	  }
	  // Adding the message to the Toast queue:
	  if (!alreadyQueued) {
		this.aToasts.push(newMessage);
	  }
  } // end supplied messages for-loop
};

/**
 * This utility removes a Toast from the Array of messages still
 * to be toasted.
 * @private
 */
sap.ui.commons.MessageBar.prototype.deleteToast = function(sId) {
  if (!this.aToasts) {
	return;
  }

  // Checking if within the Toast queue:
	for (var j=0, len=this.aToasts.length; j<len; j++) {
		if (this.aToasts[j].getId() == sId) {
			this.aToasts.splice(j, 1);
			return;
		}
	}
};

/**
 * This utility removes one message, given its ID, from the possible
 * message queues (Error, Warning, Success...).
 * Messages always have an ID, since created via the "Message" Control.
 * @private
 */
sap.ui.commons.MessageBar.prototype.deleteOneMessage = function(sId) {
  if (!sId) {
	return;
  }

  // Checking if within the Error queue:
	for (var j=0, len=this.aErrors.length; j<len; j++) {
		if (this.aErrors[j].getId() == sId) {
		  this.aErrors[j].closeDetails();
			this.aErrors.splice(j, 1);
			return;
		}
	}

  // Checking if within the Warning queue:
	for (var j=0, len=this.aWarnings.length; j<len; j++) {
		if (this.aWarnings[j].getId() == sId) {
		  this.aWarnings[j].closeDetails();
			this.aWarnings.splice(j, 1);
			return;
		}
	}

  // Checking if within the Success queue:
	for (var j=0, len=this.aSuccesses.length; j<len; j++) {
		if (this.aSuccesses[j].getId() == sId) {
		  this.aSuccesses[j].closeDetails();
			this.aSuccesses.splice(j, 1);
			return;
		}
	}
};

/**
 * This utility converts "Begin"/"End" into "Right"/"Left" coordinates,
 * for RTL support.
 * @private
 */
sap.ui.commons.MessageBar.prototype.getSnapPoint = function() {
  if (!this.snapPoint) {
	  this.snapPoint = this.getAnchorSnapPoint();
	  if (sap.ui.getCore().getConfiguration().getRTL()) {
		this.snapPoint = this.snapPoint.replace("begin", "right").replace("end", "left");
	  } else {
		this.snapPoint = this.snapPoint.replace("begin", "left").replace("end", "right");
	  }
  }
  return this.snapPoint;
};

/**
 * This utility opens the MessageBar Popup.
 * @private
 */
sap.ui.commons.MessageBar.prototype.open = function() {
	// Defining or fetching the Popup attributes:
  var animationDuration = 0;
  var snapPoint = this.getSnapPoint();

	// Opening the MessageBar:
  var anchor = null;
  var anchorId = this.getAnchorID();
  if (anchorId) {
	anchor = jQuery.sap.domById(anchorId);
  }
  if (!anchor) {
	anchor = document.body;
  }
  // Invoking the MsgBar Popup open function(iDuration, my, at, of, offset):
	this.oPopup.open(animationDuration, snapPoint, snapPoint, anchor, "0 0");

  // Repositioning as per the Drop position:
  if (this.oDropPosition) {
	  this.oPopup._$().css('top', this.oDropPosition.top);
		// Is the Bar to be positioned and dragged from its right-hand side???
		if (snapPoint.indexOf("right") != -1) {
			this.oPopup._$().css('right', this.oDropPosition.right);
		} else {
			this.oPopup._$().css('left', this.oDropPosition.left);
		}
  }

  // If closed with a list present, then we should still display it:
  if (this.hasStyleClass("sapUiMsgBarOpen")) {
	this.oList.setVisible(true);
  }
};

/**
 * This utility closes the MessageBar Popup.
 * @private
 */
sap.ui.commons.MessageBar.prototype.close = function() {
  // First closing the MessageList, if visible:
  if (this.oList && this.oList.getVisible()) {
	this.oList.setVisible(false);
  }

  // Invoking the MsgBar Popup close = function(iDuration):
  var animationDuration = 0;
	this.oPopup.close(animationDuration);

  // Re-initializing flag along with the turning-off of the MessageBar:
  this.maxToastsReached = false;
};

/**
 * This utility updates the messageBar counters, and visibility.
 * @private
 */
sap.ui.commons.MessageBar.prototype.updateCountersAndVisibility = function() {
  // If invisible, get out of here!
	if (!this.getProperty("visible")) {
		return;
	}

  // Convenience variable
	var id = this.getId();

  // Updating the Error Count and Visibility:
  var oCount = jQuery.sap.domById(id + "__ErrorCount");
  if (!oCount) {
	// The MessageBar has to be available on the DOM in order to update it!
	// This code is required as the MessageBar is first created.
	  this.open();
	oCount = jQuery.sap.domById(id + "__ErrorCount");
  }
  var count   = this.aErrors.length;
  var oldText = oCount.innerHTML;
  var newText = "(" + count + ")";
  var jIcon   = null;
  var jCount  = null;
  if (newText != oldText) {
	// Have to directly update the DOM element:
	oCount.innerHTML = newText;

	if (newText == "(0)") {
	  // Allowing empty queues not to be displayed:
	  jIcon  = jQuery.sap.byId(id + "__ErrorImg");
	  jCount = jQuery.sap.byId(id + "__ErrorCount");
	  jIcon.addClass("sapUiMsgBarZeroCount");
	  jCount.addClass("sapUiMsgBarZeroCount");
	} else if (oldText == "(0)") {
	  // Displaying the non-empty queue:
	  jIcon  = jQuery.sap.byId(id + "__ErrorImg");
	  jCount = jQuery.sap.byId(id + "__ErrorCount");
	  jIcon.removeClass("sapUiMsgBarZeroCount");
	  jCount.removeClass("sapUiMsgBarZeroCount");
	}
  }


  // Updating the Warning Count and Visibility:
  oCount  = jQuery.sap.domById(id + "__WarningCount");
  count   = this.aWarnings.length;
  oldText = oCount.innerHTML;
  newText = "(" + count + ")";
  jIcon   = null;
  jCount  = null;
  if (newText != oldText) {
	// Have to directly update the DOM element:
	oCount.innerHTML = newText;

	if (newText == "(0)") {
	  // Allowing empty queues not to be displayed:
	  jIcon  = jQuery.sap.byId(id + "__WarningImg");
	  jCount = jQuery.sap.byId(id + "__WarningCount");
	  jIcon.addClass("sapUiMsgBarZeroCount");
	  jCount.addClass("sapUiMsgBarZeroCount");
	} else if (oldText == "(0)") {
	  // Displaying the non-empty queue:
	  jIcon  = jQuery.sap.byId(id + "__WarningImg");
	  jCount = jQuery.sap.byId(id + "__WarningCount");
	  jIcon.removeClass("sapUiMsgBarZeroCount");
	  jCount.removeClass("sapUiMsgBarZeroCount");
	}
  }


  // Updating the Success Count and Visibility:
  oCount  = jQuery.sap.domById(id + "__SuccessCount");
  count   = this.aSuccesses.length;
  oldText = oCount.innerHTML;
  newText = "(" + count + ")";
  jIcon   = null;
  jCount  = null;
  if (newText != oldText) {
	// Have to directly update the DOM element:
	oCount.innerHTML = newText;

	if (newText == "(0)") {
	  // Allowing empty queues not to be displayed:
	  jIcon  = jQuery.sap.byId(id + "__SuccessImg");
	  jCount = jQuery.sap.byId(id + "__SuccessCount");
	  jIcon.addClass("sapUiMsgBarZeroCount");
	  jCount.addClass("sapUiMsgBarZeroCount");
	} else if (oldText == "(0)") {
	  // Displaying the non-empty queue:
	  jIcon  = jQuery.sap.byId(id + "__SuccessImg");
	  jCount = jQuery.sap.byId(id + "__SuccessCount");
	  jIcon.removeClass("sapUiMsgBarZeroCount");
	  jCount.removeClass("sapUiMsgBarZeroCount");
	}
  }


	// If the MessageBar is now empty, then it should become invisible:
	if (this.aErrors.length==0 &&
		this.aWarnings.length==0 &&
		this.aSuccesses.length==0) {
	  // Hiding the MessageBar:
	  this.close();
	  return;
	} else {
	  // Showing the MessageBar:
	  this.open();
	}

	// If the MessageList is already open, updating it:
	if (this.oList && this.oList.getVisible()) {
		this.oList.setMessages(this.aSuccesses.concat(this.aWarnings).concat(this.aErrors));
	}

  // Checking for the next Toaster action:
	this.checkForToast();
};

/**
 * This utility toggles the MessageList Popup.
 * This function is invoked by clicking the front MessageBar Arrow.
 * @private
 */
sap.ui.commons.MessageBar.prototype.toggleList = function() {
  // Creating the List, if not already done:
  if (!this.oList) {
	var listId = this.getId() + "__List";
	  this.oList = new sap.ui.commons.MessageList(listId, {anchorId:this.getId(), maxListed:this.getMaxListed()});
  }

  // Retrieving the List current Open/Close information:
  var visible  = this.oList.getVisible();

  // Toggling the List, and adapting our styling:
  if (!visible) {
	this.oList.setMessages(this.aSuccesses.concat(this.aWarnings).concat(this.aErrors));
	this.addStyleClass("sapUiMsgBarOpen");
  } else {
	this.removeStyleClass("sapUiMsgBarOpen");
  }
  this.oList.setVisible(!visible);
};

/**
 * This utility restores the initial position of the MessageBar.
 * @private
 */
sap.ui.commons.MessageBar.prototype.backHome = function() {
  // Instead of repositioning the List, we may as well just re-opening it once back home!
  // Just like when it is the user that is D&D the Bar!
  // This will also allow the List Popup to properly position itself (UP/DOWN).
//this.oPopup.setPosition(sap.ui.core.Popup.Dock.LeftTop, {left:this.oHomePosition.left + "px", top: this.oHomePosition.top + "px"});
  var jPopup = this.oPopup._$();
  if (this.oList && this.oList.getVisible()) {
	this.toggleList();
	var that = this;
		// Is the Bar to be positioned and dragged from its right-hand side???
		if (this.snapPoint.indexOf("right") != -1) {
			jPopup.animate({right:this.oHomePosition.right + "px", top:this.oHomePosition.top + "px"}, 200, function() {that.toggleList();});
		} else {
			jPopup.animate({left:this.oHomePosition.left + "px", top:this.oHomePosition.top + "px"}, 200, function() {that.toggleList();});
		}
  } else {
		// Is the Bar to be positioned and dragged from its right-hand side???
		if (this.snapPoint.indexOf("right") != -1) {
			jPopup.animate({right:this.oHomePosition.right + "px", top:this.oHomePosition.top + "px"}, 200);
		} else {
			jPopup.animate({left:this.oHomePosition.left + "px", top:this.oHomePosition.top + "px"}, 200);
		}
  }

  // MessageBar is back home:
  this.oDropPosition = null;
  // Hiding our "back-home" icon:
  this.removeStyleClass("sapUiMsgBarMoved");
};

// #############################################################################
// Public APIs
// #############################################################################
/**
 * This public API adds/updates a supplied list of messages.
 * The messageBar is to appear should at least one message exists.
 * @public
 */
sap.ui.commons.MessageBar.prototype.addMessages = function(aMessages) {
  if (!aMessages) {
	return;
  }

  // Looping through the supplied messages:
	for (var i=0, len=aMessages.length; i<len; i++) {
	// First have to removing each message from the message queues,
	// in case this is an update that we are doing!
	// This approach allows for messages to change priority,
	// and for "updated" messages to get re-ordered, i.e.
	// the most recent ones are displayed first (on a given priority
	// level).
	this.deleteOneMessage(aMessages[i].getId());

	// Now, inserting each message into its proper queue:
	  switch (aMessages[i].getType()){
		case sap.ui.commons.MessageType.Error:
		  // Adding the "new" Error message:
		this.aErrors.push(aMessages[i]);
		  break;

		case sap.ui.commons.MessageType.Warning:
		  // Adding the "new" Warning message:
		this.aWarnings.push(aMessages[i]);
		  break;

		case sap.ui.commons.MessageType.Success:
		  // Adding the "new" Success message:
		this.aSuccesses.push(aMessages[i]);
		  break;

		default:
		  jQuery.sap.log.debug("ERROR: MessageBar supplied messageType=" + aMessages[i].getType());
	  } // end switch
	} // end for

	// Adding the new messages to the toasting queue:
  this.addToasts(aMessages);

	// Updating the messageBar:
	this.updateCountersAndVisibility();

	return this;
};

/**
 * This public API deletes a supplied list of messages.
 * The messageBar is to disappear should no message remains.
 * @public
 */
sap.ui.commons.MessageBar.prototype.deleteMessages = function(aIds) {
  if (!aIds) {
	return;
  }

  // Removing each message from their message queues, and toast queue:
	for (var i=0, len=aIds.length; i<len; i++) {
	this.deleteOneMessage(aIds[i]);
	this.deleteToast(aIds[i]);
	} // end for

	// Updating the messageBar:
	this.updateCountersAndVisibility();

	return this;
};

/**
 * This public API deletes all recorded messages.
 * The messageBar is to disappear.
 * @public
 */
sap.ui.commons.MessageBar.prototype.deleteAllMessages = function() {
  // Closing the corresponding Details if any:
	for (var j=this.aErrors.length-1; j>=0; j--) {
		this.aErrors[j].closeDetails();
	}
	for (var j=this.aWarnings.length-1; j>=0; j--) {
		this.aWarnings[j].closeDetails();
	}
	for (var j=this.aSuccesses.length-1; j>=0; j--) {
		this.aSuccesses[j].closeDetails();
	}

	// Empty all error queues:
  this.aErrors    = [];
  this.aWarnings  = [];
  this.aSuccesses = [];
  // Empty the Toasting queue:
  this.aToasts    = [];

	// Updating the messageBar:
	this.updateCountersAndVisibility();

	return this;
};



// #############################################################################
// Overwriting auto-generated methods of MessageBar.API.js
// #############################################################################

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code>
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.MessageBar} <code>this</code> to allow method chaining
 * @public
 *
 * The MessageBar.API.js "setVisible" function is enhanced in order to
 * toggle the "visibility:hidden;" attribute over the control.
 */
sap.ui.commons.MessageBar.prototype.setVisible = function(bVisible) {
	this.setProperty("visible", bVisible);

  if (bVisible) {
		// Updating and rendering the MessageBar:
		this.updateCountersAndVisibility();
  }
  else {
	// Just closing the MessageBar:
	  this.close();
  }

	return this;
};
}; // end of sap.ui.commons.MessageBar
if ( !jQuery.sap.isDeclared('sap.ui.commons.MessageList') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.MessageList.
jQuery.sap.declare("sap.ui.commons.MessageList");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new MessageList.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: false)</li>
 * <li>{@link #getAnchorId anchorId} : string</li>
 * <li>{@link #getMaxListed maxListed} : string (default: '7')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Instantiated by the "MessageBar" Control if the user ever requests to generate the corresponding "MessageList".
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @deprecated Since version 1.4.0. 
 * A new messaging concept will be created in future. Therefore this control might be removed in one of the next versions.
 * @name sap.ui.commons.MessageList
 */
sap.ui.core.Control.extend("sap.ui.commons.MessageList", { metadata : {

	// ---- object ----
	deprecated : true,
	publicMethods : [
		// methods
		"setMessages"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Behavior", defaultValue : false},
		"anchorId" : {type : "string", group : "Appearance", defaultValue : null},
		"maxListed" : {type : "string", group : "Misc", defaultValue : '7'}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.MessageList with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.MessageList.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * To open or close the Control.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.MessageList#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.MessageList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageList#setVisible
 * @function
 */


/**
 * Getter for property <code>anchorId</code>.
 * Id of the anchor under which the MessageList is to render.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>anchorId</code>
 * @public
 * @name sap.ui.commons.MessageList#getAnchorId
 * @function
 */

/**
 * Setter for property <code>anchorId</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAnchorId  new value for property <code>anchorId</code>
 * @return {sap.ui.commons.MessageList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageList#setAnchorId
 * @function
 */


/**
 * Getter for property <code>maxListed</code>.
 * Maximum number of messages being display in the List before a scrollbar appears. Value '0' means no limit.
 *
 * Default value is <code>7</code>
 *
 * @return {string} the value of property <code>maxListed</code>
 * @public
 * @name sap.ui.commons.MessageList#getMaxListed
 * @function
 */

/**
 * Setter for property <code>maxListed</code>.
 *
 * Default value is <code>7</code> 
 *
 * @param {string} sMaxListed  new value for property <code>maxListed</code>
 * @return {sap.ui.commons.MessageList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageList#setMaxListed
 * @function
 */


/**
 * Sets the message list to be displayed.
 *
 * @name sap.ui.commons.MessageList.prototype.setMessages
 * @function
 * @param {sap.ui.commons.Message[]} 
 *         aMessages
 *         Message list.

 * @type void
 * @public
 */


// Start of sap/ui/commons/MessageList.js
jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained

///**
// * This file defines behavior for the control,
// */
sap.ui.commons.MessageList.prototype.init = function(){
	// Defining some private data:
	this.aMessages = [];
	this.iItemHeight = 0;

	// Popup(oContent, bModal, bShadow, bAutoClose) container initialization:
	// - bModal: "true/false" : For blocking the background window.
	this.oPopup   = new sap.ui.core.Popup(this, false, true, false);
};

/**
 * Destroys this Control instance, called by Element#destroy()
 * @private
 */
sap.ui.commons.MessageList.prototype.exit = function() {
  this.close();

	this.oPopup.destroy();
	this.oPopup = null;
};

/**
 * Re-initializes the measurements, so all sizes are recalculated after a theme switch.
 * @private
 */
sap.ui.commons.MessageList.prototype.onThemeChanged = function () {
	this.iItemHeight = 0;
};

/**
 * This utility checks to see if a scrollbar has to be rendered.
 */
sap.ui.commons.MessageList.prototype.onAfterRendering = function () {
	var oList = this.getDomRef();
	var jList = jQuery(oList);

  // A scrollbar is only required over 7 items:
  var maxVisibleItems = this.getMaxListed();
  var len = this.aMessages.length;
  if (len <= maxVisibleItems) {
	// By default, css height was set to "20px" to make sure List would fit, for Popup to open.
	jList.height("auto");
	return;
  }

	// Calculating 1 item height:
	if (this.iItemHeight == 0) {
		var oItem = oList.firstChild;
		var jItem = jQuery(oItem);
		this.iItemHeight = jItem.height();
	}

  oList.style.overflowY = "scroll";
  oList.style.overflowX = "hidden";
	var desiredHeight = (maxVisibleItems * this.iItemHeight) + "px";
	jList.height(desiredHeight);
};

// #############################################################################
// Internal Utilities
// #############################################################################
/**
 * This utility opens the MessageList Popup.
 */
sap.ui.commons.MessageList.prototype.open = function() {
  var rtl = sap.ui.getCore().getConfiguration().getRTL();

	// Defining or fetching the Popup attributes:
  var animationDuration = 200;
  var msgListSnapPoint = rtl ? sap.ui.core.Popup.Dock.RightTop    : sap.ui.core.Popup.Dock.LeftTop;
  var anchorSnapPoint  = rtl ? sap.ui.core.Popup.Dock.RightBottom : sap.ui.core.Popup.Dock.LeftBottom;
  var relativeAnchorPosition = "0 0";
  var anchor = null;
  var anchorId = this.getAnchorId();
  if (anchorId) {
	anchor = jQuery.sap.domById(anchorId);
  }
  if (!anchor) {
	anchor = document.body;
  }
  // Invoking the MsgBar Popup open function(iDuration, my, at, of, offset):
  this.oPopup.open(animationDuration, msgListSnapPoint, anchorSnapPoint, anchor, relativeAnchorPosition);
};

/**
 * This utility closes the MessageList Popup.
 */
sap.ui.commons.MessageList.prototype.close = function() {
  // Invoking the MsgBar Popup close = function(iDuration):
  var animationDuration = 200;
  this.oPopup.close(animationDuration);
};

/**
 * This public API receives the list of Messages to be displayed,
 * and re-render this Control if visible.
 */
sap.ui.commons.MessageList.prototype.setMessages = function(aMessages) {
  // Storing the Messages:
  this.aMessages = aMessages;

  // Re-rendering this MessageList if visible:
  if (this.getVisible()) {
	sap.ui.getCore().getRenderManager().render(this, sap.ui.getCore().getStaticAreaRef(), true);
  }

  return this;
};


// #############################################################################
// Overwriting auto-generated methods of MessageList.API.js
// #############################################################################

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code>
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.MessageBar} <code>this</code> to allow method chaining
 * @public
 *
 * The MessageBar.API.js "setVisible" function is overwritten in order to
 * invoke the open() and close() the MessageList Popup.
 */
sap.ui.commons.MessageList.prototype.setVisible = function(bVisible) {
	this.setProperty("visible", bVisible);

  // Opening or closing the MessageBar, as requested:
  if (bVisible) {
	// Re-rendering, in case content is new.
	sap.ui.getCore().getRenderManager().render(this, sap.ui.getCore().getStaticAreaRef(), true);
		this.open();
  } else {
	  this.close();
  }

	return this;
};
}; // end of sap.ui.commons.MessageList
if ( !jQuery.sap.isDeclared('sap.ui.commons.MessageToast') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.MessageToast.
jQuery.sap.declare("sap.ui.commons.MessageToast");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new MessageToast.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getAnchorId anchorId} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.MessageToast#event:next next} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Responsible for displaying the new incoming messages, one at the time, on top of the MessageBar.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @deprecated Since version 1.4.0. 
 * A new messaging concept will be created in future. Therefore this control might be removed in one of the next versions.
 * @name sap.ui.commons.MessageToast
 */
sap.ui.core.Control.extend("sap.ui.commons.MessageToast", { metadata : {

	// ---- object ----
	deprecated : true,
	publicMethods : [
		// methods
		"toast", "isIdle"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"anchorId" : {type : "string", group : "Misc", defaultValue : null}
	},
	events : {
		"next" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.MessageToast with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.MessageToast.extend
 * @function
 */

sap.ui.commons.MessageToast.M_EVENTS = {'next':'next'};


/**
 * Getter for property <code>anchorId</code>.
 * Id of the anchor on top of which the MessageToast is to render.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>anchorId</code>
 * @public
 * @name sap.ui.commons.MessageToast#getAnchorId
 * @function
 */

/**
 * Setter for property <code>anchorId</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAnchorId  new value for property <code>anchorId</code>
 * @return {sap.ui.commons.MessageToast} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageToast#setAnchorId
 * @function
 */


/**
 * Fired once the "toast()" method is over, so that the MessageBar can toast() another message if needed. 
 *
 * @name sap.ui.commons.MessageToast#next
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'next' event of this <code>sap.ui.commons.MessageToast</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.MessageToast</code>.<br/> itself. 
 *  
 * Fired once the "toast()" method is over, so that the MessageBar can toast() another message if needed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.MessageToast</code>.<br/> itself.
 *
 * @return {sap.ui.commons.MessageToast} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageToast#attachNext
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'next' event of this <code>sap.ui.commons.MessageToast</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.MessageToast} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MessageToast#detachNext
 * @function
 */

/**
 * Fire event next to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.MessageToast} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.MessageToast#fireNext
 * @function
 */


/**
 * Triggers the toasting of a message, on top of the MessageBar.
 * If no message is supplied, displayes the "Multiple new messages..." message.
 *
 * @name sap.ui.commons.MessageToast.prototype.toast
 * @function
 * @param {sap.ui.commons.Message} 
 *         oMessage
 *         The Message to be toasted.
 * @param {string} 
 *         sAnchorId
 *         DOM ID of the anchor against which the Toast Arrow should align for a given Toast.

 * @type void
 * @public
 */


/**
 * Returns TRUE if no message is being toasted.
 *
 * @name sap.ui.commons.MessageToast.prototype.isIdle
 * @function

 * @type boolean
 * @public
 */


// Start of sap/ui/commons/MessageToast.js
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.commons.MessageToast.prototype.init = function(){
	// Local variables...
	this.oMessage    = null;
	this.sAnchorId   = "";
	this.bIdle       = true;
	this.sLeftOffset = "";

	// Popup(oContent, bModal, bShadow, bAutoClose) container initialization:
	// - oModal: "true/false" : For blocking the background window.
	// - bShadow: "false" as the MessageBar Popup is displayed without shadow in all themes.
	//            Shadow is added but not at the Popup level because in contains a down-arrow.
	//            Therefore the shadow is added to an inner container, excluding this down-arrow.
	this.oPopup   = new sap.ui.core.Popup(this, false, false, false);
	// Asking the Popup to fire our "next" event once a "toast()" is over.
	this.oPopup.attachClosed(this.next, this);
};

/**
 * Destroys this Control instance, called by Element#destroy()
 * @private
 */
sap.ui.commons.MessageToast.prototype.exit = function() {
  if (!this.bIdle) {
	this.close();
  }

	this.oPopup.destroy();
	this.oPopup = null;
};

/**
 * This utility makes sure that the Toast is pointing down towards
 * the right MessageBar Icon.
 * @private
 */
sap.ui.commons.MessageToast.prototype.onAfterRendering = function(){
  // The MessageToast and the MessageBar are right-aligned.
  // The MessageToast has a minWidth matching that of the MessageBar.
  // (That allows us to position the down-arrow without moving the MessageToast.)
  // The MessageToast Arrow aligns towards the proper MessageBar Icon.

  var rtl = sap.ui.getCore().getConfiguration().getRTL();

  // 1) Calculating the distance between the Icon and the right side of its MessageBar container:
  var jIcon = jQuery.sap.byId(this.sAnchorId); // Anchor against which our Arrow has to align
//if (!jIcon) return;
  var iconPosition  = jIcon.position();
  var jBar = jQuery.sap.byId(this.getAnchorId()); // Anchor against which our Toast has to align
//if (!jBar) return;
  var barWidth = jBar.outerWidth();
  if (iconPosition) {
	  var targetRightOffset = rtl ? iconPosition.left + jIcon.outerWidth()
								  : barWidth - iconPosition.left;


	  // 2) Calculating the default distance between the Arrow and the right side of our Toast:
		var jToast = this.$();  // = jQuery.sap.byId(this.getId());
	  var toastWidth = jToast.width();
	  var defaultArrowRightOffset = Math.max(toastWidth,barWidth);

	  // 3) Taking care of too-small a Toast:
	  var delta = barWidth - toastWidth;
		if (delta > 0) {
		// Making the Toast as wide as the Bar:
		jToast.css('minWidth', barWidth);
		}

	  // 4) Now, we need to move our Arrow right, by what is missing:
	  var moveRightOffset = rtl ? (defaultArrowRightOffset - targetRightOffset + 2) + "px"
								: (defaultArrowRightOffset - targetRightOffset - 2) + "px";
		if (defaultArrowRightOffset >= targetRightOffset) {
		var jArrow = jQuery.sap.byId(this.getId() + "Arrow");
		if (sap.ui.getCore().getConfiguration().getRTL()) {
			jArrow.css('marginRight', moveRightOffset); // Positive padding
		} else {
			jArrow.css('marginLeft', moveRightOffset); // Positive padding
		}
		// Our right-alignment can stay:
		this.sLeftOffset = "0";
		}
	}
};

// #############################################################################
// Internal Utilities
// #############################################################################
/**
 * Our popup-close callback function.
 * Registers the fact that a toast just completed, and fires our "next" event.
 * @private
 */
sap.ui.commons.MessageToast.prototype.next = function(){
	// Toast done (allows for smooth toasting):
  this.bIdle = true;
  this.fireNext()
}

/**
 * This utility opens the MessageToast Popup.
 * @private
 */;
sap.ui.commons.MessageToast.prototype.open = function(iDuration) {
	// For Multiple Messages, 1st we need to close the existing toast:
  if (!this.bIdle) {
	this.oPopup.close(0);
  }

	// Toast start (allows for no interruption):
  this.bIdle = false;

  var rtl = sap.ui.getCore().getConfiguration().getRTL();

	// Defining or fetching the Popup attributes:
  var popupSnapPoint  = rtl ? sap.ui.core.Popup.Dock.LeftBottom : sap.ui.core.Popup.Dock.RightBottom;
  var anchorSnapPoint = rtl ? sap.ui.core.Popup.Dock.LeftTop    : sap.ui.core.Popup.Dock.RightTop;
  var relativeAnchorPosition = this.sLeftOffset + " 5";
  var anchor = null;
  var anchorId = this.getAnchorId();
  if (anchorId) {
	anchor = jQuery.sap.domById(anchorId);
  }
  if (!anchor) {
	anchor = document.body;
  }
  // Invoking the MsgBar Popup open function(iDuration, my, at, of, offset):
  this.oPopup.open(iDuration, popupSnapPoint, anchorSnapPoint, anchor, relativeAnchorPosition);
};

/**
 * This utility closes the MessageToast Popup.
 * @private
 */
sap.ui.commons.MessageToast.prototype.close = function(iDuration) {
  // Invoking the Popup close = function(iDuration):
  this.oPopup.close(iDuration);
};

/**
 * This utility returns the class of the MessageToast container,
 * which changes according to the displayed message TYPE/PRIORITY
 * to allow for "semantic" rendering.  :-)
 * @private
 */
sap.ui.commons.MessageToast.prototype.getClasses = function() {
  // By default assuming the "Multiple new messages..." css:
  var css = "sapUiMsgToast";
  // Allow for specializing as per the message Type:
  if (this.oMessage && this.oMessage.getType()) {
	css += " sapUiMsgT" + this.oMessage.getType();
  }
  return css;
};

// #############################################################################
// Public APIs
// #############################################################################
/**
 * This public API receives the list of Messages to be displayed,
 * and re-render this Control if visible.
 * @public
 */
sap.ui.commons.MessageToast.prototype.toast = function(oMessage, sAnchorId) {
  // Storing the supplied data:
	this.oMessage = oMessage;
	this.sAnchorId = sAnchorId;
  // Render according to new message, and animate:
	sap.ui.getCore().getRenderManager().render(this, sap.ui.getCore().getStaticAreaRef(), true);
  this.open(750);
  this.close(2250); // <-- CAN BE COMMENTED OUT WHILE STYLING THE TOAST...

	return this;
};

/**
 * Returns the idle state of the control.
 * @public ???
 */
sap.ui.commons.MessageToast.prototype.isIdle = function() {
  return this.bIdle;
};
}; // end of sap.ui.commons.MessageToast
if ( !jQuery.sap.isDeclared('sap.ui.commons.Paginator') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Paginator.
jQuery.sap.declare("sap.ui.commons.Paginator");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Paginator.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getCurrentPage currentPage} : int (default: 1)</li>
 * <li>{@link #getNumberOfPages numberOfPages} : int</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Paginator#event:page page} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Provides navigation between pages within a list of numbered pages.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Paginator
 */
sap.ui.core.Control.extend("sap.ui.commons.Paginator", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"currentPage" : {type : "int", group : "Misc", defaultValue : 1},
		"numberOfPages" : {type : "int", group : "Misc", defaultValue : null}
	},
	events : {
		"page" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Paginator with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Paginator.extend
 * @function
 */

sap.ui.commons.Paginator.M_EVENTS = {'page':'page'};


/**
 * Getter for property <code>currentPage</code>.
 * Represents the current page
 *
 * Default value is <code>1</code>
 *
 * @return {int} the value of property <code>currentPage</code>
 * @public
 * @name sap.ui.commons.Paginator#getCurrentPage
 * @function
 */

/**
 * Setter for property <code>currentPage</code>.
 *
 * Default value is <code>1</code> 
 *
 * @param {int} iCurrentPage  new value for property <code>currentPage</code>
 * @return {sap.ui.commons.Paginator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Paginator#setCurrentPage
 * @function
 */


/**
 * Getter for property <code>numberOfPages</code>.
 * Represents the overall number of pages that are embedded into the parent control
 *
 * Default value is <code></code>
 *
 * @return {int} the value of property <code>numberOfPages</code>
 * @public
 * @name sap.ui.commons.Paginator#getNumberOfPages
 * @function
 */

/**
 * Setter for property <code>numberOfPages</code>.
 *
 * Default value is <code></code> 
 *
 * @param {int} iNumberOfPages  new value for property <code>numberOfPages</code>
 * @return {sap.ui.commons.Paginator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Paginator#setNumberOfPages
 * @function
 */


/**
 * Event is fired when the user navigates to another page by selecting it directly, or by jumping forward/backward. 
 *
 * @name sap.ui.commons.Paginator#page
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.srcPage The page which is the current one before the page event is fired (and another page is displayed)
 * @param {int} oControlEvent.getParameters.targetPage The page that shall be displayed next after the page event is fired
 * @param {sap.ui.commons.PaginatorEvent} oControlEvent.getParameters.type Provides the values 'First', 'Last', 'Next', 'Previous', 'Goto'. The event parameter informs the application 
					how the user navigated to the new page: Whether the 'Next' button was used, or another button, or whether the page was directly 
					selected
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'page' event of this <code>sap.ui.commons.Paginator</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Paginator</code>.<br/> itself. 
 *  
 * Event is fired when the user navigates to another page by selecting it directly, or by jumping forward/backward. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Paginator</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Paginator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Paginator#attachPage
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'page' event of this <code>sap.ui.commons.Paginator</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Paginator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Paginator#detachPage
 * @function
 */

/**
 * Fire event page to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'srcPage' of type <code>int</code> The page which is the current one before the page event is fired (and another page is displayed)</li>
 * <li>'targetPage' of type <code>int</code> The page that shall be displayed next after the page event is fired</li>
 * <li>'type' of type <code>sap.ui.commons.PaginatorEvent</code> Provides the values 'First', 'Last', 'Next', 'Previous', 'Goto'. The event parameter informs the application 
					how the user navigated to the new page: Whether the 'Next' button was used, or another button, or whether the page was directly 
					selected</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Paginator} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Paginator#firePage
 * @function
 */


// Start of sap/ui/commons/Paginator.js
/*
 * All animations of the Paginator control can be centrally switched
 * off by setting the <code>bShowAnimation</code> flag to <code>false</code>.
 * @private
 */

// Constants declaration
sap.ui.commons.Paginator.MAX_NUMBER_PAGES = 5;

/**
 * Init function
 * @private
 */
sap.ui.commons.Paginator.prototype.init = function(){
	//Animations are set to true by default, then on control initialization, check the number of pages
	this.bShowAnimation = true;
};


/**
 * When the user clicks on a page link, we set the current page which will force a re-rendering of the control
 * @param {jQuery.Event} oEvent The current event
 * @private
 */
sap.ui.commons.Paginator.prototype.onclick = function(oEvent){
	if (oEvent && oEvent.target) {

		// go up one node if unnamed element is the source
		var target = oEvent.target;
		if (!target.id) {
			target = target.parentNode;
		}

		if (target.id && target.id != this.getId() + "-pages") {

			// Retrieve from where the event originated
			var aArray = target.id.split("--");

			// only do something if relevant item has been clicked
			if (aArray.length > 1) {
				var lastPart = aArray[aArray.length - 1];

				// What type of event will be sent
				var sEventType = null;

				// Buffer the current page as the sourcePage
				var iSrcPage = this.getCurrentPage();
				var iTargetPage = iSrcPage; // will be changed below

				// we have a number - a page has been clicked
				if (lastPart.match(/^\d+$/)) {
					sEventType = sap.ui.commons.PaginatorEvent.Goto;
					iTargetPage = parseInt(lastPart, 10);

				} else if (lastPart == "firstPageLink") {
					sEventType = sap.ui.commons.PaginatorEvent.First;
					iTargetPage = 1;

				} else if (lastPart == "backLink") {
					sEventType = sap.ui.commons.PaginatorEvent.Previous;
					iTargetPage = Math.max(iSrcPage-1, 1);

				} else if (lastPart == "forwardLink") {
					sEventType = sap.ui.commons.PaginatorEvent.Next;
					iTargetPage = Math.min(iSrcPage+1, this.getNumberOfPages());

				} else if (lastPart == "lastPageLink") {
					sEventType = sap.ui.commons.PaginatorEvent.Last;
					iTargetPage = this.getNumberOfPages();

				} else {
					// TODO: should not happen
				}

				if (iTargetPage != iSrcPage) {
					if (this.bShowAnimation){
						this.setCurrentPage(iTargetPage, true); // update current page without re-rendering...
						this.triggerPaginatorAnimation(); // ...and animate
					} else {
						this.setCurrentPage(iTargetPage); // includes re-rendering
					}

					// fire the "page" event
					this.firePage({srcPage:iSrcPage,targetPage:iTargetPage,type:sEventType});
				}
			}
		}
	}
};

sap.ui.commons.Paginator.prototype.setCurrentPage = function(iTargetPage, bSuppressRerendering) {
	this.setProperty("currentPage", iTargetPage, bSuppressRerendering);
	if (this.getDomRef()) {
		sap.ui.commons.PaginatorRenderer.updateBackAndForward(this);
	}
};

/**
 * When animation is set to true, this function will use jQuery to animate the paginator
 * as if the page numbers were sliding left/right.
 * @private
 */
sap.ui.commons.Paginator.prototype.triggerPaginatorAnimation = function() {
	var aIndicesToHide = [];
	var aIndicesToShow = [];
	var paginatorId = this.getId();
	var aChildren = jQuery.sap.byId(paginatorId + "-pages").children();

	// Get the ranges we need to display before and after the animation
	var oNewRange = this._calculatePagesRange();
	var oOldRange;
	if (this._oOldRange) {
		oOldRange = this._oOldRange;
	} else {
		oOldRange = {};
		var aParts = aChildren[0].id.split("--");
		oOldRange.firstPage = parseInt(aParts[aParts.length-1], 10);
		aParts = aChildren[aChildren.length-1].id.split("--");
		oOldRange.lastPage = parseInt(aParts[aParts.length-1], 10);
	}

	// the pages to be shown only after the animation are those to be rendered invisible, initially
	for (var i = oNewRange.firstPage; i <= oNewRange.lastPage; i++) {
		if (i < oOldRange.firstPage || i > oOldRange.lastPage) {
			aIndicesToShow.push(i);
		}
	}
	var oInvisibleRange = {
			firstPage:aIndicesToShow[0],
			lastPage:aIndicesToShow[aIndicesToShow.length-1]
	};

	// the pages to be shown initially, but NOT after the animation, are those to fade out
	for (var i = oOldRange.firstPage; i <= oOldRange.lastPage; i++) {
		if (i < oNewRange.firstPage || i > oNewRange.lastPage) {
			aIndicesToHide.push(i);
		}
	}

	// build the html for both the initially visible and still invisible pages
	var oldHtml = sap.ui.commons.PaginatorRenderer.getPagesHtml(this.getId(), oOldRange, this.getCurrentPage(), true);
	var newHtml = sap.ui.commons.PaginatorRenderer.getPagesHtml(this.getId(), oInvisibleRange, this.getCurrentPage(), false);
	if (oOldRange.firstPage < oInvisibleRange.firstPage) {
		newHtml = oldHtml + newHtml;
	} else {
		newHtml = newHtml + oldHtml;
	}
	
	
	// remember focus
	var focElem = document.activeElement;
	var focId = focElem ? focElem.id : undefined; // remember ID of focused element - it should still be focused after rendering
	
	jQuery.sap.domById(this.getId() + "-pages").innerHTML = newHtml;
	
	// restore focus
	if (focId) {
		// Set focus on the previously focused element.
		// jQuery does not like document.activeElement, so we have to fetch it
		// from the DOM again.
		focElem = jQuery.sap.domById(focId);
	} else {
		// Set focus to active page link if no other element was active before
		focElem = jQuery.sap.domById("testPaginator-a--" + this.getCurrentPage());
	}

	jQuery.sap.focus(focElem);
	
	
	// Use jQuery hide/show to animate the paging
	var prefix = this.getId() + "-li--";

	this._oOldRange = oNewRange;
	for (var i=0 ; i<aIndicesToHide.length; i++) {
		var id = prefix + aIndicesToHide[i];
		jQuery.sap.byId(id).hide(400, function(){ // remove the DOM elements after the animation
			var id = this.id;
			var elem = jQuery.sap.domById(id);
			if (elem) {
				elem.parentNode.removeChild(elem);
			}
		});
	}

	for (var i=0 ; i<aIndicesToShow.length; i++) {
		jQuery.sap.byId(prefix + aIndicesToShow[i]).show(400);
	}
};


/**
 * Calculates what is the first page and last page to display (The current range).
 * Ensure that when we go over 5 pages, the current page will always be rendered centered
 * In this case, middle -2 and middle + 2 to get to full 5 pages range
 * @return {object} oPageRange object containing first page and last page to display
 * @private
 */
sap.ui.commons.Paginator.prototype._calculatePagesRange = function(){

	//Setting default values
	var iFirstPage = 1;
	var iLastPage = this.getNumberOfPages();
	var iCurrentPage = this.getCurrentPage();
	var iNbPages = this.getNumberOfPages();

	//From page 1 to page 5, we display 1 to 10 or less
	if ( iCurrentPage < 4 ){

		iFirstPage = 1;

		//Check if last page does not go over 5 --> iLastPage is already set with nbPages above
		if(iLastPage > sap.ui.commons.Paginator.MAX_NUMBER_PAGES){
			iLastPage = sap.ui.commons.Paginator.MAX_NUMBER_PAGES;
		}

	}
	//Now, the current page is more than 3, so we need to shift the range
	else{

		//Reached the last page
		if (iCurrentPage == iLastPage){
			//How many pages exist, if less than 5, simply substract the nb of pages from the last one (range is in this case 1 to max 5)
			if (iNbPages < 5){
				iFirstPage = 1;
			}
			//More than 5 pages, substract 4 pages to have the 5 pages range
			else{
				iFirstPage = iLastPage - 4;
			}
		}

		//Last page - current page is below 3, substract 4 to always see the right range for the last 2 pages
		else if ( iLastPage-iCurrentPage < 3 ){
			iFirstPage = iLastPage - 4;
		}

		//All other case, create the range from the current page +-2
		else{
			iFirstPage = iCurrentPage - 2;
			iLastPage = iCurrentPage + 2;
		}
	}

	return { firstPage : iFirstPage, lastPage : iLastPage };
};


/**
 * @param {jQuery.Event} oEvent the browser event
 * @private
 */
sap.ui.commons.Paginator.prototype.onkeydown = function(oEvent){

	//Get the event type and dispatch to the keyboard navigation manager
	var aEvents = oEvent.getPseudoTypes();

	//Tab
	if (jQuery.inArray("saptabnext", aEvents) != -1) {
		this.triggerTabbingNavigation(oEvent,false);
	}
	//Shift/tab
	else if (jQuery.inArray("saptabprevious", aEvents) != -1) {
		this.triggerTabbingNavigation(oEvent,true);
	}
	//Moves focus to the right (Right arrow key)
	else if (jQuery.inArray("sapincrease", aEvents) != -1 ){
		this.triggerInternalNavigation(oEvent,"next");
	}
	//Moves focus to the left (Left arrow key)
	else if (jQuery.inArray("sapdecrease", aEvents) != -1 ){
		this.triggerInternalNavigation(oEvent,"previous");
	}

};


/**
 * This function will navigate left and right in the paginator, skipping non tabbable elements
 * @param {jQuery.Event} oEvent the browser event
 * @param {string} sDirection Navigation left or right
 * @private
 */
sap.ui.commons.Paginator.prototype.triggerInternalNavigation = function(oEvent,sDirection){

	var aFocusableElements = jQuery(jQuery.sap.domById(this.getId())).find(":sapFocusable");
	var iCurrentIndex = jQuery(aFocusableElements).index(oEvent.target);

	//Right key pressed
	if (sDirection == "next"){
		var iNextIndex = iCurrentIndex + 1;
		if (jQuery(oEvent.target).hasClass("sapUiPagCurrentPage")){
			iNextIndex = iNextIndex + 1;
		}
		var oNextElement = aFocusableElements[iNextIndex];
		if (oNextElement){
			jQuery(oNextElement).focus();
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	}
	//Left key pressed
	else if(sDirection == "previous" && aFocusableElements[iCurrentIndex-1]){
		var iNextIndex = iCurrentIndex - 1;
		var oNextElement = aFocusableElements[iNextIndex];
		if (oNextElement && jQuery(oNextElement).hasClass("sapUiPagCurrentPage")){
			oNextElement = aFocusableElements[iNextIndex - 1];
		}
		if (oNextElement){
			jQuery(oNextElement).focus();
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	}

};

/**
 * This function will handle the TAB key in the paginator (simple group)
 * @param {jQuery.Event} oEvent the browser event
 * @param {boolean} shiftKeyPressed Tabbing or shift-Tabbing
 * @private
 */
sap.ui.commons.Paginator.prototype.triggerTabbingNavigation = function(oEvent,shiftKeyPressed){

	//Get all focusable elements
	var aFocusableElements = jQuery(jQuery.sap.domById(this.getId())).find(":sapFocusable");

	//Tabbing --> Focus the last active element then let the browser focus the next active element
	if (!shiftKeyPressed){
		jQuery(aFocusableElements[aFocusableElements.length-1]).focus();
	}
	//Shift/Tab keys pressed --> Focus the 2nd active element then let the browser focus the first active element
	else{

		//Which element triggered the event
		var iCurrentIndex = jQuery(aFocusableElements).index(oEvent.target);

		//If the focus is already on the first active element, let the browser move the focus
		if (iCurrentIndex != 0){
			jQuery(aFocusableElements[0]).focus();
		}
	}
};

sap.ui.commons.Paginator.prototype.getFocusInfo = function() {
	var sId = this.$().find(":focus").attr("id");
	if (sId) {
		return {customId: sId};
	} else {
		return sap.ui.core.Element.prototype.getFocusInfo.apply(this, arguments);
	}
};

sap.ui.commons.Paginator.prototype.applyFocusInfo = function(mFocusInfo) {
	if (mFocusInfo && mFocusInfo.customId) {
		this.$().find("#" + mFocusInfo.customId).focus();
	} else {
		sap.ui.core.Element.prototype.getFocusInfo.apply(this, arguments);
	}
	return this;
};



}; // end of sap.ui.commons.Paginator
if ( !jQuery.sap.isDeclared('sap.ui.commons.Panel') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Panel.
jQuery.sap.declare("sap.ui.commons.Panel");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Panel.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getScrollLeft scrollLeft} : int (default: 0)</li>
 * <li>{@link #getScrollTop scrollTop} : int (default: 0)</li>
 * <li>{@link #getApplyContentPadding applyContentPadding} : boolean (default: true)</li>
 * <li>{@link #getCollapsed collapsed} : boolean (default: false)</li>
 * <li>{@link #getAreaDesign areaDesign} : sap.ui.commons.enums.AreaDesign (default: sap.ui.commons.enums.AreaDesign.Fill)</li>
 * <li>{@link #getBorderDesign borderDesign} : sap.ui.commons.enums.BorderDesign (default: sap.ui.commons.enums.BorderDesign.Box)</li>
 * <li>{@link #getShowCollapseIcon showCollapseIcon} : boolean (default: true)</li>
 * <li>{@link #getText text} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li>
 * <li>{@link #getTitle title} : sap.ui.commons.Title</li>
 * <li>{@link #getButtons buttons} : sap.ui.commons.Button[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Represents a container with scroll functionality, the control can be used for text and controls. The Panel does not layout the embedded controls.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Panel
 */
sap.ui.core.Control.extend("sap.ui.commons.Panel", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"setDimensions"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"scrollLeft" : {type : "int", group : "Behavior", defaultValue : 0},
		"scrollTop" : {type : "int", group : "Behavior", defaultValue : 0},
		"applyContentPadding" : {type : "boolean", group : "Appearance", defaultValue : true},
		"collapsed" : {type : "boolean", group : "Behavior", defaultValue : false},
		"areaDesign" : {type : "sap.ui.commons.enums.AreaDesign", group : "Appearance", defaultValue : sap.ui.commons.enums.AreaDesign.Fill},
		"borderDesign" : {type : "sap.ui.commons.enums.BorderDesign", group : "Appearance", defaultValue : sap.ui.commons.enums.BorderDesign.Box},
		"showCollapseIcon" : {type : "boolean", group : "Behavior", defaultValue : true},
		"text" : {type : "string", group : "Misc", defaultValue : null}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}, 
    	"title" : {type : "sap.ui.commons.Title", multiple : false}, 
    	"buttons" : {type : "sap.ui.commons.Button", multiple : true, singularName : "button"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Panel with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Panel.extend
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Panel width in CSS size
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Panel#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Per default, the height for the Panel is automatically adjusted to the content. Dimension allows to explicitly specify the height.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.Panel#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setHeight
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Represents the state of the of the Panel (enabled or disabled)
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.Panel#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setEnabled
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible Panels are not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.Panel#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setVisible
 * @function
 */


/**
 * Getter for property <code>scrollLeft</code>.
 * Specifies the scroll position from left to right. Value "0" means leftmost position.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>scrollLeft</code>
 * @public
 * @name sap.ui.commons.Panel#getScrollLeft
 * @function
 */

/**
 * Setter for property <code>scrollLeft</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iScrollLeft  new value for property <code>scrollLeft</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setScrollLeft
 * @function
 */


/**
 * Getter for property <code>scrollTop</code>.
 * Specifies the scroll position from top to bottom. Value "0" means topmost position.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>scrollTop</code>
 * @public
 * @name sap.ui.commons.Panel#getScrollTop
 * @function
 */

/**
 * Setter for property <code>scrollTop</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iScrollTop  new value for property <code>scrollTop</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setScrollTop
 * @function
 */


/**
 * Getter for property <code>applyContentPadding</code>.
 * Padding is theme-dependent.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>applyContentPadding</code>
 * @public
 * @name sap.ui.commons.Panel#getApplyContentPadding
 * @function
 */

/**
 * Setter for property <code>applyContentPadding</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bApplyContentPadding  new value for property <code>applyContentPadding</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setApplyContentPadding
 * @function
 */


/**
 * Getter for property <code>collapsed</code>.
 * A collapsed Panel consumes less space than a not collapsed one. When it is initially collapsed, the contents are not rendered.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>collapsed</code>
 * @public
 * @name sap.ui.commons.Panel#getCollapsed
 * @function
 */

/**
 * Setter for property <code>collapsed</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bCollapsed  new value for property <code>collapsed</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setCollapsed
 * @function
 */


/**
 * Getter for property <code>areaDesign</code>.
 * Defines the background color. Note that color settings are theme-dependent.
 *
 * Default value is <code>Fill</code>
 *
 * @return {sap.ui.commons.enums.AreaDesign} the value of property <code>areaDesign</code>
 * @public
 * @name sap.ui.commons.Panel#getAreaDesign
 * @function
 */

/**
 * Setter for property <code>areaDesign</code>.
 *
 * Default value is <code>Fill</code> 
 *
 * @param {sap.ui.commons.enums.AreaDesign} oAreaDesign  new value for property <code>areaDesign</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setAreaDesign
 * @function
 */


/**
 * Getter for property <code>borderDesign</code>.
 * The Panel can have a box as border. Note that displaying borders is theme-dependent.
 *
 * Default value is <code>Box</code>
 *
 * @return {sap.ui.commons.enums.BorderDesign} the value of property <code>borderDesign</code>
 * @public
 * @name sap.ui.commons.Panel#getBorderDesign
 * @function
 */

/**
 * Setter for property <code>borderDesign</code>.
 *
 * Default value is <code>Box</code> 
 *
 * @param {sap.ui.commons.enums.BorderDesign} oBorderDesign  new value for property <code>borderDesign</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setBorderDesign
 * @function
 */


/**
 * Getter for property <code>showCollapseIcon</code>.
 * Specifies whether the Panel shall have an icon for collapsing/expanding, or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showCollapseIcon</code>
 * @public
 * @name sap.ui.commons.Panel#getShowCollapseIcon
 * @function
 */

/**
 * Setter for property <code>showCollapseIcon</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowCollapseIcon  new value for property <code>showCollapseIcon</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setShowCollapseIcon
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * Can be used to create a simple title text for Panels that do not require an icon in the header.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.Panel#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setText
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Aggregates the controls that are contained in the Panel. It is recommended to use a layout control as single direct child.
 * When the Panel dimensions are set, the child control may have width and height of 100%. When the dimensions are not set, the child defines
 * the Panel size.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.Panel#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.Panel#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Panel#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Panel#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#destroyContent
 * @function
 */


/**
 * Getter for aggregation <code>title</code>.<br/>
 * Aggregates the title element of the Panel. For text titles only, you alternatively could use setText() which also creates a title in the background.
 * 
 * @return {sap.ui.commons.Title}
 * @public
 * @name sap.ui.commons.Panel#getTitle
 * @function
 */


/**
 * Setter for the aggregated <code>title</code>.
 * @param oTitle {sap.ui.commons.Title}
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#setTitle
 * @function
 */
	

/**
 * Destroys the title in the aggregation 
 * named <code>title</code>.
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#destroyTitle
 * @function
 */


/**
 * Getter for aggregation <code>buttons</code>.<br/>
 * The buttons that shall be displayed in the Panel header
 * 
 * @return {sap.ui.commons.Button[]}
 * @public
 * @name sap.ui.commons.Panel#getButtons
 * @function
 */


/**
 * Inserts a button into the aggregation named <code>buttons</code>.
 *
 * @param {sap.ui.commons.Button}
 *          oButton the button to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the button should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the button is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the button is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#insertButton
 * @function
 */

/**
 * Adds some button <code>oButton</code> 
 * to the aggregation named <code>buttons</code>.
 *
 * @param {sap.ui.commons.Button}
 *            oButton the button to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#addButton
 * @function
 */

/**
 * Removes an button from the aggregation named <code>buttons</code>.
 *
 * @param {int | string | sap.ui.commons.Button} vButton the button to remove or its index or id
 * @return {sap.ui.commons.Button} the removed button or null
 * @public
 * @name sap.ui.commons.Panel#removeButton
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>buttons</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.Button[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Panel#removeAllButtons
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.Button</code> in the aggregation named <code>buttons</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.Button}
 *            oButton the button whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Panel#indexOfButton
 * @function
 */
	

/**
 * Destroys all the buttons in the aggregation 
 * named <code>buttons</code>.
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Panel#destroyButtons
 * @function
 */


/**
 * Property for width and height settings for the Panel
 *
 * @name sap.ui.commons.Panel.prototype.setDimensions
 * @function
 * @param {sap.ui.core.CSSSize} 
 *         sWidth
 *         
 * Panel width as CSS size
 * 
 * @param {sap.ui.core.CSSSize} 
 *         sHeight
 *         
 * Panel height as CSS size
 * 

 * @type void
 * @public
 */


// Start of sap/ui/commons/Panel.js
/**
 * Initialization
 * @private
 */
sap.ui.commons.Panel.prototype.init = function() {
	this._oScrollDomRef = null;       // points to the content area
	this._iMaxTbBtnWidth = -1;        // the maximum width of all toolbar buttons (when there are any, else -1)
	this._iTbMarginsAndBorders = 0;
	this._iMinTitleWidth = 30;        // the minimum width of the title span
	this._iOptTitleWidth = 30;
	this._iTitleMargin = 0;
	this._bFocusCollapseIcon = false; // indicates whether the collapse icon should be focused after the next rendering
	this._resizeDelayTimer = null;    // the timer for delayed reaction to resize events in browsers not supporting FlexBox layout
	this._rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
};

sap.ui.commons.Panel.prototype.exit = function() {
	this._rb = undefined;
};

/**
 * Called after the theme has been switched: adjust sizes
 * @private
 */
sap.ui.commons.Panel.prototype.onThemeChanged = function () {
	if (this.getDomRef() && this._oTitleDomRef) { // only if already rendered and if a real Panel (no subclass like Tab)

		// reset size settings done for previous theme, so elements take their optimum space
		this.getDomRef().style.minWidth = "auto";
		if (this._oToolbarDomRef) {
			this._oToolbarDomRef.style.width = "auto";
		}
		this._oTitleDomRef.style.width = "auto";

		// adapt sizes
		this._initializeSizes(); // TODO: delay this for Safari?
		if (!jQuery.support.flexBoxLayout ||
				(sap.ui.commons.Panel._isSizeSet(this.getHeight()) && (this._hasIcon() || (this.getButtons().length > 0)))) {
			this._handleResizeNow();
		}
	}
};


/**
 * Event unbinding
 * @private
 */
sap.ui.commons.Panel.prototype.onBeforeRendering = function() {
	// Deregister resize event before re-rendering
	if(this.sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};


/**
 * Adapts size settings of the rendered HTML
 * @private
 */
sap.ui.commons.Panel.prototype.onAfterRendering = function () {
	var id = this.getId();
	this._oScrollDomRef = jQuery.sap.domById(id + "-cont");
	if (!this._oScrollDomRef) {
		return;
	} // BugFix for TwoGo where the DomRefs where not there after rendering
	this._oHeaderDomRef = jQuery.sap.domById(id + "-hdr");
	this._oTitleDomRef = jQuery.sap.domById(id + "-title");
	this._oToolbarDomRef = jQuery.sap.domById(id + "-tb");

	// restore focus if required
	if (this._bFocusCollapseIcon) {
		this._bFocusCollapseIcon = false;
		var $collArrow = jQuery.sap.byId(id + "-collArrow");
		if($collArrow.is(":visible") && ($collArrow.css("visibility") == "visible" || $collArrow.css("visibility") == "inherit")) {
			$collArrow.focus();
		} else {
			var $collIco = jQuery.sap.byId(id + "-collIco");
			if ($collIco.is(":visible") && ($collIco.css("visibility") == "visible" || $collIco.css("visibility") == "inherit")) {
				$collIco.focus();
			}
		}
	}

	this._initializeSizes(); // TODO: delay this for Safari?

	// in browsers not supporting the FlexBoxLayout we need to listen to resizing
	if (!jQuery.support.flexBoxLayout ||
			(sap.ui.commons.Panel._isSizeSet(this.getHeight()) && (this._hasIcon() || (this.getButtons().length > 0)))) {
		this._handleResizeNow();
		this.sResizeListenerId = sap.ui.core.ResizeHandler.register(this.getDomRef(), jQuery.proxy(this._handleResizeSoon, this));
	}
};


/**
 *
 * @protected
 */
sap.ui.commons.Panel.prototype.getFocusInfo = function () {
	var collId = null;
	var id = this.getId();

	// if collapse icon needs to be focused, find out which one - if any - is currently visible
	if (this._bFocusCollapseIcon) {
		var $collArrow = jQuery.sap.byId(id + "-collArrow");
		if($collArrow.is(":visible") && ($collArrow.css("visibility") == "visible" || $collArrow.css("visibility") == "inherit")) {
			collId = $collArrow[0].id;
		} else {
			var $collIco = jQuery.sap.byId(id + "-collIco");
			if ($collIco.is(":visible") && ($collIco.css("visibility") == "visible" || $collIco.css("visibility") == "inherit")) {
				collId = $collIco[0].id;
			}
		}

	}

	// if a collapse icon is visible and to be focused, return its ID, otherwise just the control ID
	return {id:(collId ? collId : id)};
};


/**
 *
 * @private
 */
sap.ui.commons.Panel.prototype.applyFocusInfo = function (oFocusInfo) {
	var $DomRef;
	if (oFocusInfo && oFocusInfo.id && ($DomRef = jQuery.sap.byId(oFocusInfo.id)) && ($DomRef.length > 0)) {
		$DomRef.focus();
	} else {
		this.focus();
	}
	return this;
};


/**
 * Measures and calculates/sets sizes as soon as the CSS has been applied after rendering or a theme switch
 * @private
 */
sap.ui.commons.Panel.prototype._initializeSizes = function() {
	var bRtl = sap.ui.getCore().getConfiguration().getRTL();

	// maximum width of a toolbar item -> min toolbar width
	var aButtons = this.getButtons();
	if (aButtons && aButtons.length > 0) {
		var maxWidth = 0;
		jQuery(this._oToolbarDomRef).children().each(function(){
			var width = this.offsetWidth;
			if (width > maxWidth) {
				maxWidth = width;
			}
		});
		this._iMaxTbBtnWidth = maxWidth;

		if (this._oToolbarDomRef) {
			this._oToolbarDomRef.style.minWidth = maxWidth + "px";

			// calculate the toolbar borders and margins
			var $tb = jQuery(this._oToolbarDomRef);
			this._iTbMarginsAndBorders = $tb.outerWidth(true) - $tb.width();
		}
	}

	// calculate available space between left- and right-aligned items with static width
	var beginBorderOfTitle = this._oTitleDomRef.offsetLeft; // displacement of the beginning of the title from the Panel border
	var totalWidth = this.getDomRef().offsetWidth;
	if (bRtl) {
		beginBorderOfTitle = totalWidth - (beginBorderOfTitle + this._oTitleDomRef.offsetWidth); // RTL case
	}
	var $title = jQuery(this._oTitleDomRef);
	this._iOptTitleWidth = $title.width() + 1 /*+1 to avoid subpixel issues*/;
	this._iTitleMargin = $title.outerWidth(true) - $title.outerWidth();
	var beginBorderOfRightItems = 10000;
	jQuery(this._oHeaderDomRef).children(".sapUiPanelHdrRightItem").each(function(){
		var begin = this.offsetLeft;
		if (bRtl) {
			begin = totalWidth - (begin + this.offsetWidth); // RTL case
		}
		if ((begin < beginBorderOfRightItems) && (begin > 0)) {
			beginBorderOfRightItems = begin;
		}
	});


	// set minimum Panel width as sum of minimum sizes
	var minWidth = beginBorderOfTitle;
	minWidth += this._iMinTitleWidth; // 30px is ok even if there is no title
	minWidth += this._iMaxTbBtnWidth + 1; // -1 if there is no toolbar... 1px more or less is no problem here
	minWidth += (beginBorderOfRightItems == 10000) ? 10 : (totalWidth - beginBorderOfRightItems); // use 10 as hardcoded right border
	this.getDomRef().style.minWidth = minWidth + 10 + "px";


	// restore scroll positions
	if (this._oScrollDomRef) {
		var scrollTop = this.getProperty("scrollTop");
		if (scrollTop > 0) {
			this._oScrollDomRef.scrollTop = scrollTop;
		}
		var scrollLeft = this.getProperty("scrollLeft");
		if (scrollLeft > 0) {
			this._oScrollDomRef.scrollLeft = scrollLeft;
		}

	}

};


/**
 * Adapts the absolute position of the content when height is set.
 * @private
 */
sap.ui.commons.Panel.prototype._fixContentHeight = function() {
	//if height is set and an icon or at least one toolbar button is present (which *could* inflate the header height), the cont top must be set to the header height
	if (sap.ui.commons.Panel._isSizeSet(this.getHeight()) && (this._hasIcon() || (this.getButtons().length > 0))) { // TODO: what if the icon is not yet loaded?
		this._iContTop = this._oHeaderDomRef.offsetHeight;
		if (this._oScrollDomRef) {
			this._oScrollDomRef.style.top = this._iContTop + "px";
		}
	}
};


/**
 * Called in browsers not supporting the FlexBox layout whenever the Panel size is changing. This method registers a delayed reaction to the size changes.
 * When there are further size changes during this delay, the delay starts from zero. So the Panel is not adapted during the resize, but only after resizing has
 * completed. This should fix most of the related performance issues.
 * @private
 */
sap.ui.commons.Panel.prototype._handleResizeSoon = function() {
	if (this._resizeDelayTimer) {
		jQuery.sap.clearDelayedCall(this._resizeDelayTimer);
	}

	this._resizeDelayTimer = jQuery.sap.delayedCall(200, this, function() {
		this._handleResizeNow();
		this._resizeDelayTimer = null;
	});
};


/**
 * Called in browsers not supporting the FlexBox layout whenever the Panel size has changed and the header layout finally needs to be adapted.
 * Basically this method imitates that layout's behavior.
 * @private
 */
sap.ui.commons.Panel.prototype._handleResizeNow = function() {
	// in IE8 (maybe also IE9) the sizes of the flexible items (title and toolbar) need to be adjusted
	// whenever the Panel width changes
	if (!jQuery.support.flexBoxLayout && this.getDomRef()) {
		var bRtl = sap.ui.getCore().getConfiguration().getRTL();

		/* Algorithm:
		 * 1. calculate space available for the two elements
		 * 2. if no toolbar is present, apply this width to the title, else:
		 * 3.   reduce toolbar width until maxBtnSize is reached, then reduce title width until minimum (do not make either any smaller; the Panel has a min-width anyway)
		 * 4.   apply these widths
		 */

		// begin of Panel to begin of Title
		var beginBorderOfTitle = this._oTitleDomRef.offsetLeft; // displacement of the beginning of the title from the Panel border
		var totalWidth = this.getDomRef().offsetWidth;
		if (bRtl) {
			beginBorderOfTitle = totalWidth - (beginBorderOfTitle + this._oTitleDomRef.offsetWidth); // RTL case
		}

		// begin of Panel to begin if "RightItems"
		var beginBorderOfRightItems = 10000;
		jQuery(this._oHeaderDomRef).children(".sapUiPanelHdrRightItem").each(function(){
			var begin = this.offsetLeft;
			if (bRtl) {
				begin = totalWidth - (begin + this.offsetWidth); // RTL case
			}
			if ((begin < beginBorderOfRightItems) && (begin > 0)) {
				beginBorderOfRightItems = begin;
			}
		});

		var availableSpace = (beginBorderOfRightItems == 10000) ?
					this.$().width() - beginBorderOfTitle - 20
				: beginBorderOfRightItems - beginBorderOfTitle - 10;

		var aButtons = this.getButtons();
		if (aButtons && aButtons.length > 0) { // there are title and toolbar; calculate and set both sizes
			// differentiate between two cases: 1. there is enough space for title plus minimum toolbar width
			//                                  2. both need to be reduced in size
			if ((availableSpace - this._iOptTitleWidth - this._iTitleMargin) > (this._iMaxTbBtnWidth - this._iTbMarginsAndBorders)) {
				// if available width minus optimum title width is still more than the minimum toolbar width,
				// give all remaining width to the toolbar
				this._oToolbarDomRef.style.width = (availableSpace - this._iOptTitleWidth - this._iTitleMargin - this._iTbMarginsAndBorders) + "px";
				this._oTitleDomRef.style.width = this._iOptTitleWidth + "px";
			} else {
				// both are affected => set toolbar to minimum and reduce title width, but not smaller than minimum
				this._oToolbarDomRef.style.width = this._iMaxTbBtnWidth + "px";
				this._oTitleDomRef.style.width = Math.max((availableSpace - this._iMaxTbBtnWidth - this._iTbMarginsAndBorders), this._iMinTitleWidth) + "px";
			}

		} else {
			// no toolbar
			this._oTitleDomRef.style.width = Math.max(availableSpace, this._iMinTitleWidth) + "px";
		}
	}

	// in case the resizing caused button wrapping, adapt content height -- FOR ALL BROWSERS!
	this._fixContentHeight();
};


/**
 * Helper method to find out whether the Panel has an icon.
 * @private
 */
sap.ui.commons.Panel.prototype._hasIcon = function() {
	return (this.getTitle() && this.getTitle().getIcon());
};



/**
 * Property setter for the "enabled" state
 *
 * @param bEnabled whether the Panel should be enabled or not
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setEnabled = function(bEnabled) {
	this.setProperty("enabled", bEnabled, true); // no re-rendering!
	// if already rendered, adapt rendered control without complete re-rendering
	jQuery(this.getDomRef()).toggleClass("sapUiPanelDis", !bEnabled);
	return this;
};


/**
 * Property setter for the padding
 *
 * @param bPadding whether the Panel should have padding
 * @returns {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setApplyContentPadding = function(bPadding) {
	this.setProperty("applyContentPadding", bPadding, true); // no re-rendering!
	jQuery(this.getDomRef()).toggleClass("sapUiPanelWithPadding", bPadding);
	return this;
};


/**
 * Property setter for the "collapsed" state
 *
 * @param bCollapsed whether the Panel should be collapsed or not
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setCollapsed = function(bCollapsed) {
	this.setProperty("collapsed", bCollapsed, true); // no re-rendering!
	this._setCollapsedState(bCollapsed); // adapt rendered control without complete re-rendering
	return this;
};


/**
 * Internal method for applying a (non-)"collapsed" state to the rendered HTML
 *
 * @param bCollapsed whether the Panel should be collapsed or not
 * @private
 */
sap.ui.commons.Panel.prototype._setCollapsedState = function(bCollapsed) {
	var oDomRef = this.getDomRef();
	var accessibility = sap.ui.getCore().getConfiguration().getAccessibility();
	if (oDomRef) {
		// after Panel has been rendered
		if (bCollapsed) {
			// collapsing
			if (!this.getWidth()) {
				oDomRef.style.width = this.getDomRef().offsetWidth + "px"; // maintain the current width
			}
			jQuery(oDomRef).addClass("sapUiPanelColl");
			if (accessibility) {
				oDomRef.setAttribute("aria-expanded", "false");
			}
			if (this.getHeight()) {
				// if there is a height set, the Panel would still consume the respective space, so remove the height setting
				oDomRef.style.height = "auto";
			}
			// update tooltips
			var sExpandTooltip = this._rb.getText("PANEL_EXPAND");
			jQuery.sap.byId(this.getId() + "-collArrow").attr("title", sExpandTooltip);
			jQuery.sap.byId(this.getId() + "-collIco").attr("title", sExpandTooltip);

		} else {
			// expanding
			if (!jQuery.sap.domById(this.getId() + "-cont")) {
				// content has not been rendered yet, so render it now
				this._bFocusCollapseIcon = true; // restore focus to collapse icon/button after rendering
				this.rerender();
			} else {
				// content exists already, just make it visible again
				jQuery(oDomRef).removeClass("sapUiPanelColl");
				if (accessibility) {
					oDomRef.setAttribute("aria-expanded", "true");
				}
				if (!this.getWidth()) {
					oDomRef.style.width = "auto"; // restore the automatic width behavior
				}
				if (this.getHeight()) {
					oDomRef.style.height = this.getHeight(); // restore the set height
				}
				// update tooltips
				var sCollapseTooltip = this._rb.getText("PANEL_COLLAPSE");
				jQuery.sap.byId(this.getId() + "-collArrow").attr("title", sCollapseTooltip);
				jQuery.sap.byId(this.getId() + "-collIco").attr("title", sCollapseTooltip);
			}
		}
	}
};


/**
 * Static method that finds out whether the given CSS size is actually set.
 * Returns "true" for absolute and relative sizes, returns "false" if "null", "inherit" or "auto" is given.
 *
 * @static
 * @param sCssSize a css size string (must be a valid CSS size, or null)
 * @private
 */
sap.ui.commons.Panel._isSizeSet = function(sCssSize) {
	return (sCssSize && !(sCssSize =="auto") && !(sCssSize == "inherit"));
};

// API method
sap.ui.commons.Panel.prototype.setTitle = function(oTitle) {
	var oOldTitle = this.getTitle();
	this.setAggregation("title", oTitle);
	// check whether the title has been created on the fly. Then we are owner of it and should destroy it
	// the ID check should be sufficient as long as the naming conventions are obeyed
	if ( oOldTitle && oOldTitle !== oTitle && oOldTitle.getId() === this.getId() + "-tit" ) {
		oOldTitle.destroy();
	}
	return this;
};

// API method
sap.ui.commons.Panel.prototype.setText = function(sText) {
	if (!this.getTitle()) {
		this.setTitle(new sap.ui.commons.Title(this.getId() + "-tit",{text:sText}));
	} else {
		this.getTitle().setText(sText);
	}
	return this;
};

// API method
sap.ui.commons.Panel.prototype.getText = function () {
	if (!this.getTitle()) {
		return "";
	} else {
		return this.getTitle().getText();
	}
};


/**
 * Returns the scroll position of the panel in pixels from the left. Returns 0 if not rendered yet.
 * Also internally updates the control property.
 *
 * @return the scroll position
 * @public
 */
sap.ui.commons.Panel.prototype.getScrollLeft = function () {
	var scrollLeft = 0;
	if (this._oScrollDomRef) {
		scrollLeft = this._oScrollDomRef.scrollLeft;
		jQuery.sap.assert(typeof scrollLeft == "number", "scrollLeft read from DOM should be a number");
		this.setProperty("scrollLeft", scrollLeft, true);
	}

	return scrollLeft;
};


/**
 * Sets the scroll position of the panel in pixels from the left.
 *
 * @param {int} iPosition the position to scroll to
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setScrollLeft = function (iPosition) {
	this.setProperty("scrollLeft", iPosition, true);
	if (this._oScrollDomRef) {
		this._oScrollDomRef.scrollLeft = iPosition;
	}
	return this;
};


/**
 * Returns the scroll position of the panel in pixels from the top. Returns 0 if not rendered yet.
 * Also internally updates the control property.
 *
 * @return the scroll position
 * @public
 */
sap.ui.commons.Panel.prototype.getScrollTop = function () {
	var scrollTop = 0;
	if (this._oScrollDomRef) {
		scrollTop = this._oScrollDomRef.scrollTop;
		this.setProperty("scrollTop", scrollTop, true);
	}

	return scrollTop;
};


/**
 * Sets the scrolls position of the panel in pixels from the top.
 *
 * @param {int} iPosition the position to scroll to
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setScrollTop = function (iPosition) {
	this.setProperty("scrollTop", iPosition, true);
	if (this._oScrollDomRef) {
		this._oScrollDomRef.scrollTop = iPosition;
	}
	return this;
};


/**
 * Sets the dimensions of the panel.
 *
 * @param {string} sWidth the width of the panel as CSS size
 * @param {string} sHeight the height of the panel as CSS size
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setDimensions = function (sWidth, sHeight) {
	jQuery.sap.assert(typeof sWidth == "string" && typeof sHeight == "string", "sWidth and sHeight must be strings");
	this.setWidth(sWidth); // does not rerender
	this.setHeight(sHeight);
	return this;
};


/**
 * Sets the width of the panel.
 *
 * @param {string} sWidth the width of the panel as CSS size
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setWidth = function (sWidth) {
	this.setProperty("width", sWidth, true); // don't rerender
	var oDomRef = this.getDomRef();
	if (oDomRef) {
		oDomRef.style.width = sWidth;
	}
	return this;
};


/**
 * Sets the height of the panel.
 *
 * @param {string} sHeight the height of the panel as CSS size
 * @return {sap.ui.commons.Panel} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setHeight = function (sHeight) {
	this.setProperty("height", sHeight, true); // don't rerender
	var oDomRef = this.getDomRef();
	if (oDomRef) {
		oDomRef.style.height = sHeight;
	}
	return this;
};



/*   Event Handling   */

/**
 * Handles mouse clicks
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Panel.prototype.onclick = function(oEvent) {
	this._handleTrigger(oEvent);
};

/**
 * Handles "space" presses
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Panel.prototype.onsapspace = function(oEvent) {
	this._handleTrigger(oEvent);
};

/**
 * Handles any "triggering" actions like click and space
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Panel.prototype._handleTrigger = function(oEvent) {
	// minimize button toggled
	if((oEvent.target.id === this.getId() + "-collArrow") ||
			(oEvent.target.id === this.getId() + "-collIco")) {
		this.setCollapsed(!this.getProperty("collapsed"));
		oEvent.preventDefault();
		oEvent.stopPropagation();
		this.fireEvent("collapsedToggled"); //private event used in ResponsiveLayout
	}
};
}; // end of sap.ui.commons.Panel
if ( !jQuery.sap.isDeclared('sap.ui.commons.PasswordFieldRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.commons.PasswordFieldRenderer");


/**
 * @class PasswordFieldRenderer.
 * @static
 */
sap.ui.commons.PasswordFieldRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.TextFieldRenderer);


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.fw.RenderManager}.
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.PasswordFieldRenderer.renderInnerAttributes = function(rm, oTextField) {
	rm.writeAttribute('type', 'password');
};


sap.ui.commons.PasswordFieldRenderer.renderTextFieldEnabled = function(rm, oTextField) {
	if (!oTextField.getEnabled() && !oTextField.getEditable()) {
		// "disabled" may not be rendered because the Jaws screenreader then reads the password
		// use "readonly" instead
		// but write it only if it has not yet been written by the TextFieldRenderer
		rm.writeAttribute('readonly', 'readonly');
		rm.writeAttribute('tabindex', '-1'); // apart from that, act as if disabled, e.g. no tab-stop
	} else {
		rm.writeAttribute('tabindex', '0'); // editable and readonly have a tab-stop
	}
};


// this method uses "readonly" instead of "disabled" because with "disabled" the Jaws screenreader reads the password
sap.ui.commons.PasswordFieldRenderer.setEnabled = function(oTextField, bEnabled) {
	var oTfRef = jQuery.sap.domById(oTextField.getId());

	if (bEnabled) {
		if (oTextField.getEditable()) {
			jQuery(oTfRef).removeClass('sapUiTfDsbl').addClass('sapUiTfStd');
			jQuery(oTfRef).removeAttr('readonly').attr('tabindex', '0');
		} else {
			jQuery(oTfRef).removeClass('sapUiTfDsbl').addClass('sapUiTfRo');
			jQuery(oTfRef).attr('tabindex', '0');
		}
	} else {
		if (oTextField.getEditable()) {
			jQuery(oTfRef).removeClass('sapUiTfStd').addClass('sapUiTfDsbl');
			jQuery(oTfRef).attr('readonly', 'readonly').attr('tabindex', '-1');
		} else {
			jQuery(oTfRef).removeClass('sapUiTfRo').addClass('sapUiTfDsbl');
			jQuery(oTfRef).attr( 'tabindex', '-1');
		}
	}
};


}; // end of sap.ui.commons.PasswordFieldRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.ProgressIndicator') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ProgressIndicator.
jQuery.sap.declare("sap.ui.commons.ProgressIndicator");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ProgressIndicator.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getBarColor barColor} : sap.ui.core.BarColor (default: sap.ui.core.BarColor.NEUTRAL)</li>
 * <li>{@link #getDisplayValue displayValue} : string (default: '0%')</li>
 * <li>{@link #getPercentValue percentValue} : int (default: 0)</li>
 * <li>{@link #getShowValue showValue} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Shows the progress of a process in a graphical way. The indicator can be displayed with or without numerical values.
 * The filling can be displayed in color only, or additionally with the percentage rate. The indicator status can be interactive.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ProgressIndicator
 */
sap.ui.core.Control.extend("sap.ui.commons.ProgressIndicator", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"barColor" : {type : "sap.ui.core.BarColor", group : "Appearance", defaultValue : sap.ui.core.BarColor.NEUTRAL},
		"displayValue" : {type : "string", group : "Appearance", defaultValue : '0%'},
		"percentValue" : {type : "int", group : "Data", defaultValue : 0},
		"showValue" : {type : "boolean", group : "Appearance", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ProgressIndicator with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ProgressIndicator.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.ProgressIndicator#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.ProgressIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ProgressIndicator#setVisible
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Switches enabled state of the control. Disabled fields have different colors, and can not be focused.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.ProgressIndicator#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.ProgressIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ProgressIndicator#setEnabled
 * @function
 */


/**
 * Getter for property <code>barColor</code>.
 * The color of the bar. Enumeration sap.ui.core.BarColor provides CRITICAL (yellow), NEGATIVE (red), POSITIVE (green), NEUTRAL (blue) (default value).
 *
 * Default value is <code>NEUTRAL</code>
 *
 * @return {sap.ui.core.BarColor} the value of property <code>barColor</code>
 * @public
 * @name sap.ui.commons.ProgressIndicator#getBarColor
 * @function
 */

/**
 * Setter for property <code>barColor</code>.
 *
 * Default value is <code>NEUTRAL</code> 
 *
 * @param {sap.ui.core.BarColor} oBarColor  new value for property <code>barColor</code>
 * @return {sap.ui.commons.ProgressIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ProgressIndicator#setBarColor
 * @function
 */


/**
 * Getter for property <code>displayValue</code>.
 * The text value to be displayed in the bar.
 *
 * Default value is <code>0%</code>
 *
 * @return {string} the value of property <code>displayValue</code>
 * @public
 * @name sap.ui.commons.ProgressIndicator#getDisplayValue
 * @function
 */

/**
 * Setter for property <code>displayValue</code>.
 *
 * Default value is <code>0%</code> 
 *
 * @param {string} sDisplayValue  new value for property <code>displayValue</code>
 * @return {sap.ui.commons.ProgressIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ProgressIndicator#setDisplayValue
 * @function
 */


/**
 * Getter for property <code>percentValue</code>.
 * The numerical value for the displayed length of the progress bar.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>percentValue</code>
 * @public
 * @name sap.ui.commons.ProgressIndicator#getPercentValue
 * @function
 */

/**
 * Setter for property <code>percentValue</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iPercentValue  new value for property <code>percentValue</code>
 * @return {sap.ui.commons.ProgressIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ProgressIndicator#setPercentValue
 * @function
 */


/**
 * Getter for property <code>showValue</code>.
 * Specifies whether the current value shall be rendered inside the bar.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showValue</code>
 * @public
 * @name sap.ui.commons.ProgressIndicator#getShowValue
 * @function
 */

/**
 * Setter for property <code>showValue</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowValue  new value for property <code>showValue</code>
 * @return {sap.ui.commons.ProgressIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ProgressIndicator#setShowValue
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * The width of the control.
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.ProgressIndicator#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.ProgressIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ProgressIndicator#setWidth
 * @function
 */


// Start of sap/ui/commons/ProgressIndicator.js
/**
 * Function is called when ProgressIndicator is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.ProgressIndicator.prototype.onclick = function(oEvent) {

	// Set focus to whole ProgressIndicator control
	this.focus();

};

sap.ui.commons.ProgressIndicator.prototype.setEndBar = function () {

	var widthBar = this.getPercentValue();
	var widthBorder;
	var sBarColor = this.getBarColor();
	var time;

	this.oBar  = jQuery.sap.domById(this.getId() + '-bar');
	this.oEnd  = jQuery.sap.domById(this.getId() + '-end');
	this.oBox  = jQuery.sap.domById(this.getId() + '-box');

	jQuery(this.oEnd).removeClass('sapUiProgIndEndHidden');

	switch (sBarColor) {
		case "POSITIVE":
			jQuery(this.oEnd).addClass('sapUiProgIndPosEnd');
			break;
		case "NEGATIVE":
			jQuery(this.oEnd).addClass('sapUiProgIndNegEnd');
			break;
		case "CRITICAL":
			jQuery(this.oEnd).addClass('sapUiProgIndCritEnd');
			break;
		case "NEUTRAL":
			jQuery(this.oEnd).addClass('sapUiProgIndEnd');
			break;
		default:
			jQuery(this.oEnd).addClass('sapUiProgIndEnd');
			break;
	}

	if (widthBar > 100) {
		widthBorder = (10000 / widthBar) + '%';
	}
	else {
		widthBorder = '100%';
	}

	if (widthBar > 100) {
		time = (widthBar - 100) * 20;
	}
	else {
		time = (100 - widthBar) * 20;
	}

	jQuery(this.oBox).animate({width: widthBorder}, 0, 'linear');

	if(this.bRtl){
		jQuery(this.oEnd).animate({right: widthBorder}, time, 'linear');
	}
	else {
		jQuery(this.oEnd).animate({left: widthBorder}, time, 'linear');
	}

	jQuery(this.oBar).animate({width: widthBar + '%'}, time, 'linear');
	if(!this.oThis){
		this.oThis = jQuery.sap.byId(this.getId());
	}
	this.oThis.attr('aria-valuenow', widthBar + '%');

};

sap.ui.commons.ProgressIndicator.prototype.setEndBarGoesBack = function (iPercentValue) {

	var widthBar = this.getPercentValue();
	var widthBorder;
	var sBarColor = this.getBarColor();
	var time;

	this.oBar  = jQuery.sap.domById(this.getId() + '-bar');
	this.oEnd  = jQuery.sap.domById(this.getId() + '-end');
	this.oBox  = jQuery.sap.domById(this.getId() + '-box');

	if (iPercentValue > 100) {
		widthBorder = (10000 / iPercentValue) + '%';
	}
	else {
		widthBorder = '100%';
	}

	switch (sBarColor) {
		case "POSITIVE":
			jQuery(this.oEnd).removeClass('sapUiProgIndPosEnd');
			break;
		case "NEGATIVE":
			jQuery(this.oEnd).removeClass('sapUiProgIndNegEnd');
			break;
		case "CRITICAL":
			jQuery(this.oEnd).removeClass('sapUiProgIndCritEnd');
			break;
		case "NEUTRAL":
			jQuery(this.oEnd).removeClass('sapUiProgIndEnd');
			break;
		default:
			jQuery(this.oEnd).removeClass('sapUiProgIndEnd');
			break;
	}

	jQuery(this.oEnd).addClass('sapUiProgIndEndHidden');

	if (widthBar > 100) {
		time = (widthBar - 100) * 20;
	}
	else {
		time = (100 - widthBar) * 20;
	}

	jQuery(this.oBox).animate({width: widthBorder}, 0, 'linear');

	if(this.bRtl){
		jQuery(this.oEnd).animate({right: widthBorder}, time, 'linear');
	}
	else {
		jQuery(this.oEnd).animate({left: widthBorder}, time, 'linear');
	}

	jQuery(this.oBar).animate({width: widthBar + '%'}, time, 'linear');
	if(!this.oThis){
		this.oThis = jQuery.sap.byId(this.getId());
	}
	this.oThis.attr('aria-valuenow', widthBar + '%');

};

/**
 * Property setter for the PercentValue
 * A new rendering is not necessary, only the bar has to be moved.
 *
 * @param iPercentValue
 * @return {sap.ui.commons.ProgressIndicator} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.ProgressIndicator.prototype.setPercentValue = function(iPercentValue) {

	var widthBar = this.getPercentValue();
	var widthBorder;
	var sBarColor = this.getBarColor();

	this.oBar  = jQuery.sap.domById(this.getId() + '-bar');
	this.oEnd  = jQuery.sap.domById(this.getId() + '-end');
	this.oBox  = jQuery.sap.domById(this.getId() + '-box');

	var that = this;
	var time;

	if (iPercentValue < 0) {
		iPercentValue = 0;
	}

	if (iPercentValue > 100) {
		widthBorder = (10000 / iPercentValue) + '%';
	}
	else {
		widthBorder = '100%';
	}

	if(!this.oBar){
		// Not already rendered -> return and render
		time = iPercentValue * 20;
		this.setProperty('percentValue', iPercentValue, true); // No re-rendering!
		jQuery(this.oBar).animate({width: iPercentValue + '%'}, time, 'linear');
		return this;
	}

	if (iPercentValue > 100 && widthBar <= 100) {
		time = (100 - widthBar) * 20;
		this.setProperty( 'percentValue', iPercentValue, true ); // Do not render complete control again
		jQuery(this.oBar).animate({width: '100%'}, time, 'linear', function() {
		that.setEndBar();
		});
	}
	else if (iPercentValue <= 100 && widthBar > 100) {
		time = (widthBar - 100) * 20;
		this.setProperty( 'percentValue', iPercentValue, true ); // Do not render complete control again
		jQuery(this.oBar).animate({width: '100%'}, time, 'linear', function() {
		that.setEndBarGoesBack();
		});
	}
	else if (iPercentValue > 100 && widthBar > 100) {
		if (iPercentValue > widthBar) {
			time = (iPercentValue - widthBar) * 20;
		}
		else {
			time = (widthBar - iPercentValue) * 20;
		}
		widthBorder = (10000 / iPercentValue) + '%';
		this.setProperty( 'percentValue', iPercentValue, true ); // Do not render complete control again
		jQuery(this.oBox).animate({width: widthBorder}, 0, 'linear');

		if(this.bRtl){
			jQuery(this.oEnd).animate({right: widthBorder}, time, 'linear');
		}
		else {
			jQuery(this.oEnd).animate({left: widthBorder}, time, 'linear');
		}

		jQuery(this.oBar).animate({width: iPercentValue + '%'}, time, 'linear', function() {
		});
		if(!this.oThis){
			this.oThis = jQuery.sap.byId(this.getId());
		}
		this.oThis.attr('aria-valuenow', iPercentValue + '%');
	}
	else {
		if (iPercentValue > widthBar) {
			time = (iPercentValue - widthBar) * 20;
		}
		else {
			time = (widthBar - iPercentValue) * 20;
		}
		this.setProperty( 'percentValue', iPercentValue, true ); // Do not render complete control again
		jQuery(this.oBar).animate({width: iPercentValue + '%'}, time, 'linear');
		if(!this.oThis){
			this.oThis = jQuery.sap.byId(this.getId());
		}
		this.oThis.attr('aria-valuenow', iPercentValue + '%');
	}

	return this;
};

}; // end of sap.ui.commons.ProgressIndicator
if ( !jQuery.sap.isDeclared('sap.ui.commons.RadioButton') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RadioButton.
jQuery.sap.declare("sap.ui.commons.RadioButton");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RadioButton.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getSelected selected} : boolean (default: false)</li>
 * <li>{@link #getValueState valueState} : sap.ui.core.ValueState (default: sap.ui.core.ValueState.None)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getTextDirection textDirection} : sap.ui.core.TextDirection (default: sap.ui.core.TextDirection.Inherit)</li>
 * <li>{@link #getGroupName groupName} : string (default: 'sapUiRbDefaultGroup')</li>
 * <li>{@link #getKey key} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.RadioButton#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Consists of a round element and a descriptive text. Generally, you would create at least two radio button controls;
 * by this, you provide a limited choice for the user. Radio buttons can trigger events.
 * Available value states are "Error", "None", "Success", "Warning".
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RadioButton
 */
sap.ui.core.Control.extend("sap.ui.commons.RadioButton", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "Data", defaultValue : null},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"selected" : {type : "boolean", group : "Data", defaultValue : false},
		"valueState" : {type : "sap.ui.core.ValueState", group : "Data", defaultValue : sap.ui.core.ValueState.None},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"textDirection" : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : sap.ui.core.TextDirection.Inherit},
		"groupName" : {type : "string", group : "Behavior", defaultValue : 'sapUiRbDefaultGroup'},
		"key" : {type : "string", group : "Data", defaultValue : null}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"select" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RadioButton with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RadioButton.extend
 * @function
 */

sap.ui.commons.RadioButton.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>text</code>.
 * Defines the text displayed next to the radio button.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.RadioButton#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setText
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible radio buttons are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.RadioButton#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setVisible
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * 
 * Disabled controls are displayed in another color, depending on the customer settings.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.RadioButton#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setEnabled
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Specifies whether the user can choose a radio button
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.RadioButton#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setEditable
 * @function
 */


/**
 * Getter for property <code>selected</code>.
 * Specifies the select state of the radio button
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>selected</code>
 * @public
 * @name sap.ui.commons.RadioButton#getSelected
 * @function
 */

/**
 * Setter for property <code>selected</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bSelected  new value for property <code>selected</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setSelected
 * @function
 */


/**
 * Getter for property <code>valueState</code>.
 * 
 * Enumeration sap.ui.core.ValueState provides state values Error, Success, Warning, None
 * 
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.core.ValueState} the value of property <code>valueState</code>
 * @public
 * @name sap.ui.commons.RadioButton#getValueState
 * @function
 */

/**
 * Setter for property <code>valueState</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.core.ValueState} oValueState  new value for property <code>valueState</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setValueState
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * The control width depends on the text length. Alternatively, CSS-sizes in % or px can be set.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.RadioButton#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setWidth
 * @function
 */


/**
 * Getter for property <code>textDirection</code>.
 * 
 * Available options are LTR and RTL. Alternatively, the control can inherit the text direction from its parent container.
 * 
 *
 * Default value is <code>Inherit</code>
 *
 * @return {sap.ui.core.TextDirection} the value of property <code>textDirection</code>
 * @public
 * @name sap.ui.commons.RadioButton#getTextDirection
 * @function
 */

/**
 * Setter for property <code>textDirection</code>.
 *
 * Default value is <code>Inherit</code> 
 *
 * @param {sap.ui.core.TextDirection} oTextDirection  new value for property <code>textDirection</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setTextDirection
 * @function
 */


/**
 * Getter for property <code>groupName</code>.
 * Name of the radio button group the current radio button belongs to. You can define a new name for the group.
 * If no new name is specified, this radio button belongs to the sapUiRbDefaultGroup per default. Default behavior of a radio button
 * in a group is that when one of the radio buttons in a group is selected, all others are unselected.
 *
 * Default value is <code>'sapUiRbDefaultGroup'</code>
 *
 * @return {string} the value of property <code>groupName</code>
 * @public
 * @name sap.ui.commons.RadioButton#getGroupName
 * @function
 */

/**
 * Setter for property <code>groupName</code>.
 *
 * Default value is <code>'sapUiRbDefaultGroup'</code> 
 *
 * @param {string} sGroupName  new value for property <code>groupName</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setGroupName
 * @function
 */


/**
 * Getter for property <code>key</code>.
 * Can be used for subsequent actions
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>key</code>
 * @public
 * @name sap.ui.commons.RadioButton#getKey
 * @function
 */

/**
 * Setter for property <code>key</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sKey  new value for property <code>key</code>
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#setKey
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.RadioButton#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.RadioButton#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RadioButton#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.RadioButton#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.RadioButton#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RadioButton#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * Event is triggered when the user makes a change on the radio button. 
 *
 * @name sap.ui.commons.RadioButton#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.commons.RadioButton</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RadioButton</code>.<br/> itself. 
 *  
 * Event is triggered when the user makes a change on the radio button. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RadioButton</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.commons.RadioButton</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButton#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RadioButton} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RadioButton#fireSelect
 * @function
 */


// Start of sap/ui/commons/RadioButton.js
/**
 * Event handler called when the radio button is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RadioButton.prototype.onclick = function(oEvent) {

	if(this.getEnabled() && oEvent.target.id == (this.getId()+"-RB")){
		this.focus();
	}

	if(jQuery.browser.msie && (/*!this.getEditable() ||*/ !this.getEnabled())){ //According to CSN2581852 2012 a readonly CB should be in the tabchain 
		// in IE tabindex = -1 hides focus, so in readOnly case tabindex must be set to 0
		// as long as RadioButton is clicked on
		jQuery.sap.byId(this.getId()).attr("tabindex", 0).toggleClass("sapUiRbFoc");
	}

	this.userSelect(oEvent);
};

/**
 * Event handler called when the space key is pressed.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RadioButton.prototype.onsapspace = function(oEvent) {

	if(this.getEnabled() && oEvent.target.id == (this.getId()+"-RB")){
		this.focus();
	}
	this.userSelect(oEvent);
};

/**
 * Event handler called focus is set on Radio button
 * Problem in HCB: Focus is set in IE8 to bullet, not to whole control
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RadioButton.prototype.onsaptabnext = function(oEvent) {

	if(jQuery.browser.msie){
		this.bTabPressed = true;
		var that = this;
		window.setTimeout(function(){that.bTabPressed = false;}, 100);
	}
};

/**
 * Event handler called when the radio button is focused
 * Problem in HCB: Focus is sometimes set in IE8 to bullet, not to whole control
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RadioButton.prototype.onfocusin = function(oEvent) {

	if(this.getEnabled() && oEvent.target.id == (this.getId()+"-RB")){
		if(this.bTabPressed){
			// this only occurs in IE in HCB mode
			var aFocusableElements = jQuery(":sapFocusable"),
				bFound = false;
			for(var i = 0; i < aFocusableElements.length; i++){
				if(bFound && aFocusableElements[i].parentNode != oEvent.target && aFocusableElements[i].tabIndex != "-1"){
					aFocusableElements[i].focus();
					oEvent.preventDefault();
					break;
				}
				if(oEvent.target == aFocusableElements[i]){
					bFound = true;
				}
			}
		}else{
			this.focus();
		}
	}
};

/**
 * Event handler called when the radio button is left
 * Problem in IE: Tabindex must be set back to -1
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RadioButton.prototype.onfocusout = function(oEvent) {

	if(jQuery.browser.msie && (/*!this.getEditable() ||*/ !this.getEnabled())){ //According to CSN2581852 2012 a readonly CB should be in the tabchain 
		// in IE tabindex = -1 hides focus, so in readOnly case tabindex must be set to 0
		// as long as RadioButton is clicked on
		jQuery.sap.byId(this.getId()).attr("tabindex", -1).toggleClass("sapUiRbFoc");
	}

};
/**
 * This method is used internally only, whenever the user somehow selects the RadioButton.
 * It is responsible for event cancellation and for firing the select event.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RadioButton.prototype.userSelect = function(oEvent) {
//	oEvent.preventDefault();
	// the control should not stop browser event propagation
	// Example: table control needs to catch and handle the event as well
	//oEvent.stopPropagation();

	if (this.getEnabled() && this.getEditable()) {
		var selected = this.getSelected();
		if (!selected) {
			this.setSelected(true);
			this.fireSelect({/* no parameters */});
		}
	}else{
		// readOnly or disabled -> don't allow browser to switch RadioButton on
		oEvent.preventDefault();
	}
};

// #############################################################################
// Overwritten methods that are also generated in RadioButton.API.js
// #############################################################################

/*
 * Overwrite the definition from RadioButton.API.js
 */
sap.ui.commons.RadioButton.prototype.setSelected = function(bSelected) {

	var bSelectedOld = this.getSelected();

	this.setProperty("selected", bSelected, true); // No re-rendering

	if (bSelected) { // If this radio button is selected, explicitly deselect the other radio buttons of the same group
		if (this.getGroupName() && (this.getGroupName() != "")) { // Do it only if groupName is set
			// TODO: Add control references to some static list when they are constructed, in order to avoid searching every time
			var others = document.getElementsByName(this.getGroupName());
			for (var i = 0; i < others.length; i++) {
				var other = others[i];
				// Recommendation is that the HTML radio button has an ID ending with "-RB"
				if (other.id && (other.id.length > 3) && (other.id.substr(other.id.length-3) == "-RB")) {
					// The SAPUI5 control is known by an ID without the "-RB" suffix
					var oControl = sap.ui.getCore().getElementById(other.id.substr(0, other.id.length-3));
					if (oControl instanceof sap.ui.commons.RadioButton && (oControl != this)) {
						oControl.setSelected(false);
					}
				}
			}
		}
	}
	if ((bSelectedOld != bSelected) && this.getDomRef() && this.getRenderer().setSelected){
		this.getRenderer().setSelected(this, bSelected);
	}

	return this;
};

sap.ui.commons.RadioButton.prototype.getTooltipDomRefs = function() {
	return this.$().children();
};
}; // end of sap.ui.commons.RadioButton
if ( !jQuery.sap.isDeclared('sap.ui.commons.RadioButtonGroup') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RadioButtonGroup.
jQuery.sap.declare("sap.ui.commons.RadioButtonGroup");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RadioButtonGroup.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getColumns columns} : int (default: 1)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getValueState valueState} : sap.ui.core.ValueState (default: sap.ui.core.ValueState.None)</li>
 * <li>{@link #getSelectedIndex selectedIndex} : int (default: 0)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.core.Item[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.RadioButtonGroup#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * a group of RadioButtons to hande as one UI element.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RadioButtonGroup
 */
sap.ui.core.Control.extend("sap.ui.commons.RadioButtonGroup", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getSelectedItem", "setSelectedItem"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"columns" : {type : "int", group : "Appearance", defaultValue : 1},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"valueState" : {type : "sap.ui.core.ValueState", group : "Data", defaultValue : sap.ui.core.ValueState.None},
		"selectedIndex" : {type : "int", group : "Data", defaultValue : 0},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true}
	},
	defaultAggregation : "items",
	aggregations : {
    	"items" : {type : "sap.ui.core.Item", multiple : true, singularName : "item", bindable : "bindable"}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"select" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RadioButtonGroup with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RadioButtonGroup.extend
 * @function
 */

sap.ui.commons.RadioButtonGroup.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>width</code>.
 * Width of the RadioButtonGroup.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#setWidth
 * @function
 */


/**
 * Getter for property <code>columns</code>.
 * Number of RadioButtons displayed in one Line.
 *
 * Default value is <code>1</code>
 *
 * @return {int} the value of property <code>columns</code>
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getColumns
 * @function
 */

/**
 * Setter for property <code>columns</code>.
 *
 * Default value is <code>1</code> 
 *
 * @param {int} iColumns  new value for property <code>columns</code>
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#setColumns
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Visibility of Group
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#setVisible
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Specifies whether the user can choose a radio button.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#setEditable
 * @function
 */


/**
 * Getter for property <code>valueState</code>.
 * The value state to be displayed.
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.core.ValueState} the value of property <code>valueState</code>
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getValueState
 * @function
 */

/**
 * Setter for property <code>valueState</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.core.ValueState} oValueState  new value for property <code>valueState</code>
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#setValueState
 * @function
 */


/**
 * Getter for property <code>selectedIndex</code>.
 * Index of the selected/checked RadioButton.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>selectedIndex</code>
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getSelectedIndex
 * @function
 */

/**
 * Setter for property <code>selectedIndex</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iSelectedIndex  new value for property <code>selectedIndex</code>
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#setSelectedIndex
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * If set the RadioButtonGroup is enabled, if not it is disabled. If it is disabled all RadioButtons will be shown as disabled. The enabled property of the item will not be uses in this case. If the RadioButtonGroup is enabled the enabled property of the item will define if a RadioButton is enabled or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @since 1.10.3
 * @name sap.ui.commons.RadioButtonGroup#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @since 1.10.3
 * @name sap.ui.commons.RadioButtonGroup#setEnabled
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * RadioButtons of this RadioButtonGroup
 * 
 * @return {sap.ui.core.Item[]}
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.Item}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.Item}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.core.Item} vItem the item to remove or its index or id
 * @return {sap.ui.core.Item} the removed item or null
 * @public
 * @name sap.ui.commons.RadioButtonGroup#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Item[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RadioButtonGroup#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Item</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Item}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.RadioButtonGroup#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#destroyItems
 * @function
 */


/**
 * Binder for aggregation <code>items</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#bindItems
 * @function
 */

/**
 * Unbinder for aggregation <code>items</code>.
 *
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#unbindItems
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.RadioButtonGroup#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RadioButtonGroup#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.RadioButtonGroup#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.RadioButtonGroup#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RadioButtonGroup#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * Event is fired when selection is changed by user interaction. 
 *
 * @name sap.ui.commons.RadioButtonGroup#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.selectedIndex Index of the selected RadioButton.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.commons.RadioButtonGroup</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RadioButtonGroup</code>.<br/> itself. 
 *  
 * Event is fired when selection is changed by user interaction. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RadioButtonGroup</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.commons.RadioButtonGroup</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RadioButtonGroup#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'selectedIndex' of type <code>int</code> Index of the selected RadioButton.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RadioButtonGroup} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RadioButtonGroup#fireSelect
 * @function
 */


/**
 * Returns selected item. When no item is selected, "null" is returned.
 *
 * @name sap.ui.commons.RadioButtonGroup.prototype.getSelectedItem
 * @function

 * @type sap.ui.core.Item
 * @public
 */


/**
 * Sets the item as seleced and removs the selection from the old one.
 *
 * @name sap.ui.commons.RadioButtonGroup.prototype.setSelectedItem
 * @function
 * @param {sap.ui.core.Item} 
 *         oItem
 *         Selected item.

 * @type void
 * @public
 */


// Start of sap/ui/commons/RadioButtonGroup.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.commons.RadioButtonGroup.prototype.exit = function() {
	this.destroyItems(); // or Element.exit should call the typed destroyXYZ methods?
	// sap.ui.core.Control.prototype.exit.apply(this); // does not exist!

	if (this.oItemNavigation) {
		this.removeDelegate(this.oItemNavigation);
		this.oItemNavigation.destroy();
		delete this.oItemNavigation;
	}

};

sap.ui.commons.RadioButtonGroup.prototype.onBeforeRendering = function() {
	if(this.getSelectedIndex() > this.getItems().length){
		// SelectedIndex is > than number of items -> select the first one
		jQuery.sap.log.warning("Invalid index, set to 0");
		this.setSelectedIndex(0);
	};
};

sap.ui.commons.RadioButtonGroup.prototype.onAfterRendering = function() {

	this.initItemNavigation();

	// update ARIA information of RadioButtons
	for(var i = 0; i < this.aRBs.length; i++){
		jQuery.sap.byId(this.aRBs[i].getId()).attr("aria-posinset", i+1).attr("aria-setsize", this.aRBs.length);
	}
};

/*
 * initialize ItemNavigation. Transfer RadioButtons to ItemNavigation.
 * TabIndexes are set by ItemNavigation
 * @private
 */
sap.ui.commons.RadioButtonGroup.prototype.initItemNavigation = function(){

	// Collect items for ItemNavigation
	var aDomRefs = [];
	this._aActiveItems = [];
	var aActiveItems = this._aActiveItems;
	var bEnabled = false;
	for (var i=0; i < this.aRBs.length; i++) {
		aActiveItems[aDomRefs.length] = i;
		aDomRefs.push(jQuery.sap.domById(this.aRBs[i].getId()));
		if (!bEnabled && this.aRBs[i].getEnabled()) {
			// at least one RadioButton is enabled
			bEnabled = true;
		}
	}

	if (bEnabled) {
		// at least one RadioButton enabled -> use property of RadioButtonGroup
		// so if all RadioButtons are disabled the RadioButtonGroup is disabled too.
		bEnabled = this.getEnabled();
	}

	if (!bEnabled) {
		// RadioButtonGroup is disabled -> no ItemNavigation
		if (this.oItemNavigation) {
			this.removeDelegate(this.oItemNavigation);
			this.oItemNavigation.destroy();
			delete this.oItemNavigation;
		}
		return;
	}

	// init ItemNavigation
	if (!this.oItemNavigation) {
		this.oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
		this.oItemNavigation.attachEvent(sap.ui.core.delegate.ItemNavigation.Events.AfterFocus, this._handleAfterFocus, this);
		this.addDelegate(this.oItemNavigation);
	}
	this.oItemNavigation.setRootDomRef(this.getDomRef());
	this.oItemNavigation.setItemDomRefs(aDomRefs);
	this.oItemNavigation.setCycling(true);
	this.oItemNavigation.setColumns(this.getColumns());
	this.oItemNavigation.setSelectedIndex(this.getSelectedIndex());
	this.oItemNavigation.setFocusedIndex(this.getSelectedIndex());
};

/*
 * Set selected RadioButton via Index
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.setSelectedIndex = function(iSelectedIndex) {

	var iIndexOld = this.getSelectedIndex();

	if (iSelectedIndex < 0) {
		// invalid negative index -> don't change index.
		jQuery.sap.log.warning("Invalid index, will not be changed");
		return this;
	}

	this.setProperty("selectedIndex", iSelectedIndex, true); // no re-rendering

	// deselect old RadioButton
	if( !isNaN(iIndexOld) && this.aRBs && this.aRBs[iIndexOld]){
		this.aRBs[iIndexOld].setSelected(false);
	}

	// select new one
	if(this.aRBs && this.aRBs[iSelectedIndex]){
		this.aRBs[iSelectedIndex].setSelected(true);
	}

	if(this.oItemNavigation){
		this.oItemNavigation.setSelectedIndex(iSelectedIndex);
		this.oItemNavigation.setFocusedIndex(iSelectedIndex);
	}

	return this;

};

/*
 * Set selected RadioButton via Item
 * @param {sap.ui.core.Item} oSelectedItem the item to be selected.
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.setSelectedItem = function(iSelectedItem) {

	for (var i = 0; i < this.getItems().length; i++){
		if(iSelectedItem.getId() == this.getItems()[i].getId()){
			this.setSelectedIndex(i);
			break;
		}
	}
};

/*
 * Get item of selected RadioButton
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.getSelectedItem = function() {

	return this.getItems()[this.getSelectedIndex()];

};

/*
 * Adds a new Item
 * If an item is added a new RadioButton must be added
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.addItem = function(oItem) {

	this.myChange = true;
	this.addAggregation("items", oItem);
	this.myChange = undefined;

	if(this.getSelectedIndex() === undefined){
		// if not defined -> select first one
		this.setSelectedIndex(0);
	}
	if(!this.aRBs){
		this.aRBs = [];
	}

	var iIndex = this.aRBs.length;

	this.aRBs[iIndex] = this.createRadioButton(oItem, iIndex);

	return this;
};

/*
 * Inserts a new Item
 * If an item is inserted a new RadioButton must be inserted
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.insertItem = function(oItem, iIndex) {

	this.myChange = true;
	this.insertAggregation("items", oItem, iIndex);
	this.myChange = undefined;

	if(!this.aRBs){
		this.aRBs = [];
	}

	var iLength = this.aRBs.length;

	if(this.getSelectedIndex() === undefined || iLength == 0){
		// if not defined -> select first one
		this.setSelectedIndex(0);
	}else if(this.getSelectedIndex() >= iIndex){
		// If inserted before selected one, move selection index (only change parameter, not RadioButton)
		this.setProperty("selectedIndex", this.getSelectedIndex() + 1, true); // no re-rendering
	}

	if( iIndex >= iLength){
		this.aRBs[iIndex] = this.createRadioButton(oItem, iIndex);
	}else{
		// Insert RadioButton: loop backwards over Array and shift everything
		for (var i = (iLength); i > iIndex; i--) {
			this.aRBs[i] = this.aRBs[i-1];
			if((i-1) == iIndex){
				this.aRBs[i-1] = this.createRadioButton(oItem, iIndex);
			}
		}
	}

	return this;

};

/*
 * create RadioButton for an item
 * @private
 */
sap.ui.commons.RadioButtonGroup.prototype.createRadioButton = function(oItem, iIndex){

	if(this.iIDCount == undefined){
		this.iIDCount = 0;
	}else{
		this.iIDCount++;
	}

	var oRadioButton = new sap.ui.commons.RadioButton(this.getId() + "-" + this.iIDCount);
	oRadioButton.setText(oItem.getText());
	oRadioButton.setTooltip(oItem.getTooltip());
	if (this.getEnabled()) {
		oRadioButton.setEnabled(oItem.getEnabled());
	} else {
		oRadioButton.setEnabled(false);
	}
	oRadioButton.setKey(oItem.getKey());
	oRadioButton.setTextDirection(oItem.getTextDirection());
	oRadioButton.setEditable(this.getEditable());
	oRadioButton.setGroupName(this.getId());
	oRadioButton.setValueState(this.getValueState());
	oRadioButton.setParent(this);

	if( iIndex == this.getSelectedIndex() ){
		oRadioButton.setSelected(true);
	}

	oRadioButton.attachEvent('select', this.handleRBSelect, this);

	return(oRadioButton);
};

/*
 * Removes an Item
 * If an item is removed the corresponding RadioButton must be deleted
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.removeItem = function(vElement) {
	var iIndex = vElement;
	if (typeof(vElement) == "string") { // ID of the element is given
		vElement = sap.ui.getCore().byId(vElement);
	}
	if (typeof(vElement) == "object") { // the element itself is given or has just been retrieved
		iIndex = this.indexOfItem(vElement);
	}

	this.myChange = true;
	var oItem = this.removeAggregation("items", iIndex);
	this.myChange = undefined;

	if(!this.aRBs){
		this.aRBs = [];
	}

	if(!this.aRBs[iIndex]){
		// RadioButton not exists
		return null;
	}

	this.aRBs[iIndex].destroy();
	this.aRBs.splice(iIndex, 1);

	if(this.aRBs.length == 0){
		this.setSelectedIndex(undefined);
	}else if(this.getSelectedIndex() == iIndex){
		// selected one is removed -> select first one
		this.setSelectedIndex(0);
	}else{
		if(this.getSelectedIndex() > iIndex){
			// If removed before selected one, move selection index (only change parameter, not RadioButton)
			this.setProperty("selectedIndex", this.getSelectedIndex() - 1, true); // no re-rendering
		}
	}

	return oItem;
};

/*
 * Removes all items
 * If all items are removed all RadioButtons must be deleted
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.removeAllItems = function() {

	this.myChange = true;
	var aItems = this.removeAllAggregation("items");
	this.myChange = undefined;

	this.setSelectedIndex(undefined);

	if(this.aRBs){
		while(this.aRBs.length > 0){
			this.aRBs[0].destroy();
			this.aRBs.splice(0, 1);
		};
		return aItems;
	}else{
		return null;
	}

};

/*
 * destroys all items
 * If all items are destroyed all RadioButtons must be deleted
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.destroyItems = function() {

	this.myChange = true;
	this.destroyAggregation("items");
	this.myChange = undefined;

	this.setSelectedIndex(undefined);

	if(this.aRBs){
		while(this.aRBs.length > 0){
			this.aRBs[0].destroy();
			this.aRBs.splice(0, 1);
		};
	}

	return this;

};

/*
 * if invalid -> synchronize radio buttons
 * @protected
 */
sap.ui.commons.RadioButtonGroup.prototype.invalidate = function(oOrigin){

	if(oOrigin instanceof sap.ui.core.Item && this.aRBs && !this.myChange){
		// change was not done by RadioButtonGroup itself
		var aItems = this.getItems();
		for (var i = 0; i < aItems.length; i++) {
			if( aItems[i] == oOrigin){
				if(this.aRBs[i]){
					this.aRBs[i].setText(aItems[i].getText());
					this.aRBs[i].setTooltip(aItems[i].getTooltip());
					if (this.getEnabled()) {
						this.aRBs[i].setEnabled(aItems[i].getEnabled());
					} else {
						this.aRBs[i].setEnabled(false);
					}
					this.aRBs[i].setKey(aItems[i].getKey());
					this.aRBs[i].setTextDirection(aItems[i].getTextDirection());
				}
				break;
			}
		}
		if(this.getDomRef()){
			this.initItemNavigation();
		}
	}
	var oParent = this.getParent();
	if(oParent) {
		oParent.invalidate(this);
	}

};

/*
 * On SELECT event of single Radio Buttons fire Select Event for group
 * @private
 */
sap.ui.commons.RadioButtonGroup.prototype.handleRBSelect = function(oControlEvent){
	// find RadioButton in Array to get Index
	for (var i = 0; i < this.aRBs.length; i++) {
		if(this.aRBs[i].getId() == oControlEvent.getParameter("id")){
			this.setSelectedIndex(i);
			this.oItemNavigation.setSelectedIndex(i);
			this.oItemNavigation.setFocusedIndex(i);
			this.fireSelect({selectedIndex: i});
			break;
		}
	}

};

/*
 * Set all RadioButtons to Editable/ReadOnly
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.setEditable = function(bEditable){

	this.setProperty("editable", bEditable, false); // re-rendering to update ItemNavigation

	if(this.aRBs){
		for (var i = 0; i < this.aRBs.length; i++) {
			this.aRBs[i].setEditable(bEditable);
		}
	}
};

/*
 * Set all RadioButtons to Enabled/Disabled
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.setEnabled = function(bEnabled){

	this.setProperty("enabled", bEnabled, false); // re-rendering to update ItemNavigation

	if(this.aRBs){
		var aItems = this.getItems();

		for (var i = 0; i < this.aRBs.length; i++) {
			if (bEnabled) {
				this.aRBs[i].setEnabled(aItems[i].getEnabled());
			}else {
				this.aRBs[i].setEnabled(bEnabled);
			}
		}
	}

};

/*
 * Set ValueState for all RadioButtons
 * @public
 */
sap.ui.commons.RadioButtonGroup.prototype.setValueState = function(sValueState){

	this.setProperty("valueState", sValueState, false); // re-rendering to update ItemNavigation

	if(this.aRBs){
		for (var i = 0; i < this.aRBs.length; i++) {
			this.aRBs[i].setValueState(sValueState);
		}
	}
};

/*
 * Handles the event that gets fired by the {@link sap.ui.core.delegate.ItemNavigation} delegate.
 * Ensures that focused element is selected
 *
 * @param {sap.ui.base.Event} oControlEvent The event that gets fired by the {@link sap.ui.core.delegate.ItemNavigation} delegate.
 * @private
 */
sap.ui.commons.RadioButtonGroup.prototype._handleAfterFocus = function(oControlEvent){

	var iIndex = oControlEvent.getParameter("index");
	var oEvent = oControlEvent.getParameter("event");

	if(iIndex != this.getSelectedIndex() && !(oEvent.ctrlKey || oEvent.metaKey) && this.aRBs[iIndex].getEditable() && this.aRBs[iIndex].getEnabled()){
		// if CTRL key is used do not switch selection
		this.setSelectedIndex(iIndex);
		this.oItemNavigation.setSelectedIndex(iIndex);
		this.fireSelect({selectedIndex:iIndex});
	}
};
}; // end of sap.ui.commons.RadioButtonGroup
if ( !jQuery.sap.isDeclared('sap.ui.commons.RangeSliderRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.RangeSlider
jQuery.sap.declare("sap.ui.commons.RangeSliderRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained



/**
 * @class RangeSlider renderer.
 * @static
 */
sap.ui.commons.RangeSliderRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.SliderRenderer);

/**
 * Renders the Grip for the slider control, using the provided {@link sap.ui.fw.RenderManager}.
 * Each slider is handeled as individual single sliders for aria.
 * Min and max values are adjusted when sliders are moved.
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should be rendered.
 */
sap.ui.commons.RangeSliderRenderer.renderGrip = function(oRenderManager, oSlider){
	var rm = oRenderManager;

	//Left Grip
	rm.write('<DIV');

	// Icon for grip
	rm.writeAttribute('id', oSlider.getId() + '-grip');
	if (oSlider.getEnabled()) {
		rm.writeAttribute('tabIndex', '0');
	}else{
		rm.writeAttribute('tabIndex', '-1');
	}
	rm.writeAttribute('class', 'sapUiSliGrip');
	rm.writeAttribute('title', oSlider.getValue());

	// ARIA
	rm.writeAccessibilityState(oSlider, {
		role: 'slider',
		controls: oSlider.getId() + '-grip2',
		orientation: 'horizontal',
		valuemin: oSlider.getMin(),
		valuemax: oSlider.getValue2(),
		live: 'assertive',
		disabled: !oSlider.getEditable() || !oSlider.getEnabled(),
		describedby: oSlider.getTooltip_AsString() ? (oSlider.getId()+'-Descr ' + oSlider.getAriaDescribedBy().join(" ")) : undefined
	});

	rm.write('>&#9650;</DIV>'); // Symbol for HCB Theme (Must be hidden in other themes)

	//Right Grip
	rm.write('<DIV');

	// Icon for grip
	rm.writeAttribute('id', oSlider.getId() + '-grip2');
	if (oSlider.getEnabled()) {
		rm.writeAttribute('tabIndex', '0');
	}else{
		rm.writeAttribute('tabIndex', '-1');
	}
	rm.writeAttribute('class', 'sapUiSliGrip');
	rm.writeAttribute('title', oSlider.getValue2());

	// ARIA
	rm.writeAccessibilityState(oSlider, {
		role: 'slider',
		controls: oSlider.getId() + '-grip',
		orientation: 'horizontal',
		valuemin: oSlider.getValue(),
		valuemax: oSlider.getMax(),
		live: 'assertive',
		disabled: !oSlider.getEditable() || !oSlider.getEnabled(),
		describedby: oSlider.getTooltip_AsString() ? (oSlider.getId()+'-Descr ' + oSlider.getAriaDescribedBy().join(" ")) : undefined
	});

	rm.write('>&#9650;</DIV>'); // Symbol for HCB Theme (Must be hidden in other themes)

};

/**
 * Adds extra code to the control (i.e. in subclasses), using the provided {@link sap.ui.fw.RenderManager}.
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should be rendered.
 */
sap.ui.commons.RangeSliderRenderer.controlAdditionalCode = function(rm, oSlider){
	rm.addClass('sapUiRSli');
};
}; // end of sap.ui.commons.RangeSliderRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.RatingIndicator') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RatingIndicator.
jQuery.sap.declare("sap.ui.commons.RatingIndicator");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RatingIndicator.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getMaxValue maxValue} : int (default: 5)</li>
 * <li>{@link #getValue value} : float (default: 0)</li>
 * <li>{@link #getIconSelected iconSelected} : sap.ui.core.URI</li>
 * <li>{@link #getIconUnselected iconUnselected} : sap.ui.core.URI</li>
 * <li>{@link #getIconHovered iconHovered} : sap.ui.core.URI</li>
 * <li>{@link #getVisualMode visualMode} : sap.ui.commons.RatingIndicatorVisualMode (default: sap.ui.commons.RatingIndicatorVisualMode.Half)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.RatingIndicator#event:change change} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Is used to let the user do some rating on a certain topic. The amount of rating symbols can be specified, as well as the URIs to the
 * image icons which shall be used as rating symbols. When the user performs a rating, an event is fired.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RatingIndicator
 */
sap.ui.core.Control.extend("sap.ui.commons.RatingIndicator", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"maxValue" : {type : "int", group : "Behavior", defaultValue : 5},
		"value" : {type : "float", group : "Behavior", defaultValue : 0, bindable : "bindable"},
		"iconSelected" : {type : "sap.ui.core.URI", group : "Behavior", defaultValue : null},
		"iconUnselected" : {type : "sap.ui.core.URI", group : "Behavior", defaultValue : null},
		"iconHovered" : {type : "sap.ui.core.URI", group : "Behavior", defaultValue : null},
		"visualMode" : {type : "sap.ui.commons.RatingIndicatorVisualMode", group : "Behavior", defaultValue : sap.ui.commons.RatingIndicatorVisualMode.Half}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"change" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RatingIndicator with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RatingIndicator.extend
 * @function
 */

sap.ui.commons.RatingIndicator.M_EVENTS = {'change':'change'};


/**
 * Getter for property <code>visible</code>.
 * If set to invisible, the control is not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.RatingIndicator#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#setVisible
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Value 'true' is required for changes on the rating symbols.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.RatingIndicator#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#setEditable
 * @function
 */


/**
 * Getter for property <code>maxValue</code>.
 * The number of displayed rating symbols
 *
 * Default value is <code>5</code>
 *
 * @return {int} the value of property <code>maxValue</code>
 * @public
 * @name sap.ui.commons.RatingIndicator#getMaxValue
 * @function
 */

/**
 * Setter for property <code>maxValue</code>.
 *
 * Default value is <code>5</code> 
 *
 * @param {int} iMaxValue  new value for property <code>maxValue</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#setMaxValue
 * @function
 */


/**
 * Getter for property <code>value</code>.
 * The current selected value.
 *
 * Default value is <code>0</code>
 *
 * @return {float} the value of property <code>value</code>
 * @public
 * @name sap.ui.commons.RatingIndicator#getValue
 * @function
 */

/**
 * Setter for property <code>value</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {float} fValue  new value for property <code>value</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#setValue
 * @function
 */


/**
 * Binder for property <code>value</code>.
 *
 * @param {string} sPath path to a property in the model 
 * @param {function} [fnFormatter=null] the formatter function
 * @param {sap.ui.model.BindingMode} [sMode=Default] the binding mode to be used for this property binding (e.g. one way) 
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#bindValue
 * @function
 */

/**
 * Unbinder for property <code>value</code>.
 *
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#unbindValue
 * @function
 */


/**
 * Getter for property <code>iconSelected</code>.
 * The URI to the image which shall be displayed for all selected rating symbols.
 * Note that when this attribute is used, also the other icon attributes need to be set.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconSelected</code>
 * @public
 * @name sap.ui.commons.RatingIndicator#getIconSelected
 * @function
 */

/**
 * Setter for property <code>iconSelected</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconSelected  new value for property <code>iconSelected</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#setIconSelected
 * @function
 */


/**
 * Getter for property <code>iconUnselected</code>.
 * The URI to the image which shall be displayed for all unselected rating symbols. If this attribute is used, a requirement is that all custom icons need to have the same size.
 * Note that when this attribute is used also the other icon attributes need to be set.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconUnselected</code>
 * @public
 * @name sap.ui.commons.RatingIndicator#getIconUnselected
 * @function
 */

/**
 * Setter for property <code>iconUnselected</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconUnselected  new value for property <code>iconUnselected</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#setIconUnselected
 * @function
 */


/**
 * Getter for property <code>iconHovered</code>.
 * The URI to the image which is displayed when the mouse hovers onto a rating symbol.
 * If used, a requirement is that all custom icons need to have the same size.
 * Note that when this attribute is used also the other icon attributes need to be set.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconHovered</code>
 * @public
 * @name sap.ui.commons.RatingIndicator#getIconHovered
 * @function
 */

/**
 * Setter for property <code>iconHovered</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconHovered  new value for property <code>iconHovered</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#setIconHovered
 * @function
 */


/**
 * Getter for property <code>visualMode</code>.
 * Defines how float values are visualized: Full, Half, Continuous (see enumeration RatingIndicatorVisualMode)
 *
 * Default value is <code>Half</code>
 *
 * @return {sap.ui.commons.RatingIndicatorVisualMode} the value of property <code>visualMode</code>
 * @public
 * @name sap.ui.commons.RatingIndicator#getVisualMode
 * @function
 */

/**
 * Setter for property <code>visualMode</code>.
 *
 * Default value is <code>Half</code> 
 *
 * @param {sap.ui.commons.RatingIndicatorVisualMode} oVisualMode  new value for property <code>visualMode</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#setVisualMode
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.RatingIndicator#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.RatingIndicator#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RatingIndicator#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.RatingIndicator#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.RatingIndicator#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RatingIndicator#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * The event is fired when the user has done a rating. 
 *
 * @name sap.ui.commons.RatingIndicator#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.value The rated value
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'change' event of this <code>sap.ui.commons.RatingIndicator</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RatingIndicator</code>.<br/> itself. 
 *  
 * The event is fired when the user has done a rating. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RatingIndicator</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#attachChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'change' event of this <code>sap.ui.commons.RatingIndicator</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RatingIndicator#detachChange
 * @function
 */

/**
 * Fire event change to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'value' of type <code>int</code> The rated value</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RatingIndicator#fireChange
 * @function
 */


// Start of sap/ui/commons/RatingIndicator.js
jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Control Initialization
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.init = function(){
	this.iHoveredRating = -1;
};

/**
 * Does all the cleanup when the RatingIndicator is to be destroyed.
 * Called from Element's destroy() method.
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.exit = function (){
	// no super.exit() to call
};

/**
 * Called when the theme is changed.
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onThemeChanged = function(oEvent){
	this.invalidate();
	this.rerender();
};

/**
 * Avoid dragging the icons.
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.ondragstart = function(oEvent){
	oEvent.preventDefault();
};

/**
 * Behavior implementation which is executed when the user presses Arrow Right (Left in RTL case) or Arrow Up.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onsapincrease = function(oEvent){
	var iNewHoverValue = this.iHoveredRating;

	if(iNewHoverValue == -1){
		iNewHoverValue = Math.round(this.getValue()) - 1;
		if(iNewHoverValue == -1){
			iNewHoverValue = 0;
		}
	}

	if(iNewHoverValue < this.getMaxValue()){
		iNewHoverValue = iNewHoverValue + 1;
	}else{
		iNewHoverValue = this.getMaxValue();
	}

	this.updateHoverState(oEvent, iNewHoverValue);
};

/**
 * Behavior implementation which is executed when the user presses Arrow Left (Right in RTL case) or Arrow Down.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onsapdecrease = function(oEvent){
	var iNewHoverValue = this.iHoveredRating;

	if(iNewHoverValue == -1 && Math.round(this.getValue()) == 0) {
		return;
	}

	if(iNewHoverValue == -1){
		iNewHoverValue = Math.round(this.getValue()) + 1;
	}

	if(iNewHoverValue > 1){
		iNewHoverValue = iNewHoverValue - 1;
	}else{
		iNewHoverValue = 1;
	}

	this.updateHoverState(oEvent, iNewHoverValue);
};

/**
 * Behavior implementation which is executed when the user presses Home.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onsaphome = function(oEvent){
	this.updateHoverState(oEvent, 1);
};

/**
 * Behavior implementation which is executed when the user presses End.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onsapend = function(oEvent){
	this.updateHoverState(oEvent, this.getMaxValue());
};

/**
 * Behavior implementation which is executed when the user presses Enter or Space.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onsapselect = function(oEvent){
	this.saveValue(oEvent, true, this.iHoveredRating);
};

/**
 * Behavior implementation which is executed when the user presses Esc.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onsapescape = function(oEvent){
	this.saveValue(oEvent, true, -1);
};

/**
 * Behavior implementation which is executed when the control loses the focus.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onfocusout = function(oEvent){
	//Do not react on focusouts of child DOM refs in IE
	if(jQuery.browser.msie && oEvent.target != this.getDomRef()) {
		return;
	}
	this.saveValue(oEvent, false, this.iHoveredRating);
};

/**
 * Behavior implementation which is executed when the control gets the focus.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onfocusin = function(oEvent){
	//Avoid focusing child DOM refs in IE
	if(jQuery.browser.msie && oEvent.target != this.getDomRef()) {
		this.getDomRef().focus();
	}
};

/**
 * Behavior implementation which is executed when the user clicks on a rating symbol.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onclick = function(oEvent){
	this.saveValue(oEvent, true, this.getSymbolValue(oEvent));
};

/**
 * Behavior implementation which is executed when the user moves the mouse on a rating symbol.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onmouseover = function(oEvent){
	oEvent.preventDefault();
	oEvent.stopPropagation();

	if(!this.getEditable()) {
		return;
	}
	this.iHoveredRating = -1;

	var symbolValue = this.getSymbolValue(oEvent);
	if(symbolValue == -1){
		return;
	}

	for(var i=1; i<=symbolValue; i++){
		sap.ui.commons.RatingIndicatorRenderer.hoverRatingSymbol(i, this);
	}
	for(var i=symbolValue+1; i<=this.getMaxValue(); i++){
		sap.ui.commons.RatingIndicatorRenderer.hoverRatingSymbol(i, this, true);
	}
};

/**
 * Behavior implementation which is executed when the user moves the mouse out of the rating symbol.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onmouseout = function(oEvent){
	oEvent.preventDefault();
	oEvent.stopPropagation();

	if(!this.getEditable()) {
		return;
	}

	if(jQuery.sap.checkMouseEnterOrLeave(oEvent, this.getDomRef())){
		this.iHoveredRating = -1;
		for(var i=1; i<=this.getMaxValue(); i++){
			sap.ui.commons.RatingIndicatorRenderer.unhoverRatingSymbol(i, this);
		}
	}
};

/**
 * Returns the rating symbol value which is affected by the given event or -1
 * if the event was not on a rating symbol.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.getSymbolValue = function(oEvent){
	var oSymbol = jQuery(oEvent.target);
	if(oSymbol.hasClass("sapUiRatingItmImg") || oSymbol.hasClass("sapUiRatingItmOvrflw")){
		oSymbol = jQuery(oEvent.target.parentNode);
	}else if(oSymbol.hasClass("sapUiRatingItmOvrflwImg")){
		oSymbol = jQuery(oEvent.target.parentNode.parentNode);
	}
	var itemvalue = oSymbol.attr("itemvalue");
	if(itemvalue){
		return parseInt(itemvalue, 10);
	}
	return -1;
};

/**
 * Updates the hover state according to the current pending keyboard input.
 *
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.updateKeyboardHoverState = function(bSkipHoverAfter){
	for(var i=1; i<=this.getMaxValue(); i++){
		sap.ui.commons.RatingIndicatorRenderer.unhoverRatingSymbol(i, this);
		if(i <= this.iHoveredRating){
			sap.ui.commons.RatingIndicatorRenderer.hoverRatingSymbol(i, this);
		}else if(!bSkipHoverAfter){
			sap.ui.commons.RatingIndicatorRenderer.hoverRatingSymbol(i, this, true);
		}
	}
	this.setAriaState();
};

/**
 * Called by the framework when rendering is completed.
 *
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.onAfterRendering = function() {
	this.setAriaState();
};

/**
 * Updates the ARIA state initially and in case of changes.
 *
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.setAriaState = function() {
	var val = this.iHoveredRating == -1 ? this.getValue() : this.iHoveredRating;
	jQuery.sap.byId(this.getId()).attr("aria-valuenow", val).attr("aria-valuetext", this._getText("RATING_ARIA_VALUE" , [val])).attr("aria-label", this._getText("RATING_ARIA_NAME"));
};

/**
 * Load language dependent texts.
 *
 * @private
 */
sap.ui.commons.RatingIndicator.prototype._getText = function(sKey, aArgs) {
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
	if(rb) {
		return rb.getText(sKey, aArgs);
	}
	return sKey;
};

/**
 * Helper function to save the value and fire the change event.
 *
 * @param {jQuery.Event} oEvent
 * @param {boolean} bstopEvent
 * @param {integer} iNewValue
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.saveValue = function(oEvent, bstopEvent, iNewValue) {
	if(bstopEvent){
		oEvent.preventDefault();
		// the control should not stop browser event propagation
		// Example: table control needs to catch and handle the event as well
		//oEvent.stopPropagation();
	}
	if(!this.getEditable()) {
		return false;
	}

	this.iHoveredRating = -1;
	if(iNewValue != -1 && iNewValue != this.getValue()){
		this.setValue(iNewValue);
		this.fireChange({value:iNewValue});
		return true;
	}else{
		//Update hover state only if value is not changed (otherwise rerendering is done anyway)
		for(var i=1; i<=this.getMaxValue(); i++){
			sap.ui.commons.RatingIndicatorRenderer.unhoverRatingSymbol(i, this);
		}
		this.setAriaState();
		return false;
	}
};

/**
 * Helper function to update the hover state when keyboard is used.
 *
 * @param {jQuery.Event} oEvent
 * @param {interger} iNewHoverValue
 * @private
 */
sap.ui.commons.RatingIndicator.prototype.updateHoverState = function(oEvent, iNewHoverValue) {
	oEvent.preventDefault();
	oEvent.stopPropagation();
	if(!this.getEditable()) {
		return;
	}
	this.iHoveredRating = iNewHoverValue;
	this.updateKeyboardHoverState();
};

/**
 * Setter for property <code>maxValue</code>.
 *
 * Default value is <code>5</code>
 * Minimum value is <code>1</code>
 *
 * @param {int} iMaxValue new value for property <code>maxValue</code>
 * @return {sap.ui.commons.RatingIndicator} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.RatingIndicator.prototype.setMaxValue = function(iMaxValue) {
	if(iMaxValue < 1) {
		iMaxValue = 1;
	}
	this.setProperty("maxValue", iMaxValue);
	return this;
};
}; // end of sap.ui.commons.RatingIndicator
if ( !jQuery.sap.isDeclared('sap.ui.commons.RichTooltip') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RichTooltip.
jQuery.sap.declare("sap.ui.commons.RichTooltip");

jQuery.sap.require('sap.ui.core.TooltipBase'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RichTooltip.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTitle title} : string</li>
 * <li>{@link #getImageSrc imageSrc} : sap.ui.core.URI</li>
 * <li>{@link #getValueStateText valueStateText} : string</li>
 * <li>{@link #getImageAltText imageAltText} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.TooltipBase#constructor sap.ui.core.TooltipBase}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * Is used to provide tool tips that can have long text, image and title. This tool tip extends the TooltipBase.
 * 
 * @extends sap.ui.core.TooltipBase
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RichTooltip
 */
sap.ui.core.TooltipBase.extend("sap.ui.commons.RichTooltip", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"title" : {type : "string", group : "Misc", defaultValue : null},
		"imageSrc" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"valueStateText" : {type : "string", group : "Misc", defaultValue : null},
		"imageAltText" : {type : "string", group : "Misc", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RichTooltip with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RichTooltip.extend
 * @function
 */


/**
 * Getter for property <code>title</code>.
 * Tool tip title to be displayed in the header.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.commons.RichTooltip#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.commons.RichTooltip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RichTooltip#setTitle
 * @function
 */


/**
 * Getter for property <code>imageSrc</code>.
 * If RichTooltip contains an image, this property is used to define the source path.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>imageSrc</code>
 * @public
 * @name sap.ui.commons.RichTooltip#getImageSrc
 * @function
 */

/**
 * Setter for property <code>imageSrc</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sImageSrc  new value for property <code>imageSrc</code>
 * @return {sap.ui.commons.RichTooltip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RichTooltip#setImageSrc
 * @function
 */


/**
 * Getter for property <code>valueStateText</code>.
 * This property is an individual text that will be used instead of the default ValueState text
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>valueStateText</code>
 * @public
 * @since 1.11.1
 * @name sap.ui.commons.RichTooltip#getValueStateText
 * @function
 */

/**
 * Setter for property <code>valueStateText</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sValueStateText  new value for property <code>valueStateText</code>
 * @return {sap.ui.commons.RichTooltip} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.1
 * @name sap.ui.commons.RichTooltip#setValueStateText
 * @function
 */


/**
 * Getter for property <code>imageAltText</code>.
 * This is the alt text for the image
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>imageAltText</code>
 * @public
 * @since 1.11.1
 * @name sap.ui.commons.RichTooltip#getImageAltText
 * @function
 */

/**
 * Setter for property <code>imageAltText</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sImageAltText  new value for property <code>imageAltText</code>
 * @return {sap.ui.commons.RichTooltip} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.1
 * @name sap.ui.commons.RichTooltip#setImageAltText
 * @function
 */


// Start of sap/ui/commons/RichTooltip.js
/**
 * Destroys all FormattedTextViews of the RichTooltip
 * 
 * @public
 */
sap.ui.commons.RichTooltip.prototype.exit = function() {
	if (this._oText) {
		this._oText.destroy();
		delete this._oText;
	}

	if (this._oValueStateText) {
		this._oValueStateText.destroy();
		delete this._oValueStateText;
	}
};

/**
 * Calculates the height of the RichTooltip to set a proper min-height.
 * Additionally the ARIA attributes are set to the corresponding elements.
 * 
 * @public
 * 
 */
sap.ui.commons.RichTooltip.prototype.onAfterRendering = function() {
	if (this._oText && this._oText.getDomRef()) {
		// set a corresponding ARIA role if there is a text
		this._oText.$().attr("role", "tooltip");

		if (this.getImageSrc() !== "") {
			// if text and image are set a bigger min-width is needed
			this.$().addClass("sapUiRttContentWide");
		}
	}
};

/**
 * This sets an individual text for the ValueState of the parent element of the
 * RichTooltip.
 * 
 * @param sText
 *            {sap.ui.core.string} the text that should be shown as individual
 *            ValueState text
 */
sap.ui.commons.RichTooltip.prototype.setValueStateText = function(sText) {
	if (sText) {
		if (this._oValueStateText) {
			this._oValueStateText.setProperty("htmlText", sText, true);
		} else {
			this._oValueStateText = new sap.ui.commons.FormattedTextView(this.getId() + "-valueStateText", {
				htmlText : sText
			}).addStyleClass("sapUiRttValueStateText").addStyleClass("individual");
		}
	} else {
		if (this._oValueStateText) {
			this._oValueStateText.destroy();
			delete this._oValueStateText;
		}
	}
	this.invalidate();
};

/**
 * This returns the previously set text. Since a FormattedTextView is used for
 * rendering and stuff the corresponding property of the FormattedTextView is
 * being read and returned. If no text was set an empty string is being
 * returned.
 * 
 * @returns {sap.ui.core.string} the ValueState text that was previously set.
 * @public
 */
sap.ui.commons.RichTooltip.prototype.getValueStateText = function() {
	if (this._oValueStateText) {
		return this._oValueStateText.getHtmlText();
	}
	return "";
};

/**
 * This overrides the function of TooltipBase to create a FormattedTextView that
 * should be used for rendering
 * 
 * @override sap.ui.core.TooltipBase.setText
 * @param sText
 *            {sap.ui.core.string} the text that should be shown
 */
sap.ui.commons.RichTooltip.prototype.setText = function(sText) {
	if (this._oText) {
		this._oText.setProperty("htmlText", sText, true);
	} else {
		this._oText = new sap.ui.commons.FormattedTextView(this.getId() + "-txt", {
			htmlText : sText
		}).addStyleClass("sapUiRttText");
	}
};

/**
 * This returns the previously set text. Since a FormattedTextView is used for
 * rendering and stuff the corresponding property of the FormattedTextView is
 * being read and returned. If no text was set an empty string is being
 * returned.
 * 
 * @returns {sap.ui.core.string} the text that was previously set.
 * @override TooltipBase.getText
 */
sap.ui.commons.RichTooltip.prototype.getText = function() {
	if (this._oText) {
		return this._oText.getHtmlText();
	}
	return "";
};

sap.ui.commons.RichTooltip.prototype.onfocusin = function(oEvent) {
	sap.ui.core.TooltipBase.prototype.onfocusin.apply(this, arguments);

	var oSC = jQuery(oEvent.target).control(0);
	if (oSC != null) {
		var sId = this.getId();
		var sIds = "";

		if (this.getTitle() !== "") {
			sIds += sId + "-title ";
		}

		var $valueStateText = jQuery.sap.byId(sId + "-valueStateText");
		if ($valueStateText.length > 0) {
			sIds += sId + "-valueStateText ";
		}

		// alt image
		if (this.getImageSrc() !== "") {
			sIds += sId + "-image ";
		}

		// 
		if (this.getText() !== "") {
			sIds += sId + "-txt";
		}

		var oDomRef = oSC.getFocusDomRef();
		oDomRef.setAttribute("aria-describedby", sIds);
	}
};

}; // end of sap.ui.commons.RichTooltip
if ( !jQuery.sap.isDeclared('sap.ui.commons.RoadMap') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RoadMap.
jQuery.sap.declare("sap.ui.commons.RoadMap");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RoadMap.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getNumberOfVisibleSteps numberOfVisibleSteps} : int</li>
 * <li>{@link #getFirstVisibleStep firstVisibleStep} : string</li>
 * <li>{@link #getSelectedStep selectedStep} : string</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getSteps steps} : sap.ui.commons.RoadMapStep[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.RoadMap#event:stepSelected stepSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.RoadMap#event:stepExpanded stepExpanded} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Is used to display step-by-step work flows of a clearly defined work process
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RoadMap
 */
sap.ui.core.Control.extend("sap.ui.commons.RoadMap", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"numberOfVisibleSteps" : {type : "int", group : "Misc", defaultValue : null},
		"firstVisibleStep" : {type : "string", group : "Misc", defaultValue : null},
		"selectedStep" : {type : "string", group : "Misc", defaultValue : null},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
		"visible" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	defaultAggregation : "steps",
	aggregations : {
    	"steps" : {type : "sap.ui.commons.RoadMapStep", multiple : true, singularName : "step"}
	},
	events : {
		"stepSelected" : {}, 
		"stepExpanded" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RoadMap with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RoadMap.extend
 * @function
 */

sap.ui.commons.RoadMap.M_EVENTS = {'stepSelected':'stepSelected','stepExpanded':'stepExpanded'};


/**
 * Getter for property <code>numberOfVisibleSteps</code>.
 * Total number of steps to be displayed at once
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>numberOfVisibleSteps</code>
 * @public
 * @name sap.ui.commons.RoadMap#getNumberOfVisibleSteps
 * @function
 */

/**
 * Setter for property <code>numberOfVisibleSteps</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iNumberOfVisibleSteps  new value for property <code>numberOfVisibleSteps</code>
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#setNumberOfVisibleSteps
 * @function
 */


/**
 * Getter for property <code>firstVisibleStep</code>.
 * Id of the first step to be displayed
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>firstVisibleStep</code>
 * @public
 * @name sap.ui.commons.RoadMap#getFirstVisibleStep
 * @function
 */

/**
 * Setter for property <code>firstVisibleStep</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFirstVisibleStep  new value for property <code>firstVisibleStep</code>
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#setFirstVisibleStep
 * @function
 */


/**
 * Getter for property <code>selectedStep</code>.
 * Id of the step which is currently selected
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>selectedStep</code>
 * @public
 * @name sap.ui.commons.RoadMap#getSelectedStep
 * @function
 */

/**
 * Setter for property <code>selectedStep</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSelectedStep  new value for property <code>selectedStep</code>
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#setSelectedStep
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Control width in CSS size
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.RoadMap#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#setWidth
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.RoadMap#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>steps</code>.<br/>
 * Steps that are composing the RoadMap
 * 
 * @return {sap.ui.commons.RoadMapStep[]}
 * @public
 * @name sap.ui.commons.RoadMap#getSteps
 * @function
 */


/**
 * Inserts a step into the aggregation named <code>steps</code>.
 *
 * @param {sap.ui.commons.RoadMapStep}
 *          oStep the step to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the step should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the step is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the step is inserted at 
 *             the last position        
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#insertStep
 * @function
 */

/**
 * Adds some step <code>oStep</code> 
 * to the aggregation named <code>steps</code>.
 *
 * @param {sap.ui.commons.RoadMapStep}
 *            oStep the step to add; if empty, nothing is inserted
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#addStep
 * @function
 */

/**
 * Removes an step from the aggregation named <code>steps</code>.
 *
 * @param {int | string | sap.ui.commons.RoadMapStep} vStep the step to remove or its index or id
 * @return {sap.ui.commons.RoadMapStep} the removed step or null
 * @public
 * @name sap.ui.commons.RoadMap#removeStep
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>steps</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.RoadMapStep[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RoadMap#removeAllSteps
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.RoadMapStep</code> in the aggregation named <code>steps</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.RoadMapStep}
 *            oStep the step whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.RoadMap#indexOfStep
 * @function
 */
	

/**
 * Destroys all the steps in the aggregation 
 * named <code>steps</code>.
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#destroySteps
 * @function
 */


/**
 * Event is fired when the user selects a step; assumption is that this step was not selected with the previously done select action. 
 *
 * @name sap.ui.commons.RoadMap#stepSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.stepId Id of the selected step
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'stepSelected' event of this <code>sap.ui.commons.RoadMap</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RoadMap</code>.<br/> itself. 
 *  
 * Event is fired when the user selects a step; assumption is that this step was not selected with the previously done select action. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RoadMap</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#attachStepSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'stepSelected' event of this <code>sap.ui.commons.RoadMap</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#detachStepSelected
 * @function
 */

/**
 * Fire event stepSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'stepId' of type <code>string</code> Id of the selected step</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RoadMap#fireStepSelected
 * @function
 */


/**
 * Event is fired when a given step is expanded or collapsed by user. 
 *
 * @name sap.ui.commons.RoadMap#stepExpanded
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.stepId Id of the expanded/collapsed step
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'stepExpanded' event of this <code>sap.ui.commons.RoadMap</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RoadMap</code>.<br/> itself. 
 *  
 * Event is fired when a given step is expanded or collapsed by user. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RoadMap</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#attachStepExpanded
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'stepExpanded' event of this <code>sap.ui.commons.RoadMap</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMap#detachStepExpanded
 * @function
 */

/**
 * Fire event stepExpanded to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'stepId' of type <code>string</code> Id of the expanded/collapsed step</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RoadMap} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RoadMap#fireStepExpanded
 * @function
 */


// Start of sap/ui/commons/RoadMap.js
(function() {

/**
 * Does the setup when the RoadMap is created.
 * @private
 */
sap.ui.commons.RoadMap.prototype.init = function(){
	this.iStepWidth = -1;
	this.sCurrentFocusedStepRefId = null;
};

/**
 * Does all the cleanup when the RoadMap is to be destroyed.
 * Called from Element's destroy() method.
 * @private
 */
sap.ui.commons.RoadMap.prototype.exit = function (){
	// Cleanup resize event registration
	if(this.sResizeListenerId){
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};


//Setter for property numberOfVisibleSteps which suppresses rerendering if possible -> Comment generated automatically
sap.ui.commons.RoadMap.prototype.setNumberOfVisibleSteps = function(iNumberOfVisibleSteps) {
	var bIsRendered = this.getDomRef() ? true : false;
	this.setProperty("numberOfVisibleSteps", iNumberOfVisibleSteps, bIsRendered);
	if(bIsRendered) {
		sap.ui.commons.RoadMapRenderer.updateScrollArea(this, true);
	}
	return this;
};


//Setter for property firstVisibleStep which suppresses rerendering if possible -> Comment generated automatically
sap.ui.commons.RoadMap.prototype.setFirstVisibleStep = function(sFirstVisibleStep) {
	var bIsRendered = this.getDomRef() ? true : false;
	if(bIsRendered){
		if(sFirstVisibleStep){
			var oStep = sap.ui.getCore().byId(sFirstVisibleStep);
			if(oStep && oStep.getParent() && (oStep.getParent() === this || oStep.getParent().getParent() === this) && oStep.getVisible()){
				this.setProperty("firstVisibleStep", sFirstVisibleStep, true);
				sap.ui.commons.RoadMapRenderer.updateScrollArea(this);
			}
		}else{
			this.setProperty("firstVisibleStep", "", true);
			sap.ui.commons.RoadMapRenderer.updateScrollArea(this);
		}
	}else{
		this.setProperty("firstVisibleStep", sFirstVisibleStep);
	}
	return this;
};


//Setter for property width which suppresses rerendering if possible -> Comment generated automatically
sap.ui.commons.RoadMap.prototype.setWidth = function(sWidth) {
	var bIsRendered = this.getDomRef() ? true : false;
	this.setProperty("width", sWidth, bIsRendered);
	if(bIsRendered){
		sap.ui.commons.RoadMapRenderer.setRoadMapWidth(this, sWidth);
		sap.ui.commons.RoadMapRenderer.updateScrollArea(this, true);
	}
	return this;
};


//Setter for property selectedStep which suppresses rerendering if possible -> Comment generated automatically
sap.ui.commons.RoadMap.prototype.setSelectedStep = function(sSelectedStep) {
	var bIsRendered = this.getDomRef() ? true : false;
	if(bIsRendered){
		if(sSelectedStep){
			var oStep = sap.ui.getCore().byId(sSelectedStep);
			if(oStep && oStep.getParent() && (oStep.getParent() === this || oStep.getParent().getParent() === this)
				&& oStep.getEnabled() && oStep.getVisible()){
				sap.ui.commons.RoadMapRenderer.selectStepWithId(this, sSelectedStep);
				this.setProperty("selectedStep", sSelectedStep, true);
			}
		}else{
			sap.ui.commons.RoadMapRenderer.selectStepWithId(this, "");
			this.setProperty("selectedStep", "", true);
		}
	}else{
		this.setProperty("selectedStep", sSelectedStep);
	}
	return this;
};


/**
 * Called when the theme is changed.
 * @private
 */
sap.ui.commons.RoadMap.prototype.onThemeChanged = function(oEvent){
	this.iStepWidth = -1;
	this.invalidate();
	this.rerender();
};


/**
 * Called before rendering starts by the renderer
 * (This is not the onBeforeRendering method which would be not called for the first rendering)
 * @private
 */
sap.ui.commons.RoadMap.prototype.doBeforeRendering = function(){
	//Bring the properties into a solid state
	var bIsValidSelectedStep = false;
	var bIsValidFirstStep = false;
	var aSteps = this.getSteps();
	for(var i=0; i<aSteps.length; i++){
		var oStep = aSteps[i];
		//expanded=true only possible if substeps available and enabled
		if(oStep.getSubSteps().length == 0 || !oStep.getEnabled()){
			oStep.setProperty("expanded", false, true);
		}
		//A selected step must exist, be enabled and visible
		if(!oStep.getEnabled() && !oStep.getVisible() && this.getSelectedStep() == oStep.getId()){
			this.setProperty("selectedStep", "", true);
		}else if(oStep.getEnabled() && oStep.getVisible() && this.getSelectedStep() == oStep.getId()){
			bIsValidSelectedStep = true;
		}
		//A first step must exist and be visible
		if(oStep.getVisible() && this.getFirstVisibleStep() == oStep.getId()){
			bIsValidFirstStep = true;
		}

		var aSubSteps = oStep.getSubSteps();
		for(var j=0; j<aSubSteps.length; j++){
			var oSubStep = aSubSteps[j];
			//expanded always false
			oSubStep.setProperty("expanded", false, true);
			//A selected step must exist, be enabled and visible
			if(!oSubStep.getEnabled() && !oSubStep.getVisible() && this.getSelectedStep() == oSubStep.getId()){
				this.setProperty("selectedStep", "", true);
			}else if(oSubStep.getEnabled() && oSubStep.getVisible() && this.getSelectedStep() == oSubStep.getId()){
				bIsValidSelectedStep = true;
			}
			//A first step must exist and be visible
			if(oSubStep.getVisible() && this.getFirstVisibleStep() == oSubStep.getId()){
				bIsValidFirstStep = true;
			}
		}
	}

	if(!bIsValidSelectedStep) {
		this.setProperty("selectedStep", "", true);
	}
	if(!bIsValidFirstStep) {
		this.setProperty("firstVisibleStep", "", true);
	}

	// Cleanup resize event registration before re-rendering
	if(this.sResizeListenerId){
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};


/**
 * Called when the rendering is complete
 * @private
 */
sap.ui.commons.RoadMap.prototype.onAfterRendering = function(){

	var aSteps = this.getSteps();

	//Compute the step width
	if(this.iStepWidth == -1 && aSteps.length > 0){
		var jRef = jQuery.sap.byId(aSteps[0].getId());
		this.iStepWidth = jRef.outerWidth();
	}

	//Adapt the step labels if needed
	for(var i=0; i<aSteps.length; i++){
		var oStep = aSteps[i];
		sap.ui.commons.RoadMapRenderer.addEllipses(oStep);
		var aSubSteps = oStep.getSubSteps();
		for(var j=0; j<aSubSteps.length; j++){
			sap.ui.commons.RoadMapRenderer.addEllipses(aSubSteps[j]);
		}
	}

	//Adapt the size of the scroll area
	sap.ui.commons.RoadMapRenderer.updateScrollArea(this);

	// Listen to resizing
	this.sResizeListenerId = sap.ui.core.ResizeHandler.register(this.getDomRef(), jQuery.proxy(this.onresize, this));
};


/**
 * Called when the Roadmap is resized
 * @private
 */
sap.ui.commons.RoadMap.prototype.onresize = function(oEvent) {
	var fDoOnResize = function() {
		if (this.getDomRef()) {
			//Adapt the size of the scroll area
			sap.ui.commons.RoadMapRenderer.updateScrollArea(this, true);
			refreshFocus(this, "prev");
			this.sResizeInProgress = null;
		}
	};

	if(jQuery.browser.mozilla){
		fDoOnResize.apply(this, []);
	}else{
		if(!this.sResizeInProgress){
			this.sResizeInProgress = jQuery.sap.delayedCall(300, this, fDoOnResize);
		}
	}
};


/**
 * Behavior implementation which is executed when the user clicks the step.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMap.prototype.onclick = function(oEvent){
	handleSelect(this, oEvent);
};


/**
 * Behavior implementation which is executed when the user presses the space or enter key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMap.prototype.onsapselect = function(oEvent){
	handleSelect(this, oEvent);
};


/**
 * Behavior implementation which is executed when the focus comes into the control or on one of its children.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMap.prototype.onfocusin = function(oEvent){
	var jTarget = jQuery(oEvent.target);
	var jTargetId = jTarget.attr("id");
	if(jTargetId && jQuery.sap.endsWith(jTargetId, "-box")){
		this.sCurrentFocusedStepRefId = jTargetId.substring(0, jTargetId.length-4);
	}else if(jTargetId && (jQuery.sap.endsWith(jTargetId, "-Start") || jQuery.sap.endsWith(jTargetId, "-End"))){
		//Keep the current focus
	}else{
		this.sCurrentFocusedStepRefId = sap.ui.commons.RoadMapRenderer.getFirstVisibleRef(this).attr("id");
		refreshFocus(this);
	}
	//Remove the control from tab chain to make tab out working (see onfocusout)
	jQuery.sap.byId(this.getId()).attr("tabindex", "-1");
};


/**
 * Behavior implementation which is executed when the focus leaves the control or one of its children.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMap.prototype.onfocusout = function(oEvent){
	//Add the control to tab chain again to make tab in working (see onfocusin)
	jQuery.sap.byId(this.getId()).attr("tabindex", "0");
};


/**
 * Behavior implementation which is executed when the user presses the arrow up or arrow left (RTL: arrow right) key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMap.prototype.onsapprevious = function(oEvent){
	focusStep(oEvent, this, "prev");
};


/**
 * Behavior implementation which is executed when the user presses the arrow down or arrow right (RTL: arrow left) key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMap.prototype.onsapnext = function(oEvent){
	focusStep(oEvent, this, "next");
};


/**
 * Behavior implementation which is executed when the user presses the home/pos1 key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMap.prototype.onsaphome = function(oEvent){
	focusStep(oEvent, this, "first");
};


/**
 * Behavior implementation which is executed when the user presses the end key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMap.prototype.onsapend = function(oEvent){
	focusStep(oEvent, this, "last");
};


//********* Private *********


//Called when either the Roadmap is clicked or the space or enter key is pressed
var handleSelect = function(oThis, oEvent){
	oEvent.stopPropagation();
	oEvent.preventDefault();

	var jTarget = jQuery(oEvent.target);
	var sTargetId = jTarget.attr("id");

	if(!sTargetId) {
		return;
	}

	//Handle event for the end of an expandable step
	var iIdx = sTargetId.lastIndexOf("-expandend");
	if(iIdx != -1){
		var oStep = sap.ui.getCore().byId(sTargetId.substring(0, iIdx));
		if(oStep && oThis.indexOfStep(oStep) >= 0){
			oStep.handleSelect(oEvent, true);
			return;
		}
	}

	//Handle select on delimiter
	if(sTargetId == oThis.getId() + "-Start"){
		if(jTarget.hasClass("sapUiRoadMapStartScroll")){
			scrollToNextStep(oThis, "prev", true);
		}else{
			refreshFocus(oThis);
		}
	}else if(sTargetId == oThis.getId() + "-End"){
		if(jTarget.hasClass("sapUiRoadMapEndScroll")){
			scrollToNextStep(oThis, "next", true);
		}else{
			refreshFocus(oThis);
		}
	}
};


//Helper function to scroll to following step (optionally with updating the focus (see focusStep)).
//Allowed directions are: next, prev, first, last.
var scrollToNextStep = function(oThis, sDir, bUpdateFocus){
	sap.ui.commons.RoadMapRenderer.scrollToNextStep(oThis, sDir, function(sFirstVisibleNodeId){
		var iIdx = sFirstVisibleNodeId.lastIndexOf("-expandend");
		if(iIdx != -1) {
			sFirstVisibleNodeId = sFirstVisibleNodeId.substring(0, iIdx);
		}
		oThis.setProperty("firstVisibleStep", sFirstVisibleNodeId, true);

		if(bUpdateFocus) {
			refreshFocus(oThis, sDir);
		}
	});
};


//Helper function to focus the following step of the current focused step in the given direction.
//Allowed directions are: next, prev, first, last. If this step is not visible an automatic scrolling is done.
var focusStep = function(oEvent, oThis, sDir){
	if(oEvent){
		oEvent.stopPropagation();
		oEvent.preventDefault();
	}
	if(!oThis.sCurrentFocusedStepRefId) {
		return;
	}

	var sFoo = sDir+"All";
	var bIsJumpToDelimiter = false;
	if(sDir == "first"){
		sFoo = "prevAll";
		bIsJumpToDelimiter = true;
	}else if(sDir == "last"){
		sFoo = "nextAll";
		bIsJumpToDelimiter = true;
	}

	var jCurrentFocusStep = jQuery.sap.byId(oThis.sCurrentFocusedStepRefId);
	var jFollowingSteps = jCurrentFocusStep[sFoo](":visible");
	var sFollowingFocusStepId = jQuery(jFollowingSteps.get(bIsJumpToDelimiter ? jFollowingSteps.length-1 : 0)).attr("id");
	if(sFollowingFocusStepId){
		if(!sap.ui.commons.RoadMapRenderer.isVisibleRef(oThis, sFollowingFocusStepId)) {
			scrollToNextStep(oThis, sDir);
		}

		jQuery.sap.byId(sFollowingFocusStepId+"-box").get(0).focus();
	}
};


//Sets the focus on the current focused step again. If the current focused step is not visible anymore
//the following step in the given direction is focused. Allowed directions are: next, prev, first, last
var refreshFocus = function(oThis, sDir){
	if(!oThis.sCurrentFocusedStepRefId) {
		return;
	}

	if(sDir && !sap.ui.commons.RoadMapRenderer.isVisibleRef(oThis, oThis.sCurrentFocusedStepRefId)){
		focusStep(null, oThis, sDir);
	}else{
		jQuery.sap.byId(oThis.sCurrentFocusedStepRefId+"-box").get(0).focus();
	}
};

}());
}; // end of sap.ui.commons.RoadMap
if ( !jQuery.sap.isDeclared('sap.ui.commons.RoadMapStep') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RoadMapStep.
jQuery.sap.declare("sap.ui.commons.RoadMapStep");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RoadMapStep.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getLabel label} : string</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getExpanded expanded} : boolean (default: false)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getSubSteps subSteps} : sap.ui.commons.RoadMapStep[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Step used within a RoadMap Control.
 * 
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RoadMapStep
 */
sap.ui.core.Element.extend("sap.ui.commons.RoadMapStep", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"label" : {type : "string", group : "Misc", defaultValue : null},
		"enabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"expanded" : {type : "boolean", group : "Misc", defaultValue : false, deprecated: true},
		"visible" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	defaultAggregation : "subSteps",
	aggregations : {
    	"subSteps" : {type : "sap.ui.commons.RoadMapStep", multiple : true, singularName : "subStep", deprecated: true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RoadMapStep with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RoadMapStep.extend
 * @function
 */


/**
 * Getter for property <code>label</code>.
 * Label of the step
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>label</code>
 * @public
 * @name sap.ui.commons.RoadMapStep#getLabel
 * @function
 */

/**
 * Setter for property <code>label</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sLabel  new value for property <code>label</code>
 * @return {sap.ui.commons.RoadMapStep} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMapStep#setLabel
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Specifies whether the user shall be allowed to click a step, or not
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.RoadMapStep#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.RoadMapStep} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMapStep#setEnabled
 * @function
 */


/**
 * Getter for property <code>expanded</code>.
 * This property is only relevant when using sub steps.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>expanded</code>
 * @public
 * @deprecated Since version 0.19.0. 
 * Note that sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#getExpanded
 * @function
 */

/**
 * Setter for property <code>expanded</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bExpanded  new value for property <code>expanded</code>
 * @return {sap.ui.commons.RoadMapStep} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 0.19.0. 
 * Note that sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#setExpanded
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Step is visible
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.RoadMapStep#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.RoadMapStep} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RoadMapStep#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>subSteps</code>.<br/>
 * Sub steps for the current step. Will be displayed only in the case that the step is expanded. Otherwise, special arrows show the availability
 * of sub steps. One level of sub steps supported.
 * 
 * @return {sap.ui.commons.RoadMapStep[]}
 * @public
 * @deprecated Since version 0.19.0. 
 * Sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#getSubSteps
 * @function
 */


/**
 * Inserts a subStep into the aggregation named <code>subSteps</code>.
 *
 * @param {sap.ui.commons.RoadMapStep}
 *          oSubStep the subStep to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the subStep should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the subStep is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the subStep is inserted at 
 *             the last position        
 * @return {sap.ui.commons.RoadMapStep} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 0.19.0. 
 * Sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#insertSubStep
 * @function
 */

/**
 * Adds some subStep <code>oSubStep</code> 
 * to the aggregation named <code>subSteps</code>.
 *
 * @param {sap.ui.commons.RoadMapStep}
 *            oSubStep the subStep to add; if empty, nothing is inserted
 * @return {sap.ui.commons.RoadMapStep} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 0.19.0. 
 * Sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#addSubStep
 * @function
 */

/**
 * Removes an subStep from the aggregation named <code>subSteps</code>.
 *
 * @param {int | string | sap.ui.commons.RoadMapStep} vSubStep the subStep to remove or its index or id
 * @return {sap.ui.commons.RoadMapStep} the removed subStep or null
 * @public
 * @deprecated Since version 0.19.0. 
 * Sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#removeSubStep
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>subSteps</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.RoadMapStep[]} an array of the removed elements (might be empty)
 * @public
 * @deprecated Since version 0.19.0. 
 * Sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#removeAllSubSteps
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.RoadMapStep</code> in the aggregation named <code>subSteps</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.RoadMapStep}
 *            oSubStep the subStep whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @deprecated Since version 0.19.0. 
 * Sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#indexOfSubStep
 * @function
 */
	

/**
 * Destroys all the subSteps in the aggregation 
 * named <code>subSteps</code>.
 * @return {sap.ui.commons.RoadMapStep} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 0.19.0. 
 * Sub steps will not be supported in future. This feature might be removed in one of the next releases.
 * @name sap.ui.commons.RoadMapStep#destroySubSteps
 * @function
 */


// Start of sap/ui/commons/RoadMapStep.js
(function() {

//Setter for property label which suppresses rerendering if possible -> Comment generated automatically
sap.ui.commons.RoadMapStep.prototype.setLabel = function(sLabel) {
	setProperty(this, "label", sLabel, function(){
		sap.ui.commons.RoadMapRenderer.setStepLabel(this, sLabel);
		this.setProperty("label", sLabel, true);
		sap.ui.commons.RoadMapRenderer.addEllipses(this);
		return true;
	});
	return this;
};


//Setter for property enabled which suppresses rerendering if possible -> Comment generated automatically
sap.ui.commons.RoadMapStep.prototype.setEnabled = function(bEnabled) {
	var bOldEnabled = this.getEnabled();
	if((bEnabled && bOldEnabled) || (!bEnabled && !bOldEnabled)) {
		return this;
	}
	setProperty(this, "enabled", bEnabled, function(){
		var oRoadMap = getRoadMap(this);
		var bWasSelected = sap.ui.commons.RoadMapRenderer.setStepEnabled(oRoadMap, this, bEnabled);
		if(bWasSelected) {
			oRoadMap.setProperty("selectedStep", "", true);
		}
		if(!bEnabled) {
			this.setExpanded(false);
		}
		return false;
	});
	return this;
};


//Setter for property expanded which suppresses rerendering if possible -> Comment generated automatically
sap.ui.commons.RoadMapStep.prototype.setExpanded = function(bExpanded) {
	var bOldExpanded= this.getExpanded();
	if((bExpanded && bOldExpanded) || (!bExpanded && !bOldExpanded)) {
		return this;
	}
	setProperty(this, "expanded", bExpanded, function(){
		if(isSubStep(this) || this.getSubSteps().length == 0 || !this.getEnabled() || !bExpanded){
			this.setProperty("expanded", false, true);
			if(!isSubStep(this) && this.getSubSteps().length > 0 && this.getEnabled()){
				sap.ui.commons.RoadMapRenderer.selectStep(getRoadMap(this), this, false, true, null, true);
			}
		}else{
			this.setProperty("expanded", true, true);
			sap.ui.commons.RoadMapRenderer.selectStep(getRoadMap(this), this, false, true, null, true);
		}
		return true;
	});
	return this;
};


//Setter for property visible which suppresses rerendering if possible -> Comment generated automatically
sap.ui.commons.RoadMapStep.prototype.setVisible = function(bVisible) {
	var bOldVisible = this.getVisible();
	if((bVisible && bOldVisible) || (!bVisible && !bOldVisible)) {
		return this;
	}
	setProperty(this, "visible", bVisible, function(){
		var oRoadMap = getRoadMap(this);
		var bWasSelected = sap.ui.commons.RoadMapRenderer.setStepVisible(oRoadMap, this, isSubStep(this), bVisible);
		if(bWasSelected) {
			oRoadMap.setProperty("selectedStep", "", true);
		}
		this.setProperty("visible", bVisible, true);
		sap.ui.commons.RoadMapRenderer.updateStepArea(oRoadMap);
		sap.ui.commons.RoadMapRenderer.updateStepAria(this);
		return true;
	});
	return this;
};


/**
 * Returns the dom reference that should get the focus
 * @type DOMNode
 * @return Returns the dom reference that should get the focus
 */
sap.ui.commons.RoadMapStep.prototype.getFocusDomRef = function () {
	return jQuery.sap.byId(this.getFocusInfo().id).get(0) || null;
};


/**
 * Returns an object representing the serialized focus information
 * @type object
 * @return an object representing the serialized focus information
 * @private
 */
sap.ui.commons.RoadMapStep.prototype.getFocusInfo = function () {
	return {id: this.getId()+"-box"};
};


/**
 * Behavior implementation which is executed when the user clicks the step.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMapStep.prototype.onclick = function(oEvent){
	this.handleSelect(oEvent);
};


/**
 * Behavior implementation which is executed when the user presses the space or enter key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMapStep.prototype.onsapselect = function(oEvent){
	this.handleSelect(oEvent);
};


/**
 * Handler which is called when the step is selected.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RoadMapStep.prototype.handleSelect = function(oEvent, bIgnoreDomCheck){
	oEvent.stopPropagation();
	oEvent.preventDefault();

	if(!bIgnoreDomCheck && !jQuery.sap.containsOrEquals(this.getDomRef(), oEvent.target)) {
		return;
	}

	if(this.getEnabled()){
		var oRoadMap = getRoadMap(this);
		var oStep = this;
		sap.ui.commons.RoadMapRenderer.selectStep(oRoadMap, this, isSubStep(this), false, function(sType){
			var bWasAlreadySelected = oRoadMap.getSelectedStep() == oStep.getId();
			oRoadMap.setProperty("selectedStep", oStep.getId(), true);
			oStep.focus();
			if(sType != "selected"){
				oStep.setProperty("expanded", sType == "expanded", true);
				oRoadMap.fireStepExpanded({stepId: oStep.getId()});
			}
			if(!bWasAlreadySelected) {
				oRoadMap.fireStepSelected({stepId: oStep.getId()});
			}
		});
	}else{
		this.focus();
	}
};


//********* Private *********


//Returns the corresponding Roadmap control
var getRoadMap = function(oThis){
	var oRoadMap = oThis.getParent();
	if(isSubStep(oThis)) {
		oRoadMap = oRoadMap.getParent();
	}
	return oRoadMap;
};


//Returns true if the parent of this step is not of type sap.ui.commons.RoadMap
var isSubStep = function(oThis){
	return !(oThis.getParent() instanceof sap.ui.commons.RoadMap);
};


//Helper function to set a property without rerendering (see overridden setter functions)
var setProperty = function(oThis, sName, oValue, fDomAdaptationCallback){
	if(!oThis.getDomRef()){
		oThis.setProperty(sName, oValue);
		return;
	}
	var bSkipUpdate = fDomAdaptationCallback.apply(oThis, []);
	if(!bSkipUpdate) {
		oThis.setProperty(sName, oValue, true);
	}
};

}());
}; // end of sap.ui.commons.RoadMapStep
if ( !jQuery.sap.isDeclared('sap.ui.commons.RowRepeater') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RowRepeater.
jQuery.sap.declare("sap.ui.commons.RowRepeater");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RowRepeater.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getNumberOfRows numberOfRows} : int (default: 5)</li>
 * <li>{@link #getCurrentPage currentPage} : int (default: 1)</li>
 * <li>{@link #getShowMoreSteps showMoreSteps} : int (default: 0)</li>
 * <li>{@link #getFixedRowHeight fixedRowHeight} : sap.ui.core.CSSSize (default: '')</li>
 * <li>{@link #getDesign design} : sap.ui.commons.RowRepeaterDesign (default: sap.ui.commons.RowRepeaterDesign.Standard)</li>
 * <li>{@link #getThreshold threshold} : int</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getRows rows} : sap.ui.core.Control[]</li>
 * <li>{@link #getTitle title} : sap.ui.commons.Title</li>
 * <li>{@link #getFilters filters} : sap.ui.commons.RowRepeaterFilter[]</li>
 * <li>{@link #getSorters sorters} : sap.ui.commons.RowRepeaterSorter[]</li>
 * <li>{@link #getNoData noData} : sap.ui.core.Control</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.RowRepeater#event:filter filter} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.RowRepeater#event:sort sort} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.RowRepeater#event:page page} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.RowRepeater#event:resize resize} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This control displays items in a stacked list format, allowing the user to page in order to see more items or to use the offered filtering and sorting capabilities in order to manipulate the displayed data.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RowRepeater
 */
sap.ui.core.Control.extend("sap.ui.commons.RowRepeater", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"triggerShowMore", "resize", "applyFilter", "triggerSort", "firstPage", "lastPage", "previousPage", "nextPage", "gotoPage"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"numberOfRows" : {type : "int", group : "Dimension", defaultValue : 5},
		"currentPage" : {type : "int", group : "Data", defaultValue : 1},
		"showMoreSteps" : {type : "int", group : "Behavior", defaultValue : 0},
		"fixedRowHeight" : {type : "sap.ui.core.CSSSize", group : "Appearance", defaultValue : ''},
		"design" : {type : "sap.ui.commons.RowRepeaterDesign", group : "Appearance", defaultValue : sap.ui.commons.RowRepeaterDesign.Standard},
		"threshold" : {type : "int", group : "", defaultValue : null}
	},
	defaultAggregation : "rows",
	aggregations : {
    	"rows" : {type : "sap.ui.core.Control", multiple : true, singularName : "row", bindable : "bindable"}, 
    	"title" : {type : "sap.ui.commons.Title", multiple : false}, 
    	"filters" : {type : "sap.ui.commons.RowRepeaterFilter", multiple : true, singularName : "filter"}, 
    	"sorters" : {type : "sap.ui.commons.RowRepeaterSorter", multiple : true, singularName : "sorter"}, 
    	"noData" : {type : "sap.ui.core.Control", multiple : false}, 
    	"filterToolbar" : {type : "sap.ui.commons.Toolbar", multiple : false, visibility : "hidden"}, 
    	"sorterToolbar" : {type : "sap.ui.commons.Toolbar", multiple : false, visibility : "hidden"}, 
    	"headerShowMoreButton" : {type : "sap.ui.commons.Button", multiple : false, visibility : "hidden"}, 
    	"footerShowMoreButton" : {type : "sap.ui.commons.Button", multiple : false, visibility : "hidden"}, 
    	"footerPager" : {type : "sap.ui.commons.Paginator", multiple : false, visibility : "hidden"}
	},
	events : {
		"filter" : {}, 
		"sort" : {}, 
		"page" : {}, 
		"resize" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RowRepeater with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RowRepeater.extend
 * @function
 */

sap.ui.commons.RowRepeater.M_EVENTS = {'filter':'filter','sort':'sort','page':'page','resize':'resize'};


/**
 * Getter for property <code>visible</code>.
 * Invisible row-repeaters are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.RowRepeater#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setVisible
 * @function
 */


/**
 * Getter for property <code>numberOfRows</code>.
 * Number of rows displayed.
 *
 * Default value is <code>5</code>
 *
 * @return {int} the value of property <code>numberOfRows</code>
 * @public
 * @name sap.ui.commons.RowRepeater#getNumberOfRows
 * @function
 */

/**
 * Setter for property <code>numberOfRows</code>.
 *
 * Default value is <code>5</code> 
 *
 * @param {int} iNumberOfRows  new value for property <code>numberOfRows</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setNumberOfRows
 * @function
 */


/**
 * Getter for property <code>currentPage</code>.
 * The index of the page currently displayed. The index starts at 1.
 *
 * Default value is <code>1</code>
 *
 * @return {int} the value of property <code>currentPage</code>
 * @public
 * @name sap.ui.commons.RowRepeater#getCurrentPage
 * @function
 */

/**
 * Setter for property <code>currentPage</code>.
 *
 * Default value is <code>1</code> 
 *
 * @param {int} iCurrentPage  new value for property <code>currentPage</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setCurrentPage
 * @function
 */


/**
 * Getter for property <code>showMoreSteps</code>.
 * Step size used to increase the numberOfRows value. This feature is only active if value is greater than 0. This will deactivate the paging feature.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>showMoreSteps</code>
 * @public
 * @name sap.ui.commons.RowRepeater#getShowMoreSteps
 * @function
 */

/**
 * Setter for property <code>showMoreSteps</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iShowMoreSteps  new value for property <code>showMoreSteps</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setShowMoreSteps
 * @function
 */


/**
 * Getter for property <code>fixedRowHeight</code>.
 * Row height adapts to rendered content. If a fixed height is specified the cells have a maximum height and the overflow will be hidden.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>fixedRowHeight</code>
 * @public
 * @name sap.ui.commons.RowRepeater#getFixedRowHeight
 * @function
 */

/**
 * Setter for property <code>fixedRowHeight</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sFixedRowHeight  new value for property <code>fixedRowHeight</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setFixedRowHeight
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * The visual design of the control.
 *
 * Default value is <code>Standard</code>
 *
 * @return {sap.ui.commons.RowRepeaterDesign} the value of property <code>design</code>
 * @public
 * @name sap.ui.commons.RowRepeater#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is <code>Standard</code> 
 *
 * @param {sap.ui.commons.RowRepeaterDesign} oDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setDesign
 * @function
 */


/**
 * Getter for property <code>threshold</code>.
 * Threshold to fetch the next chunk of data. The minimal threshold can be the numberOfRows of the RR. (**experimental**!!)
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>threshold</code>
 * @public
 * @name sap.ui.commons.RowRepeater#getThreshold
 * @function
 */

/**
 * Setter for property <code>threshold</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iThreshold  new value for property <code>threshold</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setThreshold
 * @function
 */


/**
 * Getter for aggregation <code>rows</code>.<br/>
 * Rows to be repeated.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.RowRepeater#getRows
 * @function
 */


/**
 * Inserts a row into the aggregation named <code>rows</code>.
 *
 * @param {sap.ui.core.Control}
 *          oRow the row to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the row should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the row is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the row is inserted at 
 *             the last position        
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#insertRow
 * @function
 */

/**
 * Adds some row <code>oRow</code> 
 * to the aggregation named <code>rows</code>.
 *
 * @param {sap.ui.core.Control}
 *            oRow the row to add; if empty, nothing is inserted
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#addRow
 * @function
 */

/**
 * Removes an row from the aggregation named <code>rows</code>.
 *
 * @param {int | string | sap.ui.core.Control} vRow the row to remove or its index or id
 * @return {sap.ui.core.Control} the removed row or null
 * @public
 * @name sap.ui.commons.RowRepeater#removeRow
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>rows</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RowRepeater#removeAllRows
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>rows</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oRow the row whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.RowRepeater#indexOfRow
 * @function
 */
	

/**
 * Destroys all the rows in the aggregation 
 * named <code>rows</code>.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#destroyRows
 * @function
 */


/**
 * Binder for aggregation <code>rows</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#bindRows
 * @function
 */

/**
 * Unbinder for aggregation <code>rows</code>.
 *
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#unbindRows
 * @function
 */


/**
 * Getter for aggregation <code>title</code>.<br/>
 * Title to be displayed in top left corner. Either text or icon.
 * 
 * @return {sap.ui.commons.Title}
 * @public
 * @name sap.ui.commons.RowRepeater#getTitle
 * @function
 */


/**
 * Setter for the aggregated <code>title</code>.
 * @param oTitle {sap.ui.commons.Title}
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setTitle
 * @function
 */
	

/**
 * Destroys the title in the aggregation 
 * named <code>title</code>.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#destroyTitle
 * @function
 */


/**
 * Getter for aggregation <code>filters</code>.<br/>
 * Filters to be provided in toolbar.
 * 
 * @return {sap.ui.commons.RowRepeaterFilter[]}
 * @public
 * @name sap.ui.commons.RowRepeater#getFilters
 * @function
 */


/**
 * Inserts a filter into the aggregation named <code>filters</code>.
 *
 * @param {sap.ui.commons.RowRepeaterFilter}
 *          oFilter the filter to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the filter should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the filter is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the filter is inserted at 
 *             the last position        
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#insertFilter
 * @function
 */

/**
 * Adds some filter <code>oFilter</code> 
 * to the aggregation named <code>filters</code>.
 *
 * @param {sap.ui.commons.RowRepeaterFilter}
 *            oFilter the filter to add; if empty, nothing is inserted
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#addFilter
 * @function
 */

/**
 * Removes an filter from the aggregation named <code>filters</code>.
 *
 * @param {int | string | sap.ui.commons.RowRepeaterFilter} vFilter the filter to remove or its index or id
 * @return {sap.ui.commons.RowRepeaterFilter} the removed filter or null
 * @public
 * @name sap.ui.commons.RowRepeater#removeFilter
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>filters</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.RowRepeaterFilter[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RowRepeater#removeAllFilters
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.RowRepeaterFilter</code> in the aggregation named <code>filters</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.RowRepeaterFilter}
 *            oFilter the filter whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.RowRepeater#indexOfFilter
 * @function
 */
	

/**
 * Destroys all the filters in the aggregation 
 * named <code>filters</code>.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#destroyFilters
 * @function
 */


/**
 * Getter for aggregation <code>sorters</code>.<br/>
 * Sorters to be provided in secondary toolbar.
 * 
 * @return {sap.ui.commons.RowRepeaterSorter[]}
 * @public
 * @name sap.ui.commons.RowRepeater#getSorters
 * @function
 */


/**
 * Inserts a sorter into the aggregation named <code>sorters</code>.
 *
 * @param {sap.ui.commons.RowRepeaterSorter}
 *          oSorter the sorter to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the sorter should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the sorter is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the sorter is inserted at 
 *             the last position        
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#insertSorter
 * @function
 */

/**
 * Adds some sorter <code>oSorter</code> 
 * to the aggregation named <code>sorters</code>.
 *
 * @param {sap.ui.commons.RowRepeaterSorter}
 *            oSorter the sorter to add; if empty, nothing is inserted
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#addSorter
 * @function
 */

/**
 * Removes an sorter from the aggregation named <code>sorters</code>.
 *
 * @param {int | string | sap.ui.commons.RowRepeaterSorter} vSorter the sorter to remove or its index or id
 * @return {sap.ui.commons.RowRepeaterSorter} the removed sorter or null
 * @public
 * @name sap.ui.commons.RowRepeater#removeSorter
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>sorters</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.RowRepeaterSorter[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.RowRepeater#removeAllSorters
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.RowRepeaterSorter</code> in the aggregation named <code>sorters</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.RowRepeaterSorter}
 *            oSorter the sorter whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.RowRepeater#indexOfSorter
 * @function
 */
	

/**
 * Destroys all the sorters in the aggregation 
 * named <code>sorters</code>.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#destroySorters
 * @function
 */


/**
 * Getter for aggregation <code>noData</code>.<br/>
 * This control is shown, in case there is no data available to be displayed in the RowRepeater.
 * 
 * @return {sap.ui.core.Control}
 * @public
 * @name sap.ui.commons.RowRepeater#getNoData
 * @function
 */


/**
 * Setter for the aggregated <code>noData</code>.
 * @param oNoData {sap.ui.core.Control}
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#setNoData
 * @function
 */
	

/**
 * Destroys the noData in the aggregation 
 * named <code>noData</code>.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#destroyNoData
 * @function
 */


/**
 * This event is triggered when a filter is set. 
 *
 * @name sap.ui.commons.RowRepeater#filter
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.filterId The ID of the filter that has just been applied.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'filter' event of this <code>sap.ui.commons.RowRepeater</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RowRepeater</code>.<br/> itself. 
 *  
 * This event is triggered when a filter is set. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RowRepeater</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#attachFilter
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'filter' event of this <code>sap.ui.commons.RowRepeater</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#detachFilter
 * @function
 */

/**
 * Fire event filter to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'filterId' of type <code>string</code> The ID of the filter that has just been applied.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RowRepeater#fireFilter
 * @function
 */


/**
 * This event is triggered when a sorting is applied. 
 *
 * @name sap.ui.commons.RowRepeater#sort
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.sorterId The ID of the sorter that has just been applied.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'sort' event of this <code>sap.ui.commons.RowRepeater</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RowRepeater</code>.<br/> itself. 
 *  
 * This event is triggered when a sorting is applied. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RowRepeater</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#attachSort
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'sort' event of this <code>sap.ui.commons.RowRepeater</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#detachSort
 * @function
 */

/**
 * Fire event sort to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'sorterId' of type <code>string</code> The ID of the sorter that has just been applied.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RowRepeater#fireSort
 * @function
 */


/**
 * This event is triggered when paging was executed. 
 *
 * @name sap.ui.commons.RowRepeater#page
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.currentPage The value of the currentPage property after the change.
 * @param {int} oControlEvent.getParameters.previousPage The value of the currentPage property before the change.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'page' event of this <code>sap.ui.commons.RowRepeater</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RowRepeater</code>.<br/> itself. 
 *  
 * This event is triggered when paging was executed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RowRepeater</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#attachPage
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'page' event of this <code>sap.ui.commons.RowRepeater</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#detachPage
 * @function
 */

/**
 * Fire event page to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'currentPage' of type <code>int</code> The value of the currentPage property after the change.</li>
 * <li>'previousPage' of type <code>int</code> The value of the currentPage property before the change.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RowRepeater#firePage
 * @function
 */


/**
 * This event is triggered when the number of rows was changed. 
 *
 * @name sap.ui.commons.RowRepeater#resize
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.numberOfRows The value of the numberOfRows property after the change.
 * @param {int} oControlEvent.getParameters.previousNumberOfRows The value of the numberOfRows property before the change.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'resize' event of this <code>sap.ui.commons.RowRepeater</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.RowRepeater</code>.<br/> itself. 
 *  
 * This event is triggered when the number of rows was changed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.RowRepeater</code>.<br/> itself.
 *
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#attachResize
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'resize' event of this <code>sap.ui.commons.RowRepeater</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeater#detachResize
 * @function
 */

/**
 * Fire event resize to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'numberOfRows' of type <code>int</code> The value of the numberOfRows property after the change.</li>
 * <li>'previousNumberOfRows' of type <code>int</code> The value of the numberOfRows property before the change.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.RowRepeater#fireResize
 * @function
 */


/**
 * Increments the number of rows. This method will only trigger a showMore if the property showMoreSteps is set.
 *
 * @name sap.ui.commons.RowRepeater.prototype.triggerShowMore
 * @function

 * @type void
 * @public
 */


/**
 * Resizes the row repeater by changing the number of displayed rows. This method will only resize the RowRepeater if the property showMoreSteps is set.
 *
 * @name sap.ui.commons.RowRepeater.prototype.resize
 * @function
 * @param {int} 
 *         iNumberOfRows
 *         The new value of number of rows displayed.

 * @type void
 * @public
 */


/**
 * Applies a filter.
 *
 * @name sap.ui.commons.RowRepeater.prototype.applyFilter
 * @function
 * @param {string} 
 *         sId
 *         The ID if the filter.

 * @type void
 * @public
 */


/**
 * Sort the data.
 *
 * @name sap.ui.commons.RowRepeater.prototype.triggerSort
 * @function
 * @param {string} 
 *         sId
 *         The ID of the sorter.

 * @type void
 * @public
 */


/**
 * Switch to first page.
 *
 * @name sap.ui.commons.RowRepeater.prototype.firstPage
 * @function

 * @type void
 * @public
 */


/**
 * Switch to last page.
 *
 * @name sap.ui.commons.RowRepeater.prototype.lastPage
 * @function

 * @type void
 * @public
 */


/**
 * Switch to previous page.
 *
 * @name sap.ui.commons.RowRepeater.prototype.previousPage
 * @function

 * @type void
 * @public
 */


/**
 * Switch to next page.
 *
 * @name sap.ui.commons.RowRepeater.prototype.nextPage
 * @function

 * @type void
 * @public
 */


/**
 * Switch to specified page.
 *
 * @name sap.ui.commons.RowRepeater.prototype.gotoPage
 * @function
 * @param {int} 
 *         iPageNumber
 *         The index of the page to go to.

 * @type void
 * @public
 */


// Start of sap/ui/commons/RowRepeater.js
///**
//* This file defines behavior for the control,
//*/

/**
 * This value of the paging mode boolean is true if the showMoreSteps
 * property is not set. This value is updated whenever the value
 * of showMoreSteps is changed.
 *
 * @private
 */
sap.ui.commons.RowRepeater.prototype.bPagingMode = true;

/**
 * All animations of the RowRepeater control can be centrally switched
 * off by setting the <code>bShowAnimation</code> flag to <code>false</code>.
 *
 * @private
 */
sap.ui.commons.RowRepeater.prototype.bShowAnimation = true;


/* animation constants */
sap.ui.commons.RowRepeater.SHOW_MORE = "show_more";
sap.ui.commons.RowRepeater.RESIZE = "resize";
sap.ui.commons.RowRepeater.FIRST_PAGE = "first_page";
sap.ui.commons.RowRepeater.LAST_PAGE = "last_page";
sap.ui.commons.RowRepeater.PREVIOUS_PAGE = "previous_page";
sap.ui.commons.RowRepeater.NEXT_PAGE = "next_page";
sap.ui.commons.RowRepeater.GOTO_PAGE = "goto_page";

sap.ui.commons.RowRepeater.prototype.init = function() {

	// local variables
	var sId = this.getId();

	// get reference to resource bundle
	this.oResourceBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	// initialize animation and queuing variables
	this.sCurrentAnimation = null;
	this.aAnimationQueue = [];
	this.aRemoveBuffer = [];

	// previous page and numberOfRows animation
	this.iPreviousPage = this.getCurrentPage();
	this.iPreviousNumberOfRows = this.getNumberOfRows();

	// create filter and sorter toolbar control and add as aggregation
	this.setAggregation( "filterToolbar", new sap.ui.commons.Toolbar(sId+"-ftb",{standalone:false,design:sap.ui.commons.ToolbarDesign.Transparent}));
	this.setAggregation( "sorterToolbar", new sap.ui.commons.Toolbar(sId+"-stb",{standalone:false}));

	// create pager controls and their event handlers, add them as aggregations
	var oPager = new sap.ui.commons.Paginator(sId+"-fp",{page:[this.paging,this]});
	this.setAggregation("footerPager",oPager);

	// create show more buttons and add them as aggregation
	var sShowMoreText = this.oResourceBundle.getText("SHOW_MORE");
	this.setAggregation( "headerShowMoreButton", new sap.ui.commons.Button(sId+"-hsm",{text:sShowMoreText,press:[this.triggerShowMore,this]}));
	this.setAggregation( "footerShowMoreButton", new sap.ui.commons.Button(sId+"-fsm",{text:sShowMoreText,press:[this.triggerShowMore,this]}));

	this._bSecondPage = false;
	
};


/*
 * PUBLIC API METHODS
 */
// TODO: check where to document: here or in API definition
/**
 * The <code>triggerShowMore</code> function increments the number of rows by the
 * value of <code>showMoreSteps</code>.
 *
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.RowRepeater.prototype.triggerShowMore = function() {

	// execute only if showMoreSteps is bigger than 0
	if(this.getShowMoreSteps()<=0) {
		return this;
	}

	// local variables
	var iShowMoreSteps = this.getShowMoreSteps();
	var iNumberOfRows = this.getNumberOfRows();

	// verify that the new value is not larger than number of rows available
	var iNewNumberOfRows = Math.min(this._getRowCount(),iNumberOfRows+iShowMoreSteps);

	// exit if value remains the same
	if(iNumberOfRows===iNewNumberOfRows) {
		return this;
	}

	// start animation or just set the property
	if(this.getDomRef() && this.bShowAnimation) {

		// check if animation is running before starting a new animation
		if( this.sCurrentAnimation !== null ) {
			this.aAnimationQueue.push({	name:sap.ui.commons.RowRepeater.SHOW_MORE,
				animationFunction:this.triggerShowMore,
				args:arguments});
			return this;
		} else {
			this.sCurrentAnimation = sap.ui.commons.RowRepeater.SHOW_MORE;
		}

		// set property and animate
		this.iPreviousNumberOfRows = iNumberOfRows;
		this.setProperty("numberOfRows",iNewNumberOfRows,true);
		this.startResizeAnimation();

	} else {

		// set property and invalidate
		this.setNumberOfRows(iNewNumberOfRows);

	}

	// fire page event
	this.fireResize({numberOfRows:iNewNumberOfRows,previousNumberOfRows:iNumberOfRows});

	// return instance for chaining
	return this;

};

sap.ui.commons.RowRepeater.prototype.resize = function(numberOfRows) {

	// execute only if showMoreSteps is bigger than 0
	if(this.getShowMoreSteps()<=0) {
		return this;
	}

	// local variables
	var iNumberOfRows = this.getNumberOfRows();
	
	// exit if new value is not in range or equals to old value
	if(numberOfRows<=0 || numberOfRows>this._getRowCount() || numberOfRows===iNumberOfRows ) {
		return this;
	}
	
	// start animation or just set the property
	if(this.getDomRef() && this.bShowAnimation) {

		// check if animation is running before starting a new animation
		if( this.sCurrentAnimation !== null ) {
			this.aAnimationQueue.push({	name:sap.ui.commons.RowRepeater.RESIZE,
				animationFunction:this.resize,
				args:arguments});
			return this;
		} else {
			this.sCurrentAnimation = sap.ui.commons.RowRepeater.RESIZE;
		}

		// set property and animate
		this.iPreviousNumberOfRows = iNumberOfRows;
		this.setProperty("numberOfRows",numberOfRows,true);
		this.startResizeAnimation();

	} else {

		// set property and invalidate
		this.setNumberOfRows(numberOfRows);

	}

	// fire page event
	this.fireResize({numberOfRows:numberOfRows,previousNumberOfRows:iNumberOfRows});

	// return instance for chaining
	return this;

};

sap.ui.commons.RowRepeater.prototype.applyFilter = function(id) {

	// local variables
	var aFilters = this.getFilters();
	var oListBinding = this.getBinding("rows");
	var oFilter, n;

	// exit directly if there are no filters or no binding defined
	if(aFilters.length===0 || oListBinding===null) {
		return this;
	}

	// try to read the filter defined by the ID, unfortunately by looping
	for( n=0; n<aFilters.length; n++ ) {
		if(aFilters[n].getId()===id) {
			// we found the requested filter
			oFilter = aFilters[n];
			break;
		}
	}

	// don't do anything if we can't find the filter
	if(oFilter) {

		// apply the filter assigned to filter item
		oListBinding.filter(oFilter.getFilters());

		// fire the filter
		this.fireFilter({filterId:id});

		// goto first page via public API method (i.e. animated)
		this.firstPage();

	}

	// return instance to allow chaining
	return this;

};

sap.ui.commons.RowRepeater.prototype.triggerSort = function(id) {

	// local variables
	var aSorters = this.getSorters();
	var oListBinding = this.getBinding("rows");
	var oSorter, n;

	// exit directly if there are no sorters or no binding defined
	if(aSorters.length===0 || oListBinding===null) {
		return this;
	}

	// try to read the sorter defined by the ID, unfortunately by looping
	for( n=0; n<aSorters.length; n++ ) {
		if(aSorters[n].getId()===id) {
			// we found the requested filter
			oSorter = aSorters[n];
			break;
		}
	}

	// don't do anything if we can't find the sorter
	if(oSorter) {

		// trigger the sorter assigned to sorter item
		oListBinding.sort(oSorter.getSorter());

		// fire sort event
		this.fireSort({sorterId:id});

		// goto first page via public API method (i.e. animated)
		this.firstPage();

	}

	// return instance to allow chaining
	return this;

};

sap.ui.commons.RowRepeater.prototype.firstPage = function() {

	// only execute if showMoreSteps is not bigger than 0
	if(this.getShowMoreSteps()>0) {
		return this;
	}

	// local variable
	var iCurrentPage = this.getCurrentPage();

	// don't do anything if we are on the first page
	if(iCurrentPage===1) {
		return this;
	}

	// keep pagers in sync
	this.getAggregation("footerPager").setCurrentPage(1);

	// start animation or just set the property
	if(this.getDomRef() && this.bShowAnimation) {

		// check if animation is running before starting a new animation
		if( this.sCurrentAnimation !== null ) {
			this.aAnimationQueue.push({	name:sap.ui.commons.RowRepeater.FIRST_PAGE,
				animationFunction:this.firstPage,
				args:arguments});
			return this;
		} else {
			this.sCurrentAnimation = sap.ui.commons.RowRepeater.FIRST_PAGE;
		}

		// set property and animate
		this.iPreviousPage = iCurrentPage;
		this.setProperty("currentPage",1,true);
		this.startPagingAnimation();

	} else {

		// set property and invalidate
		this.setCurrentPage(1);

	}

	// fire page event
	this.firePage({currentPage:1,previousPage:iCurrentPage});

	// return instance for chaining
	return this;

};

sap.ui.commons.RowRepeater.prototype.lastPage = function() {

	// only execute if showMoreSteps is not bigger than 0
	if(this.getShowMoreSteps()>0) {
		return this;
	}

	// local variable
	var iCurrentPage = this.getCurrentPage();
	var iLastPage = Math.ceil(this._getRowCount()/this.getNumberOfRows());

	// don't do anything if we are on the last page
	if(iCurrentPage===iLastPage) {
		return this;
	}

	// keep pagers in sync
	this.getAggregation("footerPager").setCurrentPage(iLastPage);

	// start animation or just set the property
	if(this.getDomRef() && this.bShowAnimation) {

		// check if animation is running before starting a new animation
		if( this.sCurrentAnimation !== null ) {
			this.aAnimationQueue.push({	name:sap.ui.commons.RowRepeater.LAST_PAGE,
				animationFunction:this.lastPage,
				args:arguments});
			return this;
		} else {
			this.sCurrentAnimation = sap.ui.commons.RowRepeater.LAST_PAGE;
		}

		// set property and animate
		this.iPreviousPage = iCurrentPage;
		this.setProperty("currentPage",iLastPage,true);
		this.startPagingAnimation();

	} else {

		// set property and invalidate
		this.setCurrentPage(iLastPage);

	}

	// fire page event
	this.firePage({currentPage:iLastPage,previousPage:iCurrentPage});

	// return instance for chaining
	return this;

};

sap.ui.commons.RowRepeater.prototype.previousPage = function() {

	// only execute if showMoreSteps is not bigger than 0
	if(this.getShowMoreSteps()>0) {
		return this;
	}

	// local variable
	var iCurrentPage = this.getCurrentPage();

	// don't do anything if we are on the first page or even below
	if(iCurrentPage<=1) {
		return this;
	}

	// keep pagers in sync
	this.getAggregation("footerPager").setCurrentPage(iCurrentPage-1);

	// start animation or just set the property
	if(this.getDomRef() && this.bShowAnimation) {

		// check if animation is running before starting a new animation
		if( this.sCurrentAnimation !== null ) {
			this.aAnimationQueue.push({	name:sap.ui.commons.RowRepeater.PREVIOUS_PAGE,
				animationFunction:this.previousPage,
				args:arguments});
			return this;
		} else {
			this.sCurrentAnimation = sap.ui.commons.RowRepeater.PREVIOUS_PAGE;
		}

		// set property and animate
		this.iPreviousPage = iCurrentPage;
		this.setProperty("currentPage",iCurrentPage-1,true);
		this.startPagingAnimation();

	} else {

		// set property and invalidate
		this.setCurrentPage(iCurrentPage-1);

	}

	// fire page event
	this.firePage({currentPage:iCurrentPage-1,previousPage:iCurrentPage});

	// return instance for chaining
	return this;

};

sap.ui.commons.RowRepeater.prototype.nextPage = function() {

	// only execute if showMoreSteps is not bigger than 0
	if(this.getShowMoreSteps()>0) {
		return this;
	}

	// local variable
	var iCurrentPage = this.getCurrentPage();
	var iLastPage = Math.ceil(this._getRowCount()/this.getNumberOfRows());

	// don't do anything if we are on the last page or even further
	if(iCurrentPage>=iLastPage) {
		return this;
	}

	// keep pagers in sync
	this.getAggregation("footerPager").setCurrentPage(iCurrentPage+1);

	// start animation or just set the property
	if(this.getDomRef() && this.bShowAnimation) {

		// check if animation is running before starting a new animation
		if( this.sCurrentAnimation !== null ) {
			this.aAnimationQueue.push({	name:sap.ui.commons.RowRepeater.NEXT_PAGE,
				animationFunction:this.nextPage,
				args:arguments});
			return this;
		} else {
			this.sCurrentAnimation = sap.ui.commons.RowRepeater.NEXT_PAGE;
		}

		// set property and animate
		this.iPreviousPage = iCurrentPage;
		this.setProperty("currentPage",iCurrentPage+1,true);
		this.startPagingAnimation();

	} else {

		// set property and invalidate
		this.setCurrentPage(iCurrentPage+1);

	}

	// fire page event
	this.firePage({currentPage:iCurrentPage+1,previousPage:iCurrentPage});

	// return instance for chaining
	return this;

};

sap.ui.commons.RowRepeater.prototype.gotoPage = function(iPageNumber) {

	// only execute if showMoreSteps is not bigger than 0
	if(this.getShowMoreSteps()>0) {
		return this;
	}

	// local variable
	var iCurrentPage = this.getCurrentPage();
	var iLastPage = Math.ceil(this._getRowCount()/this.getNumberOfRows());

	// don't do anything if page if not in range or same as before
	if(iPageNumber<1 || iPageNumber>iLastPage || iCurrentPage===iPageNumber) {
		return this;
	}

	// keep pagers in sync
	this.getAggregation("footerPager").setCurrentPage(iPageNumber);

	// start animation or just set the property
	if(this.getDomRef() && this.bShowAnimation) {

		// check if animation is running before starting a new animation
		if( this.sCurrentAnimation !== null ) {
			this.aAnimationQueue.push({	name:sap.ui.commons.RowRepeater.GOTO_PAGE,
				animationFunction:this.gotoPage,
				args:arguments});
			return this;
		} else {
			this.sCurrentAnimation = sap.ui.commons.RowRepeater.GOTO_PAGE;
		}

		// set property and animate
		this.iPreviousPage = iCurrentPage;
		this.setProperty("currentPage",iPageNumber,true);
		this.startPagingAnimation();

	} else {

		// set property and invalidate
		this.setCurrentPage(iPageNumber);

	}

	// fire page event
	this.firePage({currentPage:iPageNumber,previousPage:iCurrentPage});

	// return instance for chaining
	return this;

};



/*
 * OVERRIDE OF SETTERS
 */

/**
 * Setter for property <code>numberOfRows</code>.
 *
 * Default value is <code>5</code>
 *
 * @param {int} iNumberOfRows  new value for property <code>numberOfRows</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.RowRepeater.prototype.setNumberOfRows = function(iNumberOfRows) {

	// change property without setting suppress rendering flag
	this.setProperty("numberOfRows", iNumberOfRows);

	// update the rows (maybe only when becoming visible?)
	if (this.getBinding("rows")) {
		this.updateRows(true);
	}

	// child controls might need a re-render after this change
	this.updateChildControls();

	// return instance to allow chaining
	return this;

};

/**
 * Setter for property <code>currentPage</code>.
 *
 * @param {int} iCurrentPage  new value for property <code>currentPage</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.RowRepeater.prototype.setCurrentPage = function(iCurrentPage) {
	
	if (this.getCurrentPage() != iCurrentPage) {
		// invalidate with this update
		this.setProperty("currentPage", iCurrentPage);
	
		// update the rows (maybe only when becoming visible?)
		if (this.getBinding("rows")) {
			this.updateRows(true);
		}
		
		// child controls might need a re-render after this change
		this.updateChildControls();
	}

	// return instance to allow chaining
	return this;

};

/**
 * Override the default behavior of <code>setShowMoreSteps</code> to update the
 * paging mode flag. Any change to the paging mode flag will result in the current
 * page being set to the first page.
 *
 * @param {int} iShowMoreSteps  new value for property <code>showMoreSteps</code>
 * @return {sap.ui.commons.RowRepeater} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.RowRepeater.prototype.setShowMoreSteps = function(iShowMoreSteps) {

	// calculate new paging mode by looking at step size
	var bNewPagingMode = iShowMoreSteps > 0 ? false : true,
			oBinding = this.getBinding("rows");

	// the state is to be reset if the mode changes
	if(bNewPagingMode!==this.bPagingMode) {
		this.bPagingMode = bNewPagingMode;
		this.setCurrentPage(1);
	}

	// set the property allowing a re-rendering of the row repeater
	this.setProperty("showMoreSteps", iShowMoreSteps);
	
	// in case of data binding we need to update the rows
	if (oBinding) {
		this._bSecondPage = false;
		this.updateRows(true);
	}
	
	return this;

};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.insertRow = function(oRow, iIndex) {
	this.insertAggregation("rows", oRow, iIndex);
	this.updateChildControls();
	return this;
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.addRow = function(oRow) {
	this.addAggregation("rows", oRow);
	this.updateChildControls();
	return this;
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.removeRow = function(vElement) {
	this.removeAggregation("rows", vElement);
	this.updateChildControls();
	return this;
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.removeAllRows = function() {
	this.removeAllAggregation("rows");
	this.updateChildControls();
	return this;
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.destroyRows = function() {
	this.destroyAggregation("rows");
	this.updateChildControls();
	return this;
};

/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.setThreshhold = function(iThreshold) {
	this.setProperty("threshold", iThreshold, true);
	return this;
};

/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.insertFilter = function(oFilter, iIndex) {

	// insert a button into the filter toolbar's aggregation
	var oToolbar = this.getAggregation("filterToolbar");
	var sFilterId = oFilter.getId();
	var oButton = new sap.ui.commons.Button({text:oFilter.getText(),icon:oFilter.getIcon(),tooltip:oFilter.getTooltip(),press:[function(){this.applyFilter(sFilterId);},this]});
	oToolbar.insertItem(oButton,iIndex);

	this.insertAggregation("filters", oFilter, iIndex);
	return this;

};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.addFilter = function(oFilter) {

	// add a button to the filter toolbar's aggregation
	var oToolbar = this.getAggregation("filterToolbar");
	var sFilterId = oFilter.getId();
	var oButton = new sap.ui.commons.Button({text:oFilter.getText(),icon:oFilter.getIcon(),tooltip:oFilter.getTooltip(),press:[function(){this.applyFilter(sFilterId);},this]});
	oToolbar.addItem(oButton);

	this.addAggregation("filters", oFilter);
	return this;
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.removeFilter = function(vElement) {

	// remove button from toolbar
	var oToolbar = this.getAggregation("filterToolbar");
	oToolbar.removeItem(vElement);

	return this.removeAggregation("filters", vElement);
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.removeAllFilters = function() {

	// remove all buttons from toolbar
	var oToolbar = this.getAggregation("filterToolbar");
	oToolbar.removeAllItems();

	return this.removeAllAggregation("filters");
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.destroyFilters = function() {

	// remove all buttons from toolbar
	var oToolbar = this.getAggregation("filterToolbar");
	oToolbar.removeAllItems();

	this.destroyAggregation("filters");
	return this;
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.insertSorter = function(oSorter, iIndex) {

	// add a button to the sorter toolbar's aggregation
	var oToolbar = this.getAggregation("sorterToolbar");
	var sSorterId = oSorter.getId();
	var oButton = new sap.ui.commons.Button({text:oSorter.getText(),icon:oSorter.getIcon(),tooltip:oSorter.getTooltip(),press:[function(){this.triggerSort(sSorterId);},this]});
	oToolbar.insertItem(oButton,iIndex);

	this.insertAggregation("sorters", oSorter, iIndex);
	return this;
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.addSorter = function(oSorter) {

	// add a button to the sorter toolbar's aggregation
	var oToolbar = this.getAggregation("sorterToolbar");
	var sSorterId = oSorter.getId();
	var oButton = new sap.ui.commons.Button({text:oSorter.getText(),icon:oSorter.getIcon(),tooltip:oSorter.getTooltip(),press:[function(){this.triggerSort(sSorterId);},this]});
	oToolbar.addItem(oButton);

	this.addAggregation("sorters", oSorter);
	return this;
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.removeSorter = function(vElement) {

	// remove button from toolbar
	var oToolbar = this.getAggregation("sorterToolbar");
	oToolbar.removeItem(vElement);

	return this.removeAggregation("sorters", vElement);
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.removeAllSorters = function() {

	// remove all buttons from toolbar
	var oToolbar = this.getAggregation("sorterToolbar");
	oToolbar.removeAllItems();

	return this.removeAllAggregation("sorters");
};


/* refer to generated documentation */
sap.ui.commons.RowRepeater.prototype.destroySorters = function() {

	// remove all buttons from toolbar
	var oToolbar = this.getAggregation("sorterToolbar");
	oToolbar.removeAllItems();

	this.destroyAggregation("sorters");
	return this;
};


/*
 * ANIMATION METHODS
 */

sap.ui.commons.RowRepeater.prototype.startPagingAnimation = function() {

	// local variables
	var oCore = sap.ui.getCore(),
	    oRenderManager = oCore.getRenderManager(),
	    sId = this.getId(),
	    iPageFrom = this.iPreviousPage,
	    iPageTo = this.getCurrentPage(),
	    iNumberOfRows = this.getNumberOfRows(),
	    iStartIndex = (iPageTo-1) * iNumberOfRows,
	    aRows = this.getRows(),
	    iCurrentVisibleRows = this._getRowCount()>iNumberOfRows*iPageTo ? iNumberOfRows : this._getRowCount()-iNumberOfRows*(iPageTo-1),
	    iLastPage = Math.ceil( this._getRowCount()/iNumberOfRows ),
	    n,
	    oBinding = this.getBinding("rows");

	// DOM elements
	var oDomCurrentLI,
	    oJQDomULFrom = jQuery(jQuery.sap.domById(sId+"-page_"+iPageFrom)),
	    oDomBodyDIV = jQuery.sap.domById(sId+"-body"),
	    oJQDomBodyDIV = jQuery(oDomBodyDIV);

	// fix the height on the body DIV to allow an animated height change
	oJQDomBodyDIV.css("height",oJQDomBodyDIV.outerHeight());

	// create UL for new page
	var sDirection;
	if(sap.ui.getCore() && sap.ui.getCore().getConfiguration() && sap.ui.getCore().getConfiguration().getRTL()) {
		sDirection = (iPageTo<iPageFrom) ? "left" : "right";
	}else{
		sDirection = (iPageTo<iPageFrom) ? "right" : "left";
	}

	// load the required contexts
	if (oBinding) {
		// update the rows aggregation
		this._bSecondPage = !this._bSecondPage;
		this.updateRows(true);
		aRows = this.getRows();
		iStartIndex = (this._bSecondPage ? 1 : 0) * iNumberOfRows;
	}

	// create the rows where we navigate to in the DOM
	var sStyleString = "\"top:-" + oJQDomULFrom.outerHeight(true) + "px;" + sDirection + ":" + oJQDomULFrom.outerWidth(true) + "px;\"";
	jQuery("<ul id=\"" + sId + "-page_" + iPageTo + "\" class=\"sapUiRrPage\" style=" + sStyleString + "/>").appendTo(oDomBodyDIV);
	var oDomULTo = oDomBodyDIV.lastChild;
	var oJQDomULTo = jQuery(oDomULTo);
	for( n=iStartIndex; n<iStartIndex+iCurrentVisibleRows; n++ ) {
		jQuery("<li id=\"" + sId + "-row_" + n + "\" class=\"sapUiRrRow\"/>").appendTo(oDomULTo);
		oDomCurrentLI =  oDomULTo.lastChild;
		oRenderManager.render(aRows[n], oDomCurrentLI);
	}

	// animate the paging effect
	if(sDirection==="right") {
		oJQDomULFrom.animate({right:-oJQDomULFrom.outerWidth(true)},"slow");
		oJQDomULTo.animate({right:0},"slow");
	} else {
		oJQDomULFrom.animate({left:-oJQDomULFrom.outerWidth(true)},"slow");
		oJQDomULTo.animate({left:0},"slow");
	}

	// animate the height change if number of displayed rows changes
	oJQDomBodyDIV.animate({height:oJQDomULTo.outerHeight(true)},"slow",jQuery.proxy(this.endPagingAnimation,this));

};


sap.ui.commons.RowRepeater.prototype.endPagingAnimation = function() {

	// local variables
	var sId = this.getId();

	// get all needed DOM objects
	var oDomDIV = jQuery.sap.domById(sId+"-body");
	var oDomOldUL = jQuery.sap.domById(sId+"-page_"+this.iPreviousPage);
	var oDomCurrentUL = jQuery.sap.domById(sId+"-page_"+this.getCurrentPage());
	var oJQDomCurrentUL = jQuery(oDomCurrentUL);

	// un-fix the height on DIV
	jQuery(oDomDIV).css("height","");

	// remove the old UL from DOM
	jQuery(oDomOldUL).remove();

	// remove positioning from new UL
	var sDirection;
	if(sap.ui.getCore() && sap.ui.getCore().getConfiguration() && sap.ui.getCore().getConfiguration().getRTL()) {
		sDirection = (this.getCurrentPage()<this.iPreviousPage) ? "left" : "right";
	}else{
		sDirection = (this.getCurrentPage()<this.iPreviousPage) ? "right" : "left";
	}
	oJQDomCurrentUL.css("top","");
	oJQDomCurrentUL.css(sDirection,"");

	// reset animation indicator
	this.sCurrentAnimation = null;

	// start new animation
	this.nextQueuedAnimation();

};


sap.ui.commons.RowRepeater.prototype.startResizeAnimation = function() {

	// variables
	var oRenderManager = sap.ui.getCore().getRenderManager(),
	    iNewNumberOfRows = this.getNumberOfRows(),
	    iOldNumberOfRows = this.iPreviousNumberOfRows,
	    sId = this.getId(),
	    iSizeDelta = 0,
	    aRows,
	    oBinding = this.getBinding("rows");

	// dom elements
	var oDomCurrentLI,
	    oDomBodyDIV = jQuery.sap.domById(sId+"-body"),
	    oJQDomBodyDIV = jQuery(oDomBodyDIV),
	    oDomPageUL = jQuery.sap.domById(sId+"-page_"+this.getCurrentPage());

	// fix the height
	oJQDomBodyDIV.css("height",oJQDomBodyDIV.outerHeight());

	// update the rows aggregation
	if (oBinding) {
		this.updateRows(true);
	}
	aRows = this.getRows();
	
	// check if control is growing or shrinking
	if(iNewNumberOfRows>iOldNumberOfRows) {

		// create all newly visible child elements, if size grows
		for(var n = iOldNumberOfRows; n < iNewNumberOfRows; n++) {
			jQuery("<li id=\"" + sId + "-row_" + n + "\" class=\"sapUiRrRow\"/>").appendTo(oDomPageUL);
			oDomCurrentLI = oDomPageUL.lastChild;
			oRenderManager.render(aRows[n], oDomCurrentLI);
		}

	} else {

		// measure controls to be removed and store them in array for later removal
		for(var n = iNewNumberOfRows; n < iOldNumberOfRows; n++) {
			oDomCurrentLI = jQuery.sap.domById(sId+"-row_"+n);
			iSizeDelta -= jQuery(oDomCurrentLI).outerHeight(true);
			this.aRemoveBuffer.push(oDomCurrentLI);
		}

	}

	// animate resize of container
	oJQDomBodyDIV.animate({height:jQuery(oDomPageUL).outerHeight(true)+iSizeDelta},"slow",jQuery.proxy(this.endResizeAnimation,this));

};


sap.ui.commons.RowRepeater.prototype.endResizeAnimation = function() {

	// get body DIV
	var oDomBodyDIV = jQuery.sap.domById(this.getId()+"-body");

	// remove LI element after shrinking
	while( this.aRemoveBuffer.length>0 ) {
		jQuery(this.aRemoveBuffer.pop()).remove();
	}

	// un-fix the height on DIV
	jQuery(oDomBodyDIV).css("height","");

	// reset animation indicator
	this.sCurrentAnimation = null;

	// start new animation
	this.nextQueuedAnimation();

};


sap.ui.commons.RowRepeater.prototype.nextQueuedAnimation = function() {

	// local variables
	var oNextAnimation, oLastQueuedAnimation;
	var iCounter = 1;
	var aQueue = this.aAnimationQueue;
	var iPageNumber, iNumberOfRows;

	// get first one
	if(aQueue.length>0) {
		oNextAnimation = aQueue.shift();
	}

	// if there are more in the queue of same name we try to summarize
	if(oNextAnimation && aQueue.length>0) {

		// remove all upcoming animations with same name
		while(aQueue[0]&&aQueue[0].name===oNextAnimation.name) {
			iCounter++;
			oLastQueuedAnimation = aQueue.shift();
		}

		// reaction depends of animation name
		if(iCounter>0) {
			switch(oNextAnimation.name) {
			case sap.ui.commons.RowRepeater.SHOW_MORE:
				// replace with resize of summarized size
				iNumberOfRows = Math.min(this._getRowCount(),this.getNumberOfRows()+this.getShowMoreSteps()*iCounter);
				oNextAnimation = {	name:sap.ui.commons.RowRepeater.RESIZE,
						animationFunction:this.resize,
						args:[iNumberOfRows]};
				break;
			case sap.ui.commons.RowRepeater.RESIZE:
				// execute the last one and skip the ones before
				oNextAnimation = oLastQueuedAnimation;
				break;
			case sap.ui.commons.RowRepeater.FIRST_PAGE:
				// the animations are duplicates and can be droppped
				break;
			case sap.ui.commons.RowRepeater.LAST_PAGE:
				// the animations are duplicates and can be droppped
				break;
			case sap.ui.commons.RowRepeater.PREVIOUS_PAGE:
				// replace with goto page
				iPageNumber = Math.max(1,this.getCurrentPage()-iCounter);
				oNextAnimation = {	name:sap.ui.commons.RowRepeater.GOTO_PAGE,
						animationFunction:this.gotoPage,
						args:[iPageNumber]};
				break;
			case sap.ui.commons.RowRepeater.NEXT_PAGE:
				// replace with goto page
				iPageNumber = Math.min(Math.ceil(this._getRowCount()/this.getNumberOfRows()),this.getCurrentPage()+iCounter);
				oNextAnimation = {	name:sap.ui.commons.RowRepeater.GOTO_PAGE,
						animationFunction:this.gotoPage,
						args:[iPageNumber]};
				break;
			case sap.ui.commons.RowRepeater.GOTO_PAGE:
				// execute the last one and skip the ones before
				oNextAnimation = oLastQueuedAnimation;
				break;
			}
		}

	}

	// finally execute
	if(oNextAnimation) {
		oNextAnimation.animationFunction.apply(this,oNextAnimation.args);
	}

};


/*
 * INTERNAL METHODS
 */

/**
 * Handle paging events from the Paginator(s)
 *
 * @private
 */
 sap.ui.commons.RowRepeater.prototype.paging = function(oEvent) {

	 switch(oEvent.getParameter("type")) {
		 case sap.ui.commons.PaginatorEvent.First:
			 this.firstPage();
			 break;
		 case sap.ui.commons.PaginatorEvent.Last:
			 this.lastPage();
			 break;
		 case sap.ui.commons.PaginatorEvent.Previous:
			 this.previousPage();
			 break;
		 case sap.ui.commons.PaginatorEvent.Next:
			 this.nextPage();
			 break;
		 case sap.ui.commons.PaginatorEvent.Goto:
			 this.gotoPage(oEvent.getParameter("targetPage"));
			 break;
	 }

 }

/**
 * Update the state of aggregated child controls inside this row repeater.
 *
 * @private
 */;
sap.ui.commons.RowRepeater.prototype.updateChildControls = function() {

	// local referenced to controls
	var oShowMoreButton, oPager;

	// local variables
	var bShowMoreEnabled;

	// only care about pagers if we are in paging mode, otherwise it is the showMore buttons
	if(this.bPagingMode) {

		// the pager is itself responsible for activation, just update the page info
		var iCurrentPage = this.getCurrentPage();
		var iLastPage = Math.ceil( this._getRowCount()/this.getNumberOfRows() );
		if (this._getRowCount() == 0){
			iLastPage = 1;
		}
		
		// update header pager
		oPager = this.getAggregation("footerPager");
		if(oPager) {
			oPager.setCurrentPage( iCurrentPage );
			oPager.setNumberOfPages( iLastPage );
		}

	} else {

		// show more buttons are only active if there are more lines to show
		bShowMoreEnabled = this._getRowCount() > this.getNumberOfRows();

		// update header showMore button
		oShowMoreButton = this.getAggregation("headerShowMoreButton");
		if(oShowMoreButton) {
			oShowMoreButton.setEnabled(bShowMoreEnabled);
		}

		// update footer showMore button
		oShowMoreButton = this.getAggregation("footerShowMoreButton");
		if(oShowMoreButton) {
			oShowMoreButton.setEnabled(bShowMoreEnabled);
		}

	}

};


/**
 * Verify if the rows aggregation of this control is bound.
 */
sap.ui.commons.RowRepeater.prototype.isBound = function(sName) {
	return sap.ui.core.Element.prototype.isBound.call(this, sName || "rows");
};

/**
 * Returns the row count. If aggregation rows is bound the count will be the length of the binding,
 * otherwise the count of the rows aggregation will be returned 
 * @private
 */;
sap.ui.commons.RowRepeater.prototype._getRowCount = function() {
	var oBinding = this.getBinding("rows"); 
	if (oBinding) {
		return oBinding.getLength();
	} else {
		return this.getRows().length;
	}
};

/**
 * Override unbindAggregation to clean up the "rows" aggregation 
 * @private
 */;
sap.ui.commons.RowRepeater.prototype.unbindAggregation = function(sName) {
	sap.ui.core.Element.prototype.unbindAggregation.apply(this, arguments);
	if (sName === "rows") {
		this.destroyRows();
	}
	return this;
};

/**
 * Override updateRows to enable paging 
 * @private
 */;
sap.ui.commons.RowRepeater.prototype.updateRows = function(bViaAPI) {
	
	// collect the relevant informations
	var oBindingInfo = this.getBindingInfo("rows"),
	    fnFactory = oBindingInfo.factory,
	    oBinding = oBindingInfo.binding,
	    iShowMoreSteps = this.getShowMoreSteps(),
	    bShowMore = iShowMoreSteps > 0,
	    iCurrentPage = this.getCurrentPage(),
	    iRowCount = this._getRowCount(),
	    iNumberOfRows = this.getNumberOfRows(),
	    iNewRowCount = Math.min(iRowCount, iNumberOfRows),
	    iLastPage = Math.ceil(iRowCount / iNumberOfRows) || 1;
	    
	// boundary check for the current page to avoid invalid pages
	if (iCurrentPage > iLastPage) {
		iCurrentPage = iLastPage;
		this.setProperty("currentPage", iCurrentPage);
	}

	// collect the binding relevant information
	var iFirstRow = bShowMore ? 0 : (iCurrentPage-1) * iNewRowCount, 
	    iRowsOffset = (this._bSecondPage ? 1 : 0) * iNewRowCount,
	    iThreshold = this.getThreshold() || (bShowMore ? Math.min(iRowCount, iNewRowCount + iShowMoreSteps) : iNewRowCount * 2),
	    aContexts = oBinding ? oBinding.getContexts(iFirstRow, iNewRowCount, iThreshold) : [];
	
	if (!bViaAPI) {

		// if not called internally via API we create the rows aggregation
		// because then this function is called after the connection between the 
		// control and the model has been established!
		this._bSecondPage = false;
		this.destroyRows();
		for (var i = 0, l = iNewRowCount; i < l; i++) {
			var sId = this.getId() + "-" + i,
			    oClone = fnFactory(sId, aContexts[i]);
			oClone.setBindingContext(aContexts[i], oBindingInfo.model);
			this.addRow(oClone);
		}
		
		// TODO: in future we might think about a performance improvement to render
		// only those lines where the factory returns another template and the rest
		// is simply adopted by applying a new context. For now in case of the 
		// model loads additional data we simply rerender the complete row-repeater
		// or when the binding is changed!
		
	} else {
	
		// if called via API we need to only create the additional rows (paging) 
		// and bind them properly by updating their binding contexts
		this._bSuppressInvalidate = true;
	
		for (var i = 0, l = iNewRowCount; i < l; i++) {
			var iIndex = iRowsOffset + i;
			var oRow = this.getRows()[iIndex];
			// when paging we remove the row again because we need to recreate it via 
			// the factory function to make sure to react on data specific rendering
			if (!bShowMore) {
				if (oRow) {
					this.removeAggregation("rows", oRow, true);
					oRow.destroy();
				}
				oRow = undefined;
			}
			// if the row doesn't exist yet, we recreate the row and insert it into
			// the rows aggregation and afterwards we bind the context
			if (!oRow) {
				var sId = this.getId() + "-" + iIndex;
				oRow = fnFactory(sId, aContexts[i]);
				oRow.setBindingContext(aContexts[i], oBindingInfo.model);
				this.insertAggregation("rows", oRow, iIndex, true);
			}
			else {
				oRow.setBindingContext(aContexts[i], oBindingInfo.model);
			}
		}
		
		this._bSuppressInvalidate = false;
		
	}
	
	// update the child controls
	this.updateChildControls();
	
};

sap.ui.commons.RowRepeater.prototype.invalidate = function(oOrigin) {
	// if we do not suppress the invalidation, the first time another page
	// is displayed the complete row repeater gets invalidated and rerendered
	// because a property of a not renderered control is changed via setting the
	// databinding context.
	if (this._bSuppressInvalidate) {
		return; // suppress the invalidation of the rows (when exchanging the binding contexts)
	} 
	sap.ui.core.Control.prototype.invalidate.apply(this, arguments);
};
}; // end of sap.ui.commons.RowRepeater
if ( !jQuery.sap.isDeclared('sap.ui.commons.RowRepeaterFilter') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RowRepeaterFilter.
jQuery.sap.declare("sap.ui.commons.RowRepeaterFilter");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RowRepeaterFilter.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getIcon icon} : string</li>
 * <li>{@link #getFilters filters} : object</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This element is used by the RowRepeater and allows to define a filter in this context along with the related data such as a text and an icon.
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RowRepeaterFilter
 */
sap.ui.core.Element.extend("sap.ui.commons.RowRepeaterFilter", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "Appearance", defaultValue : null},
		"icon" : {type : "string", group : "Appearance", defaultValue : null},
		"filters" : {type : "object", group : "Data", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RowRepeaterFilter with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RowRepeaterFilter.extend
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * The filter title if needed for display.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.RowRepeaterFilter#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.RowRepeaterFilter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeaterFilter#setText
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * The filter icon if needed for display.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>icon</code>
 * @public
 * @name sap.ui.commons.RowRepeaterFilter#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.commons.RowRepeaterFilter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeaterFilter#setIcon
 * @function
 */


/**
 * Getter for property <code>filters</code>.
 * The set of filter objects.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {object} the value of property <code>filters</code>
 * @public
 * @name sap.ui.commons.RowRepeaterFilter#getFilters
 * @function
 */

/**
 * Setter for property <code>filters</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {object} oFilters  new value for property <code>filters</code>
 * @return {sap.ui.commons.RowRepeaterFilter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeaterFilter#setFilters
 * @function
 */


// Start of sap/ui/commons/RowRepeaterFilter.js
///**
// * This file defines behavior for the control,
// */
//sap.ui.commons.RowRepeaterFilter.prototype.init = function(){
//   // do something for initialization...
//};
}; // end of sap.ui.commons.RowRepeaterFilter
if ( !jQuery.sap.isDeclared('sap.ui.commons.RowRepeaterSorter') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RowRepeaterSorter.
jQuery.sap.declare("sap.ui.commons.RowRepeaterSorter");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new RowRepeaterSorter.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getIcon icon} : string</li>
 * <li>{@link #getSorter sorter} : object</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This element is used by the RowRepeater and allows to define a sorter in this context along with the related data such as a text and an icon.
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.RowRepeaterSorter
 */
sap.ui.core.Element.extend("sap.ui.commons.RowRepeaterSorter", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "Appearance", defaultValue : null},
		"icon" : {type : "string", group : "Appearance", defaultValue : null},
		"sorter" : {type : "object", group : "Data", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RowRepeaterSorter with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RowRepeaterSorter.extend
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * The sorter title if needed for display.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.RowRepeaterSorter#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.RowRepeaterSorter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeaterSorter#setText
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * The sorter icon if needed for display.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>icon</code>
 * @public
 * @name sap.ui.commons.RowRepeaterSorter#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.commons.RowRepeaterSorter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeaterSorter#setIcon
 * @function
 */


/**
 * Getter for property <code>sorter</code>.
 * The sorter object.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {object} the value of property <code>sorter</code>
 * @public
 * @name sap.ui.commons.RowRepeaterSorter#getSorter
 * @function
 */

/**
 * Setter for property <code>sorter</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {object} oSorter  new value for property <code>sorter</code>
 * @return {sap.ui.commons.RowRepeaterSorter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RowRepeaterSorter#setSorter
 * @function
 */


// Start of sap/ui/commons/RowRepeaterSorter.js
///**
// * This file defines behavior for the control,
// */
//sap.ui.commons.RowRepeaterSorter.prototype.init = function(){
//   // do something for initialization...
//};
}; // end of sap.ui.commons.RowRepeaterSorter
if ( !jQuery.sap.isDeclared('sap.ui.commons.SearchProvider') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.SearchProvider.
jQuery.sap.declare("sap.ui.commons.SearchProvider");

jQuery.sap.require('sap.ui.core.search.OpenSearchProvider'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new SearchProvider.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.search.OpenSearchProvider#constructor sap.ui.core.search.OpenSearchProvider}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A SearchProvider which can be attached to a Search Field.
 * @extends sap.ui.core.search.OpenSearchProvider
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @deprecated Since version 1.6.0. 
 * Replaced by sap.ui.core.search.OpenSearchProvider
 * @name sap.ui.commons.SearchProvider
 */
sap.ui.core.search.OpenSearchProvider.extend("sap.ui.commons.SearchProvider", { metadata : {

	// ---- object ----
	deprecated : true,

	// ---- control specific ----
	library : "sap.ui.commons"
}});


/**
 * Creates a new subclass of class sap.ui.commons.SearchProvider with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.SearchProvider.extend
 * @function
 */


// Start of sap/ui/commons/SearchProvider.js
/**
 * Called by the search field, when suggestions are requested.
 *
 * @private
 */
sap.ui.commons.SearchProvider.prototype._doSuggest = function(oSearchField, sSuggestValue) {
	this.suggest(sSuggestValue, function(sValue, aSuggestions){
		if(oSearchField && oSearchField.suggest){
			oSearchField.suggest(sValue, aSuggestions);
		}
	});
};


}; // end of sap.ui.commons.SearchProvider
if ( !jQuery.sap.isDeclared('sap.ui.commons.SegmentedButton') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.SegmentedButton.
jQuery.sap.declare("sap.ui.commons.SegmentedButton");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new SegmentedButton.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getButtons buttons} : sap.ui.commons.Button[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getSelectedButton selectedButton} : string | sap.ui.commons.Button</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.SegmentedButton#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The SegmentedButton provides a group of multiple buttons. Only one button can be active. The behaviour is more ore less like a radio button group.
 * @extends sap.ui.core.Control
 * @implements sap.ui.commons.ToolbarItem
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.SegmentedButton
 */
sap.ui.core.Control.extend("sap.ui.commons.SegmentedButton", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"enabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"visible" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	aggregations : {
    	"buttons" : {type : "sap.ui.commons.Button", multiple : true, singularName : "button"}
	},
	associations : {
		"selectedButton" : {type : "sap.ui.commons.Button", multiple : false}
	},
	events : {
		"select" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.SegmentedButton with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.SegmentedButton.extend
 * @function
 */

sap.ui.commons.SegmentedButton.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>enabled</code>.
 * enabled
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.SegmentedButton#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SegmentedButton#setEnabled
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * hide/show all Buttons: An invisible SegmentedButton is not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.SegmentedButton#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SegmentedButton#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>buttons</code>.<br/>
 * Buttons
 * 
 * @return {sap.ui.commons.Button[]}
 * @public
 * @name sap.ui.commons.SegmentedButton#getButtons
 * @function
 */


/**
 * Inserts a button into the aggregation named <code>buttons</code>.
 *
 * @param {sap.ui.commons.Button}
 *          oButton the button to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the button should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the button is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the button is inserted at 
 *             the last position        
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SegmentedButton#insertButton
 * @function
 */

/**
 * Adds some button <code>oButton</code> 
 * to the aggregation named <code>buttons</code>.
 *
 * @param {sap.ui.commons.Button}
 *            oButton the button to add; if empty, nothing is inserted
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SegmentedButton#addButton
 * @function
 */

/**
 * Removes an button from the aggregation named <code>buttons</code>.
 *
 * @param {int | string | sap.ui.commons.Button} vButton the button to remove or its index or id
 * @return {sap.ui.commons.Button} the removed button or null
 * @public
 * @name sap.ui.commons.SegmentedButton#removeButton
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>buttons</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.Button[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.SegmentedButton#removeAllButtons
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.Button</code> in the aggregation named <code>buttons</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.Button}
 *            oButton the button whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.SegmentedButton#indexOfButton
 * @function
 */
	

/**
 * Destroys all the buttons in the aggregation 
 * named <code>buttons</code>.
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SegmentedButton#destroyButtons
 * @function
 */


/**
 * Selected Button
 *
 * @return {string} Id of the element which is the current target of the <code>selectedButton</code> association, or null
 * @public
 * @name sap.ui.commons.SegmentedButton#getSelectedButton
 * @function
 */

/**
 * Selected Button
 *
 * @param {string | sap.ui.commons.Button} vSelectedButton 
 *    Id of an element which becomes the new target of this <code>selectedButton</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SegmentedButton#setSelectedButton
 * @function
 */


	
/**
 * Event fired when button selected 
 *
 * @name sap.ui.commons.SegmentedButton#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.selectedButtonId Id of selected ToggleButton
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.commons.SegmentedButton</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.SegmentedButton</code>.<br/> itself. 
 *  
 * Event fired when button selected 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.SegmentedButton</code>.<br/> itself.
 *
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SegmentedButton#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.commons.SegmentedButton</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SegmentedButton#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'selectedButtonId' of type <code>string</code> Id of selected ToggleButton</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.SegmentedButton} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.SegmentedButton#fireSelect
 * @function
 */


// Start of sap/ui/commons/SegmentedButton.js
/* This file defines behavior for the SegmentedButton control */ 

jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained
 

/**
 * Initialization hook for the SegmentedButton.
 * 
 * @private
 */
sap.ui.commons.SegmentedButton.prototype.init = function() {
	if (!this._oItemNavigation) {
		this._oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
		this._oItemNavigation.setCycling(true);
		this.addDelegate(this._oItemNavigation);
		}
};

sap.ui.commons.SegmentedButton.prototype.exit = function() {

	if (this._oItemNavigation) {
		this.removeDelegate(this._oItemNavigation);
		this._oItemNavigation.destroy();
		delete this._oItemNavigation;
	}

};

/**
 * AfterRendering hook for the SegmentedButton. Create ItemNavigation here. 
 *
 * @private
 */
sap.ui.commons.SegmentedButton.prototype.onAfterRendering = function() {
	this._setItemNavigation();
};
/**
 * @private
 */
sap.ui.commons.SegmentedButton.prototype._buttonSelected = function(oEvent) {
	var oOldButtonSelection = sap.ui.getCore().byId(this.getSelectedButton()),
		oNewButtonSelection = oEvent.getSource();
	
	if (oNewButtonSelection !== oOldButtonSelection) {
		this.setSelectedButton(oNewButtonSelection);
		this.fireSelect({selectedButtonId:oNewButtonSelection.getId()});
	}
};
/**
 * @private
 */
sap.ui.commons.SegmentedButton.prototype._setItemNavigation = function() {
	if (this.getDomRef()) {
		this._oItemNavigation.setRootDomRef(jQuery.sap.domById(this.getId()+"-radiogroup"));
		var aItemDomRefs = [];
		var oButtons = this.getButtons();
		for ( var i = 0; i < oButtons.length; i++) {
			aItemDomRefs.push(oButtons[i].getDomRef());
			this._setAriaInfo(oButtons[i], i+1);
		}
		this._oItemNavigation.setItemDomRefs(aItemDomRefs);
	}
};
/**
 * @private
 */
sap.ui.commons.SegmentedButton.prototype._setAriaInfo = function(oButton, i) {
	var $button = jQuery(oButton.getDomRef()),
		length = this.getButtons().length;
		
	$button.attr("aria-posinset",i);
	$button.attr("aria-setsize",length);
	$button.attr("role", "radio");
	if (oButton.getId() === this.getSelectedButton()) {
		$button.attr("aria-checked",true);
		$button.removeAttr("aria-describedby");
	} else {
		$button.removeAttr("aria-checked");
		$button.attr("aria-describedby",this.getId()+"-label");
	}
}

/**
 * Rerendering of the Buttons
 *
 * @protected
*/
sap.ui.commons.SegmentedButton.prototype._rerenderButtons = function() {
	var $content = jQuery.sap.byId(this.getId());
	if ($content.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		sap.ui.commons.SegmentedButtonRenderer.renderButtons(rm, this);
		rm.flush($content[0]);
		rm.destroy();
	}
};

/* Override API methods */
sap.ui.commons.SegmentedButton.prototype.addButton = function(oButton) {
	this.addAggregation("buttons",oButton, true);
	oButton.attachPress(this._buttonSelected, this);
	this._rerenderButtons();
	return this;
};
sap.ui.commons.SegmentedButton.prototype.insertButton = function(oButton, iIndex) {
	this.insertAggregation("buttons",oButton, iIndex, true);
	oButton.attachPress(this._buttonSelected, this);
	this._rerenderButtons();
	return this;
};
sap.ui.commons.SegmentedButton.prototype.removeButton = function(oButton) {
	var result = this.removeAggregation("buttons",oButton, true);
	if (result) {
		result.detachPress(this._buttonSelected, this);
		this._rerenderButtons();
	}
	return result;
};
sap.ui.commons.SegmentedButton.prototype.removeAllButtons = function() {
	var result = this.removeAllAggregation("buttons", true);
	jQuery.each(result, function(i, oButton) {
		oButton.detachPress(this._buttonSelected, this);
	});
	this._rerenderButtons();
	return result;
};
sap.ui.commons.SegmentedButton.prototype.setSelectedButton = function(vButton) {
	var oButton, oButtonOld = sap.ui.getCore().byId(this.getSelectedButton());
	this.setAssociation("selectedButton", vButton, false); 
	oButton = sap.ui.getCore().byId(this.getSelectedButton());
	if (oButtonOld) {
		oButtonOld.removeStyleClass("sapUiSegButtonSelected");
		oButtonOld.$().blur();
	}
	if (oButtonOld && oButtonOld._icon) {
		oButtonOld.setIcon(oButtonOld._icon);
		oButtonOld._icon = null;
	}
	if(oButton) {
		if (oButton.getIconHovered()) {
			oButton._icon = oButton.getIcon();
			oButton.setIcon(oButton.getIconHovered());
		}
		oButton.addStyleClass("sapUiSegButtonSelected");
	}

};

sap.ui.commons.SegmentedButton.prototype.setEnabled = function(bEnabled) {
	jQuery.each(this.getButtons(),function(i,oButton) {
		oButton.setEnabled(bEnabled);
	});
	// remove itemNavigation if buttons are disabled
	if (this._oItemNavigation && !bEnabled) {
		this.removeDelegate(this._oItemNavigation);
	} else {
		this.addDelegate(this._oItemNavigation);
	}
	this.setProperty("enabled",bEnabled);
};

/*
 * before cloning buttons deregister events and register it after cloning again.
 */
sap.ui.commons.SegmentedButton.prototype.clone = function(sIdSuffix, aLocalIds) {

	var aButtons = this.getButtons();
	for ( var i = 0; i < aButtons.length; i++) {
		var oButton = aButtons[i];
		oButton.detachPress(this._buttonSelected, this);
	}

	var oClone = sap.ui.core.Element.prototype.clone.apply(this, arguments);

	for ( var i = 0; i < aButtons.length; i++) {
		var oButton = aButtons[i];
		oButton.attachPress(this._buttonSelected, this);
	}

	return oClone;
};
}; // end of sap.ui.commons.SegmentedButton
if ( !jQuery.sap.isDeclared('sap.ui.commons.Slider') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Slider.
jQuery.sap.declare("sap.ui.commons.Slider");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Slider.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getMin min} : float (default: 0)</li>
 * <li>{@link #getMax max} : float (default: 100)</li>
 * <li>{@link #getValue value} : float (default: 50)</li>
 * <li>{@link #getSmallStepWidth smallStepWidth} : float</li>
 * <li>{@link #getTotalUnits totalUnits} : int</li>
 * <li>{@link #getStepLabels stepLabels} : boolean (default: false)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getLabels labels} : string[]</li>
 * <li>{@link #getVertical vertical} : boolean (default: false)</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize (default: '100%')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Slider#event:change change} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.Slider#event:liveChange liveChange} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The interactive control is displayed as a horizontal line with a pointer and units of measurement.
 * Users can move the pointer along the line to change values with graphical support.
 * @extends sap.ui.core.Control
 *
 * @author Sebastian Allmann 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Slider
 */
sap.ui.core.Control.extend("sap.ui.commons.Slider", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
		"min" : {type : "float", group : "Appearance", defaultValue : 0},
		"max" : {type : "float", group : "Appearance", defaultValue : 100},
		"value" : {type : "float", group : "Appearance", defaultValue : 50},
		"smallStepWidth" : {type : "float", group : "Appearance", defaultValue : null},
		"totalUnits" : {type : "int", group : "Appearance", defaultValue : null},
		"stepLabels" : {type : "boolean", group : "Appearance", defaultValue : false},
		"visible" : {type : "boolean", group : "", defaultValue : true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"labels" : {type : "string[]", group : "Misc", defaultValue : null},
		"vertical" : {type : "boolean", group : "Appearance", defaultValue : false},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"change" : {}, 
		"liveChange" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Slider with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Slider.extend
 * @function
 */

sap.ui.commons.Slider.M_EVENTS = {'change':'change','liveChange':'liveChange'};


/**
 * Getter for property <code>width</code>.
 * Width of the horizontal slider.
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Slider#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setWidth
 * @function
 */


/**
 * Getter for property <code>min</code>.
 * Minimal value of the slider.
 *
 * Default value is <code>0</code>
 *
 * @return {float} the value of property <code>min</code>
 * @public
 * @name sap.ui.commons.Slider#getMin
 * @function
 */

/**
 * Setter for property <code>min</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {float} fMin  new value for property <code>min</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setMin
 * @function
 */


/**
 * Getter for property <code>max</code>.
 * Maximal value of the slider
 *
 * Default value is <code>100</code>
 *
 * @return {float} the value of property <code>max</code>
 * @public
 * @name sap.ui.commons.Slider#getMax
 * @function
 */

/**
 * Setter for property <code>max</code>.
 *
 * Default value is <code>100</code> 
 *
 * @param {float} fMax  new value for property <code>max</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setMax
 * @function
 */


/**
 * Getter for property <code>value</code>.
 * Current value of the slider. (Position of the grip.)
 *
 * Default value is <code>50</code>
 *
 * @return {float} the value of property <code>value</code>
 * @public
 * @name sap.ui.commons.Slider#getValue
 * @function
 */

/**
 * Setter for property <code>value</code>.
 *
 * Default value is <code>50</code> 
 *
 * @param {float} fValue  new value for property <code>value</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setValue
 * @function
 */


/**
 * Getter for property <code>smallStepWidth</code>.
 * The grip can only be moved in steps of this width.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {float} the value of property <code>smallStepWidth</code>
 * @public
 * @name sap.ui.commons.Slider#getSmallStepWidth
 * @function
 */

/**
 * Setter for property <code>smallStepWidth</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {float} fSmallStepWidth  new value for property <code>smallStepWidth</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setSmallStepWidth
 * @function
 */


/**
 * Getter for property <code>totalUnits</code>.
 * Number of units that are displayed by ticks. The PageUp and PageDown keys navigate according to these units.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>totalUnits</code>
 * @public
 * @name sap.ui.commons.Slider#getTotalUnits
 * @function
 */

/**
 * Setter for property <code>totalUnits</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iTotalUnits  new value for property <code>totalUnits</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setTotalUnits
 * @function
 */


/**
 * Getter for property <code>stepLabels</code>.
 * Display step numbers for the ticks on the slider.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>stepLabels</code>
 * @public
 * @name sap.ui.commons.Slider#getStepLabels
 * @function
 */

/**
 * Setter for property <code>stepLabels</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bStepLabels  new value for property <code>stepLabels</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setStepLabels
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible sliders are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.Slider#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setVisible
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Using the slider interactively requires value "true".
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.Slider#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setEditable
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Switches enabled state of the control. Disabled fields have different colors, and can not be focused.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.Slider#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setEnabled
 * @function
 */


/**
 * Getter for property <code>labels</code>.
 * Labels to be displayed instead of numbers. Attribute totalUnits and label count should be the same
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string[]} the value of property <code>labels</code>
 * @public
 * @name sap.ui.commons.Slider#getLabels
 * @function
 */

/**
 * Setter for property <code>labels</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string[]} aLabels  new value for property <code>labels</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#setLabels
 * @function
 */


/**
 * Getter for property <code>vertical</code>.
 * Orientation of slider
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>vertical</code>
 * @public
 * @since 1.7.1
 * @name sap.ui.commons.Slider#getVertical
 * @function
 */

/**
 * Setter for property <code>vertical</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bVertical  new value for property <code>vertical</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.1
 * @name sap.ui.commons.Slider#setVertical
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Height of the vertical slider.
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @since 1.7.1
 * @name sap.ui.commons.Slider#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.1
 * @name sap.ui.commons.Slider#setHeight
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.Slider#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.Slider#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Slider#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.Slider#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.Slider#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Slider#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * Value was changed. This event is fired if the value has changed by an user action. 
 *
 * @name sap.ui.commons.Slider#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {float} oControlEvent.getParameters.value Current value of the slider after a change. 
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'change' event of this <code>sap.ui.commons.Slider</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Slider</code>.<br/> itself. 
 *  
 * Value was changed. This event is fired if the value has changed by an user action. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Slider</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#attachChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'change' event of this <code>sap.ui.commons.Slider</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#detachChange
 * @function
 */

/**
 * Fire event change to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'value' of type <code>float</code> Current value of the slider after a change. </li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Slider#fireChange
 * @function
 */


/**
 * Value was changed. This event is fired during the mouse move. The normal change event ist only fired by mouseup. 
 *
 * @name sap.ui.commons.Slider#liveChange
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {float} oControlEvent.getParameters.value Current value of the slider after a change. 
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'liveChange' event of this <code>sap.ui.commons.Slider</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Slider</code>.<br/> itself. 
 *  
 * Value was changed. This event is fired during the mouse move. The normal change event ist only fired by mouseup. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Slider</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#attachLiveChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'liveChange' event of this <code>sap.ui.commons.Slider</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Slider#detachLiveChange
 * @function
 */

/**
 * Fire event liveChange to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'value' of type <code>float</code> Current value of the slider after a change. </li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Slider#fireLiveChange
 * @function
 */


// Start of sap/ui/commons/Slider.js
jQuery.sap.require('sap.ui.core.ResizeHandler'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.EnabledPropagator'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.core.EnabledPropagator.call(sap.ui.commons.Slider.prototype);

sap.ui.commons.Slider.prototype.exit = function() {
	// Cleanup resize event registration on exit
	if(this.sResizeListenerId){
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};

sap.ui.commons.Slider.prototype.onBeforeRendering = function() {
	// Cleanup resize event registration before re-rendering
	if(this.sResizeListenerId){
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};

sap.ui.commons.Slider.prototype.onAfterRendering = function () {

	// Warning in the case of wrong properties
	if( this.getMin() >= this.getMax() ){
		jQuery.sap.log.warning('Property wrong: Min:' + this.getMin() + ' > Max:' + this.getMax() );
	}

	this.oGrip = jQuery.sap.domById(this.getId() + '-grip');
	this.oBar  = jQuery.sap.domById(this.getId() + '-bar');
	this.oHiLi = jQuery.sap.domById(this.getId() + '-hili');
	this.bRtl  = sap.ui.getCore().getConfiguration().getRTL();
	this.bAcc  = sap.ui.getCore().getConfiguration().getAccessibility();
	this.bTextLabels = (this.getLabels() && this.getLabels().length > 0);
	this.oMovingGrip = this.oGrip;

	var fNewValue = this.getValue();
	if( fNewValue >= this.getMax() ){
		fNewValue   = this.getMax();
	}else if( fNewValue <= this.getMin() ){
		fNewValue   = this.getMin();
	}

	if (this.bTextLabels && this.getLabels().length != this.getTotalUnits()) {
		jQuery.sap.log.warning('label count and total units should be the same','sap.ui.commons.Slider');
	}

	this.iDecimalFactor = this.calcDecimalFactor(this.getSmallStepWidth());

	// Get left shift for middle of grip. Use offsetWidth to include borders. Round to prevent calculation errors.
	this.iShiftGrip = Math.round(this.getOffsetWidth(this.oGrip) / 2);

	// Calculate grip position
	var iNewPos = ( fNewValue - this.getMin() ) / ( this.getMax() - this.getMin() ) * this.getBarWidth();

	if(this.bRtl || this.getVertical()){
		iNewPos = this.getBarWidth() - iNewPos;
	}

	// Move grip to hit the point in the middle
	this.changeGrip(fNewValue, iNewPos, this.oGrip);

	this.repositionTicksAndLabels();

	// Disable text selection
	this.allowTextSelection(false);

	// Register resize event
	this.oDomRef = this.getDomRef();
	this.sResizeListenerId = sap.ui.core.ResizeHandler.register(this.oDomRef, jQuery.proxy(this.onresize, this));

};

/**
 * Function is called when Slider is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onclick = function(oEvent) {

	var oMovingGrip = this.oMovingGrip;


	if (this.getEditable() && this.getEnabled()){

		var fMultiplicator;

		// Check for ID where the behavior depends on the clicked area.
		var sMyTargetId = oEvent.target.getAttribute( 'ID' );

		var fNewValue = this.getValue();
		var iNewPos   = this.getOffsetLeft(this.oGrip) + this.iShiftGrip;

		switch ( sMyTargetId ){
			case ( this.oBar.id ):
			case ( this.oHiLi.id ):
				// Click on slide bar
				if (this.getVertical()) {
					fMultiplicator = this.getBarWidth() - this.getOffsetX(oEvent);
				} else {
					fMultiplicator = this.getOffsetX(oEvent);
				}
				if (sMyTargetId == this.oHiLi.id) {
					if (this.getVertical()) {
						fMultiplicator -= this.getOffsetLeft(this.oHiLi);
					} else {
						fMultiplicator += this.getOffsetLeft(this.oHiLi);
					}
				}
				fNewValue = this.convertRtlValue(this.getMin() + ( ( ( this.getMax() - this.getMin() )  / this.getBarWidth() ) * fMultiplicator ));
				iNewPos = this.getOffsetX(oEvent);
				if (sMyTargetId == this.oHiLi.id) {
					iNewPos += this.getOffsetLeft(this.oHiLi);
				}
				if (this.oStartTarget && this.targetIsGrip(this.oStartTarget.id)) {
					oMovingGrip = this.oStartTarget;
				} else if (this.targetIsGrip(sMyTargetId)) {
					oMovingGrip = oEvent.target;
				} else {
					oMovingGrip = this.getNearestGrip(iNewPos);
				}
				break;
			case ( this.getId() + '-left' ):
				// Click on left end
				iNewPos = 0;
				if (this.getVertical()) {
					fNewValue = this.getMax();
					oMovingGrip = this.getRightGrip();
				} else {
					fNewValue = this.getMin();
					oMovingGrip = this.getLeftGrip();
				}
				break;
			case ( this.getId() + '-right' ):
				// Click on right end
				iNewPos = this.getBarWidth();
				if (!this.getVertical()) {
					fNewValue = this.getMax();
					oMovingGrip = this.getRightGrip();
				} else {
					fNewValue = this.getMin();
					oMovingGrip = this.getLeftGrip();
				}
				break;
			default:
				//If target is grip return
				//Not implemented as case because RangeSlider has multiple grips, for which cases cannot be inserted afterwards
				if (this.targetIsGrip(sMyTargetId)) {
					return;
				}
				// Check whether tick is clicked
				var iTickPos = sMyTargetId.search('-tick');
				if( iTickPos >= 0){
					var iTickNum = parseInt( sMyTargetId.slice( this.getId().length+5), 10);
					iNewPos = this.fTickDist * iTickNum;
					fNewValue = this.convertRtlValue(this.getMin() + ( ( ( this.getMax() - this.getMin() ) / this.getTotalUnits() ) * iTickNum ));
					if (this.oStartTarget && this.targetIsGrip(this.oStartTarget.id)) {
						oMovingGrip = this.oStartTarget;
					} else if (this.targetIsGrip(sMyTargetId)) {
						oMovingGrip = oEvent.target;
					} else {
						oMovingGrip = this.getNearestGrip(iNewPos);
					}
					break;
				}
	
				// Outer DIV clicked -> ID given by caller. This is the case if all other DIVs are smaller,
				// or if tick text is clicked
				var iOffsetBar = jQuery(this.oBar).offset();
				var iOffsetMe  = jQuery(oEvent.target).offset();
				if (this.getVertical()) {
					iNewPos = this.getOffsetX(oEvent) - ( iOffsetBar.top - iOffsetMe.top );
				} else {
					iNewPos = this.getOffsetX(oEvent) - ( iOffsetBar.left - iOffsetMe.left );
				}
				if( iNewPos <= 0 ){
					iNewPos = 0;
					if (this.getVertical()) {
						fNewValue = this.getMax();
					} else {
						fNewValue = this.getMin();
					}
				}else{
					if( iNewPos >= this.getBarWidth() ){
						iNewPos = this.getBarWidth();
						if (this.getVertical()) {
							fNewValue = this.getMin();
						} else {
							fNewValue = this.getMax();
						}
					}else{
						if (this.getVertical()) {
							fMultiplicator = this.getBarWidth() - iNewPos;
						} else {
							fMultiplicator = iNewPos;
						}
						fNewValue = this.getMin() + ( ( ( this.getMax() - this.getMin() )  / this.getBarWidth() ) * fMultiplicator );
					}
				}
				fNewValue = this.convertRtlValue(fNewValue);
				if (this.oStartTarget && this.targetIsGrip(this.oStartTarget.id)) {
					oMovingGrip = this.oStartTarget;
				} else if (this.targetIsGrip(sMyTargetId)) {
					oMovingGrip = oEvent.target;
				} else {
					oMovingGrip = this.getNearestGrip(iNewPos);
				}
				break;
		}

		var validation = this.validateNewPosition(fNewValue, iNewPos, oMovingGrip, (this.getValueForGrip(oMovingGrip) > fNewValue));
		fNewValue = validation.fNewValue;
		iNewPos = validation.iNewPos;

		this.changeGrip(fNewValue, iNewPos, oMovingGrip);
		this.handleFireChange();
	}

	// Set focus to grip
	oMovingGrip.focus();
	this.oMovingGrip = oMovingGrip;
	this.oStartTarget = null;

};

/**
 * Function is called when Slider is clicked
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onmousedown = function(oEvent) {
	if (this.getEditable() && this.getEnabled()){

		// Check for ID. This is only possible on the grip.
		var sMyTargetId = oEvent.target.getAttribute( 'ID' );

		if( this.targetIsGrip(sMyTargetId) ){
			this.bGripMousedown = true;

			// Remember start coordinates
			this.iStartDragX = oEvent.pageX;
			this.iStartDragY = oEvent.pageY;
			this.iStartLeft  = this.getOffsetLeft(oEvent.target) + this.iShiftGrip;

			this.oMovingGrip = oEvent.target;

			var oThat = this;
			this.handleMoveCall = function (event){
				oThat.handleMove(event);
			};
			this.preventSelect = function (event){
				return false;
			};

			jQuery(window.document).bind('mousemove', this.handleMoveCall);
			jQuery(window.document).bind('selectstart', this.preventSelect);
			jQuery.sap.bindAnyEvent(jQuery.proxy(this.onAnyEvent, this));
		}
		this.oStartTarget = null;
	}
};

/**
 * Function is called when Slider is unclicked
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onmouseup = function(oEvent) {
	if (this.getEditable() && this.getEnabled()){

		// Mouseup is handled on every div, not only on grip

		this.bGripMousedown = false;

		if (this.handleMoveCall) {
			jQuery(window.document).unbind('mousemove', this.handleMoveCall);
			jQuery(window.document).unbind('selectstart', this.preventSelect);
			jQuery.sap.unbindAnyEvent(this.onAnyEvent);

			if ( this.iStartLeft != ( this.getOffsetLeft(this.oMovingGrip) + this.iShiftGrip )){
				// Only if position was changed
				// only fire change event because liveChange is already fired in handleMove
				this.handleFireChangeWithoutLive();
			}

			this.handleMoveCall = null;
			this.iStartDragX    = null;
			this.iStartDragY    = null;
			this.iStartLeft     = null;
		}
	}

};

/**
 * Function is called when Slider is moved
 *
 * @param {DOM.Event} Event
 * @private
 */
sap.ui.commons.Slider.prototype.handleMove = function(event) {

	if (this.getEditable() && this.getEnabled() && this.bGripMousedown ){

		event = event || window.event;

		// Move is handled on every div, not only on grip

		var iNewPos;
		if (this.getVertical()) {
			iNewPos = this.iStartLeft + event.pageY - this.iStartDragY;
		} else {
			iNewPos = this.iStartLeft + event.pageX - this.iStartDragX;
		}

		if( iNewPos <= 0 ){
			iNewPos = 0 ;
			if (this.getVertical()) {
				var fNewValue = this.getMax();
			} else {
				var fNewValue = this.getMin();
			}
		}else{
			if ( iNewPos >= this.getBarWidth() ){
				iNewPos = this.getBarWidth() ;
				if (this.getVertical()) {
					var fNewValue = this.getMin();
				} else {
					var fNewValue = this.getMax();
				}
			}else{
				if (this.getVertical()) {
					var fMultiplicator = this.getBarWidth() - iNewPos;
				} else {
					var fMultiplicator = iNewPos;
				}
				var fNewValue = this.getMin() + ( ( ( this.getMax() - this.getMin() )  / this.getBarWidth() ) * fMultiplicator ) ;
			}
		}
		fNewValue = this.convertRtlValue(fNewValue);
		var fOldValue = this.getValueForGrip(this.oMovingGrip);

		var validation = this.validateNewPosition(fNewValue, iNewPos, this.oMovingGrip, (fOldValue > fNewValue));
		fNewValue = validation.fNewValue;
		iNewPos = validation.iNewPos;

		this.changeGrip(fNewValue, iNewPos, this.oMovingGrip);
		fNewValue = this.getValueForGrip(this.oMovingGrip); // get new value considering step width

		this.fireLiveChangeForGrip(this.oMovingGrip, fNewValue, fOldValue);
		this.oStartTarget = this.oMovingGrip;
	}

	event.cancelBubble = true;

	return false;

};

/**
 * Function is called when Slider is moved
 *
 * @param Grip oGrip, float fNewValue
 * @private
 */
sap.ui.commons.Slider.prototype.fireLiveChangeForGrip = function (oGrip, fNewValue, fOldValue) {
	if (oGrip == this.oGrip) {
		if ( fOldValue != fNewValue ){
			// fire event only if value changed
			this.fireLiveChange( { value: fNewValue } );
		}
	}
}

/**
 * Handles all events that occur outside the Popup and
 * dispatches it to the onOuterEvent
 * @param {jQuery.EventObject} oEvent The event object of the ui.core framework
 * @private
 */
sap.ui.commons.Slider.prototype.onAnyEvent = function (oEvent) {

	jQuery.sap.log.info('onAnyEvent fired: "' + oEvent.type + '"');

	// Skip if not editable or no drag operation in progress
	if ((!this.getEditable()) || (!this.getEnabled()) || !this.bGripMousedown){
		return;
	}

	// Check if outside of control
	var oSource = oEvent.target;
	if ((!jQuery.sap.containsOrEquals(this.oDomRef,oSource) || oSource.tagName=="BODY") && oEvent.type == 'mouseup') {
		this.onmouseup(oEvent);
	}

};

/**
 * Function is called when right arrow is pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapright = function(oEvent) {

	if (this.getEditable() && this.getEnabled()){

		var fNewValue = this.convertRtlValue(this.getValueForGrip(this.oMovingGrip));
		var iNewPos   = this.getOffsetLeft(this.oMovingGrip) + this.iShiftGrip;

		if(this.getSmallStepWidth() > 0){
			// Step defined -> shift grip one step; at least one pixel, if step < 1px
			var fStepPixel = this.getBarWidth() / ( this.getMax() - this.getMin() ) * this.getSmallStepWidth();

			if(fStepPixel > 1){
				fNewValue = fNewValue + this.getSmallStepWidth();
				if (this.getVertical()) {
					iNewPos   = iNewPos - fStepPixel;
				} else {
					iNewPos   = iNewPos + fStepPixel;
				}
			}else{
				// Step < 1px -> shift grip to next step that is 1 pixel away
				fNewValue = fNewValue + ( 1 / fStepPixel * this.getSmallStepWidth() );
				if (this.getVertical()) {
					iNewPos   = iNewPos - 1;
				} else {
					iNewPos   = iNewPos + 1;
				}
			}
		}else{
			// No step defined -> shift grip 1 pixel
			fNewValue = fNewValue + ( ( this.getMax() - this.getMin() ) / this.getBarWidth() );
			if (this.getVertical()) {
				iNewPos   = iNewPos - 1;
			} else {
				iNewPos   = iNewPos + 1;
			}
		}
		fNewValue = this.convertRtlValue(fNewValue);

		var validation = this.validateNewPosition(fNewValue, iNewPos, this.oMovingGrip, !this.getVertical() && this.bRtl);
		fNewValue = validation.fNewValue;
		iNewPos = validation.iNewPos;

		this.changeGrip(fNewValue, iNewPos, this.oMovingGrip);
		this.handleFireChange();

	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Function is called when left arrow is pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapleft = function(oEvent) {

	if (this.getEditable() && this.getEnabled()){
		
		var fNewValue = this.convertRtlValue(this.getValueForGrip(this.oMovingGrip));
		var iNewPos   = this.getOffsetLeft(this.oMovingGrip) + this.iShiftGrip;

		if(this.getSmallStepWidth() > 0){
			// Step defined -> shift grip one step (at least one pixel, if step < 1px)
			var fStepPixel = this.getBarWidth() / ( this.getMax() - this.getMin() ) * this.getSmallStepWidth();

			if(fStepPixel > 1){
				fNewValue = fNewValue - this.getSmallStepWidth();
				if (this.getVertical()) {
					iNewPos   = iNewPos + fStepPixel;
				} else {
					iNewPos   = iNewPos - fStepPixel;
				}
			}else{
				fNewValue = fNewValue - ( 1 / fStepPixel * this.getSmallStepWidth() );
				if (this.getVertical()) {
					iNewPos   = iNewPos + 1;
				} else {
					iNewPos   = iNewPos - 1;
				}
			}
		}else{
			// No step defined -> shift grip one pixel
			fNewValue = fNewValue - ( ( this.getMax() - this.getMin() ) / this.getBarWidth() );
			if (this.getVertical()) {
				iNewPos   = iNewPos + 1;
			} else {
				iNewPos   = iNewPos - 1;
			}
		}
		fNewValue = this.convertRtlValue(fNewValue);

		var validation = this.validateNewPosition(fNewValue, iNewPos, this.oMovingGrip, this.getVertical() || !this.bRtl);
		fNewValue = validation.fNewValue;
		iNewPos = validation.iNewPos;

		this.changeGrip(fNewValue, iNewPos, this.oMovingGrip);
		this.handleFireChange();

	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Function is called when up arrow is pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapup = function(oEvent) {
	if (this.bRtl && !this.getVertical()) {
		this.onsapleft(oEvent);
	} else {
		this.onsapright(oEvent);
	}
};

/**
 * Function is called when DOWN arrow is pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapdown = function(oEvent) {
	if (this.bRtl && !this.getVertical()) {
		this.onsapright(oEvent);
	} else {
		this.onsapleft(oEvent);
	}
};

/**
 * Function is called when "+" is pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapexpand = function(oEvent) {

	if(!this.bRtl){
		// Normal case - "+" similar to right
		this.onsapright(oEvent);
	}else{
		// RTL case - "+" similar to left
		this.onsapleft(oEvent);
	}

};

/**
 * Function is called when "-" is pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapcollapse = function(oEvent) {

	if(!this.bRtl){
		// Normal case - "-" similar to left
		this.onsapleft(oEvent);
	}else{
		// RTL case - "-" similar to right
		this.onsapright(oEvent);
	}

};

/**
 * Function is called when Home key pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsaphome = function(oEvent) {

	if (this.getEditable() && this.getEnabled()){
		this.setValue(this.getMin());
		this.handleFireChange();
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Function is called when End key pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapend = function(oEvent) {

	if (this.getEditable() && this.getEnabled()){
		this.setValue(this.getMax());
		this.handleFireChange();
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Function is called when Ctrl+right key pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsaprightmodifiers = function(oEvent) {

	if (this.getEditable() && this.getEnabled()){

		if(!this.fPageSize){
			if(this.getTotalUnits() > 0){
				this.fPageSize = ( this.getMax() - this.getMin() ) / this.getTotalUnits();
			}else{
				this.fPageSize = ( this.getMax() - this.getMin() ) / 10;
			}
		}

		if(!this.bRtl || this.getVertical()){
			var fNewValue = this.getValueForGrip(this.oMovingGrip) + this.fPageSize;
		}else{
			var fNewValue = this.getValueForGrip(this.oMovingGrip) - this.fPageSize;
		}
		// Calculate iNewPos from fNewValue to prevent rounding errors after repeating pageUps
		var iNewPos   = ( fNewValue - this.getMin() ) / ( this.getMax() - this.getMin() ) * this.getBarWidth() ;
		if (this.bRtl && !this.getVertical()) {
			iNewPos = this.getBarWidth()-iNewPos;
		}

		if (this.getVertical()) {
			if (iNewPos > this.getBarWidth()) iNewPos = this.getBarWidth();
			iNewPos = this.getBarWidth() - iNewPos;
		}

		var validation = this.validateNewPosition(fNewValue, iNewPos, this.oMovingGrip, !this.getVertical() && this.bRtl);
		fNewValue = validation.fNewValue;
		iNewPos = validation.iNewPos;

		this.changeGrip(fNewValue, iNewPos, this.oMovingGrip);
		this.handleFireChange();
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Function is called when Ctrl+left key pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapleftmodifiers = function(oEvent) {

	if (this.getEditable() && this.getEnabled()){

		if(!this.fPageSize){
			if(this.getTotalUnits() > 0){
				this.fPageSize = ( this.getMax() - this.getMin() ) / this.getTotalUnits();
			}else{
				this.fPageSize = ( this.getMax() - this.getMin() ) / 10;
			}
		}

		if(!this.bRtl || this.getVertical()){
			var fNewValue = this.getValueForGrip(this.oMovingGrip) - this.fPageSize;
		}else{
			var fNewValue = this.getValueForGrip(this.oMovingGrip) + this.fPageSize;
		}
		// Calculate iNewPos from fNewValue to prevent rounding errors after repeating pageDowns
		var iNewPos   = ( fNewValue - this.getMin() ) / ( this.getMax() - this.getMin() ) * this.getBarWidth();
		if (this.bRtl && !this.getVertical()) {
			iNewPos = this.getBarWidth()-iNewPos;
		}

		if (this.getVertical()) {
			if (iNewPos < 0) iNewPos = 0;
			iNewPos = this.getBarWidth() - iNewPos;
		}

		var validation = this.validateNewPosition(fNewValue, iNewPos, this.oMovingGrip, this.getVertical() || !this.bRtl);
		fNewValue = validation.fNewValue;
		iNewPos = validation.iNewPos;

		this.changeGrip(fNewValue, iNewPos, this.oMovingGrip);
		this.handleFireChange();
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Function is called when Ctrl+down key pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapdownmodifiers = function(oEvent) {
	if (this.bRtl && !this.getVertical()) {
		this.onsaprightmodifiers(oEvent);
	} else {
		this.onsapleftmodifiers(oEvent);
	}
};

/**
 * Function is called when Ctrl+Up key pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onsapupmodifiers = function(oEvent) {
	if (this.bRtl && !this.getVertical()) {
		this.onsapleftmodifiers(oEvent);
	} else {
		this.onsaprightmodifiers(oEvent);
	}
};

/**
 * Function is called when window is resized
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.onresize = function(oEvent) {

	if (!this.getDomRef()) {
		// slider is not renderes, maybe deleted from DOM -> deregister resize handler and do nothing
		// Cleanup resize event registration on exit
		if(this.sResizeListenerId){
			sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
			this.sResizeListenerId = null;
		}
		return;
	}

	// If width of control changed -> grip position must be newly calculated

	var fNewValue = this.getValue();

	var iNewPos   = ( fNewValue - this.getMin() ) / ( this.getMax() - this.getMin() ) * this.getBarWidth() ;
	if (this.getVertical() || this.bRtl) {
		iNewPos = this.getBarWidth() - iNewPos;
	}

	this.changeGrip(fNewValue, iNewPos, this.oGrip);

	this.repositionTicksAndLabels();

};

/*
 * Respositiotn ticks and labels
 *
 * @private
 */
sap.ui.commons.Slider.prototype.repositionTicksAndLabels = function() {
	var iTotalUnits;
	if (this.bTextLabels) {
		iTotalUnits = this.getLabels().length - 1;
	} else {
		iTotalUnits = this.getTotalUnits();
	}

	if(iTotalUnits > 0){
		// Move ticks to correct position; put it in the middle.
		// Round value shift factor separately to have the same behavior like for the grip position.

		var oTick = null;
		var oText = null;

		this.fTickDist = this.getBarWidth() / iTotalUnits;

		for (var i = 0; i <= iTotalUnits; i++){
			oTick = jQuery.sap.domById(this.getId() + '-tick' + i);
			if (!this.bRtl || this.getVertical()) {
				var iLeft = Math.round( this.fTickDist * i ) - Math.ceil( this.getOffsetWidth(oTick) / 2 );
			}else{
				var iLeft = Math.round( this.fTickDist * i ) - Math.floor( this.getOffsetWidth(oTick) / 2 );
			}
			if (this.getVertical()) {
				iLeft = this.getBarWidth() - iLeft - this.getOffsetWidth(oTick) ;
			}
			this.setLeft(iLeft, oTick);

			if( this.getStepLabels() && i > 0 && i < iTotalUnits){
				oText = jQuery.sap.domById(this.getId() + '-text' + i);
				if(this.getSmallStepWidth() > 0 && this.iDecimalFactor > 0 && !this.bTextLabels){
					jQuery(oText).text(Math.round( parseFloat(jQuery(oText).text()) * this.iDecimalFactor ) / this.iDecimalFactor);
				}
				var iLeft;
				if(!this.bRtl || this.getVertical()){
					iLeft = Math.round( ( this.fTickDist * i)) - Math.round(( this.getOffsetWidth(oText) / 2) );
				}else{
					iLeft = Math.round( ( this.fTickDist * (iTotalUnits-i))) - Math.round(( this.getOffsetWidth(oText) / 2) );
				}
				if (this.getVertical()) {
					iLeft = this.getBarWidth() - iLeft - this.getOffsetWidth(oText) ;
				}
				this.setLeft(iLeft, oText);
			}
		}
	}

};

/**
 * Called after the theme has been switched. Some adjustments required.
 * @private
 */
sap.ui.commons.Slider.prototype.onThemeChanged = function (oEvent) {

	if (this.getDomRef()) {
		// Get left shift for middle of grip. Use offsetWidth to include borders. Round to prevent calculation errors.
		this.iShiftGrip = Math.round(this.getOffsetWidth(this.oGrip) / 2);

		// Use resize function to adjust grip and ticks
		this.onresize();
	}

};

/**
 * Function is called when grip position shall be changed
 *
 * @param fNewValue iNewPos
 * @private
 */
sap.ui.commons.Slider.prototype.changeGrip = function(fNewValue, iNewPos, oGrip) {
	// Only if position was changed
	if ( iNewPos != ( this.getOffsetLeft(oGrip) + this.iShiftGrip ) ){

		if( this.getSmallStepWidth() > 0 ){
			// Move grip according to step-width
			var iStepNum   = parseInt( ( fNewValue - this.getMin() ) / this.getSmallStepWidth() , 10);
			var fLeftStep  = ( iStepNum * this.getSmallStepWidth() ) + this.getMin();
			var fRightStep = ( ( iStepNum + 1 ) * this.getSmallStepWidth() ) + this.getMin();

			if ( fRightStep > this.getMax() ){
				fRightStep = this.getMax();
			}

			var fStepPixel = this.getBarWidth() / ( this.getMax() - this.getMin() ) * this.getSmallStepWidth();

			if( ( fNewValue - fLeftStep ) < ( fRightStep - fNewValue ) ){
				fNewValue = fLeftStep;
				iNewPos   = iStepNum * fStepPixel;
			}else{
				fNewValue = fRightStep;
				iNewPos   = ( iStepNum + 1 ) * fStepPixel;
				if ( iNewPos > this.getBarWidth() ){
					iNewPos = this.getBarWidth();
				}
			}
			if (this.getVertical() || this.bRtl) {
				iNewPos = this.getBarWidth() - iNewPos;
			}
			// Round value because of calculation errors in JavaScript
			fNewValue = Math.round( fNewValue * this.iDecimalFactor ) / this.iDecimalFactor;
		}

		// Reduce position with half grip-width to center the grip. Round because Internet Explorer does not round automatically.

		var iLeft = Math.round(iNewPos - this.iShiftGrip);	
		if (isNaN(iLeft)) return;

		//Output iShiftGrip to check if rendering issue occurs because of wrong value
		jQuery.sap.log.info("iNewPos: " + iNewPos + " - iLeft: " + iLeft + " - iShiftGrip: " +this.iShiftGrip);

		this.updateValueProperty(fNewValue, oGrip);

		if (this.bTextLabels) {
			oGrip.title = this.getNearestLabel(fNewValue);
		} else {
			oGrip.title = fNewValue;
		}

		this.setLeft(iLeft, oGrip);

		this.adjustHighlightBar(iNewPos, oGrip);

		if(this.bAcc){
			this.setAriaState();
		}
	}

};

/**
 * Function to update value property for grip
 *
 * @param float fNewValue
 * @private
 */
sap.ui.commons.Slider.prototype.updateValueProperty = function(fNewValue,oGrip) {
	this.setProperty( 'value', fNewValue, true ); // Do not render complete control again
};

/**
 * Function to set width and position of highlight bar
 *
 * @param int iNewPos
 * @private
 */
sap.ui.commons.Slider.prototype.adjustHighlightBar = function(iNewPos,oGrip) {
	if(this.bRtl){
		// In the case of RTL, highlight must be on right side
		if (this.getVertical()) {
			this.oHiLi.style.height = this.getBarWidth() - Math.round(iNewPos) + 'px';
		} else {
			this.oHiLi.style.width = this.getBarWidth() - Math.round(iNewPos) + 'px';
		}
	}else{
		if (this.getVertical()) {
			this.oHiLi.style.height = this.getBarWidth() - Math.round(iNewPos) + 'px';
		} else {
			this.oHiLi.style.width = Math.round(iNewPos) + 'px';
		}
	}
}

/**
 * Function to calculate the decimals of a value
 *
 * Problem:  If the step-width has decimals in JavaScript, there are calculation errors.
 *           e.g. 2.01*10= 20.099999999999998 instead of 20.1
 *           This is not sufficient as result for the value of sliding step-wise.
 *           Therefore the value is rounded with the numbers of decimals the step-width has.
 *           This is not possible using the modulo or any other Math function because
 *           of the mentioned calculation error.
 * Solution: The idea is to search for the "." in the string and to calculate the rounding factor.
 *
 * @param {DOM.Event} Event
 * @private
 */
sap.ui.commons.Slider.prototype.calcDecimalFactor = function(Value) {

	var iFactor = 1;

	if( !( Value > 0 )){
		return iFactor;
	}

	var sMyString = String( Value );

	if( sMyString.indexOf( '.' ) >= 0 ){
		// Number of decimals = length of all numbers after the "." Subtract the numbers before the "." and the "." itself.
		var iMyExp = sMyString.length - sMyString.indexOf( '.' ) - 1;
	}else{
		if( sMyString.indexOf( 'e-' ) >= 0 ){
			// Floating point number -> number of decimals is number after "e-"
			var iMyExp = sMyString.slice(sMyString.indexOf( 'e-' ) + 2);
		}else{
			return iFactor;
		}
	}

	for (var i = 1; i <= iMyExp; i++){
		iFactor = iFactor * 10;
	}

	return iFactor;

};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the editable state
 *
 * @param bEditable Whether the Slider should be editable, or not (read-only then)
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Slider.prototype.setEditable = function(bEditable) {

	this.setProperty('editable', bEditable, true); // No re-rendering

	if (this.oDomRef && this.getEnabled()){
		// If already rendered, adapt rendered control without complete re-rendering
		if (bEditable) {
			jQuery(this.oDomRef).removeClass('sapUiSliRo').addClass('sapUiSliStd');
			if(this.bAcc){
				jQuery(this.oGrip).attr('aria-disabled', false);
			}
		} else {
			jQuery(this.oDomRef).removeClass('sapUiSliStd').addClass('sapUiSliRo');
			if(this.bAcc){
				jQuery(this.oGrip).attr('aria-disabled', true);
			}
		}
	}

	return this;
};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the enabled state
 *
 * @param bEnabled Whether the Slider should be ednabled, or not (disabled)
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Slider.prototype.setEnabled = function(bEnabled) {

	this.setProperty('enabled', bEnabled, true); // No re-rendering

	if (this.oDomRef){
		// If already rendered, adapt rendered control without complete re-rendering
		jQuery(this.oDomRef).toggleClass('sapUiSliDsbl', !bEnabled);
		if( bEnabled ){
			jQuery(this.oGrip).attr('tabindex', '0');
			// set classes according editable state
			if (this.getEditable()) {
				jQuery(this.oDomRef).addClass('sapUiSliStd');
				if(this.bAcc){
					jQuery(this.oGrip).attr('aria-disabled', false);
				}
			} else {
				jQuery(this.oDomRef).addClass('sapUiSliRo');
				if(this.bAcc){
					jQuery(this.oGrip).attr('aria-disabled', true);
				}
			}
		}else{
			jQuery(this.oGrip).attr('tabindex', '-1').attr('aria-disabled', true);
			if (this.getEditable()) {
				jQuery(this.oDomRef).removeClass('sapUiSliStd');
			} else {
				jQuery(this.oDomRef).removeClass('sapUiSliRo');
			}
		}
	}

	return this;
};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the totalUnits state
 *
 * @param iTotalUnits Number of the units (tick-spaces)
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Slider.prototype.setTotalUnits = function(iTotalUnits) {

	this.setProperty('totalUnits', iTotalUnits, false); // Do re-rendering

	// Clear this.fPageSize -> must be re-calculated
	this.fPageSize = false;

	return this;
};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the value
 * A new rendering is not necessary, only the grip must be moved.
 *
 * @param fValue
 * @return {sap.ui.commons.Slider} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Slider.prototype.setValue = function(fValue) {

	this.setProperty('value', fValue, true); // No re-rendering

	// Check for number -> if NaN -> no change
	if( isNaN(fValue) ){
		return this;
	}

	if(!this.oBar){
		// Not already rendered -> return and render
		return this;
	}

	var fNewValue = parseFloat( fValue );
	var iNewPos;

	if( fNewValue >= this.getMax() ){
		fNewValue   = this.getMax();
		if (this.getVertical()) {
			iNewPos = 0;
		} else {
			iNewPos = this.getBarWidth();
		}
	}else if( fNewValue <= this.getMin() ){
			fNewValue   = this.getMin();
			if (this.getVertical()) {
				iNewPos = this.getBarWidth();
			} else {
				iNewPos = 0;
			}
	}else{
			iNewPos = ( fNewValue - this.getMin() ) / ( this.getMax() - this.getMin() ) * this.getBarWidth() ;
	}
	
	if(this.bRtl && !this.getVertical()){
		iNewPos = this.getBarWidth() - iNewPos;
	}

	this.changeGrip( fNewValue, iNewPos, this.oGrip );

	return this;

};

/**
 * fires the change event. The liveEvent is not fired here.
 *
 * @private
 */
sap.ui.commons.Slider.prototype.handleFireChangeWithoutLive = function() {
	this.fireChange({value: this.getValue()});
};

/**
 * fires the change event. The liveChange event must be fired too if the change event is fired.
 *
 * @private
 */
sap.ui.commons.Slider.prototype.handleFireChange = function() {
	this.fireChange({value: this.getValue()});
	this.fireLiveChange({value: this.getValue()});
};

/**
 * Updates the ARIA state initially and in case of changes.
 *
 * @private
 */
sap.ui.commons.Slider.prototype.setAriaState = function() {

	var fValue = this.getValue();
	
	if (this.bTextLabels) {
		fValue = this.getNearestLabel(fValue);
	}

	this.oGrip.setAttribute('aria-valuenow', fValue);
	this.oGrip.setAttribute('aria-valuetext', 'Value ' + fValue); // to prevent JAWS from saying "percent"

};

/**
 * Returns value for specified grip.
 * This function is for reuse in other sliders like the range slider, which has multiple grips
 *
 * @private
 * @param {jQuery} oGrip
 * @return float Value for the grip, which was passed to this function
 */
sap.ui.commons.Slider.prototype.getValueForGrip = function(oGrip) {
	return this.getValue();
};

/**
 * Check if new position and new value are valid within the slider
 *
 * @private
 * @param float fNewValue
 * @param int iNewPos
 * @param {jQuery} oGrip
 * @param boolean bMin If true, checks if validation should be done with minimum values, else it uses maximum values
 * @return oCorrectedData Object with modified data, if validation was not successful
 */
sap.ui.commons.Slider.prototype.validateNewPosition = function(fNewValue, iNewPos, oGrip, bMin) {
	if (!this.bRtl || this.getVertical()) {
		if (bMin) {
			if ( fNewValue <= this.getMin() || iNewPos <= 0 ){
				fNewValue = this.getMin();
				if (this.getVertical()) {
					iNewPos   = this.getBarWidth();
				} else {
					iNewPos   = 0;
				}
			}
		} else {
			if ( fNewValue >= this.getMax() || iNewPos > this.getBarWidth() ){
				fNewValue = this.getMax();
				if (!this.getVertical()) {
					iNewPos   = this.getBarWidth();
				} else {
					iNewPos   = 0;
				}
			}
		}
	} else {
		if (bMin) {
			if ( fNewValue <= this.getMin() || iNewPos > this.getBarWidth() ){
				fNewValue = this.getMin();
				iNewPos   = this.getBarWidth();
			}
		} else {
			if ( fNewValue >= this.getMax() || iNewPos <= 0 ){
				fNewValue = this.getMax();
				iNewPos   = 0;
			}
		}	
	}
	return {fNewValue: fNewValue, iNewPos: iNewPos};
};


/**
 * Gets the nearest label (realative to the specified value).
 *
 * @private
 * @param float fNewValue
 * @return string Text for label
 */
sap.ui.commons.Slider.prototype.getNearestLabel = function(fValue) {
	var iPos = Math.round((this.getLabels().length-1)/(this.getMax() - this.getMin())*(fValue-this.getMin()));
	if (this.bRtl) {
		iPos = this.getLabels().length-1-iPos;
	}
	return this.getLabels()[iPos];
};


/**
 * Function returns nearest grip (if there is more than one grip). There is only one grip for the basic slider
 *
 * @private
 * @param int iOffset Offset relative to Bar
 * 
 */
sap.ui.commons.Slider.prototype.getNearestGrip = function(iOffset) {
	return this.oGrip;
};

/**
 * Function returns grip which should by moved after a click on left side
 *
 * @private
 */
sap.ui.commons.Slider.prototype.getLeftGrip = function() {
	return this.oGrip;
};

/**
 * Function returns grip which should by moved after a click on right side
 *
 * @private
 */
sap.ui.commons.Slider.prototype.getRightGrip = function() {
	return this.oGrip;
};

/**
 * Set left/top for an object. Translates the value for vertical sldiers and RTL
 *
 * @private
 * @param int iNewPos New left attribute for specified object
 * @param {jQuery} oObject
 * @param oObject
 */
sap.ui.commons.Slider.prototype.setLeft = function(iNewPos, oObject) {
	if (oObject == undefined) return;
	if (this.getVertical()) {
		oObject.style.top = iNewPos + 'px';
	} else {
		oObject.style.left = iNewPos + 'px';
	}
};

/**
 * Get offset width/height for specified object. Translates between vertical and horizontal slider
 *
 * @private
 * @param {jQuery} oObject
 */
sap.ui.commons.Slider.prototype.getOffsetWidth = function(oObject) {
	if (this.getVertical()) {
		return oObject.offsetHeight;
	} else {
		return oObject.offsetWidth;
	}
};

/**
 * Get client width/height
 *
 * @private
 * @param {jQuery} oObject for specified object. Translates between vertical and horizontal slider
 */
sap.ui.commons.Slider.prototype.getBarWidth = function() {
	if (this.getVertical()) {
		return this.oBar.clientHeight;
	} else {
		return this.oBar.clientWidth;
	}
};

/**
 * Get offset left/top for specified object. Translates between vertical and horizontal slider
 *
 * @private
 * @param {jQuery} oObject
 */
sap.ui.commons.Slider.prototype.getOffsetLeft = function(oObject) {
	if (this.getVertical()) {
		return oObject.offsetTop;
	} else {
		return oObject.offsetLeft;
	}
};


/**
 * Get offset for specified event. Translates between vertical and horizontal slider
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.Slider.prototype.getOffsetX = function(oEvent) {
	if (this.getVertical()) {
		return oEvent.getOffsetY();
	} else {
		if (this.bRtl) {
			return oEvent.getOffsetX();
		} else {
			return oEvent.getOffsetX();
		}
	}
};

/**
 * convert fNewValue for RTL-Mode
 *
 * @param float fNewValue input value
 * @returns float output value
 * @private
 */
sap.ui.commons.Slider.prototype.convertRtlValue = function(fNewValue) {
	if (this.bRtl && !this.getVertical()) {
		fNewValue = this.getMax() - fNewValue + this.getMin();
	}
	return fNewValue
};


/**
 * Check if a specified target is a valid grip
 *
 * @param string sMyTargetId
 * @private
 */
sap.ui.commons.Slider.prototype.targetIsGrip = function(sMyTargetId) {
	if( sMyTargetId == this.oGrip.id ){
		return true;
	}
	return false;
};

/*
 * Overrides getFocusDomRef of base element class.
 * @public
 */
sap.ui.commons.Slider.prototype.getFocusDomRef = function() {
	return this.oGrip;
};

/*
 * Overwrites default implementation
 * the label must point to the grip
 * @public
 */
sap.ui.commons.Slider.prototype.getIdForLabel = function () {
	return this.getId()+'-grip';
};
}; // end of sap.ui.commons.Slider
if ( !jQuery.sap.isDeclared('sap.ui.commons.Splitter') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Splitter.
jQuery.sap.declare("sap.ui.commons.Splitter");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Splitter.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getSplitterOrientation splitterOrientation} : sap.ui.commons.Orientation (default: sap.ui.commons.Orientation.Vertical)</li>
 * <li>{@link #getSplitterPosition splitterPosition} : string (default: '50%')</li>
 * <li>{@link #getMinSizeFirstPane minSizeFirstPane} : string (default: '0%')</li>
 * <li>{@link #getMinSizeSecondPane minSizeSecondPane} : string (default: '0%')</li>
 * <li>{@link #getWidth width} : string (default: '100%')</li>
 * <li>{@link #getHeight height} : string (default: '100%')</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getShowScrollBars showScrollBars} : boolean (default: true)</li>
 * <li>{@link #getSplitterBarVisible splitterBarVisible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getFirstPaneContent firstPaneContent} : sap.ui.core.Control[]</li>
 * <li>{@link #getSecondPaneContent secondPaneContent} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Allows to split the screen into two areas. Make sure that the container for the splitter has an absolute height or set an absolute height for the splitter using the height property. Otherwise the height of the splitter is calculated by the height of its contents.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Splitter
 */
sap.ui.core.Control.extend("sap.ui.commons.Splitter", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"splitterOrientation" : {type : "sap.ui.commons.Orientation", group : "Behavior", defaultValue : sap.ui.commons.Orientation.Vertical},
		"splitterPosition" : {type : "string", group : "Behavior", defaultValue : '50%'},
		"minSizeFirstPane" : {type : "string", group : "Behavior", defaultValue : '0%'},
		"minSizeSecondPane" : {type : "string", group : "Behavior", defaultValue : '0%'},
		"width" : {type : "string", group : "Behavior", defaultValue : '100%'},
		"height" : {type : "string", group : "Behavior", defaultValue : '100%'},
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"showScrollBars" : {type : "boolean", group : "Behavior", defaultValue : true},
		"splitterBarVisible" : {type : "boolean", group : "Behavior", defaultValue : true}
	},
	aggregations : {
    	"firstPaneContent" : {type : "sap.ui.core.Control", multiple : true, singularName : "firstPaneContent"}, 
    	"secondPaneContent" : {type : "sap.ui.core.Control", multiple : true, singularName : "secondPaneContent"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Splitter with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Splitter.extend
 * @function
 */


/**
 * Getter for property <code>splitterOrientation</code>.
 * The splitter can have horizontal or vertical orientation.
 *
 * Default value is <code>Vertical</code>
 *
 * @return {sap.ui.commons.Orientation} the value of property <code>splitterOrientation</code>
 * @public
 * @name sap.ui.commons.Splitter#getSplitterOrientation
 * @function
 */

/**
 * Setter for property <code>splitterOrientation</code>.
 *
 * Default value is <code>Vertical</code> 
 *
 * @param {sap.ui.commons.Orientation} oSplitterOrientation  new value for property <code>splitterOrientation</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setSplitterOrientation
 * @function
 */


/**
 * Getter for property <code>splitterPosition</code>.
 * Position of splitter bar in percentage.
 * The default value means that the splitter is positioned in the middle of the area that is available for the splitter.
 *
 * Default value is <code>50%</code>
 *
 * @return {string} the value of property <code>splitterPosition</code>
 * @public
 * @name sap.ui.commons.Splitter#getSplitterPosition
 * @function
 */

/**
 * Setter for property <code>splitterPosition</code>.
 *
 * Default value is <code>50%</code> 
 *
 * @param {string} sSplitterPosition  new value for property <code>splitterPosition</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setSplitterPosition
 * @function
 */


/**
 * Getter for property <code>minSizeFirstPane</code>.
 * The minimum size (width for vertical splitter or height for horizontal splitter) of the first Pane
 * 
 *
 * Default value is <code>0%</code>
 *
 * @return {string} the value of property <code>minSizeFirstPane</code>
 * @public
 * @name sap.ui.commons.Splitter#getMinSizeFirstPane
 * @function
 */

/**
 * Setter for property <code>minSizeFirstPane</code>.
 *
 * Default value is <code>0%</code> 
 *
 * @param {string} sMinSizeFirstPane  new value for property <code>minSizeFirstPane</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setMinSizeFirstPane
 * @function
 */


/**
 * Getter for property <code>minSizeSecondPane</code>.
 * The minimum size (width for vertical splitter or height for horizontal splitter) of the second Pane
 * 
 *
 * Default value is <code>0%</code>
 *
 * @return {string} the value of property <code>minSizeSecondPane</code>
 * @public
 * @name sap.ui.commons.Splitter#getMinSizeSecondPane
 * @function
 */

/**
 * Setter for property <code>minSizeSecondPane</code>.
 *
 * Default value is <code>0%</code> 
 *
 * @param {string} sMinSizeSecondPane  new value for property <code>minSizeSecondPane</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setMinSizeSecondPane
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * The width of the split area in px or in %
 *
 * Default value is <code>100%</code>
 *
 * @return {string} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Splitter#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {string} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * The height of the split area in px or in %
 *
 * Default value is <code>100%</code>
 *
 * @return {string} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.Splitter#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {string} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setHeight
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible splitters are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.Splitter#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setVisible
 * @function
 */


/**
 * Getter for property <code>showScrollBars</code>.
 * Specifies if the browser should display scroll bars or simply cut the content of a splitter pane when the content does not fit into its pane.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showScrollBars</code>
 * @public
 * @name sap.ui.commons.Splitter#getShowScrollBars
 * @function
 */

/**
 * Setter for property <code>showScrollBars</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowScrollBars  new value for property <code>showScrollBars</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setShowScrollBars
 * @function
 */


/**
 * Getter for property <code>splitterBarVisible</code>.
 * set the splitter bar to be visible or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>splitterBarVisible</code>
 * @public
 * @name sap.ui.commons.Splitter#getSplitterBarVisible
 * @function
 */

/**
 * Setter for property <code>splitterBarVisible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bSplitterBarVisible  new value for property <code>splitterBarVisible</code>
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#setSplitterBarVisible
 * @function
 */


/**
 * Getter for aggregation <code>firstPaneContent</code>.<br/>
 * Controls inside the first pane. These are the left ones in case of defining a vertical splitter, and the top ones in case of using the horizontal splitter.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.Splitter#getFirstPaneContent
 * @function
 */


/**
 * Inserts a firstPaneContent into the aggregation named <code>firstPaneContent</code>.
 *
 * @param {sap.ui.core.Control}
 *          oFirstPaneContent the firstPaneContent to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the firstPaneContent should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the firstPaneContent is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the firstPaneContent is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#insertFirstPaneContent
 * @function
 */

/**
 * Adds some firstPaneContent <code>oFirstPaneContent</code> 
 * to the aggregation named <code>firstPaneContent</code>.
 *
 * @param {sap.ui.core.Control}
 *            oFirstPaneContent the firstPaneContent to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#addFirstPaneContent
 * @function
 */

/**
 * Removes an firstPaneContent from the aggregation named <code>firstPaneContent</code>.
 *
 * @param {int | string | sap.ui.core.Control} vFirstPaneContent the firstPaneContent to remove or its index or id
 * @return {sap.ui.core.Control} the removed firstPaneContent or null
 * @public
 * @name sap.ui.commons.Splitter#removeFirstPaneContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>firstPaneContent</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Splitter#removeAllFirstPaneContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>firstPaneContent</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oFirstPaneContent the firstPaneContent whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Splitter#indexOfFirstPaneContent
 * @function
 */
	

/**
 * Destroys all the firstPaneContent in the aggregation 
 * named <code>firstPaneContent</code>.
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#destroyFirstPaneContent
 * @function
 */


/**
 * Getter for aggregation <code>secondPaneContent</code>.<br/>
 * Controls inside the second pane. These are the right ones in case of defining a vertical splitter, and the bottom ones in case of using the horizontal splitter.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.Splitter#getSecondPaneContent
 * @function
 */


/**
 * Inserts a secondPaneContent into the aggregation named <code>secondPaneContent</code>.
 *
 * @param {sap.ui.core.Control}
 *          oSecondPaneContent the secondPaneContent to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the secondPaneContent should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the secondPaneContent is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the secondPaneContent is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#insertSecondPaneContent
 * @function
 */

/**
 * Adds some secondPaneContent <code>oSecondPaneContent</code> 
 * to the aggregation named <code>secondPaneContent</code>.
 *
 * @param {sap.ui.core.Control}
 *            oSecondPaneContent the secondPaneContent to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#addSecondPaneContent
 * @function
 */

/**
 * Removes an secondPaneContent from the aggregation named <code>secondPaneContent</code>.
 *
 * @param {int | string | sap.ui.core.Control} vSecondPaneContent the secondPaneContent to remove or its index or id
 * @return {sap.ui.core.Control} the removed secondPaneContent or null
 * @public
 * @name sap.ui.commons.Splitter#removeSecondPaneContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>secondPaneContent</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Splitter#removeAllSecondPaneContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>secondPaneContent</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oSecondPaneContent the secondPaneContent whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Splitter#indexOfSecondPaneContent
 * @function
 */
	

/**
 * Destroys all the secondPaneContent in the aggregation 
 * named <code>secondPaneContent</code>.
 * @return {sap.ui.commons.Splitter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Splitter#destroySecondPaneContent
 * @function
 */


// Start of sap/ui/commons/Splitter.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('jquery.sap.events'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('jquery.sap.keycodes'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.ResizeHandler'); // unlisted dependency retained
 // unlisted dependency retained



sap.ui.commons.Splitter.prototype.onBeforeRendering = function() {
	// cleanup resize event registration before re-rendering
	if (this.sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
	if (this.sSpecialResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sSpecialResizeListenerId);
		this.sSpecialResizeListenerId = null;
	}
};

sap.ui.commons.Splitter.prototype.onAfterRendering = function() {
	this._recalculateInternals();
	this.sResizeListenerId = sap.ui.core.ResizeHandler.register(this.splitterDIV, jQuery.proxy(this.onresize, this));
};


sap.ui.commons.Splitter.prototype._recalculateInternals = function() {

	var rtl = sap.ui.getCore().getConfiguration().getRTL();

	this.splitterDIV = jQuery.sap.domById(this.getId());
	this.splitterBar = jQuery.sap.domById(this.getId() + '_SB');
	this.firstPane = jQuery.sap.domById(this.getId() + '_firstPane');
	this.secondPane = jQuery.sap.domById(this.getId() + '_secondPane');

	this.minSizeFP = this.getMinSizeFirstPane();
	this.minSizeSP = this.getMinSizeSecondPane();

	this.minSizeFP = this.minSizeFP.substring(0, (this.minSizeFP).length - 1);
	this.minSizeFP = parseFloat(this.minSizeFP);

	this.minSizeSP = this.minSizeSP.substring(0, (this.minSizeSP).length - 1);
	this.minSizeSP = parseFloat(this.minSizeSP);

	this.spOrientation =  this.getSplitterOrientation();

	this.sBarPosition = this.getSplitterPosition();
	this.sBarPosition = this.sBarPosition.substring(0, this.sBarPosition.length - 1);
	this.sBarPosition = parseFloat(this.sBarPosition);

	// in hcb mode set splitter bar width to 6 px
	if (sap.ui.getCore().getConfiguration().getTheme() == "sap_hcb") {
		this.sbSize = 6;
	}
	else {
		this.sbSize = 4;
	}
	this.resizeSplitterElements();

	// if no splitter parent height is specified and the splitter height is specified in % the splitter won't be displayed
	// and the splitterbar height will be
	// FF: 0 in vertical and horizontal splitters
	// or in IE: >= the div height (vertical) or  != sbSize (horizontal)
	// if any above is the case we have to set its height to a fixed pixel value
	var splitterBarHeight = jQuery(this.splitterBar).height();
	if (this.spOrientation == sap.ui.commons.Orientation.Vertical){
		if (splitterBarHeight <= 0 || splitterBarHeight > jQuery(this.splitterDIV).height()){
			this.fixHeight();
		}
	}else{
		if (splitterBarHeight <= 0 || splitterBarHeight != this.sbSize){
			this.fixHeight();
		}
	}

}


sap.ui.commons.Splitter.prototype.onresize = function(oEvent) {

	this.resizeSplitterElements();

};

sap.ui.commons.Splitter.prototype.resizeSplitterElements = function() {

	var sbW, sbH, width, height, widthSP, heightSP;
	var rtl = sap.ui.getCore().getConfiguration().getRTL();

	/**
	 * Calculate the equivalent percentage of the 4px : the width/height of the splitter bar
	 */

	if (this.spOrientation == sap.ui.commons.Orientation.Vertical) {

		width = jQuery(this.splitterDIV).width();
		if (width == 0) {
			width = 100; //px so it would show something at least
		}
		sbW = (this.sbSize * 100) / width;

		// check if bar is in the far right
		if (this.sBarPosition >= 100 || this.sBarPosition + sbW > 100) {
			this.sBarPosition = 100 - sbW;
			widthSP = 0;
		}else{
			widthSP = 100 - sbW - this.sBarPosition;
		}
		jQuery(this.firstPane).css("width", this.sBarPosition + "%");
		jQuery(this.splitterBar).css("width", sbW + "%");
		jQuery(this.secondPane).css("width", widthSP + "%");

	} else {

		height = jQuery(this.splitterDIV).height();
		if (height == 0 ){
			height = 100; //px so it would show something at least
		}
		sbH = (this.sbSize * 100) / height;

		// check if bar is in the far bottom
		if (this.sBarPosition >= 100 || this.sBarPosition + sbH > 100){
			this.sBarPosition = 100 - sbH;
			heightSP = 0;
		}else{
			heightSP = 100 - sbH - this.sBarPosition;
		}
		jQuery(this.firstPane).css("height", this.sBarPosition + "%");
		jQuery(this.splitterBar).css("height", sbH + "%");
		jQuery(this.secondPane).css("height", heightSP + "%");

	}

	// update splitterpos value...suppress rerendering
	this.setProperty("splitterPosition", this.sBarPosition + "%", true);

	// fix height if splitterdiv height is 0 we set it to 100 px to show something at least
	// further resizing should then work correctly
	if (jQuery(this.splitterDIV).height() == 0){
		jQuery(this.splitterDIV).css("height", "100px");
		jQuery(this.splitterBar).css("height", "100px");
	}

};

sap.ui.commons.Splitter.prototype.setSplitterPosition = function(sPos){
	if (this.getDomRef()) {
		this.setProperty("splitterPosition", sPos, true);
		this._recalculateInternals();
	} else {
		this.setProperty("splitterPosition", sPos);
	}
};

sap.ui.commons.Splitter.prototype.setSplitterBarVisible = function(bVisible){
	if (this.getDomRef()) {
		this.setProperty("splitterBarVisible", bVisible, true);
		var sClassPrefix = this.getSplitterOrientation() === sap.ui.commons.Orientation.Vertical ? "sapUiVertical" : "sapUiHorizontal";
		if (bVisible) {
			jQuery.sap.byId(this.getId() + "_SB").removeClass(sClassPrefix + "SplitterBarHidden").addClass(sClassPrefix + "SplitterBar");
		} else {
			jQuery.sap.byId(this.getId() + "_SB").removeClass(sClassPrefix + "SplitterBar").addClass(sClassPrefix + "SplitterBarHidden");
		}
	} else {
		this.setProperty("splitterBarVisible", bVisible);
	}
};


/**
 * set height to a fixed height if there is no absolute height specified
 */
sap.ui.commons.Splitter.prototype.fixHeight = function() {
	var height = jQuery(this.splitterDIV).height();
	// reset the splitter div height so that its contents fit inside...
	jQuery(this.splitterDIV).css("height", height + "px");
	if (this.spOrientation == sap.ui.commons.Orientation.Vertical) {
		jQuery(this.splitterBar).css("height", height + "px");
	}
	var oParent = this.splitterDIV.parentNode;
	if (oParent){
		var fHandler = jQuery.proxy(this.onresizespecial, this);
		this.sSpecialResizeListenerId = sap.ui.core.ResizeHandler.register(oParent, fHandler);
		//fHandler({target: oParent});
	}
};

/**
 *	cleanup resize event registration before re-rendering
 */
sap.ui.commons.Splitter.prototype.exit = function() {
	if (this.sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
	if (this.sSpecialResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sSpecialResizeListenerId);
		this.sSpecialResizeListenerId = null;
	}
};


/**
 * resize event handler to handle the special case when no splitter parent height is specified and the splitter height is specified in %.
 * Then the splitter won't be displayed. In this case when the parent gets resized, get the parents height and use it to adapt the current fixed splitter height in px
 * so that everything stays in place.
 */
sap.ui.commons.Splitter.prototype.onresizespecial = function(oEvent) {
	// perhaps this is event handler is not needed. depends on if current child elements should be resized or not
	var parentHeight = jQuery(oEvent.target).height();
	var currentHeight = jQuery(this.splitterDIV).height();
	if (currentHeight != parentHeight){
		// set bar height to the splitterDIV height value
		jQuery(this.splitterDIV).css("height", parentHeight + "px");
		if (this.spOrientation == sap.ui.commons.Orientation.Vertical) {
			jQuery(this.splitterBar).css("height", parentHeight + "px");
		}
	}
};

/**
 * mousedown event handler: create a ghost bar for the splitter bar and starts dragging it
 */
sap.ui.commons.Splitter.prototype.onmousedown = function(oEvent) {

	if (oEvent.target != this.splitterBar) {
		return;
	}

	var oJBody = jQuery(document.body);
		// Fix for IE text selection while dragging
	oJBody.bind("selectstart",jQuery.proxy(this.splitterSelectStart,this));

	var offset = jQuery(this.splitterBar).offset();
	var height = jQuery(this.splitterBar).height();
	var width = jQuery(this.splitterBar).width();
	var cssClass;
	var rtl = sap.ui.getCore().getConfiguration().getRTL();

	if (this.spOrientation == sap.ui.commons.Orientation.Vertical) {
		cssClass = "sapUiVSBGhost";
	}
	else {
		cssClass = "sapUiHSBGhost";
	}

	jQuery(document.body).append(
			"<div id=\"" + this.getId() + "_ghost\" class=\"" + cssClass + "\" style =\" height:" + height + "px; width:"
			+ width + "px; left:" + offset.left + "px; top:" + offset.top + "px\" ></div>");

	// append overlay over splitter to enable correct functionality of moving the splitter
	jQuery(this.splitterDIV).append(
			"<div id=\"" + this.getId() + "_overlay\" style =\"left: 0px;" +
					" right: 0px; bottom: 0px; top: 0px; position:absolute\" ></div>");

	jQuery(document).bind("mouseup", jQuery.proxy(this.onGhostMouseRelease, this));
	jQuery(document).bind("mousemove", jQuery.proxy(this.onGhostMouseMove, this));
	// cancel the event
	oEvent.preventDefault();
	oEvent.stopPropagation();

};

/**
 * The selectstart event triggered in IE to select the text.
 * @private
 * @param {event} oEvent The splitterselectstart event
 * @return {boolean} false
 */
sap.ui.commons.Splitter.prototype.splitterSelectStart = function(oEvent){
	oEvent.preventDefault();
	oEvent.stopPropagation();
	return false;
};

/**
 * drops the splitter bar
 */

sap.ui.commons.Splitter.prototype.onGhostMouseRelease = function(oEvent) {

	var newSbPosition, spHeight, spWidth;
	var splitterBarGhost = jQuery.sap.domById(this.getId() + "_ghost");
	var rtl = sap.ui.getCore().getConfiguration().getRTL();

	if ( this.spOrientation == sap.ui.commons.Orientation.Vertical){

		if (!rtl)
		{
		newSbPosition = oEvent.pageX - jQuery(this.firstPane).offset().left;
		spWidth = jQuery(this.splitterDIV).width();
		newSbPosition = (newSbPosition * 100) / spWidth;
		}
		else {
		newSbPosition = oEvent.pageX - jQuery(this.secondPane).offset().left;
		spWidth = jQuery(this.splitterDIV).width();
		newSbPosition = (( spWidth - newSbPosition ) * 100) / spWidth;
		}
	}
	else{
		newSbPosition = oEvent.pageY - jQuery(this.firstPane).offset().top;
		spHeight = jQuery(this.splitterDIV).height();
		newSbPosition = (newSbPosition * 100) / spHeight;
	}

	if (newSbPosition < this.minSizeFP) {
		newSbPosition = this.minSizeFP;
	}
	else
		if ((100 - newSbPosition) < this.minSizeSP) {
			newSbPosition = 100 - this.minSizeSP;
		}

	this.sBarPosition =  newSbPosition;

	this.resizeSplitterElements();

	jQuery(splitterBarGhost).remove();
	jQuery.sap.byId(this.getId() + "_overlay").remove();

	var oJBody = jQuery(document.body);
	oJBody.unbind("selectstart", this.splitterSelectStart);

	jQuery(document).unbind("mouseup", this.onGhostMouseRelease);
	jQuery(document).unbind("mousemove", this.onGhostMouseMove);

};

sap.ui.commons.Splitter.prototype.onGhostMouseMove = function(oEvent) {

	var splitterBarGhost = jQuery.sap.domById(this.getId() + "_ghost");
	var max;
	var min;
	var rtl = sap.ui.getCore().getConfiguration().getRTL();

	var leftFirstPane = jQuery(this.firstPane).offset().left;
	var w = jQuery(this.splitterDIV).width();
	var leftSecondPane = jQuery(this.secondPane).offset().left;

	if (this.getSplitterOrientation() == sap.ui.commons.Orientation.Vertical) {

		if (!rtl) {

			min = leftFirstPane + (w * this.minSizeFP) / 100;
			max = leftFirstPane + (w * (100 - this.minSizeSP)) / 100;

			if (oEvent.pageX > min && oEvent.pageX < max) {
				jQuery(splitterBarGhost).css("left", oEvent.pageX + "px");
			}
		}
		else{


			min = leftSecondPane + (w * this.minSizeSP) / 100;
			max = leftSecondPane + (w * (100 - this.minSizeFP)) / 100;

			if (oEvent.pageX > min && oEvent.pageX < max) {
				jQuery(splitterBarGhost).css("left", oEvent.pageX + "px");
			}


		}

	} else {

		var h = jQuery(this.splitterDIV).height();

		min = jQuery(this.firstPane).offset().top + (h * this.minSizeFP) / 100;
		max = jQuery(this.secondPane).offset().top + jQuery(this.secondPane).height() - (h * this.minSizeSP) / 100;
		if (oEvent.pageY > min && oEvent.pageY < max) {
			jQuery(splitterBarGhost).css("top", oEvent.pageY + "px");
		}
	}
};

/**
 * Convenience method for handling of Ctrl key, meta key etc.
 *
 * @private
 */
sap.ui.commons.Splitter.prototype.getCtrlKey = function(oEvent) {
	return !!(oEvent.ctrlKey || oEvent.metaKey); // double negation doesn't have effect on boolean but ensures null and undefined are equivalent to false.
};

/**
 * Convenience method to check an event for a certain combination of modifier keys
 *
 * @private
 */
sap.ui.commons.Splitter.prototype.checkModifierKey = function(oEvent, bCtrlKey, bAltKey, bShiftKey) {
	return oEvent.shiftKey == bShiftKey && oEvent.altKey == bAltKey && this.getCtrlKey(oEvent) == bCtrlKey;
};

/**
 * Home key minimizes the focused pane to the last possible position
 */
sap.ui.commons.Splitter.prototype.onsaphome = function(oEvent) {
	if (oEvent.target == this.firstPane){
		this.sBarPosition = this.minSizeFP;
		this.resizeSplitterElements();
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
	if (oEvent.target == this.secondPane){
		this.sBarPosition = 100-this.minSizeSP;
		this.resizeSplitterElements();
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

/**
 * End key maximizes the focused pane to the last possible position
 */
sap.ui.commons.Splitter.prototype.onsapend = function(oEvent) {
	if (oEvent.target == this.firstPane){
		this.sBarPosition = 100-this.minSizeSP;
		this.resizeSplitterElements();
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
	if (oEvent.target == this.secondPane){
		this.sBarPosition = this.minSizeFP;
		this.resizeSplitterElements();
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

sap.ui.commons.Splitter.prototype.onArrowKeys = function(oEvent,oInc) {
	var width, height, sbSize, sbPosition, newSbPosition;

	if (this.spOrientation == sap.ui.commons.Orientation.Vertical) {
		width = jQuery(this.splitterDIV).width();
		sbPosition = jQuery(this.firstPane).width();
		sbPosition = (sbPosition * 100) / width;
		// move 10 pixels
		sbSize = (10 * 100) / width;
	} else {
		height = jQuery(this.splitterDIV).height();
		sbPosition = jQuery(this.firstPane).height();
		sbPosition = (sbPosition * 100) / height;
		// move 10 pixels
		sbSize = (10 * 100) / height;
	}

	if (oInc == "false") {
		newSbPosition = sbPosition - sbSize;
	}
	else if (oInc == "true") {
		newSbPosition = sbPosition + sbSize;
	}

	if (newSbPosition < this.minSizeFP)	{
		newSbPosition = this.minSizeFP;
	}
	else if ((100 - newSbPosition) < this.minSizeSP) {
		newSbPosition = 100 - this.minSizeSP;
	}

	this.sBarPosition = newSbPosition;
	this.resizeSplitterElements();
};

/**
 * Only working for horizontal splitters.
 * If the Shift and Up keys are pressed and if the focus is on one of the splitter panes moves the horizontal sash bar up by one step
 */
sap.ui.commons.Splitter.prototype.onsapupmodifiers = function(oEvent) {
	if (this.checkModifierKey(oEvent, false, false, true) && this.spOrientation == sap.ui.commons.Orientation.Horizontal){
		if (oEvent.target == this.firstPane || oEvent.target == this.secondPane){
			this.onArrowKeys(oEvent,"false");
			// cancel the event
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	}
};


/**
 * Only working for horizontal splitters.
 * If the Shift and Up keys are pressed and if the focus is on one of the splitter panes moves the horizontal sash bar down by one step
 */
sap.ui.commons.Splitter.prototype.onsapdownmodifiers = function(oEvent) {
	if (this.checkModifierKey(oEvent, false, false, true) && this.spOrientation == sap.ui.commons.Orientation.Horizontal){
		if (oEvent.target == this.firstPane || oEvent.target == this.secondPane){
			this.onArrowKeys(oEvent,"true");
			// cancel the event
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	}
};

/**
 * Only working for vertical splitters.
 * If the Shift and Left keys are pressed and if the focus is on one of the splitter panes moves the vertical sash bar left by one step
 */
sap.ui.commons.Splitter.prototype.onsapleftmodifiers = function(oEvent) {
	if (this.checkModifierKey(oEvent, false, false, true) && this.spOrientation == sap.ui.commons.Orientation.Vertical){
		if (oEvent.target == this.firstPane || oEvent.target == this.secondPane){
			var rtl = sap.ui.getCore().getConfiguration().getRTL();
			if (rtl) {
				this.onArrowKeys(oEvent,"true");
			}
			else {
				this.onArrowKeys(oEvent,"false");
			}
			// cancel the event
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	}
};

/**
 * Only working for vertical splitters.
 * If the Shift and Right keys are pressed and if the focus is on one of the splitter panes moves the vertical sash bar right by one step
 */
sap.ui.commons.Splitter.prototype.onsaprightmodifiers = function(oEvent) {
	if (this.checkModifierKey(oEvent, false, false, true) && this.spOrientation == sap.ui.commons.Orientation.Vertical){
		if (oEvent.target == this.firstPane || oEvent.target == this.secondPane){
			var rtl = sap.ui.getCore().getConfiguration().getRTL();
			if (rtl) {
				this.onArrowKeys(oEvent,"false");
			}
			else {
				this.onArrowKeys(oEvent,"true");
			}
			// cancel the event
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	}
};

/**
 * only drag events are fired; mouse events such as mousemove are not fired during drag operation
 */
/**
 * event dragstart fired when the user starts dragging the sash bar
 */

sap.ui.commons.Splitter.prototype.ondragstart = function(oEvent) {
	
	if (oEvent.target != this.splitterBar) {
		return;
	}

	// cancel the event
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Convenience method checks if a domElement is a first Pane, a second Pane or a splitter bar
 */

sap.ui.commons.Splitter.prototype.splitterPart = function(domElement) {
	/** *************method variables********************** */
	var classDomElement;
	/** *************************************************** */

	classDomElement = jQuery(domElement).attr("class");

	switch (classDomElement) {
		case "sapUiVSplitterFirstPane" :
		case "sapUiHSplitterFirstPane" : {
			return "first";
		}
		case "sapUiHSplitterSecondPane" :
		case "sapUiVSplitterSecondPane" : {
			return "second";
		}
		case "sapUiVerticalSplitterBar" :
		case "sapUiHorizontalSplitterBar" : {
			return "bar";
		}
		case "sapUiSplitter" : {
			return "DIV";
		}
		default :
			return "other";
	}
};

/**
 * Convenience method to set the focus on the next splitter element (first pane, splitter bar or second pane) in case of
 * embedded splitters: we consider the splitters as the nodes of a ternary tree, each node is a DOM element and has at
 * most three childs (FP, SB, SP) in this order if the focus is in a given node of the tree the next focus is computed
 * following the algorithm: 1- if the node has a child set the focus on the first child (first pane) 2- otherwise if the
 * node has a direct sibling on the right (SB or SP) set the focus on it 3- otherwise recursively search up (parent) the
 * tree the first node with a direct sibling on the right 4- if found set the focus on it otherwise return
 *
 * Note: in current spec splitter bar shouldn't be focused any more. This was changed in the code.
 */
sap.ui.commons.Splitter.prototype.setFocusNextSplitterElement = function(oEvent) {

	var currentFocusedDE = oEvent.target;
	var splitterElement = this.splitterPart(currentFocusedDE);
	var parent;
	var sibling;
	var child;
	var p;

	switch (splitterElement) {
		case "first" : {
			p = jQuery(currentFocusedDE).children(".sapUiSplitter");
			if (p.length != 0) {
				currentFocusedDE = p[0];
				child = jQuery(currentFocusedDE).children(".sapUiVSplitterFirstPane, .sapUiHSplitterFirstPane");

				jQuery(child[0]).focus();
				return;
			} else {
				sibling = jQuery(currentFocusedDE).next();
				//new: splitter bar shouldn't be focused anymore so skip it
				//jQuery(sibling).focus();
				jQuery(sibling).next().focus();
				return;
			}
		}
		case "second" : {
			p = jQuery(currentFocusedDE).children(".sapUiSplitter");
			if (p.length != 0) {
				currentFocusedDE = p[0];
				child = jQuery(currentFocusedDE).children(".sapUiVSplitterFirstPane, .sapUiHSplitterFirstPane");

				jQuery(child[0]).focus();
				return;
			} else {
				parent = jQuery(currentFocusedDE).closest(".sapUiVSplitterFirstPane, .sapUiHSplitterFirstPane");
				if (parent.length != 0) {
					sibling = jQuery(parent[0]).next();
					jQuery(sibling).focus();
					return;
				} else {
					return;
				}
			}
		}
		case "bar" : {
			jQuery(jQuery(currentFocusedDE).next()).focus();
			return;
		}
		case "other" : {
			parent = jQuery(currentFocusedDE).closest(
			".sapUiVSplitterFirstPane, .sapUiHSplitterFirstPane, .sapUiVSplitterSecondPane, .sapUiHSplitterSecondPane");
			if (parent.length != 0) {
				jQuery(parent[0]).focus();
				return;
			} else {
				return;
			}
		}
	}
};

sap.ui.commons.Splitter.prototype.focusPrev = function(oElement) {
	var child = jQuery(oElement).children(".sapUiSplitter");
	var sPane;
	if (child.length != 0) {
		sPane = jQuery(child[0]).children(".sapUiVSplitterSecondPane, .sapUiHSplitterSecondPane");
		this.focusPrev(sPane[0]);
	} else {
		jQuery(oElement).focus();
		return;
	}
};

/**
 * Convenience method to search for the next focusable splitter element in case of embedded splitters: we consider the
 * splitters as the nodes of a ternary tree, each node is a DOM element and has at most three childs (FP, SB, SP) in
 * this order. The algorithm is a recursive call of the following steps starting with the current focused node : 1- if
 * the node has a direct sibling on the left (SB or FP) call the method on it 2- else if the node has childs then call
 * the method on the third child (SP) 3- else set the focus on the node
 *
 * Note: in current spec splitter bar shouldn't be focused any more. This was changed in the code.
 */
sap.ui.commons.Splitter.prototype.setFocusPreviousSplitterElement = function(oEvent) {

	var currentFocusedDE = oEvent.target;
	var splitterElement = this.splitterPart(currentFocusedDE);
	var parent;
	var prevSibling;

	switch (splitterElement) {
		case "second" : {
			prevSibling = jQuery(currentFocusedDE).prev();
			// new: splitter bar shouldn't be focused any more so skip it
			if (this.splitterPart(prevSibling) == "bar"){
				var prevBarSibling = jQuery(prevSibling).prev();
				if (prevBarSibling && this.splitterPart(prevBarSibling) == "first") {
					this.focusPrev(prevBarSibling);
				}
			}else if (prevSibling && this.splitterPart(prevSibling) != "other"){
				jQuery(prevSibling).focus();
			}
			return;

		}
		case "bar" : {
			prevSibling = jQuery(currentFocusedDE).prev();
			if (prevSibling && this.splitterPart(prevSibling) == "first") {
				this.focusPrev(prevSibling);
			}
			return;
		}
		case "first" : {
		}
		case "other" : {
			var parent1 = jQuery(currentFocusedDE).parent();
			parent = jQuery(parent1).closest(
			".sapUiVSplitterFirstPane, .sapUiHSplitterFirstPane, .sapUiVSplitterSecondPane, .sapUiHSplitterSecondPane");
			if (parent.length != 0) {
				jQuery(parent[0]).focus();
				return;
			} else {
				return;
			}
		}
	}

};

/**
 * F6 Key combination if the keyboard focus is on the first Splitter Container The focus should move to the second Splitter Container if the focus is on the
 * second splitter Container it should jump to the next first splitter container if it exists
 */
sap.ui.commons.Splitter.prototype.onsapskipforward = function(oEvent) {
	// cancel the event
	oEvent.preventDefault();
	oEvent.stopPropagation();
	this.setFocusNextSplitterElement(oEvent);
};


/**
 * Shift F6 Key combination if the focus is on the second Splitter Container The focus should move back to the first container if the focus is on an UI element
 * inside a splitter container it should be set to the current splitter container
 */
sap.ui.commons.Splitter.prototype.onsapskipback = function(oEvent) {
	// cancel the event
	oEvent.preventDefault();
	oEvent.stopPropagation();
	this.setFocusPreviousSplitterElement(oEvent);
};
}; // end of sap.ui.commons.Splitter
if ( !jQuery.sap.isDeclared('sap.ui.commons.Tab') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Tab.
jQuery.sap.declare("sap.ui.commons.Tab");



/**
 * Constructor for a new Tab.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVerticalScrolling verticalScrolling} : sap.ui.core.Scrolling (default: sap.ui.core.Scrolling.None)</li>
 * <li>{@link #getHorizontalScrolling horizontalScrolling} : sap.ui.core.Scrolling (default: sap.ui.core.Scrolling.None)</li>
 * <li>{@link #getClosable closable} : boolean (default: false)</li>
 * <li>{@link #getSelected selected} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.Panel#constructor sap.ui.commons.Panel}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A single page in a TabStrip control.
 * @extends sap.ui.commons.Panel
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Tab
 */
sap.ui.commons.Panel.extend("sap.ui.commons.Tab", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"verticalScrolling" : {type : "sap.ui.core.Scrolling", group : "Behavior", defaultValue : sap.ui.core.Scrolling.None},
		"horizontalScrolling" : {type : "sap.ui.core.Scrolling", group : "Behavior", defaultValue : sap.ui.core.Scrolling.None},
		"closable" : {type : "boolean", group : "Misc", defaultValue : false},
		"selected" : {type : "boolean", group : "Behavior", defaultValue : false, deprecated: true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Tab with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Tab.extend
 * @function
 */


/**
 * Getter for property <code>verticalScrolling</code>.
 * Set the height property.
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.core.Scrolling} the value of property <code>verticalScrolling</code>
 * @public
 * @name sap.ui.commons.Tab#getVerticalScrolling
 * @function
 */

/**
 * Setter for property <code>verticalScrolling</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.core.Scrolling} oVerticalScrolling  new value for property <code>verticalScrolling</code>
 * @return {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tab#setVerticalScrolling
 * @function
 */


/**
 * Getter for property <code>horizontalScrolling</code>.
 * Set the width property.
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.core.Scrolling} the value of property <code>horizontalScrolling</code>
 * @public
 * @name sap.ui.commons.Tab#getHorizontalScrolling
 * @function
 */

/**
 * Setter for property <code>horizontalScrolling</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.core.Scrolling} oHorizontalScrolling  new value for property <code>horizontalScrolling</code>
 * @return {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tab#setHorizontalScrolling
 * @function
 */


/**
 * Getter for property <code>closable</code>.
 * Defines whether the tab contains a close button.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>closable</code>
 * @public
 * @name sap.ui.commons.Tab#getClosable
 * @function
 */

/**
 * Setter for property <code>closable</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bClosable  new value for property <code>closable</code>
 * @return {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tab#setClosable
 * @function
 */


/**
 * Getter for property <code>selected</code>.
 * Defines whether the tab is the active one.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>selected</code>
 * @public
 * @deprecated Since version 0.17.0. 
 * This property is not used. To indentify the selected tab in a TabStrip selectedIndex is used.
 * @name sap.ui.commons.Tab#getSelected
 * @function
 */

/**
 * Setter for property <code>selected</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bSelected  new value for property <code>selected</code>
 * @return {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 0.17.0. 
 * This property is not used. To indentify the selected tab in a TabStrip selectedIndex is used.
 * @name sap.ui.commons.Tab#setSelected
 * @function
 */


// Start of sap/ui/commons/Tab.js
/*
 * Initialize the Tab
 * @private
 */
sap.ui.commons.Tab.prototype.init = function() {
	// Setting this to role Tabpanel instead of its container basically worked.
	// However, the role is set one level higher to get better output in screen reader.

	this.oScrollDomRef = null;      // Points to the content area
};

sap.ui.commons.Tab.prototype.rerender = function() {

	// as Tab has no own renderer call renderer of TabStrip
	var oParent = this.getParent();
	if (oParent) {
		oParent.rerender();
	}

};

/*
 * Called after rendering from the TabStrip control
 */
sap.ui.commons.Tab.prototype.onAfterRendering = function () {
	this.oScrollDomRef = jQuery.sap.domById(this.getId() + "-panel");

	// Restore scroll positions
	if (this.oScrollDomRef) {
		var scrollTop = this.getProperty("scrollTop");
		if (scrollTop > 0) {
			this.oScrollDomRef.scrollTop = scrollTop;
		}
		var scrollLeft = this.getProperty("scrollLeft");
		if (scrollLeft > 0) {
			this.oScrollDomRef.scrollLeft = scrollLeft;
		}
	}

	// TODO: this must also be done for tabs where the contents are not rendered initially
};

/*
 * Returns the scroll position of the tab in pixel from the left. Returns "0" if not rendered yet.
 * Also updates the control property internally.
 *
 * @return The scroll position
 * @public
 */
sap.ui.commons.Tab.prototype.getScrollLeft = function () {
	var scrollLeft = 0;
	if (this.oScrollDomRef) {
		scrollLeft = this.oScrollDomRef.scrollLeft;
		this.setProperty("scrollLeft", scrollLeft, true);
	}

	return scrollLeft;
};

/*
 * Sets the scroll position of the tab in pixel from the left.
 * @param {int} iPosition The position to scroll to
 * @return {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Tab.prototype.setScrollLeft = function (iPosition) {
	this.setProperty("scrollLeft", iPosition, true);
	if (this.oScrollDomRef) {                        // TODO: what if called before rendering?
		this.bIgnoreScrollEvent = true;
		this.oScrollDomRef.scrollLeft = iPosition;
	}
	return this;
};

/*
 * Returns the scroll position of the tab in pixel from the top. Returns "0" if not rendered yet.
 * Also updates the control property internally.
 *
 * @return The scroll position
 * @public
 */
sap.ui.commons.Tab.prototype.getScrollTop = function () {
	var scrollTop = 0;
	if (this.oScrollDomRef) {
		scrollTop = this.oScrollDomRef.scrollTop;
		this.setProperty("scrollTop", scrollTop, true);
	}

	return scrollTop;
};

/*
 * Sets the scroll position of the tab in pixel from the top.
 * @param {int} iPosition The position to scroll to
 * @return {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Tab.prototype.setScrollTop = function (iPosition) {
	this.setProperty("scrollTop", iPosition, true);
	if (this.oScrollDomRef) {                       // TODO: what if called before rendering?
		this.bIgnoreScrollEvent = true;
		this.oScrollDomRef.scrollTop = iPosition;
	}
	return this;
};

/*
 * Property setter for the "enabled" state (overwrite method from panel)
 * Normally only classes are exchanged and no rerendering is needed.
 * But if selected tab should be disabled this needs a rerendering because
 * the selected tab can not be disabled
 * If no tab is selected (because all tabs are disabled before) also a
 * rerendering is needed.
 *
 * @param bEnabled whether the tab should be enabled or not
 * @return {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Tab.prototype.setEnabled = function(bEnabled) {

	if (bEnabled == this.getEnabled()) {
		return this;
	}

	var oDomRef = this.getDomRef();
	var oParent = this.getParent();

	if (!oDomRef || (!bEnabled && jQuery(this.getDomRef()).hasClass("sapUiTabSel")) ||
		(bEnabled && oParent && oParent.getSelectedIndex && oParent.getSelectedIndex() < 0)) {
		this.setProperty("enabled", bEnabled, false); // rendering needed
	} else {
		this.setProperty("enabled", bEnabled, true); // no re-rendering!
		// if already rendered, adapt rendered control without complete re-rendering
		jQuery(this.getDomRef()).toggleClass("sapUiTab", bEnabled).toggleClass("sapUiTabDsbl", !bEnabled).attr("aria-disabled",!bEnabled);
	}
	return this;

};

/*
 * Setter of the width property. As it has no effect on a tab and is
 * only inherited from panel, noting to do. Just overwrite panel implementation
 *
 * @param {string} sWidth the width of the panel as CSS size
 * @return {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Tab.prototype.setWidth = function (sWidth) {
	this.setProperty("width", sWidth, true); // don't rerender
	// do nothing
	return this;
};

/*
 * Property setter for the padding.As it has no effect on a tab and is
 * only inherited from panel, noting to do. Just overwrite panel implementation
 *
 * @param bPadding whether the Panel should have padding
 * @returns {sap.ui.commons.Tab} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.Panel.prototype.setApplyContentPadding = function(bPadding) {
	this.setProperty("applyContentPadding", bPadding, true); // no re-rendering!
	// do nothing
	return this;
};
}; // end of sap.ui.commons.Tab
if ( !jQuery.sap.isDeclared('sap.ui.commons.TabStrip') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.TabStrip.
jQuery.sap.declare("sap.ui.commons.TabStrip");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new TabStrip.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getSelectedIndex selectedIndex} : int (default: 0)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getTabs tabs} : sap.ui.commons.Tab[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.TabStrip#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.TabStrip#event:close close} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * A container for tab controls which contain the content and generally other controls. The user switches between the tabs then to display the content.
 * 
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.TabStrip
 */
sap.ui.core.Control.extend("sap.ui.commons.TabStrip", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"createTab", "closeTab"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"selectedIndex" : {type : "int", group : "Misc", defaultValue : 0}
	},
	defaultAggregation : "tabs",
	aggregations : {
    	"tabs" : {type : "sap.ui.commons.Tab", multiple : true, singularName : "tab"}
	},
	events : {
		"select" : {}, 
		"close" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.TabStrip with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.TabStrip.extend
 * @function
 */

sap.ui.commons.TabStrip.M_EVENTS = {'select':'select','close':'close'};


/**
 * Getter for property <code>height</code>.
 * Height includes tab bar and content area.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.TabStrip#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#setHeight
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Width includes tab bar and content area.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.TabStrip#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#setWidth
 * @function
 */


/**
 * Getter for property <code>selectedIndex</code>.
 * Index of the currently selected tab.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>selectedIndex</code>
 * @public
 * @name sap.ui.commons.TabStrip#getSelectedIndex
 * @function
 */

/**
 * Setter for property <code>selectedIndex</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iSelectedIndex  new value for property <code>selectedIndex</code>
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#setSelectedIndex
 * @function
 */


/**
 * Getter for aggregation <code>tabs</code>.<br/>
 * Aggregating tabs contained in the tab strip.
 * 
 * @return {sap.ui.commons.Tab[]}
 * @public
 * @name sap.ui.commons.TabStrip#getTabs
 * @function
 */


/**
 * Inserts a tab into the aggregation named <code>tabs</code>.
 *
 * @param {sap.ui.commons.Tab}
 *          oTab the tab to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the tab should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the tab is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the tab is inserted at 
 *             the last position        
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#insertTab
 * @function
 */

/**
 * Adds some tab <code>oTab</code> 
 * to the aggregation named <code>tabs</code>.
 *
 * @param {sap.ui.commons.Tab}
 *            oTab the tab to add; if empty, nothing is inserted
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#addTab
 * @function
 */

/**
 * Removes an tab from the aggregation named <code>tabs</code>.
 *
 * @param {int | string | sap.ui.commons.Tab} vTab the tab to remove or its index or id
 * @return {sap.ui.commons.Tab} the removed tab or null
 * @public
 * @name sap.ui.commons.TabStrip#removeTab
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>tabs</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.Tab[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.TabStrip#removeAllTabs
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.Tab</code> in the aggregation named <code>tabs</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.Tab}
 *            oTab the tab whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.TabStrip#indexOfTab
 * @function
 */
	

/**
 * Destroys all the tabs in the aggregation 
 * named <code>tabs</code>.
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#destroyTabs
 * @function
 */


/**
 * Event is fired when the user selects a tab. 
 *
 * @name sap.ui.commons.TabStrip#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.index Index of the selected tab.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.commons.TabStrip</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.TabStrip</code>.<br/> itself. 
 *  
 * Event is fired when the user selects a tab. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.TabStrip</code>.<br/> itself.
 *
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.commons.TabStrip</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'index' of type <code>int</code> Index of the selected tab.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.TabStrip#fireSelect
 * @function
 */


/**
 * Event is fired when the user closes a tab. 
 *
 * @name sap.ui.commons.TabStrip#close
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.index Index of the closed tab.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'close' event of this <code>sap.ui.commons.TabStrip</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.TabStrip</code>.<br/> itself. 
 *  
 * Event is fired when the user closes a tab. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.TabStrip</code>.<br/> itself.
 *
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#attachClose
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'close' event of this <code>sap.ui.commons.TabStrip</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TabStrip#detachClose
 * @function
 */

/**
 * Fire event close to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'index' of type <code>int</code> Index of the closed tab.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.TabStrip#fireClose
 * @function
 */


/**
 * Convenient method to add a tab with a text as title and a root control as content.
 *
 * @name sap.ui.commons.TabStrip.prototype.createTab
 * @function
 * @param {string} 
 *         sText
 *         Defines the title text of the newly created tab.
 * @param {sap.ui.core.Control} 
 *         oContent
 *         Defines the root control of the content area.

 * @type void
 * @public
 */


/**
 * This method closes a atb. If the tab is selecte thenext one will be selected. (If it's the last the previous one will be selected,)
 * This method should be called if the close event is fired. It can not be called automatically because the consumer might need to run some logic before the tab is closed.
 *
 * @name sap.ui.commons.TabStrip.prototype.closeTab
 * @function
 * @param {int} 
 *         iIndex
 *         Index of the tab that should be closed.

 * @type void
 * @public
 */


// Start of sap/ui/commons/TabStrip.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.commons.TabStrip.prototype.onAfterRendering = function() {
	// find a collection of all tabs
	var oFocusRef = this.getFocusDomRef(),
		aTabs = oFocusRef.lastChild.childNodes,
		aTabDomRefs = [],
		iSelectedDomIndex = -1;
	for (var i=0;i<aTabs.length;i++) {
		aTabDomRefs.push(aTabs[i]);
		if(jQuery(aTabs[i]).hasClass("sapUiTabSel")){
			// get selected index out of visible tabs for ItemNavigation
			iSelectedDomIndex = i;
		}
	}
	//Initialize the ItemNavigation
	if (!this.oItemNavigation) {
		this.oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
		this.addDelegate(this.oItemNavigation);
	}
	//Reinitialize the ItemNavigation after rendering
	this.oItemNavigation.setRootDomRef(oFocusRef);
	this.oItemNavigation.setItemDomRefs(aTabDomRefs);
	this.oItemNavigation.setSelectedIndex(iSelectedDomIndex);

	//Notify the tabs
	var aTabs = this.getTabs();
	for (var i=0;i<aTabs.length;i++) {
		aTabs[i].onAfterRendering();
	}
};

/*
 * Convenient method to add a tab with a text as title and a root control as content.
 *
 * @param {string}
 *         sText defines the title text of the newly created tab
 * @param {sap.ui.core.Control}
 *        oContent defines the root control of the content of the tab
 * @return
 * @type {sap.ui.commons.Tab}
 * @public
 */
sap.ui.commons.TabStrip.prototype.createTab = function(sText,oContent) {
	var oTabs = this.getTabs(),
		oTitle = new sap.ui.commons.Title(this.getId() + "-" + oTabs.length + "-title",{text:sText}),
		oTab = new sap.ui.commons.Tab(this.getId() + "-" + oTabs.length);
	oTab.setTitle(oTitle);
	oTab.addContent(oContent);
	this.addTab(oTab);
	return oTab;
};

/*
 * Finds and fires the select event of a tab of a given Dom Reference
 * if it is a Dom ref of a tab title.
 * @private
 */
sap.ui.commons.TabStrip.prototype.selectTabByDomRef = function(oDomRef) {
	var iIdx = this.getItemIndex(oDomRef);
	if (iIdx > -1) {
		//its an item, find the items index
		if ((iIdx != this.getSelectedIndex()) && (this.getTabs()[iIdx].getEnabled())) {
			var iOldIndex = this.getSelectedIndex();
			this.setProperty( 'selectedIndex', iIdx, true ); // no complete rerendering required

			this.rerenderPanel(iOldIndex);

			this.oItemNavigation.setSelectedIndex(this.oItemNavigation.getFocusedIndex());

			this.fireSelect({index:iIdx});
		}
	}
};

/*
 * Handles the SPACEBAR press
 * @private
 */
sap.ui.commons.TabStrip.prototype.onsapspace = function(oEvent) {
	var oSource = oEvent.target;
	this.selectTabByDomRef(oSource);
};

// ENTER and SPACE with modifiers is the same like SPACE
sap.ui.commons.TabStrip.prototype.onsapspacemodifiers = sap.ui.commons.TabStrip.prototype.onsapspace;
sap.ui.commons.TabStrip.prototype.onsapenter = sap.ui.commons.TabStrip.prototype.onsapspace;
sap.ui.commons.TabStrip.prototype.onsapentermodifiers = sap.ui.commons.TabStrip.prototype.onsapspace;

/*
 * Handles the DELETE press
 * @private
 */
sap.ui.commons.TabStrip.prototype.onsapdelete = function(oEvent) {

	var oSource = oEvent.target;
	var iIdx = this.getItemIndex(oSource);
	if (iIdx > -1 && this.getTabs()[iIdx].getClosable()) {
		//item is closable
		this.fireClose({index:iIdx});
	}

};

/*
 * Handles the click event.
 * @private
 */
sap.ui.commons.TabStrip.prototype.onclick = function(oEvent) {
	var oSource = oEvent.target,
		oDomRef = this.getDomRef();
	if (oSource.className == "sapUiTabClose") {
		//find the items index
		var iIdx = this.getItemIndex(jQuery(oSource).parentByAttribute("id"));
		if (iIdx > -1) {
			this.fireClose({index:iIdx});
		}
		return;
	}
	this.selectTabByDomRef(oSource);
};

/*
 * Overrides getFocusDomRef of base element class.
 * @public
 */
sap.ui.commons.TabStrip.prototype.getFocusDomRef = function() {
	return this.getDomRef().firstChild;
};

/*
 * Does all the cleanup when the TabStrip is to be destroyed.
 * Called from Element's destroy() method.
 * @private
 */
sap.ui.commons.TabStrip.prototype.exit = function (){
	if (this.oItemNavigation) {
		this.removeDelegate(this.oItemNavigation);
		this.oItemNavigation.destroy();
		delete this.oItemNavigation;
	}

	// no super.exit() to call
};

sap.ui.commons.TabStrip.prototype.getItemIndex = function(oDomRef) {

	var sId;
	if(!oDomRef.id || oDomRef.id.search("-close") != -1){
		// icon or close button
		var oItemDomRef = jQuery(oDomRef).parentByAttribute("id");
		sId = oItemDomRef.id;
	}else{
		sId = oDomRef.id;
	}

	for (var idx = 0, aTabs = this.getTabs(); idx < aTabs.length; idx++) {
		if (sId == aTabs[idx].getId()) {
			return idx;
		}
	}
	return -1;
};

// Override aggregation methods if something needs to be taken care of

/*
 * Overwrite of default method
 * Removes an tab from the aggregation named <code>tabs</code>.
 *
 * @param {int | string | sap.ui.commons.Tab} vTab the tab to remove or its index or id
 * @return {sap.ui.commons.Tab} the removed tab or null
 * @public
 */
sap.ui.commons.TabStrip.prototype.removeTab = function(vElement) {
	var iIndex = vElement;
	if (typeof(vElement) == "string") { // ID of the element is given
		vElement = sap.ui.getCore().byId(vElement);
	}
	if (typeof(vElement) == "object") { // the element itself is given or has just been retrieved
		iIndex = this.indexOfTab(vElement);
	}

	var oTab = this.getTabs()[iIndex];
	if(oTab.getVisible()){
		// set tab invisible during hiding it for changing classes of tabs
		oTab.setProperty("visible",false,true); // no rerendering
		this.hideTab(iIndex);
		oTab.setProperty("visible",true,true); // no rerendering
	}

	if(this.getSelectedIndex() > iIndex){
		this.setProperty( 'selectedIndex', this.getSelectedIndex() - 1, true ); // no complete rerendering required
	}
	return this.removeAggregation("tabs", iIndex, true); // no complete rerendering required
};

/*
 * Overwite of defaultSetter for property <code>selectedIndex</code>.
 *
 * Default value is <code>0</code>
 *
 * @param {int} iSelectedIndex new value for property <code>selectedIndex</code>
 * @return {sap.ui.commons.TabStrip} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TabStrip.prototype.setSelectedIndex = function(iSelectedIndex) {

	var iOldIndex = this.getSelectedIndex();

	if (iSelectedIndex == iOldIndex) {
		return this;
	}

	var aTabs = this.getTabs();
	var oTab = aTabs[iSelectedIndex];

	if(!oTab && !this.getDomRef())
	{
		// tab don't exist but not rendered. In initial setup index might be set before tab is added
		// But if already rendered this is not allowed, tab must exist
		this.setProperty( 'selectedIndex', iSelectedIndex, false ); // rendering needed

	}else if(oTab && oTab.getEnabled() && oTab.getVisible()){
		this.setProperty( 'selectedIndex', iSelectedIndex, true ); // no complete rerendering required
		if (this.getDomRef() && !this.invalidated){
			// already rendered and no re-rendering outstanding
			this.rerenderPanel(iOldIndex);
			if(this.oItemNavigation){
				// set selected index for ItemNavigation, ignore invisible tabs.
				var iVisibleIndex = 0;
				var iSelectedDomIndex = -1;
				for (var i=0;i<aTabs.length;i++) {
					oTab = aTabs[i];
					if(oTab.getVisible() === false) {
						continue;
					}
					if(i == iSelectedIndex){
						iSelectedDomIndex = iVisibleIndex;
						break;
					}
					iVisibleIndex++;
				}
				this.oItemNavigation.setSelectedIndex(iSelectedDomIndex);
			}
		}
	}else {
		this._warningInvalidSelectedIndex(iSelectedIndex, oTab);
	}

	return this;
};

/*
 * Close a tab. If selected, select the next one
 *
 * @param {int} iIndex tab to be closed
 * @public
 */
sap.ui.commons.TabStrip.prototype.closeTab = function(iIndex) {

	var oTab = this.getTabs()[iIndex];

	if(!oTab || !oTab.getClosable() || !oTab.getVisible()){
		return;
	}

	// close tab -> set to invisible
	oTab.setProperty("visible",false,true); // no rerendering

	this.hideTab(iIndex);
};

/*
 * removes a tab from output
 *
 * @param {int} iIndex tab to be closed
 * @private
 */
sap.ui.commons.TabStrip.prototype.hideTab = function(iIndex) {
	var oTab = this.getTabs()[iIndex];

	if (!this.getDomRef()){
		return; //if not already rendered selected index should be provided by caller
	}

	// get focused index and visible index of tab
	var iFocusedIndex = this.oItemNavigation.getFocusedIndex();
	var iVisibleIndex = parseInt(jQuery.sap.byId(oTab.getId()).attr("aria-posinset"), 10) - 1;
	var sFocusedControlId = sap.ui.getCore().getCurrentFocusedControlId();

	// delete only tab from DOM ->no rerendering of other tabs necessary
	jQuery.sap.byId(oTab.getId()).remove();

	if(this.iVisibleTabs == 1){
		// last visible tab is closed -> no new selected tab and no content
		this.setProperty( 'selectedIndex', -1, true ); // no complete rerendering required
		jQuery.sap.byId(oTab.getId()+"-panel").remove();
	}else if(iIndex == this.getSelectedIndex()){
		// selected tab should be closed -> select other one

		var iNewIndex = iIndex + 1;

		while(iNewIndex < this.getTabs().length && (!this.getTabs()[iNewIndex].getEnabled() || !this.getTabs()[iNewIndex].getVisible())){
			//select next one
			iNewIndex ++;
		}

		if(iNewIndex == this.getTabs().length){
			// no next active tab - search for previous
			iNewIndex = iIndex -1;
			while(iNewIndex >= 0 && (!this.getTabs()[iNewIndex].getEnabled() || !this.getTabs()[iNewIndex].getVisible())){
				//select previous one
				iNewIndex --;
			}
		}
		// if no selectable tab exists the index is set to -1
		this.setProperty( 'selectedIndex', iNewIndex, true ); // no complete rerendering required

		this.rerenderPanel(iIndex);
	}else{
		// set classes new to set before and after classes right
		this.toggleTabClasses(this.getSelectedIndex(), this.getSelectedIndex());
	}

	// update ARIA information
	this.iVisibleTabs--;
	var iVisibleIndex = 0;
	var aTabDomRefs = [];
	var iSelectedDomIndex = -1;
	var bTabFocused = false;
	for (var i=0;i<this.getTabs().length;i++) {
		var oTab = this.getTabs()[i];

		// check if a tab has the focus
		if(sFocusedControlId == oTab.getId()){
			bTabFocused = true;
		}

		if(oTab.getVisible() === false) {
			continue;
		}
		if(i == this.getSelectedIndex()){
			iSelectedDomIndex = iVisibleIndex;
		}
		iVisibleIndex++;
		jQuery.sap.byId(oTab.getId()).attr("aria-posinset", iVisibleIndex).attr("aria-setsize", this.iVisibleTabs);
		if (iVisibleIndex == this.iVisibleTabs) {
			jQuery.sap.byId(oTab.getId()).addClass("sapUiTabLast"); // needed for IE8
		}
		aTabDomRefs.push(jQuery.sap.domById(oTab.getId()));
	}

	// focused item should be the same
	if(iVisibleIndex <= iFocusedIndex){
		// tab before or equal focused one is hidden
		iFocusedIndex--;
	}
	// update ItemNavigation
	this.oItemNavigation.setItemDomRefs(aTabDomRefs);
	this.oItemNavigation.setSelectedIndex(iSelectedDomIndex);
	this.oItemNavigation.setFocusedIndex(iFocusedIndex);

	// check if a tab has the focus
	// if yes focus again
	// if no set only focused index.
	if(bTabFocused){
		this.oItemNavigation.focusItem(iFocusedIndex);
	}

};

/*
 * if the selected index is changed, only the panel must be rerendered
 * for the tabs only some classes must be exchanged
 *
 * @private
 */
sap.ui.commons.TabStrip.prototype.rerenderPanel = function(iOldIndex) {

	var iNewIndex = this.getSelectedIndex();
	var $panel = jQuery.sap.byId(this.getTabs()[iOldIndex].getId() + "-panel");
	if ($panel.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		this.getRenderer().renderTabContents(rm, this.getTabs()[iNewIndex]);
		rm.flush($panel[0]);
		rm.destroy();
	}

	var sNewId = this.getTabs()[iNewIndex].getId();
	//change the ID and Label of the panel to the current tab
	$panel.attr("id",sNewId + "-panel").attr("aria-labelledby", sNewId);

	// call after rendering method of tab to set scroll functions
	this.getTabs()[iNewIndex].onAfterRendering();

	this.toggleTabClasses(iOldIndex, iNewIndex);
};

/*
 * Sets the classes of the tabs to display the new selection
 *
 * @private
 */
sap.ui.commons.TabStrip.prototype.toggleTabClasses = function(iOldIndex, iNewIndex) {

	// change visualization of selected tab and old tab
	jQuery.sap.byId(this.getTabs()[iOldIndex].getId()).toggleClass("sapUiTabSel sapUiTab").attr("aria-selected",false);
	var iBeforeIndex = iOldIndex-1;
	while (iBeforeIndex >= 0 && !this.getTabs()[iBeforeIndex].getVisible()) {
		iBeforeIndex--;
	}
	if(iBeforeIndex >= 0){
		jQuery.sap.byId(this.getTabs()[iBeforeIndex].getId()).removeClass("sapUiTabBeforeSel");
	}

	var iAfterIndex = iOldIndex+1;
	while (iAfterIndex < this.getTabs().length && !this.getTabs()[iAfterIndex].getVisible()) {
		iAfterIndex++;
	}
	if(iAfterIndex < this.getTabs().length){
		jQuery.sap.byId(this.getTabs()[iAfterIndex].getId()).removeClass("sapUiTabAfterSel");
	}

	jQuery.sap.byId(this.getTabs()[iNewIndex].getId()).toggleClass("sapUiTabSel sapUiTab").attr("aria-selected",true);
	iBeforeIndex = iNewIndex-1;
	while (iBeforeIndex >= 0 && !this.getTabs()[iBeforeIndex].getVisible()) {
		iBeforeIndex--;
	}
	if(iBeforeIndex >= 0){
		jQuery.sap.byId(this.getTabs()[iBeforeIndex].getId()).addClass("sapUiTabBeforeSel");
	}

	iAfterIndex = iNewIndex+1;
	while (iAfterIndex < this.getTabs().length && !this.getTabs()[iAfterIndex].getVisible()) {
		iAfterIndex++;
	}
	if(iAfterIndex < this.getTabs().length){
		jQuery.sap.byId(this.getTabs()[iAfterIndex].getId()).addClass("sapUiTabAfterSel");
	}

};

/*
 * Overwrite Invalidate function to set invalidate flag
 */
sap.ui.commons.TabStrip.prototype._originalInvalidate = sap.ui.commons.TabStrip.prototype.invalidate;

sap.ui.commons.TabStrip.prototype.invalidate = function() {

	this.invalidated = true;
	sap.ui.commons.TabStrip.prototype._originalInvalidate.apply(this,arguments);

};

sap.ui.commons.TabStrip.prototype._warningInvalidSelectedIndex = function(iSelectedIndex, oTab){

	var sDetails = "";
	if (!oTab) {
		sDetails = "Tab not exists";
	} else if (!oTab.getEnabled()){
		sDetails = "Tab disabled";
	} else if (!oTab.getVisible()){
		sDetails = "Tab not visible";
	}
	jQuery.sap.log.warning("SelectedIndex " + iSelectedIndex + " can not be set", sDetails, "sap.ui.commons.TabStrip");

};

}; // end of sap.ui.commons.TabStrip
if ( !jQuery.sap.isDeclared('sap.ui.commons.TextAreaRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.TextArea
jQuery.sap.declare("sap.ui.commons.TextAreaRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained



/**
 * @class TextArea renderer.
 * @static
 */
sap.ui.commons.TextAreaRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.TextFieldRenderer);

/**
 * Use TextField to render TextArea but change tag to TEXTAREA
 * @protected
 */
sap.ui.commons.TextAreaRenderer.getInnerTagName = function(){
	return('textarea');
}

/**
 * Add attributes, styles and so on to TextField tag
 */;
sap.ui.commons.TextAreaRenderer.renderInnerAttributes = function(oRenderManager, oTextArea){

	var rm = oRenderManager;

	rm.addClass("sapUiTxtA");

	rm.addStyle('overflow', 'auto');

	if (oTextArea.getWidth() && oTextArea.getWidth() != '') {
//		done in TextField renderer
	}else{
		if (oTextArea.getCols() && oTextArea.getCols() != '') {
			rm.writeAttribute('cols', oTextArea.getCols());
		}
	}

	if (oTextArea.getHeight() && oTextArea.getHeight() != '') {
		rm.addStyle('height',oTextArea.getHeight());
		//if a height is set don't use margin-top and margin-button because this would it make higher than wanted
		//this would lead to scrollbars or cut controls in layouts
		rm.addStyle('margin-top','0');
		rm.addStyle('margin-bottom','0');
	}else{
		if (oTextArea.getRows() && oTextArea.getRows() != '') {
			rm.writeAttribute('rows', oTextArea.getRows());
		}
	}

	// Changes of the wrap property require re-rendering for browser reasons.
	// Therefore, no dynamic function to change wrapping necessary.
	switch (oTextArea.getWrapping()){
	case (sap.ui.core.Wrapping.Soft) :
		rm.writeAttribute('wrap', 'soft');
		break;
	case (sap.ui.core.Wrapping.Hard) :
		rm.writeAttribute('wrap', 'hard');
		break;
	case (sap.ui.core.Wrapping.Off) :
		rm.writeAttribute('wrap', 'off');
		break;
	}
}

/**
 * Overwrite renderARIAInfo function of TextField
 */;
sap.ui.commons.TextAreaRenderer.renderARIAInfo = function(rm, oTextArea) {

	rm.writeAccessibilityState(oTextArea, {
		role: oTextArea.getAccessibleRole().toLowerCase() || 'textbox',
		labelledby: oTextArea.getLabeledBy() ? (oTextArea.getLabeledBy() + " " + oTextArea.getAriaDescribedBy().join(" ")) : undefined,
		required: oTextArea.getRequired(),
		readonly: !oTextArea.getEditable(),
		multiline: true,
		autocomplete: "none",
		invalid: oTextArea.getValueState() == sap.ui.core.ValueState.Error});

};

/**
 * Renders additional HTML for the TextArea to the TextField
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for writing to the render output buffer.
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should be rendered.
 */
sap.ui.commons.TextAreaRenderer.renderInnerContent = function(oRenderManager, oTextArea){
	// Convenience variable
	var rm = oRenderManager;

	var sValue = oTextArea.getValue();

	if(sValue.length > oTextArea.getMaxLength() && oTextArea.getMaxLength() > 0){
		sValue = sValue.substring(0,oTextArea.getMaxLength());
	}

	rm.writeEscaped(sValue);
};
}; // end of sap.ui.commons.TextAreaRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.TextField') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.TextField.
jQuery.sap.declare("sap.ui.commons.TextField");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new TextField.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getValue value} : string (default: '')</li>
 * <li>{@link #getTextDirection textDirection} : sap.ui.core.TextDirection (default: sap.ui.core.TextDirection.Inherit)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getRequired required} : boolean (default: false)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getMaxLength maxLength} : int (default: 0)</li>
 * <li>{@link #getValueState valueState} : sap.ui.core.ValueState (default: sap.ui.core.ValueState.None)</li>
 * <li>{@link #getTextAlign textAlign} : sap.ui.core.TextAlign (default: sap.ui.core.TextAlign.Begin)</li>
 * <li>{@link #getImeMode imeMode} : sap.ui.core.ImeMode (default: sap.ui.core.ImeMode.Auto)</li>
 * <li>{@link #getDesign design} : sap.ui.core.Design (default: sap.ui.core.Design.Standard)</li>
 * <li>{@link #getHelpId helpId} : string (default: '')</li>
 * <li>{@link #getAccessibleRole accessibleRole} : sap.ui.core.AccessibleRole (default: sap.ui.core.AccessibleRole.Textbox)</li>
 * <li>{@link #getName name} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.TextField#event:change change} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.TextField#event:liveChange liveChange} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Control is used to enter text.
 * @extends sap.ui.core.Control
 * @implements sap.ui.commons.ToolbarItem
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.TextField
 */
sap.ui.core.Control.extend("sap.ui.commons.TextField", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem"
	],
	publicMethods : [
		// methods
		"focus", "getLiveValue"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"value" : {type : "string", group : "Data", defaultValue : '', bindable : "bindable"},
		"textDirection" : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : sap.ui.core.TextDirection.Inherit},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"required" : {type : "boolean", group : "Appearance", defaultValue : false},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"maxLength" : {type : "int", group : "Behavior", defaultValue : 0},
		"valueState" : {type : "sap.ui.core.ValueState", group : "Data", defaultValue : sap.ui.core.ValueState.None},
		"textAlign" : {type : "sap.ui.core.TextAlign", group : "Appearance", defaultValue : sap.ui.core.TextAlign.Begin},
		"imeMode" : {type : "sap.ui.core.ImeMode", group : "Behavior", defaultValue : sap.ui.core.ImeMode.Auto},
		"design" : {type : "sap.ui.core.Design", group : "Appearance", defaultValue : sap.ui.core.Design.Standard},
		"helpId" : {type : "string", group : "Behavior", defaultValue : ''},
		"accessibleRole" : {type : "sap.ui.core.AccessibleRole", group : "Accessibility", defaultValue : sap.ui.core.AccessibleRole.Textbox},
		"name" : {type : "string", group : "Misc", defaultValue : null}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"change" : {}, 
		"liveChange" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.TextField with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.TextField.extend
 * @function
 */

sap.ui.commons.TextField.M_EVENTS = {'change':'change','liveChange':'liveChange'};


/**
 * Getter for property <code>value</code>.
 * Text inside the textfield
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>value</code>
 * @public
 * @name sap.ui.commons.TextField#getValue
 * @function
 */

/**
 * Setter for property <code>value</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sValue  new value for property <code>value</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @SecSource {return} The 'value' property of the TextField control and its subclasses represents unfiltered user input. 
		Applications must ensure that the data is either validated / cleansed or that it is not used in a context which is sensible to XSS attacks.
 * @name sap.ui.commons.TextField#setValue
 * @function
 */


/**
 * Binder for property <code>value</code>.
 *
 * @param {string} sPath path to a property in the model 
 * @param {function} [fnFormatter=null] the formatter function
 * @param {sap.ui.model.BindingMode} [sMode=Default] the binding mode to be used for this property binding (e.g. one way) 
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#bindValue
 * @function
 */

/**
 * Unbinder for property <code>value</code>.
 *
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#unbindValue
 * @function
 */


/**
 * Getter for property <code>textDirection</code>.
 * Direction of the text. Possible values: rtl, ltr.
 *
 * Default value is <code>Inherit</code>
 *
 * @return {sap.ui.core.TextDirection} the value of property <code>textDirection</code>
 * @public
 * @name sap.ui.commons.TextField#getTextDirection
 * @function
 */

/**
 * Setter for property <code>textDirection</code>.
 *
 * Default value is <code>Inherit</code> 
 *
 * @param {sap.ui.core.TextDirection} oTextDirection  new value for property <code>textDirection</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setTextDirection
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Switches enabled state of the control. Disabled fields have different colors, and can not be focused.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.TextField#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setEnabled
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Switches edit state of the control. Read-only fields have different colors, depending on customer setting.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.TextField#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setEditable
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.TextField#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setVisible
 * @function
 */


/**
 * Getter for property <code>required</code>.
 * Depending on theme the TextField is shown as required.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>required</code>
 * @public
 * @name sap.ui.commons.TextField#getRequired
 * @function
 */

/**
 * Setter for property <code>required</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bRequired  new value for property <code>required</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setRequired
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Width of text field. When it is set (CSS-size such as % or px), this is the exact size. When left blank, the text field length defines the width.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.TextField#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setWidth
 * @function
 */


/**
 * Getter for property <code>maxLength</code>.
 * Maximum number of characters. Value '0' means the feature is switched off.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>maxLength</code>
 * @public
 * @name sap.ui.commons.TextField#getMaxLength
 * @function
 */

/**
 * Setter for property <code>maxLength</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iMaxLength  new value for property <code>maxLength</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setMaxLength
 * @function
 */


/**
 * Getter for property <code>valueState</code>.
 * Visualizes warnings or errors related to the text field. Possible values: Warning, Error, Success.
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.core.ValueState} the value of property <code>valueState</code>
 * @public
 * @name sap.ui.commons.TextField#getValueState
 * @function
 */

/**
 * Setter for property <code>valueState</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.core.ValueState} oValueState  new value for property <code>valueState</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setValueState
 * @function
 */


/**
 * Getter for property <code>textAlign</code>.
 * Sets the horizontal alignment of the text.
 *
 * Default value is <code>Begin</code>
 *
 * @return {sap.ui.core.TextAlign} the value of property <code>textAlign</code>
 * @public
 * @name sap.ui.commons.TextField#getTextAlign
 * @function
 */

/**
 * Setter for property <code>textAlign</code>.
 *
 * Default value is <code>Begin</code> 
 *
 * @param {sap.ui.core.TextAlign} oTextAlign  new value for property <code>textAlign</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setTextAlign
 * @function
 */


/**
 * Getter for property <code>imeMode</code>.
 * State of the Input Method Editor (IME).
 *
 * Default value is <code>Auto</code>
 *
 * @return {sap.ui.core.ImeMode} the value of property <code>imeMode</code>
 * @public
 * @name sap.ui.commons.TextField#getImeMode
 * @function
 */

/**
 * Setter for property <code>imeMode</code>.
 *
 * Default value is <code>Auto</code> 
 *
 * @param {sap.ui.core.ImeMode} oImeMode  new value for property <code>imeMode</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setImeMode
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * Font type. Standard, Monospace
 *
 * Default value is <code>Standard</code>
 *
 * @return {sap.ui.core.Design} the value of property <code>design</code>
 * @public
 * @name sap.ui.commons.TextField#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is <code>Standard</code> 
 *
 * @param {sap.ui.core.Design} oDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setDesign
 * @function
 */


/**
 * Getter for property <code>helpId</code>.
 * Unique identifier used for help service.
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>helpId</code>
 * @public
 * @name sap.ui.commons.TextField#getHelpId
 * @function
 */

/**
 * Setter for property <code>helpId</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sHelpId  new value for property <code>helpId</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setHelpId
 * @function
 */


/**
 * Getter for property <code>accessibleRole</code>.
 * Accessibility role for the text field.
 *
 * Default value is <code>Textbox</code>
 *
 * @return {sap.ui.core.AccessibleRole} the value of property <code>accessibleRole</code>
 * @public
 * @name sap.ui.commons.TextField#getAccessibleRole
 * @function
 */

/**
 * Setter for property <code>accessibleRole</code>.
 *
 * Default value is <code>Textbox</code> 
 *
 * @param {sap.ui.core.AccessibleRole} oAccessibleRole  new value for property <code>accessibleRole</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setAccessibleRole
 * @function
 */


/**
 * Getter for property <code>name</code>.
 * The 'name' property to be used in the HTML code (e.g. for HTML forms that send data to the server via 'submit').
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>name</code>
 * @public
 * @name sap.ui.commons.TextField#getName
 * @function
 */

/**
 * Setter for property <code>name</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sName  new value for property <code>name</code>
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#setName
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.TextField#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.TextField#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.TextField#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.TextField#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.TextField#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.TextField#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * Event is fired when the text in the field has changed AND the focus leaves the TextField or the Enter key is pressed. 
 *
 * @name sap.ui.commons.TextField#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.newValue The new / changed value of the textfield.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'change' event of this <code>sap.ui.commons.TextField</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.TextField</code>.<br/> itself. 
 *  
 * Event is fired when the text in the field has changed AND the focus leaves the TextField or the Enter key is pressed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.TextField</code>.<br/> itself.
 *
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#attachChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'change' event of this <code>sap.ui.commons.TextField</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#detachChange
 * @function
 */

/**
 * Fire event change to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'newValue' of type <code>string</code> The new / changed value of the textfield.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.TextField#fireChange
 * @function
 */


/**
 * This event if fired during typing into the TextField and returns the currently enterted value. This is not the content of the value property. The value property is only updated by ENTER and by leaving the control. 
 *
 * @name sap.ui.commons.TextField#liveChange
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.liveValue Current value of the Textfield.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'liveChange' event of this <code>sap.ui.commons.TextField</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.TextField</code>.<br/> itself. 
 *  
 * This event if fired during typing into the TextField and returns the currently enterted value. This is not the content of the value property. The value property is only updated by ENTER and by leaving the control. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.TextField</code>.<br/> itself.
 *
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#attachLiveChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'liveChange' event of this <code>sap.ui.commons.TextField</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextField#detachLiveChange
 * @function
 */

/**
 * Fire event liveChange to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'liveValue' of type <code>string</code> Current value of the Textfield.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.TextField#fireLiveChange
 * @function
 */


/**
 * Puts the focus to this control.
 *
 * @name sap.ui.commons.TextField.prototype.focus
 * @function

 * @type void
 * @public
 */


/**
 * Returns the current value of the TextField. In case of editing the TextField you can access the current value via this method. The validated value is accessible via the property value.
 *
 * @name sap.ui.commons.TextField.prototype.getLiveValue
 * @function

 * @type string
 * @public
 */


// Start of sap/ui/commons/TextField.js
sap.ui.commons.TextField.prototype.init = function() {

	// currently empty but defined to add on Child controls (ComboBox...)
	// for later use.

};

/**
 * Event handler called when control is receiving the focus
 *
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.TextField.prototype.onfocusin = function(oEvent) {

	if(this.getEditable() && this.getEnabled() && this.getRenderer().onfocus) {
		this.getRenderer().onfocus(this);
	}

};

/**
 * Event handler called when control is losing the focus
 *
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.TextField.prototype.onfocusout = function(oEvent) {

	// restore old value in case of escape key (not possible in onsapescape in firefox)
	// happens e.g. in table because focus is set outside TextField
	this._doOnEscape(oEvent);

	if(this.getEditable() && this.getEnabled() && this.getRenderer().onblur) {
		this.getRenderer().onblur(this);
	}

	this._checkChange(oEvent);

	// if control is left action mode is ended
	var $FocusDomRef = jQuery(this.getFocusDomRef());
	if($FocusDomRef.data("sap.InNavArea") === false) { // check for false to avoid undefined
		$FocusDomRef.data("sap.InNavArea", true);
	}

};

/**
 * Event handler called when enter key is pressed.
 * @see sap.ui.commons.TextField#onfocusout
 * @protected
 */
sap.ui.commons.TextField.prototype.onsapenter = function(oEvent) {
	this._checkChange(oEvent);
};

/**
 * Compares the previous value with the current value and fires the change event
 * if the TextField is editable and the value has changed.
 *
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.TextField.prototype._checkChange = function(oEvent) {
	var oInput = this.getInputDomRef(),
		newVal = oInput && oInput.value,
		oldVal = this.getValue();

	if(this.getEditable() && this.getEnabled() && (oldVal != newVal)) {
		this.setProperty("value", newVal, true); // suppress rerendering
		this.fireChange({newValue:newVal}); // oldValue is not that easy in ComboBox and anyway not in API... thus skip it
	}
};

/**
 * Event handler called when text selection starts.
 * When the text field is disabled, the text should not be selectable, so cancel the event.
 *
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.TextField.prototype.onselectstart = function(oEvent) {
	if (!this.getEnabled()){
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

//******************************************
//Special handling for TextFields in ItemNavigation

sap.ui.commons.TextField.prototype._checkCursorPosForNav = function(oEvent, bForward) {
	var bRtl = sap.ui.getCore().getConfiguration().getRTL();
	var bBack = bForward ? bRtl : !bRtl;
	var $input = jQuery(this.getInputDomRef());
	var iPos = $input.cursorPos();
	var iLen = $input.val().length;
	if(bRtl){
		iPos = iLen-iPos;
	}
	if((!bBack && iPos != iLen) || (bBack && iPos != 0)){
		oEvent.stopPropagation();
	}
};

sap.ui.commons.TextField.prototype.onsapnext = function(oEvent) {

	if(oEvent.keyCode != jQuery.sap.KeyCodes.ARROW_DOWN){ //Only interested in left / right
		if (jQuery(this.getFocusDomRef()).data("sap.InNavArea") && oEvent.keyCode != jQuery.sap.KeyCodes.END) {
			// parent handles arrow navigation
			oEvent.preventDefault();
			return;
		}

		this._checkCursorPosForNav(oEvent, true);
	}

};

sap.ui.commons.TextField.prototype.onsapprevious = function(oEvent) {
	if(oEvent.keyCode != jQuery.sap.KeyCodes.ARROW_UP){ //Only interested in left / right
		if (jQuery(this.getFocusDomRef()).data("sap.InNavArea") && oEvent.keyCode != jQuery.sap.KeyCodes.HOME) {
			// parent handles arrow navigation
			oEvent.preventDefault();
			return;
		}

		this._checkCursorPosForNav(oEvent, false);
	}
};

sap.ui.commons.TextField.prototype.onsapnextmodifiers = sap.ui.commons.TextField.prototype.onsapnext;
sap.ui.commons.TextField.prototype.onsappreviousmodifiers = sap.ui.commons.TextField.prototype.onsapprevious;
sap.ui.commons.TextField.prototype.onsapend = sap.ui.commons.TextField.prototype.onsapnext;
sap.ui.commons.TextField.prototype.onsaphome = sap.ui.commons.TextField.prototype.onsapprevious;

sap.ui.commons.TextField.prototype.onsapexpand = function(oEvent){

	// as Form handles this to expand or collapse containers it must be prevented in TextField
	// to allow usage of numpad + and -
	var bInNavArea = jQuery(this.getFocusDomRef()).data("sap.InNavArea");
	if (bInNavArea || bInNavArea === false) {
		// parent handles arrow navigation
		oEvent.stopPropagation();
		return;
	}

};

sap.ui.commons.TextField.prototype.onsapcollapse = sap.ui.commons.TextField.prototype.onsapexpand;

//******************************************

/*
 * Escape fires no keypress in webkit
 * In Firefox value can not be changed in keydown (onsapescape) event
 * So the escape event is stored in this._bEsc and the value in this._sValue
 * Onkeypress and onfocusout the value is reseted. (focusout e.g. needed in table)
 * the value must be set to the old one before the changes
 * @protected
 */
sap.ui.commons.TextField.prototype.onsapescape = function(oEvent) {

	var sValue = this.getProperty("value");
	this._bEsc = true;
	this._sValue = sValue;

	// as value change is handled in firefox in onkeypress the escape event must be directly stopped here
	var oInput = this.getInputDomRef();
	if(oInput && oInput.value !== sValue && !this._propagateEsc) {
		// if TextField is on a popup, don't close the popup if the value is just reseted
		// in InPlaceEdit propagation is needed
		oEvent.stopPropagation();
	}

	if (!jQuery.browser.mozilla) {
		this._doOnEscape(oEvent);
	}

};

/*
 * Event handler for keypress
 * in Firefox the escape value must be reseted here
 * (if on keyup there while pressing the escape key an old value is displayed)
 * fire the liveChange event
 * @protected
 */
sap.ui.commons.TextField.prototype.onkeypress = function(oEvent) {

	this._doOnEscape(oEvent);

	var iKC = oEvent.keyCode;
	if(!( iKC >= 33 && iKC <= 44) /*arrow keys...*/ && !( iKC >= 112 && iKC <= 123)/*F-keys*/ &&
	   iKC !== jQuery.sap.KeyCodes.ESCAPE && iKC !== jQuery.sap.KeyCodes.TAB){
		// if text is edited -> switch to action mode
		var $FocusDomRef = jQuery(this.getFocusDomRef());
		if ($FocusDomRef.data("sap.InNavArea")) {
			$FocusDomRef.data("sap.InNavArea", false);
		}
	}

};

/*
 * sets the old value after escape
 * if in edit mode -> switch back to navigation mode
 * @private
 */
sap.ui.commons.TextField.prototype._doOnEscape = function(oEvent) {

	if (this._bEsc) {
		// restore old value in case of escape key (not possible in onsapescape in Firefox)
		// in Edit mode switch back to navigation mode
		var oInput = this.getInputDomRef();
		if(oInput) {
			if (oInput.value !== this._sValue) {
				jQuery(oInput).val(this._sValue);
			}
			var $FocusDomRef = jQuery(this.getFocusDomRef());
			if($FocusDomRef.data("sap.InNavArea") === false) { // check for false to avoid undefined
				$FocusDomRef.data("sap.InNavArea", true);
			}
		}
		this._bEsc = undefined;
		this._sValue = undefined;
	}

};

/**
 * Event handler for keyup.
 * fire the liveChange event
 * @protected
 */
sap.ui.commons.TextField.prototype.onkeyup = function(oEvent) {

	if(oEvent.keyCode == jQuery.sap.KeyCodes.F2){
		// toggle action mode
		var $FocusDomRef = jQuery(this.getFocusDomRef());
		if ($FocusDomRef.data("sap.InNavArea")) {
			$FocusDomRef.data("sap.InNavArea", false);
		} else if($FocusDomRef.data("sap.InNavArea") === false) { // check for false to avoid undefined
			$FocusDomRef.data("sap.InNavArea", true);
		}
	}else{
		this._fireLiveChange(oEvent);
	}

};

/**
 * Event handler for paste.
 * fire the liveChange event
 * @protected
 */
sap.ui.commons.TextField.prototype.onpaste = function(oEvent) {

	// as on the paste event there is still the value before paste in the input field
	// wait some time (until paste is finished) and check it for change
	var that = this;
	setTimeout(function(){
		that._fireLiveChange(oEvent);
	}, 10);

};

/**
 * Handler for live change
 * reads the current content and fires the liveChange event
 * @private
 */
sap.ui.commons.TextField.prototype._fireLiveChange = function(oEvent) {

	if (this.getEnabled() && this.getEditable()) {
		var sLiveValue = jQuery(this.getInputDomRef()).val();
		this.fireLiveChange({liveValue:sLiveValue});
	}

};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the ValueState
 *
 * @param {Valuestate} oValueState
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TextField.prototype.setValueState = function(oValueState) {

	var oldValueState = this.getValueState();
	this.setProperty("valueState", oValueState, true); // do not render again
	oValueState = this.getValueState();

	if( oldValueState == oValueState ){
		return this;
	}

	if(!this.getDomRef()){
		//not already rendered.
		return this;
	}

	if(this.getRenderer().setValueState) {
		this.getRenderer().setValueState(this, oldValueState, oValueState);
	}

	if(this.delayedCallId) {
		jQuery.sap.clearDelayedCall(this.delayedCallId);
		this.delayedCallId = null;
	}
	if(sap.ui.core.ValueState.Success == oValueState) {
		this.delayedCallId = jQuery.sap.delayedCall(3000, this, "removeValidVisualization");
	}

	return this;
};

sap.ui.commons.TextField.prototype.removeValidVisualization = function() {
	if(this.getRenderer().removeValidVisualization){
		this.getRenderer().removeValidVisualization(this);
	}
};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the editable state
 *
 * @param bEditable
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TextField.prototype.setEditable = function(bEditable) {

	var bOldEditable = this.getEditable();
	this.setProperty('editable', bEditable, true); // No re-rendering
	bEditable = this.getEditable();

	if (bOldEditable != bEditable){
		if (this.getDomRef() && this.getRenderer().setEditable){
			this.getRenderer().setEditable(this, bEditable);
		}
	}

	return this;
};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the enabled state
 *
 * @param bEnabled
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TextField.prototype.setEnabled = function(bEnabled) {

	var bOldEnabled = this.getEnabled();
	this.setProperty('enabled', bEnabled, true); // No re-rendering
	bEnabled = this.getEnabled();

	if (bOldEnabled != bEnabled) {
		if (this.getDomRef() && this.getRenderer().setEnabled){
			this.getRenderer().setEnabled(this, bEnabled);
		}
	}

	return this;
};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the Required-State
 *
 * @param bRequired:
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TextField.prototype.setRequired = function(bRequired) {

	var bOldRequired = this.getRequired();
	this.setProperty('required', bRequired, true); // No re-rendering
	bRequired = this.getRequired();

	if (bOldRequired != bRequired){
		if (this.getDomRef()){
			// If already rendered, adapt rendered control without complete re-rendering
			if(this.getRenderer().setRequired) {
				this.getRenderer().setRequired(this, bRequired);
			}
		}
	}

	return this;
};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the Design
 *
 * @param sDesign:
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TextField.prototype.setDesign = function(sDesign) {

	var sOldDesign = this.getDesign();
	this.setProperty('design', sDesign, true); // No re-rendering
	sDesign = this.getDesign();

	if (sOldDesign != sDesign){
		if (this.getDomRef()){
			// If already rendered, adapt rendered control without complete re-rendering
			if(this.getRenderer().setDesign) {
				this.getRenderer().setDesign(this, sDesign);
			}
		}
	}

	return this;
};

/* Overwrite of generated function - no new JS-doc.
 * Property setter for the Value
 *
 * @param sValue:
 * @return {sap.ui.commons.TextField} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TextField.prototype.setValue = function(sValue) {
	var newValue = sValue;
	if( newValue && newValue.length > this.getMaxLength() && this.getMaxLength() > 0){
		newValue = newValue.substring(0,this.getMaxLength());
//		this.fireChange({newValue:newValue});
	}

	this.setProperty("value", newValue, true); // no re-rendering!
	var oInput = this.getInputDomRef();
	if(oInput && oInput.value !== newValue) {
		oInput.value = this.getValue();
	}

	return this;
};

/**
 * Method for accessing the DOM Ref of the input element.
 *
 * @protected
 */
sap.ui.commons.TextField.prototype.getInputDomRef = function(){
	return this.getFocusDomRef();
};

/**
 * Applies the focus info
 * overwrite of the Element method because in IE8 on rerendering focus is lost
 * @param {object} oFocusInfo
 * @protected
 */
sap.ui.commons.TextField.prototype.applyFocusInfo = function (oFocusInfo) {

	if (jQuery.browser.msie && jQuery.browser.version == 8) {
		var oPos = this.getValue().length;
		var that = this;
		setTimeout(function(){
			that.focus();
			jQuery(that.getFocusDomRef()).cursorPos(oPos);
		}, 0);
	}else{
		this.focus();
	}
	return this;
};

/*
 * Implementation of the getLiveValue method
 */
sap.ui.commons.TextField.prototype.getLiveValue = function() {
	var oIDomRef = this.getInputDomRef();
	if (oIDomRef) {
		return jQuery(oIDomRef).val();
	} else {
		return this.getValue();
	}
};

sap.ui.commons.TextField.prototype.ondrop = function(oEvent) {

	this.onpaste(oEvent);

};

/*
 * check if outer content is rendered
 * @private
 */
sap.ui.commons.TextField.prototype._getRenderOuter = function () {

	if (this.bRenderOuter == undefined) {
		var oRenderer = this.getRenderer();
		if (oRenderer.renderOuterAttributes || oRenderer.renderOuterContentBefore || oRenderer.renderOuterContent) {
			this.bRenderOuter = true;
		} else{
			this.bRenderOuter = false;
		}
	}
	return this.bRenderOuter;

};

/*
 * Overwrites default implementation
 * the label must point to the input tag
 * @public
 */
sap.ui.commons.TextField.prototype.getIdForLabel = function () {

	if (!this._getRenderOuter()) {
		return this.getId();
	} else {
		return this.getId()+'-input';
	}

};

/*
 * Overwrites default implementation
 * the focus is always on the input field
 * @public
 */sap.ui.commons.TextField.prototype.getFocusDomRef = function() {

	if (!this._getRenderOuter()) {
		return this.getDomRef() || null;
	} else {
		return jQuery.sap.domById(this.getId()+'-input') || null;
	}

};

}; // end of sap.ui.commons.TextField
if ( !jQuery.sap.isDeclared('sap.ui.commons.TextView') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.TextView.
jQuery.sap.declare("sap.ui.commons.TextView");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new TextView.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string (default: '')</li>
 * <li>{@link #getTextDirection textDirection} : sap.ui.core.TextDirection (default: sap.ui.core.TextDirection.Inherit)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getHelpId helpId} : string (default: '')</li>
 * <li>{@link #getAccessibleRole accessibleRole} : sap.ui.core.AccessibleRole (default: sap.ui.core.AccessibleRole.Document)</li>
 * <li>{@link #getDesign design} : sap.ui.commons.TextViewDesign (default: sap.ui.commons.TextViewDesign.Standard)</li>
 * <li>{@link #getWrapping wrapping} : boolean (default: true)</li>
 * <li>{@link #getSemanticColor semanticColor} : sap.ui.commons.TextViewColor (default: sap.ui.commons.TextViewColor.Default)</li>
 * <li>{@link #getTextAlign textAlign} : sap.ui.core.TextAlign (default: sap.ui.core.TextAlign.Begin)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Is used to display some continous text. The control can inherit the text direction from its parent control.
 * @extends sap.ui.core.Control
 * @implements sap.ui.commons.ToolbarItem
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.TextView
 */
sap.ui.core.Control.extend("sap.ui.commons.TextView", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "", defaultValue : '', bindable : "bindable"},
		"textDirection" : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : sap.ui.core.TextDirection.Inherit},
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"helpId" : {type : "string", group : "Behavior", defaultValue : ''},
		"accessibleRole" : {type : "sap.ui.core.AccessibleRole", group : "Accessibility", defaultValue : sap.ui.core.AccessibleRole.Document},
		"design" : {type : "sap.ui.commons.TextViewDesign", group : "Data", defaultValue : sap.ui.commons.TextViewDesign.Standard},
		"wrapping" : {type : "boolean", group : "Appearance", defaultValue : true},
		"semanticColor" : {type : "sap.ui.commons.TextViewColor", group : "Appearance", defaultValue : sap.ui.commons.TextViewColor.Default},
		"textAlign" : {type : "sap.ui.core.TextAlign", group : "Appearance", defaultValue : sap.ui.core.TextAlign.Begin},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.TextView with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.TextView.extend
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * Text to be displayed.
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.TextView#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setText
 * @function
 */


/**
 * Binder for property <code>text</code>.
 *
 * @param {string} sPath path to a property in the model 
 * @param {function} [fnFormatter=null] the formatter function
 * @param {sap.ui.model.BindingMode} [sMode=Default] the binding mode to be used for this property binding (e.g. one way) 
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#bindText
 * @function
 */

/**
 * Unbinder for property <code>text</code>.
 *
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#unbindText
 * @function
 */


/**
 * Getter for property <code>textDirection</code>.
 * Available options are LTR and RTL. Alternatively, the control can inherit the text direction from its parent control.
 *
 * Default value is <code>Inherit</code>
 *
 * @return {sap.ui.core.TextDirection} the value of property <code>textDirection</code>
 * @public
 * @name sap.ui.commons.TextView#getTextDirection
 * @function
 */

/**
 * Setter for property <code>textDirection</code>.
 *
 * Default value is <code>Inherit</code> 
 *
 * @param {sap.ui.core.TextDirection} oTextDirection  new value for property <code>textDirection</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setTextDirection
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible text views are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.TextView#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setVisible
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * When the control is disabled, it is greyed out and no longer focusable.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.TextView#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setEnabled
 * @function
 */


/**
 * Getter for property <code>helpId</code>.
 * Unique identifier used for help services.
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>helpId</code>
 * @public
 * @name sap.ui.commons.TextView#getHelpId
 * @function
 */

/**
 * Setter for property <code>helpId</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sHelpId  new value for property <code>helpId</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setHelpId
 * @function
 */


/**
 * Getter for property <code>accessibleRole</code>.
 * The ARIA role for the control.
 *
 * Default value is <code>Document</code>
 *
 * @return {sap.ui.core.AccessibleRole} the value of property <code>accessibleRole</code>
 * @public
 * @name sap.ui.commons.TextView#getAccessibleRole
 * @function
 */

/**
 * Setter for property <code>accessibleRole</code>.
 *
 * Default value is <code>Document</code> 
 *
 * @param {sap.ui.core.AccessibleRole} oAccessibleRole  new value for property <code>accessibleRole</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setAccessibleRole
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * Defines the visual appearance of the control.
 *
 * Default value is <code>Standard</code>
 *
 * @return {sap.ui.commons.TextViewDesign} the value of property <code>design</code>
 * @public
 * @name sap.ui.commons.TextView#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is <code>Standard</code> 
 *
 * @param {sap.ui.commons.TextViewDesign} oDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setDesign
 * @function
 */


/**
 * Getter for property <code>wrapping</code>.
 * Disabled automatic wrapping of the text.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>wrapping</code>
 * @public
 * @name sap.ui.commons.TextView#getWrapping
 * @function
 */

/**
 * Setter for property <code>wrapping</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bWrapping  new value for property <code>wrapping</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setWrapping
 * @function
 */


/**
 * Getter for property <code>semanticColor</code>.
 * Semantic color of the text View
 *
 * Default value is <code>Default</code>
 *
 * @return {sap.ui.commons.TextViewColor} the value of property <code>semanticColor</code>
 * @public
 * @name sap.ui.commons.TextView#getSemanticColor
 * @function
 */

/**
 * Setter for property <code>semanticColor</code>.
 *
 * Default value is <code>Default</code> 
 *
 * @param {sap.ui.commons.TextViewColor} oSemanticColor  new value for property <code>semanticColor</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setSemanticColor
 * @function
 */


/**
 * Getter for property <code>textAlign</code>.
 * Sets the horizontal alignment of the text.
 *
 * Default value is <code>Begin</code>
 *
 * @return {sap.ui.core.TextAlign} the value of property <code>textAlign</code>
 * @public
 * @name sap.ui.commons.TextView#getTextAlign
 * @function
 */

/**
 * Setter for property <code>textAlign</code>.
 *
 * Default value is <code>Begin</code> 
 *
 * @param {sap.ui.core.TextAlign} oTextAlign  new value for property <code>textAlign</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setTextAlign
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Width of the TextView
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.TextView#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#setWidth
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.TextView#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.TextView#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.TextView#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.TextView#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.TextView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextView#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.TextView#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.TextView#removeAllAriaLabelledBy
 * @function
 */

	
// Start of sap/ui/commons/TextView.js
/*
 * @see JSDoc generated by SAPUI5 Control API generator
 */
sap.ui.commons.TextView.prototype.setText = function(sText) {
	this.setProperty("text", sText, true); // no re-rendering!
	var oDomRef = this.getDomRef();
	if (oDomRef) {
		var aLines = this.getText().split("\n");
		for (var i = 0; i < aLines.length; i++) {
			aLines[i] = jQuery.sap.encodeHTML(aLines[i]);
		}
		sText = aLines.join("<br>");
		oDomRef.innerHTML = sText;
		// when no tooltip is applied use the text as tooltip
		if (!this.getTooltip_AsString() && sText) {
			oDomRef.title = this.getText(); // IE8 doesn't like HTML encoded attribute values
		}
	}
	return this;
};
}; // end of sap.ui.commons.TextView
if ( !jQuery.sap.isDeclared('sap.ui.commons.Title') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Title.
jQuery.sap.declare("sap.ui.commons.Title");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Title.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getLevel level} : sap.ui.commons.TitleLevel (default: sap.ui.commons.TitleLevel.Auto)</li>
 * <li>{@link #getEmphasized emphasized} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Represents a title element that can be used for aggregation with other controls
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Title
 */
sap.ui.core.Element.extend("sap.ui.commons.Title", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "Appearance", defaultValue : null},
		"icon" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
		"level" : {type : "sap.ui.commons.TitleLevel", group : "Appearance", defaultValue : sap.ui.commons.TitleLevel.Auto},
		"emphasized" : {type : "boolean", group : "Appearance", defaultValue : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Title with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Title.extend
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * Defines the title text
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.Title#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.Title} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Title#setText
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * Defines the URL for icon display
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.commons.Title#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.commons.Title} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Title#setIcon
 * @function
 */


/**
 * Getter for property <code>level</code>.
 * Defines the level of the title. If set to auto the level of the title is chosen by the control rendering the title.
 * 
 * Currently not all controls using the Title.control supporting this property.
 *
 * Default value is <code>Auto</code>
 *
 * @return {sap.ui.commons.TitleLevel} the value of property <code>level</code>
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.Title#getLevel
 * @function
 */

/**
 * Setter for property <code>level</code>.
 *
 * Default value is <code>Auto</code> 
 *
 * @param {sap.ui.commons.TitleLevel} oLevel  new value for property <code>level</code>
 * @return {sap.ui.commons.Title} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.Title#setLevel
 * @function
 */


/**
 * Getter for property <code>emphasized</code>.
 * If set the title is displayed emphasized.
 * This feature is nor supported by all controls using the Title.control.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>emphasized</code>
 * @public
 * @name sap.ui.commons.Title#getEmphasized
 * @function
 */

/**
 * Setter for property <code>emphasized</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bEmphasized  new value for property <code>emphasized</code>
 * @return {sap.ui.commons.Title} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Title#setEmphasized
 * @function
 */


// Start of sap/ui/commons/Title.js

}; // end of sap.ui.commons.Title
if ( !jQuery.sap.isDeclared('sap.ui.commons.ToggleButton') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ToggleButton.
jQuery.sap.declare("sap.ui.commons.ToggleButton");



/**
 * Constructor for a new ToggleButton.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getPressed pressed} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.Button#constructor sap.ui.commons.Button}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The ToggleButton Control is a Button that can be toggled between pressed and normal state
 * @extends sap.ui.commons.Button
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ToggleButton
 */
sap.ui.commons.Button.extend("sap.ui.commons.ToggleButton", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"pressed" : {type : "boolean", group : "Data", defaultValue : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ToggleButton with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ToggleButton.extend
 * @function
 */


/**
 * Getter for property <code>pressed</code>.
 * true when button is pressed down.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>pressed</code>
 * @public
 * @name sap.ui.commons.ToggleButton#getPressed
 * @function
 */

/**
 * Setter for property <code>pressed</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bPressed  new value for property <code>pressed</code>
 * @return {sap.ui.commons.ToggleButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ToggleButton#setPressed
 * @function
 */


// Start of sap/ui/commons/ToggleButton.js
/**
 * Function is called when ToggleButton is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.ToggleButton.prototype.onclick = function(oEvent) {
	if (this.getEnabled()){
		this.setPressed(!this.getPressed());
	}
	oEvent.preventDefault();
	oEvent.stopPropagation();
};


sap.ui.commons.ToggleButton.prototype.setPressed = function(bPressed) {
	if (bPressed != this.getProperty("pressed")) {
		this.setProperty("pressed", bPressed, true);
		if (this.$().is(":visible")){
			this.firePress({pressed: this.getPressed()});
		}
		if (!this.getPressed()){
			this.getRenderer().ondeactivePressed(this);
		} else {
			this.getRenderer().onactivePressed(this);
		}
		this.getRenderer().updateImage(this);
	}
	return this;
};


sap.ui.commons.ToggleButton.prototype.onAfterRendering = function() {
	if (!this.getPressed()){
		this.getRenderer().ondeactivePressed(this);
	} else {
		this.getRenderer().onactivePressed(this);
	}
};

}; // end of sap.ui.commons.ToggleButton
if ( !jQuery.sap.isDeclared('sap.ui.commons.Toolbar') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Toolbar.
jQuery.sap.declare("sap.ui.commons.Toolbar");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Toolbar.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: 'auto')</li>
 * <li>{@link #getDesign design} : sap.ui.commons.ToolbarDesign (default: sap.ui.commons.ToolbarDesign.Flat)</li>
 * <li>{@link #getStandalone standalone} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.commons.ToolbarItem[]</li>
 * <li>{@link #getRightItems rightItems} : sap.ui.commons.ToolbarItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A horizontal row of items where in many cases the single toolbar items are buttons containing icons. Note that all controls with the
 * sap.ui.commons.ToolbarItem interface can be used as item: Button, ComboBox, TextField.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Toolbar
 */
sap.ui.core.Control.extend("sap.ui.commons.Toolbar", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : 'auto'},
		"design" : {type : "sap.ui.commons.ToolbarDesign", group : "Appearance", defaultValue : sap.ui.commons.ToolbarDesign.Flat},
		"standalone" : {type : "boolean", group : "Appearance", defaultValue : true}
	},
	defaultAggregation : "items",
	aggregations : {
    	"items" : {type : "sap.ui.commons.ToolbarItem", multiple : true, singularName : "item"}, 
    	"rightItems" : {type : "sap.ui.commons.ToolbarItem", multiple : true, singularName : "rightItem"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Toolbar with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Toolbar.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.Toolbar#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * When there is not enough space for the toolbar to display all items, the rightmost items are overflowing into a drop-down menu.
 * 
 *
 * Default value is <code>auto</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Toolbar#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>auto</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#setWidth
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * Design settings are theme-dependent.
 *
 * Default value is <code>Flat</code>
 *
 * @return {sap.ui.commons.ToolbarDesign} the value of property <code>design</code>
 * @public
 * @name sap.ui.commons.Toolbar#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is <code>Flat</code> 
 *
 * @param {sap.ui.commons.ToolbarDesign} oDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#setDesign
 * @function
 */


/**
 * Getter for property <code>standalone</code>.
 * Per default, tool bars have the stand alone status.
 * Alternatively, they can be nested in other controls and then inherit the design from their parent control.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>standalone</code>
 * @public
 * @name sap.ui.commons.Toolbar#getStandalone
 * @function
 */

/**
 * Setter for property <code>standalone</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bStandalone  new value for property <code>standalone</code>
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#setStandalone
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * Aggregating the tool bar items.
 * 
 * @return {sap.ui.commons.ToolbarItem[]}
 * @public
 * @name sap.ui.commons.Toolbar#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.commons.ToolbarItem} vItem the item to remove or its index or id
 * @return {sap.ui.commons.ToolbarItem} the removed item or null
 * @public
 * @name sap.ui.commons.Toolbar#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.ToolbarItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Toolbar#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.ToolbarItem</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Toolbar#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#destroyItems
 * @function
 */


/**
 * Getter for aggregation <code>rightItems</code>.<br/>
 * Aggregating the right side tool bar items.
 * 
 * @return {sap.ui.commons.ToolbarItem[]}
 * @public
 * @name sap.ui.commons.Toolbar#getRightItems
 * @function
 */


/**
 * Inserts a rightItem into the aggregation named <code>rightItems</code>.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *          oRightItem the rightItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the rightItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the rightItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the rightItem is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#insertRightItem
 * @function
 */

/**
 * Adds some rightItem <code>oRightItem</code> 
 * to the aggregation named <code>rightItems</code>.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *            oRightItem the rightItem to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#addRightItem
 * @function
 */

/**
 * Removes an rightItem from the aggregation named <code>rightItems</code>.
 *
 * @param {int | string | sap.ui.commons.ToolbarItem} vRightItem the rightItem to remove or its index or id
 * @return {sap.ui.commons.ToolbarItem} the removed rightItem or null
 * @public
 * @name sap.ui.commons.Toolbar#removeRightItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>rightItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.ToolbarItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Toolbar#removeAllRightItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.ToolbarItem</code> in the aggregation named <code>rightItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *            oRightItem the rightItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Toolbar#indexOfRightItem
 * @function
 */
	

/**
 * Destroys all the rightItems in the aggregation 
 * named <code>rightItems</code>.
 * @return {sap.ui.commons.Toolbar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Toolbar#destroyRightItems
 * @function
 */


// Start of sap/ui/commons/Toolbar.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Initialize this control.
 *
 * @private
 */
sap.ui.commons.Toolbar.prototype.init = function() {
	this.bOpen = false; // the overflow popup state

	// Buffer for performance, updated after rendering
	this.oDomRef = null;
	this.oInnerRef = null;
	this.oOverflowDomRef = null;
	this.bHasRightItems = false;

	this.bRtl = sap.ui.getCore().getConfiguration().getRTL();

	// for resize detection
	this._detectVisibleItemCountChangeTimer = null;

	// delegate function to recognize if item is (re)rendered
	var oThat = this;
	this.oItemDelegate = {
			onAfterRendering: jQuery.proxy(oThat._itemRendered, oThat)
	};
};

sap.ui.commons.Toolbar.prototype.onBeforeRendering = function() {

	this.cleanup();

	jQuery.sap.byId(this.getId() + "-mn").unbind("keyup", this._handleKeyUp);

	this.bFirstTime = true;
};

/**
 * Used for after-rendering initialization.
 *
 * @private
 */
sap.ui.commons.Toolbar.prototype.onAfterRendering = function() {

	this.oDomRef = this.getDomRef();
	this.oInnerRef = this.oDomRef.firstChild.firstChild;
	jQuery(this.oInnerRef).css("visibility", "visible");
	var sOverflowId = this.getId() + "-mn";
	this.oOverflowDomRef = jQuery.sap.domById(sOverflowId);

	// Initialize the ItemNavigation if required
	if (!this.oItemNavigation) {
		this.oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
		this.addDelegate(this.oItemNavigation);
	}

	// cannot use sapspace because this triggers onkeydown and sets the focus to the first button in the overflow popup
	// and the subsequent keyup will make the browser fire a click event on that button
	jQuery.sap.byId(this.getId() + "-mn").bind("keyup", jQuery.proxy(this._handleKeyUp, this));

	this.sResizeListenerId = sap.ui.core.ResizeHandler.register(this.oDomRef, jQuery.proxy(this.ontoolbarresize, this));
	var iRightItemsLength =  this.getRightItems().length;
	this.bHasRightItems = iRightItemsLength > 0;
	if (this.bHasRightItems) {
		this.sRightSideResizeListenerId = sap.ui.core.ResizeHandler.register(this.oDomRef.lastChild, jQuery.proxy(this.onrightsideresize, this));
		this._observeVisibleItemCountChange(40);
	} else {
		// Re-initialize the ItemNavigation with changed DomRefs after rendering and set the overflow icon properly
		this.updateAfterResize(true);
		this._observeVisibleItemCountChange(350);
	}
};


/**
 * Handle the space event on the menu open button.
 *
 * @param {jQuery.EventObject} oEvent The forwarded browser event
 * @private
 */
sap.ui.commons.Toolbar.prototype._handleKeyUp = function (oEvent) {
	if ((oEvent.keyCode == jQuery.sap.KeyCodes.SPACE)
			&& (oEvent.target.id === this.getId() + "-mn")) {
		this.handleOverflowButtonTriggered();
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};

/**
 * Does all the cleanup when the Toolbar is to be destroyed.
 * Called from the element's destroy() method.
 * @private
 */
sap.ui.commons.Toolbar.prototype.exit = function () {

	this.cleanup();

	// Remove the item navigation delegate
	if (this.oItemNavigation) {
		this.removeDelegate(this.oItemNavigation);
		this.oItemNavigation.destroy();
		delete this.oItemNavigation;
	}

	this.oItemDelegate = undefined;
	jQuery(window).unbind("resize", this.onwindowresize);

	// No super.exit() to call
};


/**
 * Called after rendering and after each actual change of visible items
 * in order to re-initialize item navigation
 * with the currently visible items. Update the visibility of the overflow button.
 *
 * @param bClearTabStops Whether the tab indices of all toolbar items should be set to -1
 * @private
 */
sap.ui.commons.Toolbar.prototype.updateAfterResize = function(bClearTabStops) {
	var visibleItemInfo = this.getVisibleItemInfo();

	// store to detect next change of visible items caused by resizing
	this._oLastVisibleItem = visibleItemInfo.oLastVisibleItem;
	this._oFirstInvisibleItem = visibleItemInfo.oFirstInvisibleItem;
	this._iLastVisibleItemTop = visibleItemInfo.iLastVisibleItemTop;

	// adapt the overflow and ItemNavigation
	this.updateItemNavigation(visibleItemInfo.iAllItemsBeforeBreak, bClearTabStops);
	this.updateOverflowIcon(visibleItemInfo.bOverflow);

	// no additional update needed
	if (this.sUpdateItemNavigationTimer) {
		jQuery.sap.clearDelayedCall(this.sUpdateItemNavigationTimer);
		this.sUpdateItemNavigationTimer = null;
	}
};


/**
 * Compares the current element positions with the last recorded ones to detect a change of visible items
 *
 * @private
 */
sap.ui.commons.Toolbar.prototype._detectVisibleItemCountChange = function() {
	// Stop the periodic overflow checker
	if (!this.getDomRef()) {
		if (this._detectVisibleItemCountChangeTimer) {
			jQuery.sap.clearDelayedCall(this._detectVisibleItemCountChangeTimer);
			this._detectVisibleItemCountChangeTimer = null;
		}
		return;
	}

	if (this._oLastVisibleItem && this._oFirstInvisibleItem) { // case 1: overflow was visible
		var lastLeft = this._oLastVisibleItem.offsetLeft;
		var firstLeft = this._oFirstInvisibleItem.offsetLeft;
		var lastTop = this._oLastVisibleItem.offsetTop;

		var bInvisibleHasMovedUp = this.bRtl ? (firstLeft < lastLeft) : (firstLeft > lastLeft);

		if ((lastTop != this._iLastVisibleItemTop)  // last visible item has moved into second line => less visible items
				|| (!this.bOpen && bInvisibleHasMovedUp)) { // first invisible item has moved to the right of the previously last visible one
			// (and there is no reason for it to move to the right when it is still in 2nd row or later
			// except for if the popup has just opened) so it is visible now
			// => more visible items
			if (this.bOpen) {
				this.closePopup(true);
			}
			this.updateAfterResize(false);
		}

	} else if (this._oLastVisibleItem && !this._oFirstInvisibleItem) { // case 2: overflow was NOT visible
		if (this._oLastVisibleItem.offsetTop != this._iLastVisibleItemTop) { // last visible item has moved into second line => less visible items
			// popup cannot be open, as there was no overflow, so there is no need to close it
			this.updateAfterResize(false);
		}

	} else if (!this._oLastVisibleItem && !this._oFirstInvisibleItem) { // case 3: no items at all
		// nothing to do

	} else {
		// should never happen, as there is always one visible item
		// don't log, as this is called several times per second...   jQuery.sap.log.warning("Toolbar " + this.getId() + ": illegal state");
	}

	this._observeVisibleItemCountChange(350);

	if (this.bFirstTime && this.bHasRightItems) {
		this.onrightsideresize();
		this.bFirstTime = false;
	}
};

sap.ui.commons.Toolbar.prototype._observeVisibleItemCountChange = function(i) {
	this._detectVisibleItemCountChangeTimer = jQuery.sap.delayedCall(i, this, "_detectVisibleItemCountChange");
};


/**
 * Initializes the ItemNavigation delegate with the visible items in the toolbar, so navigation
 * only happens among those. Optionally clears all tab stops, this is required to make the Tab key
 * navigate out of the Toolbar.
 *
 * ItemNavigation handles Tabindexes. But if TabStop is on now invisible item set it to last
 * visible one.
 *
 * @param iVisibleItems The number of currently visible toolbar items
 * @param bClearTabStops Whether the tab indices of all toolbar items should be set to -1
 * @private
 */
sap.ui.commons.Toolbar.prototype.updateItemNavigation = function(iAllItemsBeforeBreak, bClearTabStops) {
	this.oItemNavigation.setRootDomRef(this.oDomRef);
	var aItemDomRefs = [];

	var aLeftItems = this.getItems();
	for (var i = 0; i < iAllItemsBeforeBreak; i++) {
		var oDomRef = aLeftItems[i].getFocusDomRef();
		if (oDomRef) { // separators return null here
			aItemDomRefs.push(oDomRef);
		}
	}
	aItemDomRefs.push(this.oOverflowDomRef);
	
	this.iLeftItemDomRefCount = aItemDomRefs.length;
	
	var aRightItems = this.getRightItems();
	for (var i = 0; i < aRightItems.length; i++) {
		var oDomRef = aRightItems[i].getFocusDomRef();
		if (oDomRef) { // separators return null here
			aItemDomRefs.push(oDomRef);
		}
	}

	this.oItemNavigation.setItemDomRefs(aItemDomRefs);
	this.iItemDomRefCount = aItemDomRefs.length;

	// If called directly after rendering, also the remaining tabstops need to be cleared
	if (bClearTabStops) {
		for (var i = iAllItemsBeforeBreak; i < aLeftItems.length; i++) {
			var oDomRef = aLeftItems[i].getFocusDomRef();
			var $Item = jQuery(oDomRef);
			if (oDomRef && ($Item.attr("tabindex") == "0")) { // set tabindex to -1 only if already set to 0
				$Item.attr("tabIndex", -1);
			}
		}

		for (var i = 0; i < aRightItems.length; i++) {
			var oDomRef = aRightItems[i].getFocusDomRef();
			var $Item = jQuery(oDomRef);
			if (oDomRef && ($Item.attr("tabindex") == "0")) { // set tabindex to -1 only if already set to 0
				$Item.attr("tabIndex", -1);
			}
		}
	}
};


/**
 * Returns the number of toolbar items that are currently visible.
 * If the toolbar has not been rendered yet, value "0" is returned.
 * Requirement here is that every control has exactly one root HTML element.
 *
 * @return The number of toolbar items that are currently visible
 * @private
 */
sap.ui.commons.Toolbar.prototype.getVisibleItemInfo = function() {
	// Compute actual number of items currently hidden due to overflow
	var iVisibleItems = 0;
	if (this.oInnerRef) {
		var aElements = this.oInnerRef.childNodes;

		this.bRtl = sap.ui.getCore().getConfiguration().getRTL();

		/* Check for each item how far it is from the parent's left border:
		 * As long as the items are in the same row, this offset increases, but
		 * the first item with lower offset is the first item in the second row.
		 */
		var sOverflowMenuId = this.getId() + "-mn";
		var bLineBreak,
			oElement,
			currentOffsetWidth = 0,
			currentOffsetLeft,
			lastOffsetWidth,
			lastOffsetLeft = 0,
			oLastVisibleItem = null,
			oFirstInvisibleItem = null,
			iLastVisibleItemTop,
			iAllItemsBeforeBreak = 0,
			bOverflow = false; // default value is used when there are no items

		for (var i = 1,count = aElements.length; i < count; i++) {
			oElement = aElements[i];
			currentOffsetLeft = oElement.offsetLeft;

			// find out whether the current element is a line *below* the last element
			if (i == 1) {
				lastOffsetWidth = aElements[0].offsetWidth;
				lastOffsetLeft = aElements[0].offsetLeft;
			}
			if (this.bRtl) {
				currentOffsetWidth = oElement.offsetWidth;
				bLineBreak = (currentOffsetLeft + currentOffsetWidth >= lastOffsetLeft + lastOffsetWidth) ;
			} else {
				bLineBreak = (currentOffsetLeft <= lastOffsetLeft);
			}

			if (bLineBreak) {	

				// There was a line break, current i is the number of items that were in the first row
				iVisibleItems = i;
				
				// remember DomRefs and top distance of last visible item
				oLastVisibleItem = aElements[i-1];
				oFirstInvisibleItem = oElement;
				iLastVisibleItemTop = oLastVisibleItem.offsetTop;
				bOverflow = true;
				break;

			} else if (oElement.id == sOverflowMenuId) {
				// This is the overflow button, there was no line break
				iVisibleItems = i;
				// Therefore, iVisibleItems should be the total number of children minus 1 (the overflow menu)
				jQuery.sap.assert(iVisibleItems === (count-1), "visible items (" + iVisibleItems + ") must be one less than the items count (" + count + ")");
				oLastVisibleItem = aElements[i-1];
				oFirstInvisibleItem = null;
				iLastVisibleItemTop = oLastVisibleItem.offsetTop;
				bOverflow = false;
				break;

			} else {
				// Regular toolbar item, to the right of the last one, so just proceed
				lastOffsetLeft = currentOffsetLeft;
				lastOffsetWidth = currentOffsetWidth;
			}
		}

		// Get a real number of the all items that are not in the overflow incl.visible and hidden items
		var aLeftItems = this.getItems();
		var iLeftItemCount = aLeftItems.length;
		for (var i = 0; i < iLeftItemCount; i++) {
			if (aLeftItems[i].getDomRef() === oLastVisibleItem) {
				iAllItemsBeforeBreak = i + 1 ;
				break;
			}
		}
	}
	
	return {
		"count":iVisibleItems,
		"oLastVisibleItem": oLastVisibleItem,
		"oFirstInvisibleItem": oFirstInvisibleItem,
		"iLastVisibleItemTop": iLastVisibleItemTop,
		"iAllItemsBeforeBreak": iAllItemsBeforeBreak,
		"bOverflow": bOverflow
	};
};


/**
 * Modifies the visibility of the overflow button
 *
 * @param bOverflow whether the overflow button should be displayed
 * @private
 */
sap.ui.commons.Toolbar.prototype.updateOverflowIcon = function(bOverflow) {
	// set visibility of overflow button
	this.oOverflowDomRef.style.display = bOverflow || this.bOpen ? "block" : "none";
};


/**
 * Handle the click event on the menu open button.
 *
 * @param {jQuery.EventObject} oEvent The forwarded browser event
 * @private
 */
sap.ui.commons.Toolbar.prototype.onclick = function(oEvent) {
	if (oEvent.target.id === this.getId() + "-mn") {
		this.handleOverflowButtonTriggered();
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};


/**
 * Handle the arrow down event on the menu open button. This opens the popup, if closed.
 *
 * @param {jQuery.EventObject} oEvent The forwarded browser event
 * @private
 */
sap.ui.commons.Toolbar.prototype.onsapdown = function(oEvent) {
	if (oEvent.target.id === this.getId() + "-mn") {
		if(!this.bOpen) {
			this.handleOverflowButtonTriggered();
			oEvent.preventDefault();
			// Stop other events like sapnext to be processed afterwards
			oEvent.stopImmediatePropagation();
		}
	}
};


/**
 * Handle the arrow up event on the menu open button. This closes the popup, if open.
 *
 * @param {jQuery.EventObject} oEvent The forwarded browser event
 * @private
 */
sap.ui.commons.Toolbar.prototype.onsapup = function(oEvent) {
	if (oEvent.target.id === this.getId() + "-mn") {
		if(this.bOpen) {
			this.handleOverflowButtonTriggered();
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	}
};


/**
 * Initializes (if required) and opens/closes the overflow popup.
 *
 * @private
 */
sap.ui.commons.Toolbar.prototype.handleOverflowButtonTriggered = function() {
	// Initialize the popup
	if (!this.bPopupInitialized) {
		this.popup = new sap.ui.core.Popup(new sap.ui.commons.ToolbarOverflowPopup(this), false, true, true);

		this.bPopupInitialized = true;
	}

	// Open/close the overflow popup
	if(this.bOpen) {
		this.closePopup(false);
	} else {
		this.openPopup();
	}
};



/* POPUP functionality */

/**
 * Opens the overflow popup.
 *
 * @private
 */
sap.ui.commons.Toolbar.prototype.openPopup = function() {
	this.getRenderer().setActive(this);

	sap.ui.commons.ToolbarRenderer.fillOverflowPopup(this);
	this.popup.attachEvent("opened", this.handlePopupOpened, this);
	this.popup.attachEvent("closed", this.handlePopupClosed, this);

	// Register for window resize event during the popup is opened, so that the popup will be closed if the window is resized.
	jQuery(window).bind("resize", jQuery.proxy(this.onwindowresize, this));

	//Open popup with a little delay in IE8 to avoid focus calls when the popup is not yet opened
	var iDuration = jQuery.browser.msie && (jQuery.browser.version == "7.0" || jQuery.browser.version == "8.0") ? 1 : 0;
	this.popup.open(iDuration, sap.ui.core.Popup.Dock.EndTop, sap.ui.core.Popup.Dock.EndBottom, jQuery.sap.byId(this.getId() + "-mn"));
	this.bOpen = true;
};

sap.ui.commons.Toolbar.prototype.handlePopupOpened = function() {
	var aAllItems = this.getItems();
	var iItemCount = aAllItems.length;
	var iAllItemsBeforeBreak = this.getVisibleItemInfo().iAllItemsBeforeBreak;

	var aNavigableItems = [];
	for (var i = iAllItemsBeforeBreak; i < iItemCount; i++) {
		var oDomRef = aAllItems[i].getFocusDomRef();
		if (oDomRef) { // separators return null here
			aNavigableItems.push(oDomRef);
		}
	}

	// Init item navigation and set initial focus
	this.popup.getContent().initItemNavigation(aNavigableItems);
};

/**
 * Closes the overflow popup.
 *
 * @private
 */
sap.ui.commons.Toolbar.prototype.closePopup = function(bResetFocus) {
	this._bResetFocus = bResetFocus;
	this.popup.close();
	// We do not need to close the popup on window resize if it already closed
	jQuery(window).unbind("resize", this.onwindowresize);
};

sap.ui.commons.Toolbar.prototype.handlePopupClosed = function() {
	this.getRenderer().unsetActive(this);

	this.bOpen = false;
	sap.ui.commons.ToolbarRenderer.emptyOverflowPopup(this);

	// Cleanup tabindex again and re-initialize item navigation
	var iAllItemsBeforeBreak = this.getVisibleItemInfo().iAllItemsBeforeBreak;
	this.updateItemNavigation(iAllItemsBeforeBreak, true); // TODO: reinit only required if item navigation also used for popup
	if(this._bResetFocus) {
		this.oItemNavigation.focusItem(this.iLeftItemDomRefCount - 1);
	}
	this._bResetFocus = false;
};


// ****************************************************************
// Overwrite generated items handling
// ****************************************************************

/**
 * Prepares the given oCtrl for usage in a toolbar.
 * @param {sap.ui.core.Control} oCtrl The control instance whose focus info should be re-directed
 * @private
 */
sap.ui.commons.Toolbar.prototype.prepareFocusInfoRedirect = function(oCtrl) {
	//jQuery.sap.assert(oCtrl._orig_getFocusInfo === undefined);

	// Check if the toolbar item (Control) has already _orig_getFocusInfo and if yes, do not set it again
	if (oCtrl && !oCtrl._orig_getFocusInfo) {
		var sId = this.getId();
		var getFocusInfo = function() {
			return {id: sId, childInfo: this._orig_getFocusInfo()};
		};
		oCtrl._orig_getFocusInfo = oCtrl.getFocusInfo;
		oCtrl.getFocusInfo = getFocusInfo;
		var applyFocusInfo = function(oFocusInfo) {
			return this._orig_applyFocusInfo(oFocusInfo.childInfo);
		};
		oCtrl._orig_applyFocusInfo = oCtrl.applyFocusInfo;
		oCtrl.applyFocusInfo = applyFocusInfo;
	}
	return oCtrl;
};

/**
 * Cleans up the given oCtrl after usage in a toolbar. Will be used in remove* functions
 * @param {sap.ui.core.Control} oCtrl The control instance that should be reset to standard focus info
 * @private
 */
sap.ui.commons.Toolbar.prototype.cleanupFocusInfoRedirect = function(oCtrl) {
	//jQuery.sap.assert(oCtrl._orig_getFocusInfo !== undefined);
	//jQuery.sap.assert(typeof(oCtrl._orig_getFocusInfo) === "function");
	if (oCtrl) {
		oCtrl.getFocusInfo = oCtrl._orig_getFocusInfo;
		delete oCtrl._orig_getFocusInfo;
		delete oCtrl._orig_applyFocusInfo;
	}
	return oCtrl;
};

// Overwrite
sap.ui.commons.Toolbar.prototype.insertItem = function(oItem, iIndex) {
	this.insertAggregation("items", this.prepareFocusInfoRedirect(oItem), iIndex);

	oItem.addDelegate(this.oItemDelegate);

	return this;
};

// Overwrite
sap.ui.commons.Toolbar.prototype.addItem = function(oItem) {
	this.addAggregation("items", this.prepareFocusInfoRedirect(oItem));

	oItem.addDelegate(this.oItemDelegate);

	return this;
};

// Overwrite
sap.ui.commons.Toolbar.prototype.removeItem = function(vElement) {
	var tmp = this.removeAggregation("items", vElement);

	tmp.removeDelegate(this.oItemDelegate);

	return this.cleanupFocusInfoRedirect(tmp);
};

// Overwrite
sap.ui.commons.Toolbar.prototype.removeAllItems = function() {
	var aTmp = this.removeAllAggregation("items");
	for(var i = 0, iL = aTmp.length; i < iL; i++){
		aTmp[i] = this.cleanupFocusInfoRedirect(aTmp[i]);
		aTmp[i].removeDelegate(this.oItemDelegate);
	}
	return aTmp;
};

// Overwrite
sap.ui.commons.Toolbar.prototype.insertRightItem = function(oItem, iIndex) {
	this.insertAggregation("rightItems", this.prepareFocusInfoRedirect(oItem), iIndex);

	oItem.addDelegate(this.oItemDelegate);

	return this;
};

// Overwrite
sap.ui.commons.Toolbar.prototype.addRightItem = function(oItem) {
	this.addAggregation("rightItems", this.prepareFocusInfoRedirect(oItem));

	oItem.addDelegate(this.oItemDelegate);

	return this;
};

// Overwrite
sap.ui.commons.Toolbar.prototype.removeRightItem = function(vElement) {
	var tmp = this.removeAggregation("rightItems", vElement);

	tmp.removeDelegate(this.oItemDelegate);

	return this.cleanupFocusInfoRedirect(tmp);
};

// Overwrite
sap.ui.commons.Toolbar.prototype.removeAllRightItems = function() {
	var aTmp = this.removeAllAggregation("rightItems");
	for(var i = 0, iL = aTmp.length; i < iL; i++){
		aTmp[i] = this.cleanupFocusInfoRedirect(aTmp[i]);
		aTmp[i].removeDelegate(this.oItemDelegate);
	}
	return aTmp;
};

/**
 * Overwrite
 * @private
 */
sap.ui.commons.Toolbar.prototype.getFocusInfo = function () {
	var sId = this.getId();
	if(this.bOpen) {
		return {id: sId, childId: sId};
	}
	else {
		return {id: sId};
	}
};

/**
 * Overwrite
 * @private
 */
sap.ui.commons.Toolbar.prototype.applyFocusInfo = function (oFocusInfo) {
	if (oFocusInfo) {
		var sChildId = oFocusInfo.childId;
		if (this.bOpen && sChildId){
			if (sChildId === this.getId()) {
				return;
			}
			var oCtrl = sap.ui.getCore().getControl(sChildId);
			//else
			var oContent;
			if (oCtrl && this.popup && (oContent = this.popup.getContent()) &&
					jQuery.sap.containsOrEquals(oContent.getDomRef(), oCtrl.getDomRef())) {
				oContent.applyFocusInfo(oFocusInfo.childInfo);
				return;
			}
		}
	}
	this.focus();
};


//****************************************************************
//  ToolbarOverflowPopup
//****************************************************************

/**
 * ToolbarOverflowPopup is a slim element without metadata where the element is required for ItemNavigation
 * acting as dummy control. The control is required by Popup and wrapping the HTML rendered for the popup contents.
 *
 * @private
 * @name sap.ui.commons.ToolbarOverflowPopup
 * @function
 */
sap.ui.core.Element.extend("sap.ui.commons.ToolbarOverflowPopup", /** @lends sap.ui.commons.ToolbarOverflowPopup.prototype */ {

  constructor : function(oToolbar) {
  	this.oToolbar = oToolbar;
  	var sId = oToolbar.getId() + "-pu";

  	// Call super constructor
  	sap.ui.core.Element.call(this, sId);
  },

  /**
   * Initializes the ItemNavigation for this popup and focuses the first item
   *
   * @param aNavigableItems The DOM references of the toolbar items displayed in this popup
   * @private
   */
  initItemNavigation : function(aNavigableItems) {
  	// Initialize the ItemNavigation if required
  	if (!this.oItemNavigation) {
  		this.oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
  		this.addDelegate(this.oItemNavigation);
  	}

  	this.oItemNavigation.setRootDomRef(sap.ui.commons.ToolbarRenderer.getPopupArea(this.oToolbar));
  	this.oItemNavigation.setItemDomRefs(aNavigableItems);
  	this.oItemNavigation.focusItem(0);
  },

  /**
   * Called by the Popup, required to simulate a control inside the Popup when there is only some HTML.
   * The root of this HTML is returned here.
   *
   * @private
   */
  getDomRef : function() {
  	var oPu = sap.ui.commons.ToolbarRenderer.getPopupArea(this.oToolbar);
  	if (oPu) {
  		return oPu.parentNode;
  	} else {
  		return null;
  	}
  },

  /**
   * Called by the Popup.
   *
   * @private
   */
  isActive : function() {
  	return sap.ui.commons.ToolbarRenderer.getPopupArea(this.oToolbar) != null;
  },

  /**
   * Handle the onsapescape event on the overflow popup, this closes the popup
   *
   * @param {jQuery.EventObject} oEvent The forwarded browser event
   * @private
   */
  onsapescape : function(oEvent) {
  	this.oToolbar.closePopup(true);
  },

  /**
   * Handle the tab key event on the overflow popup, this closes the popup
   *
   * @param {jQuery.EventObject} oEvent the forwarded browser event
   * @private
   */
  // Should ideally advance to the next tab position but currently only focuses the overflow button again.
  onsaptabnext : function(oEvent) {
  	this.oToolbar.closePopup(true);
  	oEvent.preventDefault();
  	oEvent.stopPropagation();
  },

  /**
   * Handle the tab back key event on the overflow popup, this closes the popup
   *
   * @param {jQuery.EventObject} oEvent The forwarded browser event
   * @private
   */
    // Should ideally advance to the next tab position but currently only focuses the overflow button again.
  onsaptabprevious : function(oEvent) {
  	this.oToolbar.closePopup(true);
  	oEvent.preventDefault();
  	oEvent.stopPropagation();
  }

});

/**
 * Called if an item is rerendered to update the item navigation
 *
 * @private
 */
sap.ui.commons.Toolbar.prototype._itemRendered = function() {
	if (!this.sUpdateItemNavigationTimer) {
		this.sUpdateItemNavigationTimer = jQuery.sap.delayedCall(0, this, "updateAfterResize", [true])
	}
};


/**
 * Handles the window resize event.
 *
 * @param {jQuery.Event}  oEvent Event object
 * @private
 */
sap.ui.commons.Toolbar.prototype.onwindowresize = function(oEvent) {
	if (this.bOpen) {
		this.closePopup(true);
	}
};

/**
 * Handles the window resize event.
 *
 * @param {jQuery.Event}  oEvent Event object
 * @private
 */
sap.ui.commons.Toolbar.prototype.ontoolbarresize = function(oEvent) {
	if (this.bOpen) {
		this.closePopup(true);
	}
};

/**
 * Handles the right side resize event.
 *
 * @param {jQuery.Event}  oEvent Event object
 * @private
 */
sap.ui.commons.Toolbar.prototype.onrightsideresize = function() {

	// Proove if the Dom referece exist, and if not - clean up the references.
	if (!this.getDomRef()) {
		this.cleanup();
		return;
	}

	if (this.getRightItems().length > 0){
		var oRightRef = this.oDomRef.lastChild;
		var iRightSideWidth = oRightRef.offsetWidth;
		if (this.bRtl) {
			jQuery(this.oInnerRef).css("margin-left", (iRightSideWidth + 10) + "px");
		}
		else {
			jQuery(this.oInnerRef).css("margin-right", (iRightSideWidth + 10) + "px");
		}
		var oFirstItem = this.oDomRef.firstChild.firstChild.firstChild;
		var iOverflowWidth = jQuery.sap.domById(this.getId() + "-mn").offsetWidth;
		var iMinWidth = oFirstItem.offsetWidth + iRightSideWidth + iOverflowWidth + 20; // 20px is margin for overflow button and the last  visible item
		jQuery(this.oDomRef).css("min-width", iMinWidth + "px");
		jQuery(this.oInnerRef).css("visibility", "visible");
	}
};

/**
 * Clean up the control.
 *
 * @private
 */
sap.ui.commons.Toolbar.prototype.cleanup = function() {

	// stop the periodic overflow checker
	if (this._detectVisibleItemCountChangeTimer) {
		jQuery.sap.clearDelayedCall(this._detectVisibleItemCountChangeTimer);
		this._detectVisibleItemCountChangeTimer = null;
	}

	// stop the delay call of update itemNavigation because its updated onAfterRendering
	if (this.sUpdateItemNavigationTimer) {
		jQuery.sap.clearDelayedCall(this.sUpdateItemNavigationTimer);
		this.sUpdateItemNavigationTimer = null;
	}

	// Cleanup resize event registration before re-rendering
	if (this.sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
	
	if (this.sRightSideResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this.sRightSideResizeListenerId);
		this.sRightSideResizeListenerId = null;
	}

};

}; // end of sap.ui.commons.Toolbar
if ( !jQuery.sap.isDeclared('sap.ui.commons.ToolbarSeparator') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ToolbarSeparator.
jQuery.sap.declare("sap.ui.commons.ToolbarSeparator");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ToolbarSeparator.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getDisplayVisualSeparator displayVisualSeparator} : boolean (default: true)</li>
 * <li>{@link #getDesign design} : sap.ui.commons.ToolbarSeparatorDesign</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A small vertical line that is generally added to the tool bar between the items to visually separate them.
 * @extends sap.ui.core.Element
 * @implements sap.ui.commons.ToolbarItem
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ToolbarSeparator
 */
sap.ui.core.Element.extend("sap.ui.commons.ToolbarSeparator", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"displayVisualSeparator" : {type : "boolean", group : "Appearance", defaultValue : true},
		"design" : {type : "sap.ui.commons.ToolbarSeparatorDesign", group : "Misc", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ToolbarSeparator with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ToolbarSeparator.extend
 * @function
 */


/**
 * Getter for property <code>displayVisualSeparator</code>.
 * When set to false, there is no visual indication of separation by a vertical line but by a wider space.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>displayVisualSeparator</code>
 * @public
 * @name sap.ui.commons.ToolbarSeparator#getDisplayVisualSeparator
 * @function
 */

/**
 * Setter for property <code>displayVisualSeparator</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bDisplayVisualSeparator  new value for property <code>displayVisualSeparator</code>
 * @return {sap.ui.commons.ToolbarSeparator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ToolbarSeparator#setDisplayVisualSeparator
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * Design of the Separator.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.commons.ToolbarSeparatorDesign} the value of property <code>design</code>
 * @public
 * @name sap.ui.commons.ToolbarSeparator#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.commons.ToolbarSeparatorDesign} oDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.ToolbarSeparator} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ToolbarSeparator#setDesign
 * @function
 */


// Start of sap/ui/commons/ToolbarSeparator.js
sap.ui.commons.ToolbarSeparator.prototype.getFocusDomRef = function() {
	return undefined;
};
}; // end of sap.ui.commons.ToolbarSeparator
if ( !jQuery.sap.isDeclared('sap.ui.commons.Tree') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Tree.
jQuery.sap.declare("sap.ui.commons.Tree");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Tree.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTitle title} : string</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: 'auto')</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize (default: 'auto')</li>
 * <li>{@link #getShowHeader showHeader} : boolean (default: true)</li>
 * <li>{@link #getShowHeaderIcons showHeaderIcons} : boolean (default: true)</li>
 * <li>{@link #getShowHorizontalScrollbar showHorizontalScrollbar} : boolean (default: false)</li>
 * <li>{@link #getMinWidth minWidth} : sap.ui.core.CSSSize</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getNodes nodes} : sap.ui.commons.TreeNode[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Tree#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Simple tree to display item in a hierarchical way
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Tree
 */
sap.ui.core.Control.extend("sap.ui.commons.Tree", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"expandAll", "collapseAll"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"title" : {type : "string", group : "Misc", defaultValue : null},
		"width" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : 'auto'},
		"height" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : 'auto'},
		"showHeader" : {type : "boolean", group : "Misc", defaultValue : true},
		"showHeaderIcons" : {type : "boolean", group : "Misc", defaultValue : true},
		"showHorizontalScrollbar" : {type : "boolean", group : "Misc", defaultValue : false},
		"minWidth" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null}
	},
	defaultAggregation : "nodes",
	aggregations : {
    	"nodes" : {type : "sap.ui.commons.TreeNode", multiple : true, singularName : "node", bindable : "bindable"}
	},
	events : {
		"select" : {allowPreventDefault : true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Tree with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Tree.extend
 * @function
 */

sap.ui.commons.Tree.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>title</code>.
 * Tree title
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.commons.Tree#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#setTitle
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Tree width
 *
 * Default value is <code>auto</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.Tree#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>auto</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Tree height
 *
 * Default value is <code>auto</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.Tree#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is <code>auto</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#setHeight
 * @function
 */


/**
 * Getter for property <code>showHeader</code>.
 * Tree Header is display. If false, the tree will be in a transparent mode
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showHeader</code>
 * @public
 * @name sap.ui.commons.Tree#getShowHeader
 * @function
 */

/**
 * Setter for property <code>showHeader</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowHeader  new value for property <code>showHeader</code>
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#setShowHeader
 * @function
 */


/**
 * Getter for property <code>showHeaderIcons</code>.
 * Show Header icons (e.g. Expand/Collapse all). Only consider if showHeader is true
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showHeaderIcons</code>
 * @public
 * @name sap.ui.commons.Tree#getShowHeaderIcons
 * @function
 */

/**
 * Setter for property <code>showHeaderIcons</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowHeaderIcons  new value for property <code>showHeaderIcons</code>
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#setShowHeaderIcons
 * @function
 */


/**
 * Getter for property <code>showHorizontalScrollbar</code>.
 * Display horizontal scrollbar. If false, the overflow content will be hidden
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>showHorizontalScrollbar</code>
 * @public
 * @name sap.ui.commons.Tree#getShowHorizontalScrollbar
 * @function
 */

/**
 * Setter for property <code>showHorizontalScrollbar</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bShowHorizontalScrollbar  new value for property <code>showHorizontalScrollbar</code>
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#setShowHorizontalScrollbar
 * @function
 */


/**
 * Getter for property <code>minWidth</code>.
 * Minimal width for the Tree. Can be useful when, for example, the width is specified in percentage, to avoid the tree to become too narrow when container is resize
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>minWidth</code>
 * @public
 * @name sap.ui.commons.Tree#getMinWidth
 * @function
 */

/**
 * Setter for property <code>minWidth</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sMinWidth  new value for property <code>minWidth</code>
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#setMinWidth
 * @function
 */


/**
 * Getter for aggregation <code>nodes</code>.<br/>
 * First level nodes
 * 
 * @return {sap.ui.commons.TreeNode[]}
 * @public
 * @name sap.ui.commons.Tree#getNodes
 * @function
 */


/**
 * Inserts a node into the aggregation named <code>nodes</code>.
 *
 * @param {sap.ui.commons.TreeNode}
 *          oNode the node to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the node should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the node is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the node is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#insertNode
 * @function
 */

/**
 * Adds some node <code>oNode</code> 
 * to the aggregation named <code>nodes</code>.
 *
 * @param {sap.ui.commons.TreeNode}
 *            oNode the node to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#addNode
 * @function
 */

/**
 * Removes an node from the aggregation named <code>nodes</code>.
 *
 * @param {int | string | sap.ui.commons.TreeNode} vNode the node to remove or its index or id
 * @return {sap.ui.commons.TreeNode} the removed node or null
 * @public
 * @name sap.ui.commons.Tree#removeNode
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>nodes</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.TreeNode[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Tree#removeAllNodes
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.TreeNode</code> in the aggregation named <code>nodes</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.TreeNode}
 *            oNode the node whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Tree#indexOfNode
 * @function
 */
	

/**
 * Destroys all the nodes in the aggregation 
 * named <code>nodes</code>.
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#destroyNodes
 * @function
 */


/**
 * Binder for aggregation <code>nodes</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#bindNodes
 * @function
 */

/**
 * Unbinder for aggregation <code>nodes</code>.
 *
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#unbindNodes
 * @function
 */


/**
 * Event is fired when a tree node is selected. 
 *
 * @name sap.ui.commons.Tree#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.commons.TreeNode} oControlEvent.getParameters.node The node which has been selected.
 * @param {object} oControlEvent.getParameters.nodeContext The binding context of the selected node.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.commons.Tree</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Tree</code>.<br/> itself. 
 *  
 * Event is fired when a tree node is selected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Tree</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.commons.Tree</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Tree} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Tree#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'node' of type <code>sap.ui.commons.TreeNode</code> The node which has been selected.</li>
 * <li>'nodeContext' of type <code>object</code> The binding context of the selected node.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.commons.Tree#fireSelect
 * @function
 */


/**
 * Expands all nodes in the tree
 *
 * @name sap.ui.commons.Tree.prototype.expandAll
 * @function

 * @type void
 * @public
 */


/**
 * Collapses all nodes in the tree
 *
 * @name sap.ui.commons.Tree.prototype.collapseAll
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/Tree.js
sap.ui.commons.Tree.prototype.resizeListenerId;

sap.ui.commons.Tree.prototype.init = function(){
   this.bAllCollapsed = false;
   this.allowTextSelection(false);

   this.oSelectedNode = null;
   this.oSelectedContext = null;

   this.iOldScrollTop = null;

   //Create Buttons for Header
	var sIconPrefix		= jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme();

	if(!sap.ui.getCore().getConfiguration().getRTL()){
		sIconPrefix		+= "/img/tree/";
	}
	else{
		sIconPrefix		+= "/img-RTL/tree/";
	}

	var oResourceBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
	this.oCollapseAllButton = new sap.ui.commons.Button(this.getId() + "-CollapseAll", { icon: sIconPrefix + "CollapseAll.png", tooltip: oResourceBundle.getText("TREE_COLLAPSE_ALL"), lite: true });
	this.oExpandAllButton	= new sap.ui.commons.Button(this.getId() + "-ExpandAll", { icon: sIconPrefix + "ExpandAll.png", tooltip: oResourceBundle.getText("TREE_EXPAND_ALL"), lite: true });
	this.oCollapseAllButton.attachPress(this.onCollapseAll,this);
	this.oExpandAllButton.attachPress(this.onExpandAll,this);
	this.oCollapseAllButton.addStyleClass("sapUiTreeCol");
	this.oExpandAllButton.addStyleClass("sapUiTreeExp");
};

/**
 * Does all the cleanup when the Tree is to be destroyed.
 * Called from the element's destroy() method.
 * @private
 */
sap.ui.commons.Tree.prototype.exit = function(){
	if ( this.oCollapseAllButton ) {
		this.oCollapseAllButton.destroy();
		this.oCollapseAllButton = null;
	}
	if ( this.oExpandAllButton ) {
		this.oExpandAllButton.destroy();
		this.oExpandAllButton = null;
	}
};

/***********************************************************************************
* EVENTS HANDLING
***********************************************************************************/


/** Handler for "Expand All" button.
 * @private
 */
sap.ui.commons.Tree.prototype.onExpandAll = function(){
	this.expandAll();
};

/**Handler for "Collapse All" button.
 * @private
 */
sap.ui.commons.Tree.prototype.onCollapseAll = function(){
	this.collapseAll();
};

/*"*********************************************************************************
* PUBLIC METHODS
***********************************************************************************/
sap.ui.commons.Tree.prototype.expandAll = function(){
	var aNodes = this.getNodes();
	for(var i=0;i<aNodes.length;i++){
		aNodes[i].expand(true);
	}
};

sap.ui.commons.Tree.prototype.collapseAll = function(){
	var aNodes = this.getNodes();
	for(var i=0;i<aNodes.length;i++){
		aNodes[i].collapse(true);
	}
};

/***********************************************************************************
* KEYBOARD NAVIGATION
***********************************************************************************/
/**
* DOWN key behavior
* Opens the section or activates the UI element on DOWN key
* @private
* @param oEvent Browser event
*/
sap.ui.commons.Tree.prototype.onsapdown = function(oEvent){
	this.moveFocus(false);
	oEvent.preventDefault();
};

/**
* UP key behavior
* Opens the section or activates the UI element on UP key
* @private
* @param oEvent Browser event
*/
sap.ui.commons.Tree.prototype.onsapup = function(oEvent){
	this.moveFocus(true);
	oEvent.preventDefault();
};

/**
 * The general HOME key event of the tree
 * @private
 * @param {event} oEvent The saphome event object
 */
sap.ui.commons.Tree.prototype.onsaphome = function(oEvent) {
	var oDomNode = oEvent.srcElement ?  oEvent.srcElement : oEvent.target;
	this.placeFocus(this.getFirstSibling(oDomNode));
	oEvent.preventDefault();
};

/**
 * The general CTRL+HOME key event of the tree
 * @private
 * @param {event} oEvent The saphome event object
 */
sap.ui.commons.Tree.prototype.onsaphomemodifiers = function(oEvent) {
	this.placeFocus(this.getFirst());
	oEvent.preventDefault();
};

/**
 * The general END key event of the tree
 * @private
 * @param {event} oEvent The sapend event object
 */
sap.ui.commons.Tree.prototype.onsapend = function(oEvent) {
	var oDomNode = oEvent.srcElement ?  oEvent.srcElement : oEvent.target;
	this.placeFocus(this.getLastSibling(oDomNode));
	oEvent.preventDefault();
};

/**
 * The general CTRL+END key event of the tree
 * @private
 * @param {event} oEvent The sapend event object
 */
sap.ui.commons.Tree.prototype.onsapendmodifiers = function(oEvent) {
	this.placeFocus(this.getLast());
	oEvent.preventDefault();
};

/**
 * The numpad STAR(*) key event of the tree
 * @private
 * @param {event} oEvent The sapcollapseall event object
 */
sap.ui.commons.Tree.prototype.onsapcollapseall = function(oEvent) {

	if(this.bAllCollapsed ){
		this.expandAll();
	}
	else{
		this.collapseAll();
	}

	this.bAllCollapsed = !this.bAllCollapsed;
};

/***********************************************************************************
* HELPER METHODS - DOM NAVIGATION
***********************************************************************************/

/**Returns the first Sibling tree node based on DOM Tree node provided
 * @param oDomNode The DOM Tree node from which calculate the first sibling
 * @returns The first sibling tree node
 * @private
*/
sap.ui.commons.Tree.prototype.getFirstSibling = function(oDomNode) {
	var aDomFirstSiblingNode	= jQuery(oDomNode).siblings(".sapUiTreeNode:visible").first();

	if(aDomFirstSiblingNode.length){
		return aDomFirstSiblingNode[0];
	}
	return null;
};

/**Returns the last Sibling tree node based on DOM Tree node provided
 * @param oDomNode The DOM Tree node from which calculate the last sibling
 * @returns The last sibling tree node
 * @private
*/
sap.ui.commons.Tree.prototype.getLastSibling= function(oDomNode) {
	var aDomLastSiblingNode	= jQuery(oDomNode).siblings(".sapUiTreeNode:visible").last();

	if(aDomLastSiblingNode.length){
		return aDomLastSiblingNode[0];
	}
	return null;
};

/**Returns the first tree node of the tree. Children of collapsed nodes (hidden) are not considered.
 * @returns The first tree node
 * @private
*/
sap.ui.commons.Tree.prototype.getFirst = function() {
	var aDomFirstNode		= jQuery.sap.byId(this.getId()).find(".sapUiTreeNode:visible").first();

	if(aDomFirstNode.length){
		return aDomFirstNode[0];
	}
	return null;
};

/**Returns the last tree node of the tree. Children of collapsed nodes (hidden) are not considered.
 * @returns The last tree node
 * @private
*/
sap.ui.commons.Tree.prototype.getLast = function() {
	var aDomLastNode		= jQuery.sap.byId(this.getId()).find(".sapUiTreeNode:visible").last();

	if(aDomLastNode.length){
		return aDomLastNode[0];
	}
	return null;

};

/***********************************************************************************
* HELPER METHODS - FOCUS MANAGEMENT
***********************************************************************************/

/**
 * Move the focus by one position, either UP or DOWN depending of "bMoveUp"
 * @param bMoveUp When true the focus is move up. Otherwise, it's moved down
 * @private
 */
sap.ui.commons.Tree.prototype.moveFocus = function(bMoveUp){
   var afocusedNodeDom	= jQuery(".sapUiTreeNode:focus");
   if(afocusedNodeDom.length){

	   var oCurrNode = sap.ui.getCore().getControl(afocusedNodeDom[0].id)
;
	   var aDomAllNodes = jQuery.sap.byId(this.getId()).find(".sapUiTreeNode:visible");
	   var currIndex	= aDomAllNodes.index(afocusedNodeDom[0]);

	   var nextIndex = currIndex;
	   if(bMoveUp){
		   nextIndex--;
	   }
	   else{
		   nextIndex++;
	   }

	   if(nextIndex >= 0 && nextIndex < aDomAllNodes.length){
			var oDomNextNode	= aDomAllNodes.eq( nextIndex );
			var oNextNode = sap.ui.getCore().getControl(oDomNextNode[0].id);
			oCurrNode.blur();
			oNextNode.focus();
	   }
	}

};

/**Adjusts the focus after a node is collapsed. This is necessary as the currently focused node can then be hidden,
 * leading the tree not being focusable anymore.
 *
 * When the focusable is being hid by the collapsing of its parent, the focus is then set on this parent.
 *
 * @private
 */
sap.ui.commons.Tree.prototype.adjustFocus = function(){

	var oFocusableNode = jQuery.sap.byId(this.getId()).find('.sapUiTreeNode[tabIndex="0"]');

	if(!oFocusableNode.is(':visible')){


		var aDomAllNodes		= jQuery.sap.byId(this.getId()).find(".sapUiTreeNode");
		var focusIndex			= aDomAllNodes.index(oFocusableNode[0]);
		var aDomPrecedingNodes	= aDomAllNodes.filter(":lt("+focusIndex+")");
		var aDomVisiblePrecedingNodes = aDomPrecedingNodes.filter(":visible");
		var oNewFocusNode		= aDomVisiblePrecedingNodes[aDomVisiblePrecedingNodes.length-1];

		oNewFocusNode.setAttribute("tabindex", "0");

		if( jQuery(".sapUiTreeNode:focus").is(":not(:visible)")){
			oNewFocusNode.focus();
		}

	}

};

/**Places the focus on the node corresponding to given DOM Tree Node
 * @param oDomTargetNode The DOM Tree Node corresponding to the node to focus
 * @private
 */
sap.ui.commons.Tree.prototype.placeFocus = function(oDomTargetNode){

	if(!oDomTargetNode){
		return; //No Target node provided!
	}

	var oDomfocusedNode	= jQuery.sap.byId(this.getId()).find(".sapUiTreeNode[tabIndex='0']");
	if(oDomfocusedNode.length){
		oDomfocusedNode[0].setAttribute("tabindex", "-1");
	}

	oDomTargetNode.setAttribute("tabindex", "0");
	var oTargetNode = sap.ui.getCore().getControl(oDomTargetNode.id);
	oTargetNode.focus();
};

/***********************************************************************************
* HELPER METHODS - SELECTION MANAGEMENT
***********************************************************************************/
/**Adjusts the selection, when expanding, by re-selecting a children node when the expanded node was
   selected only to reprensented the selection of a children node
 * @param oExpandingDomNode The Node being expanded
 * @private
 */
sap.ui.commons.Tree.prototype.adjustSelectionOnExpanding = function(oExpandingDomNode) {

	var $Tree = this.$(),
		$ExpandingDomNode = jQuery(oExpandingDomNode),
		$DomSelectedNode,
		$DomParent;

	//Current node is a fake selection, remove it. A child will be either another fake selection or an actual one.
	if($ExpandingDomNode.hasClass("sapUiTreeNodeSelectedParent")) {
		$ExpandingDomNode.removeClass("sapUiTreeNodeSelectedParent");
	}

	//If the actual selection now visible, remove all fake ones
	var $DomActualSelection = $Tree.find(".sapUiTreeNodeSelected:visible");
	if ($DomActualSelection.length){
		$Tree.find(".sapUiTreeNodeSelectedParent").removeClass("sapUiTreeNodeSelectedParent");
	}
	else {
		$DomSelectedNode = $Tree.find(".sapUiTreeNodeSelected");

		//Find first visible parent node
		$DomParent = $DomSelectedNode.parent(".sapUiTreeChildrenNodes").prev(".sapUiTreeNode");

		while ($DomParent.length && !$DomParent.is(":visible")) {
			$DomParent = $DomParent.parent(".sapUiTreeChildrenNodes").prev(".sapUiTreeNode");
		}
		$DomParent.addClass("sapUiTreeNodeSelectedParent");
	}
};

/**Adjusts the selection, when collapsing, selecting a parent when the actual selected node is
 * not visible.
 * @param oDomCollapsingNode The Node being expanded
 * @private
 */
sap.ui.commons.Tree.prototype.adjustSelectionOnCollapsing = function(oDomCollapsingNode){

	var $DomCollapsingNode = jQuery(oDomCollapsingNode),
		sChildrenId = "#" + $DomCollapsingNode.attr("id") + "-children",
		$DomActualSelSubNode = $DomCollapsingNode.siblings(sChildrenId).find(".sapUiTreeNodeSelected"),
		$DomParentSelSubNode = $DomCollapsingNode.siblings(sChildrenId).find(".sapUiTreeNodeSelectedParent");

	if($DomActualSelSubNode.length || $DomParentSelSubNode.length){
		$DomCollapsingNode.addClass("sapUiTreeNodeSelectedParent");

		if($DomParentSelSubNode.length){
			$DomParentSelSubNode.removeClass("sapUiTreeNodeSelectedParent");
		}
	}

};

/**
 * override this method on Element.js and return true if tree binding
 * @private
 */
sap.ui.commons.Tree.prototype.isTreeBinding = function(sName) {
	return (sName == "nodes");
};

/**
 * override element updateAggregation method with this one and update the tree node bindings
 * @private
 */
sap.ui.commons.Tree.prototype.updateNodes = function(){
	var sId = this.oSelectedNode && this.oSelectedNode.getId(), 
		oNode;
	this.oSelectedNode = null;
	this.oSelectedContext = null;
	this.updateAggregation("nodes");
	if (sId) {
		oNode = sap.ui.getCore().byId(sId);
		this.setSelection(oNode, true);
 	}
};

/**Returns the selected node in the tree. If not selection, returns false.
 * @returns The selected node
 * @private
 */
sap.ui.commons.Tree.prototype.getSelection = function(){
	return this.oSelectedNode;
};

/**Sets the selected node reference of the Tree
 * @private
 */
sap.ui.commons.Tree.prototype.setSelection = function(oNode, bSuppressEvent){
	var bDoSelect = true;

	if (!bSuppressEvent) {
		bDoSelect = this.fireSelect({
			node: oNode,
			nodeContext: oNode && oNode.getBindingContext()
		});
	}
		
	if (bDoSelect) {
		if (this.oSelectedNode) {
			this.oSelectedNode.deselect();
		}
		if (oNode) {
			oNode.select(bSuppressEvent);
		}
		this.oSelectedNode = oNode;
		this.oSelectedContext = oNode && oNode.getBindingContext();
	}
};

/**Rerendering handling. Sets the scroll position so that the selected node stays on the position it 
 * was before rerendering, for example after the expand and adding the nodes dynamically.
 * @private
 */
sap.ui.commons.Tree.prototype.onAfterRendering = function () {
	if (this.iOldScrollTop) {
		jQuery.sap.byId(this.getId() + "-TreeCont").scrollTop(this.iOldScrollTop);
	}
};

/**Rerendering handling. Remembers the scroll position of the selected node.
 * @private
 */
sap.ui.commons.Tree.prototype.onBeforeRendering = function() {
	this.iOldScrollTop = jQuery.sap.byId(this.getId() + "-TreeCont").scrollTop();
};

}; // end of sap.ui.commons.Tree
if ( !jQuery.sap.isDeclared('sap.ui.commons.TreeNode') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.TreeNode.
jQuery.sap.declare("sap.ui.commons.TreeNode");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new TreeNode.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getExpanded expanded} : boolean (default: true)</li>
 * <li>{@link #getHasExpander hasExpander} : boolean (default: false)</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getIsSelected isSelected} : boolean (default: false)</li>
 * <li>{@link #getSelectable selectable} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getNodes nodes} : sap.ui.commons.TreeNode[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.TreeNode#event:toggleOpenState toggleOpenState} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.TreeNode#event:selected selected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Tree node element
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.TreeNode
 */
sap.ui.core.Element.extend("sap.ui.commons.TreeNode", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"select", "expand", "collapse"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "Misc", defaultValue : null},
		"expanded" : {type : "boolean", group : "Misc", defaultValue : true},
		"hasExpander" : {type : "boolean", group : "Misc", defaultValue : false},
		"icon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"isSelected" : {type : "boolean", group : "Misc", defaultValue : false},
		"selectable" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	defaultAggregation : "nodes",
	aggregations : {
    	"nodes" : {type : "sap.ui.commons.TreeNode", multiple : true, singularName : "node"}
	},
	events : {
		"toggleOpenState" : {}, 
		"selected" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.TreeNode with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.TreeNode.extend
 * @function
 */

sap.ui.commons.TreeNode.M_EVENTS = {'toggleOpenState':'toggleOpenState','selected':'selected'};


/**
 * Getter for property <code>text</code>.
 * Node text
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.TreeNode#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#setText
 * @function
 */


/**
 * Getter for property <code>expanded</code>.
 * Node is expanded
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>expanded</code>
 * @public
 * @name sap.ui.commons.TreeNode#getExpanded
 * @function
 */

/**
 * Setter for property <code>expanded</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bExpanded  new value for property <code>expanded</code>
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#setExpanded
 * @function
 */


/**
 * Getter for property <code>hasExpander</code>.
 * Should the node has an expander.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>hasExpander</code>
 * @public
 * @name sap.ui.commons.TreeNode#getHasExpander
 * @function
 */

/**
 * Setter for property <code>hasExpander</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bHasExpander  new value for property <code>hasExpander</code>
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#setHasExpander
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * Icon to display in front of the node
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.commons.TreeNode#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#setIcon
 * @function
 */


/**
 * Getter for property <code>isSelected</code>.
 * Node is selected
 * 
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>isSelected</code>
 * @public
 * @name sap.ui.commons.TreeNode#getIsSelected
 * @function
 */

/**
 * Setter for property <code>isSelected</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bIsSelected  new value for property <code>isSelected</code>
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#setIsSelected
 * @function
 */


/**
 * Getter for property <code>selectable</code>.
 * The node is selectable. If true, clicking on the node text triggers "selected" event
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>selectable</code>
 * @public
 * @name sap.ui.commons.TreeNode#getSelectable
 * @function
 */

/**
 * Setter for property <code>selectable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bSelectable  new value for property <code>selectable</code>
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#setSelectable
 * @function
 */


/**
 * Getter for aggregation <code>nodes</code>.<br/>
 * Subnodes for the current node
 * 
 * @return {sap.ui.commons.TreeNode[]}
 * @public
 * @name sap.ui.commons.TreeNode#getNodes
 * @function
 */


/**
 * Inserts a node into the aggregation named <code>nodes</code>.
 *
 * @param {sap.ui.commons.TreeNode}
 *          oNode the node to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the node should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the node is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the node is inserted at 
 *             the last position        
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#insertNode
 * @function
 */

/**
 * Adds some node <code>oNode</code> 
 * to the aggregation named <code>nodes</code>.
 *
 * @param {sap.ui.commons.TreeNode}
 *            oNode the node to add; if empty, nothing is inserted
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#addNode
 * @function
 */

/**
 * Removes an node from the aggregation named <code>nodes</code>.
 *
 * @param {int | string | sap.ui.commons.TreeNode} vNode the node to remove or its index or id
 * @return {sap.ui.commons.TreeNode} the removed node or null
 * @public
 * @name sap.ui.commons.TreeNode#removeNode
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>nodes</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.TreeNode[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.TreeNode#removeAllNodes
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.TreeNode</code> in the aggregation named <code>nodes</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.TreeNode}
 *            oNode the node whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.TreeNode#indexOfNode
 * @function
 */
	

/**
 * Destroys all the nodes in the aggregation 
 * named <code>nodes</code>.
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#destroyNodes
 * @function
 */


/**
 * Node state has changed. 
 *
 * @name sap.ui.commons.TreeNode#toggleOpenState
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {boolean} oControlEvent.getParameters.opened Node has been opened if true
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'toggleOpenState' event of this <code>sap.ui.commons.TreeNode</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.TreeNode</code>.<br/> itself. 
 *  
 * Node state has changed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.TreeNode</code>.<br/> itself.
 *
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#attachToggleOpenState
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'toggleOpenState' event of this <code>sap.ui.commons.TreeNode</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#detachToggleOpenState
 * @function
 */

/**
 * Fire event toggleOpenState to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'opened' of type <code>boolean</code> Node has been opened if true</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.TreeNode#fireToggleOpenState
 * @function
 */


/**
 * Node is selected 
 *
 * @name sap.ui.commons.TreeNode#selected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'selected' event of this <code>sap.ui.commons.TreeNode</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.TreeNode</code>.<br/> itself. 
 *  
 * Node is selected 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.TreeNode</code>.<br/> itself.
 *
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#attachSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'selected' event of this <code>sap.ui.commons.TreeNode</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TreeNode#detachSelected
 * @function
 */

/**
 * Fire event selected to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.TreeNode#fireSelected
 * @function
 */


/**
 * Select the node, and if any, deselects the previously selected node
 *
 * @name sap.ui.commons.TreeNode.prototype.select
 * @function

 * @type void
 * @public
 */


/**
 * Expands the node
 *
 * @name sap.ui.commons.TreeNode.prototype.expand
 * @function

 * @type void
 * @public
 */


/**
 * Collapses the node
 *
 * @name sap.ui.commons.TreeNode.prototype.collapse
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/TreeNode.js
sap.ui.commons.TreeNode.ANIMATION_DURATION	 = 600;

//***********************************************************************************
//* PUBLIC METHODS
//***********************************************************************************

/**Expands the node
 * @public
 */

sap.ui.commons.TreeNode.prototype.expand = function(bExpandChildren){

	var oDomNode = jQuery.sap.byId(this.getId());

	if(oDomNode.hasClass("sapUiTreeNodeCollapsed")){
		//If not, not an expandable node
		oDomNode.toggleClass("sapUiTreeNodeCollapsed");
		oDomNode.toggleClass("sapUiTreeNodeExpanded");

		var oDomChildrenNodes = jQuery.sap.byId(this.getId() + "-children");
		if(oDomChildrenNodes){
			oDomChildrenNodes.stop(true, true);
			oDomChildrenNodes.show(sap.ui.commons.TreeNode.ANIMATION_DURATION,this.getCallbackFunction(this,oDomNode,false));
		}
		oDomNode.attr("aria-expanded", "true");
		this.fireToggleOpenState({opened:true});

	}
	//Change property anyway. (Even if node has no expander)
	this.setProperty("expanded", true, true); //Suppress Re-rendering

	if(bExpandChildren){
		var aNodes = this.getNodes();
		for(var i=0;i<aNodes.length;i++){
			aNodes[i].expand(bExpandChildren);
		}
	}

};



/**Collapses the node
 * @public
 */
sap.ui.commons.TreeNode.prototype.collapse = function(bCollapseChildren){

	var oDomNode = jQuery.sap.byId(this.getId());

	if(oDomNode.hasClass("sapUiTreeNodeExpanded")){
		//If not, not a collapsable node

		oDomNode.toggleClass("sapUiTreeNodeCollapsed");
		oDomNode.toggleClass("sapUiTreeNodeExpanded");

		var oDomChildrenNodes = jQuery.sap.byId(this.getId() + "-children");
		if(oDomChildrenNodes){
			oDomChildrenNodes.stop(true, true);
			oDomChildrenNodes.hide(sap.ui.commons.TreeNode.ANIMATION_DURATION,this.getCallbackFunction(this,oDomNode,true));
		}
		oDomNode.attr("aria-expanded", "false");
		this.fireToggleOpenState({opened:false});

	}
	//Change property anyway. (Even if node has no expander)
	this.setProperty("expanded", false, true); //Suppress Re-rendering

	if(bCollapseChildren){
		var aNodes = this.getNodes();
		for(var i=0;i<aNodes.length;i++){
			aNodes[i].collapse(bCollapseChildren);
		}
	}

};

/**Select the node, and if any, deselects the previously selected node
 * @public
 */
sap.ui.commons.TreeNode.prototype.select = function(bSuppressEvent) {
	var oTree = this.getTree(),
		$Tree;

	this.setProperty("isSelected", true, true);

	// If not connected to a tree or not rendered yet, return here
	if (!oTree || !this.getDomRef()) {
		return;
	}

	$Tree = oTree.$();

	//Remove selection elsewhere
	var oDomSelectedNode = $Tree.find(".sapUiTreeNodeSelected");
	oDomSelectedNode.removeClass("sapUiTreeNodeSelected").removeAttr("aria-selected");
	$Tree.find(".sapUiTreeNodeSelectedParent").removeClass("sapUiTreeNodeSelectedParent");

	if(oDomSelectedNode.length){
		//Any Selection found
		var oSelectedNode = sap.ui.getCore().getControl(oDomSelectedNode[0].id);
		oSelectedNode.setProperty("isSelected", false, true); //Suppress Re-rendering
	}

	//Set selection on clicked node
	jQuery.sap.byId(this.getId()).closest(".sapUiTreeNode").addClass("sapUiTreeNodeSelected").attr("aria-selected", "true");

	if (!bSuppressEvent) {
		this.fireSelected();
	}

	this.scrollIntoView();

};

//***********************************************************************************
//* SELECTION PRIVATE METHODS
//***********************************************************************************

/**Deselect the node
 * @private
 */
sap.ui.commons.TreeNode.prototype.deselect = function(bSuppressEvent) {
	var oTree = this.getTree();

	this.setProperty("isSelected", false, true);

	// If not connected to a tree or not rendered yet, return here
	if (!oTree || !this.getDomRef()) {
		return;
	}

	this.$().removeClass("sapUiTreeNodeSelected").removeAttr("aria-selected");
};

/**Returns true if the node has a selected child node, which is not visible
 * @returns True if the node has such child node
 * @private
 */
sap.ui.commons.TreeNode.prototype.hasSelectedHiddenChild = function(){
	var aNodes = this.getNodes();
	for(var i=0;i<aNodes.length;i++){

		if((!aNodes[i].isVisible() && aNodes[i].getIsSelected()) || aNodes[i].hasSelectedHiddenChild()){
			return true;
		}
	}
	return false;
};

/**
 * Redefinition of Setter for property <code>isSelected</code> for validation purpose
 *
 * Default value is empty/<code>undefined</code>
 *
 * @param {boolean} bIsSelected  new value for property <code>isSelected</code>
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TreeNode.prototype.setIsSelected = function(bIsSelected) {

	if(!this.getSelectable()){
		//Node is not selectable.
		return this;
	}

	if (bIsSelected) {
		this.select(true);
	}
	else {
		this.deselect();
	}
	return this;
};

/**
 * Redefinition of Setter for property <code>selectable</code> for validation purpose.
 *
 * Default value is <code>true</code>
 *
 * @param {boolean} bSelectable  new value for property <code>selectable</code>
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TreeNode.prototype.setSelectable = function(bSelectable) {

	if(!bSelectable && this.getIsSelected()){
		//Setting the node to not selectable: remove selection
		this.setIsSelected(false);
	}

	this.setProperty("selectable", bSelectable);
	return this;
};

//***********************************************************************************
//* EVENTS HANDLING
//***********************************************************************************

/** The mouse click event, which will expand/collapse the node
 * @param {event} oEvent The click event object
 * @private
 */
sap.ui.commons.TreeNode.prototype.onclick = function(oEvent){

  var oDomClicked = oEvent.target;

  if(jQuery(oDomClicked).is(".sapUiTreeNode") || jQuery(oDomClicked).is(".sapUiTreeNodeNotSelectable") ){
	  //When user click a Not-Selectable node text, it behaves as clicking on the node itself
	  if(jQuery(oDomClicked).is(".sapUiTreeNodeNotSelectable")){
		  //Get the node itself
		  oDomClicked = jQuery(oDomClicked).closest(".sapUiTreeNode")[0];
	  }

	  //Expand/Collapse
	  if(jQuery(oDomClicked).hasClass("sapUiTreeNodeExpanded")){
		  this.collapse();
	  }
	  else{
		  this.expand();
	  }

	  this.getTree().placeFocus(oDomClicked);
	  oDomClicked.focus();

  }
  else if(jQuery(oDomClicked).is(".sapUiTreeNodeContent") || jQuery(oDomClicked).is(".sapUiTreeIcon")){

	  this.getTree().setSelection(this);

	  //Set focus
	  oDomClicked = jQuery(oDomClicked).closest(".sapUiTreeNode")[0];
	  this.getTree().placeFocus(oDomClicked);
	  oDomClicked.focus();
  }

};

//***********************************************************************************
//* KEYBOARD NAVIGATION
//***********************************************************************************
/** The generic selection event (ENTER or SPACE)
* @param {event} oEvent The sapselect event object
 * @private
 */
sap.ui.commons.TreeNode.prototype.onsapselect = function(oEvent){

	if(this.getSelectable()){
		this.getTree().setSelection(this);
	}
	else if(this.getExpanded()){
		this.collapse();
	}
	else{
		this.expand();
	}


};

/**
 * The numpad + key event, which will expand the current node
 * @param {event} oEvent The sapexpand event object
 * @private
 */
sap.ui.commons.TreeNode.prototype.onsapexpand = function(oEvent) {
	this.expand();
};

/**
 * The numpad - key event, which will expand the current node
 * @private
 * @param {event} oEvent The sapcollapse event object
 */
sap.ui.commons.TreeNode.prototype.onsapcollapse = function(oEvent) {
	this.collapse();

};

/**
* LEFT key behavior
* Opens the section or activates the UI element on LEFT key
* @private
* @param oEvent Browser event
*/
sap.ui.commons.TreeNode.prototype.onsapleft = function(oEvent){
	if (sap.ui.getCore().getConfiguration().getRTL()) {
		this.expand();
	}
	else {
		this.collapse();
	}
	oEvent.preventDefault();
};

/**
* RIGHT key behavior
* Opens the section or activates the UI element on RIGHT key
* @private
* @param oEvent Browser event
*/
sap.ui.commons.TreeNode.prototype.onsapright = function(oEvent){
	if (sap.ui.getCore().getConfiguration().getRTL()) {
		this.collapse();
	}
	else {
		this.expand();
	}
	oEvent.preventDefault();
};

//***********************************************************************************
//* FOCUS HANDLING
//***********************************************************************************

/**Focuses the node
 * @private
 */
sap.ui.commons.TreeNode.prototype.focus = function () {
	var domFocus = this.getFocusDomRef();
	if(domFocus){
		domFocus.setAttribute("tabindex", "0");
		domFocus.focus();
	}
};

/**Removes focus from the node
 * @private
 */
sap.ui.commons.TreeNode.prototype.blur = function () {
	var domFocus = this.getFocusDomRef();
	if(domFocus){
		domFocus.setAttribute("tabindex", "-1");
	}
};



//***********************************************************************************
//* HELPER METHODS
//***********************************************************************************

/** Returns the parent tree control. Not necessarily the direct parent if the node is a subnode.
 * @returns The parent tree control
 * @private
 */
sap.ui.commons.TreeNode.prototype.getTree = function() {
	var parent = this.getParent();

	while(parent instanceof sap.ui.commons.TreeNode){
		parent = parent.getParent();
	}
	return parent;
};

/** Returns true if the node has any subnodes.
 * @returns True if the node has any subnode
 * @private
 */
sap.ui.commons.TreeNode.prototype.hasChildren = function(){
	var aSubNodes = this.getNodes();
	if(aSubNodes.length){
		return true;
	}
	return false;
};

/** Returns true if the node is visible(parent and all grand parent expanded).
 * @returns True if the node is visible
 * @private
 */
sap.ui.commons.TreeNode.prototype.isVisible = function(){
	var parent = this.getParent();
	while(parent instanceof sap.ui.commons.TreeNode){
		if(!parent.getExpanded()){
			return false;
		}

		parent = parent.getParent();
	}
	return true;
};


/**
* Used for Javascript closure.
* @private
* @return	Returns a function to be called as callback function for jQuery animation
*/
sap.ui.commons.TreeNode.prototype.getCallbackFunction = function(oNode,oDomNode,bCollapsing){

	if(bCollapsing){
		var f =  function(){
			oNode.getTree().adjustFocus();
			oNode.getTree().adjustSelectionOnCollapsing(oDomNode);
		};
		return f;
	}
	else{
		var f =  function(){
			oNode.getTree().adjustSelectionOnExpanding(oDomNode);
		};
		return f;
	}

};

/**
 * In case the selected node is not visible, change the scroll position of the
 * tree to get it into view.
 *
 * @return {sap.ui.commons.TreeNode} <code>this</code> to allow method chaining
 * @private
 */
sap.ui.commons.TreeNode.prototype.scrollIntoView = function() {
	var $Node = this.$(),
		$Tree = this.getTree().$(),
		$TreeCont = $Tree.find(".sapUiTreeCont"),
		iOffsetTop = $Node[0].offsetTop,
		iScrollTop = $TreeCont.scrollTop(),
		iHeight = $TreeCont.height(),
		iNewScrollTop;

	if (iOffsetTop > iScrollTop + iHeight) {
		iNewScrollTop = iOffsetTop - Math.floor(iHeight * 0.8);
		$TreeCont.animate({scrollTop:iNewScrollTop});
	}
	else if (iOffsetTop < iScrollTop) {
		iNewScrollTop = iOffsetTop - Math.floor(iHeight * 0.2);
		$TreeCont.animate({scrollTop:iNewScrollTop});
	}
};

//***********************************************************************************
//* REDEFINITIONS
//***********************************************************************************

/**
 * Returns the regular tooltip. If empty, returns the text
* @private
 * @return {string} string tooltip
 */
sap.ui.commons.TreeNode.prototype.getTooltip_AsString = function() {
	var sTooltip;
	var oTooltip = this.getTooltip();
	if (typeof oTooltip === "string" || oTooltip instanceof String ) {
		sTooltip = oTooltip;
	}

	if(!sTooltip){
		sTooltip = this.getText();
	}
	return sTooltip;
};

}; // end of sap.ui.commons.TreeNode
if ( !jQuery.sap.isDeclared('sap.ui.commons.TriStateCheckBox') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.TriStateCheckBox.
jQuery.sap.declare("sap.ui.commons.TriStateCheckBox");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new TriStateCheckBox.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getSelectionState selectionState} : sap.ui.commons.TriStateCheckBoxState (default: sap.ui.commons.TriStateCheckBoxState.Unchecked)</li>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getValueState valueState} : sap.ui.core.ValueState (default: sap.ui.core.ValueState.None)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getTextDirection textDirection} : sap.ui.core.TextDirection (default: sap.ui.core.TextDirection.Inherit)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.TriStateCheckBox#event:change change} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * TriStateCheckBox to reflect mixed state for checkboxes. The control can display three states, namely checked, unchecked and mixed. However, mixed state cannot be directly reached by user interaction on the particular control.
 * It can be only set by the control's public toggle function, to make a behaviour possible which is e.g. required in checkbox trees.
 * 
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.7.2
 * @name sap.ui.commons.TriStateCheckBox
 */
sap.ui.core.Control.extend("sap.ui.commons.TriStateCheckBox", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"toggle"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"selectionState" : {type : "sap.ui.commons.TriStateCheckBoxState", group : "Data", defaultValue : sap.ui.commons.TriStateCheckBoxState.Unchecked},
		"text" : {type : "string", group : "Appearance", defaultValue : null},
		"visible" : {type : "boolean", group : "Misc", defaultValue : true},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"valueState" : {type : "sap.ui.core.ValueState", group : "Data", defaultValue : sap.ui.core.ValueState.None},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"textDirection" : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : sap.ui.core.TextDirection.Inherit}
	},
	events : {
		"change" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.TriStateCheckBox with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.TriStateCheckBox.extend
 * @function
 */

sap.ui.commons.TriStateCheckBox.M_EVENTS = {'change':'change'};


/**
 * Getter for property <code>selectionState</code>.
 * Defines the states of the checkbox
 *
 * Default value is <code>Unchecked</code>
 *
 * @return {sap.ui.commons.TriStateCheckBoxState} the value of property <code>selectionState</code>
 * @public
 * @name sap.ui.commons.TriStateCheckBox#getSelectionState
 * @function
 */

/**
 * Setter for property <code>selectionState</code>.
 *
 * Default value is <code>Unchecked</code> 
 *
 * @param {sap.ui.commons.TriStateCheckBoxState} oSelectionState  new value for property <code>selectionState</code>
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#setSelectionState
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * Defines the text displayed next to the check box
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.TriStateCheckBox#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#setText
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.TriStateCheckBox#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#setVisible
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Using this property, the control could be disabled, if required.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.TriStateCheckBox#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#setEnabled
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Specifies whether the user shall be allowed to flag the check box
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.TriStateCheckBox#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#setEditable
 * @function
 */


/**
 * Getter for property <code>valueState</code>.
 * Accepts the core enumeration ValueState.type that supports 'None', 'Error', 'Warning' and 'Success'.
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.core.ValueState} the value of property <code>valueState</code>
 * @public
 * @name sap.ui.commons.TriStateCheckBox#getValueState
 * @function
 */

/**
 * Setter for property <code>valueState</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.core.ValueState} oValueState  new value for property <code>valueState</code>
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#setValueState
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * The width can be set to an absolute value. If no value is set, the control width results from the text length.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.TriStateCheckBox#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#setWidth
 * @function
 */


/**
 * Getter for property <code>textDirection</code>.
 * The value can be set to LTR or RTL. Otherwise, the control inherits the text direction from its parent control.
 *
 * Default value is <code>Inherit</code>
 *
 * @return {sap.ui.core.TextDirection} the value of property <code>textDirection</code>
 * @public
 * @name sap.ui.commons.TriStateCheckBox#getTextDirection
 * @function
 */

/**
 * Setter for property <code>textDirection</code>.
 *
 * Default value is <code>Inherit</code> 
 *
 * @param {sap.ui.core.TextDirection} oTextDirection  new value for property <code>textDirection</code>
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#setTextDirection
 * @function
 */


/**
 * 
 * Event is triggered when the control status is changed by the user by flagging or unflagging the checkbox.
 *  
 *
 * @name sap.ui.commons.TriStateCheckBox#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.selectionState 
					Checks whether the box is flagged or not flagged.
					
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'change' event of this <code>sap.ui.commons.TriStateCheckBox</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.TriStateCheckBox</code>.<br/> itself. 
 *  
 * 
 * Event is triggered when the control status is changed by the user by flagging or unflagging the checkbox.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.TriStateCheckBox</code>.<br/> itself.
 *
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#attachChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'change' event of this <code>sap.ui.commons.TriStateCheckBox</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TriStateCheckBox#detachChange
 * @function
 */

/**
 * Fire event change to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'selectionState' of type <code>string</code> 
					Checks whether the box is flagged or not flagged.
					</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.TriStateCheckBox} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.TriStateCheckBox#fireChange
 * @function
 */


/**
 * 
 * Changes the current value of the control.
 * 
 *
 * @name sap.ui.commons.TriStateCheckBox.prototype.toggle
 * @function
 * @param {string} 
 *         sDestState
 *         
 * destined selection state of checkbox
 * 

 * @type void
 * @public
 */


// Start of sap/ui/commons/TriStateCheckBox.js
/**
 * Event handler called when the check box is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
 sap.ui.commons.TriStateCheckBox.prototype.onclick = function(oEvent) {
	if(jQuery.browser.msie && (!this.getEnabled())){
		// in IE tabindex = -1 hides focus, so in disabled case tabindex must be temporarily set to 0
		// as long as CheckBox is focused
		jQuery.sap.byId(this.getId()).attr("tabindex", 0).addClass("sapUiTriCbFoc"); // the CSS class itself is not used, but IE only draws the standard focus outline when it is added
	}
	this.userToggle(oEvent);
};

/** 
 * Event handler called on focus out
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.TriStateCheckBox.prototype.onfocusout = function(oEvent) {

	if(jQuery.browser.msie && (!this.getEnabled())){
		// in IE tabindex = -1 hides focus, so in disabled case tabindex must be temporarily set to 0
		// as long as CheckBox is focused - now unset this again
		jQuery.sap.byId(this.getId()).attr("tabindex", -1).removeClass("sapUiTriCbFoc");
	}
};

/** 
 * Event handler called when the space key is pressed.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.TriStateCheckBox.prototype.onsapspace = function(oEvent) {
	this.userToggle(oEvent);
};

/** 
 * Method called internally whenever a user clicks on a tri-state checkbox:
 * users can only switch between checked and unchecked by direct manipulation by click or key
 *
 * @param {jQuery.Event} oEvent
 * @private
 */

sap.ui.commons.TriStateCheckBox.prototype.userToggle = function(oEvent){
if (this.getEnabled() && this.getEditable()) {
	// don't allow users to switch to mixed state manually
		if (this.getSelectionState() === 'Mixed' || this.getSelectionState() === "Unchecked"){
			this.toggle("Checked");
		}
		else{
			this.toggle("Unchecked");
		}
		this.fireChange({selectionState: this.getSelectionState()});
	} else {
		// CheckBox has been activated by the user, but value cannot be changed
		// do nothing, but restore the focus to the complete control
		this.getDomRef().focus();
	}
};

/**
 * Method called whenever a user clicks on a tri-state checkbox
 *
 * @param destState 
 * @public
 */
sap.ui.commons.TriStateCheckBox.prototype.toggle = function(destState) {
	if (destState in sap.ui.commons.TriStateCheckBoxState){
			this.setSelectionState(destState);
	}
};
}; // end of sap.ui.commons.TriStateCheckBox
if ( !jQuery.sap.isDeclared('sap.ui.commons.ValueHelpField') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ValueHelpField.
jQuery.sap.declare("sap.ui.commons.ValueHelpField");



/**
 * Constructor for a new ValueHelpField.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getIconURL iconURL} : sap.ui.core.URI</li>
 * <li>{@link #getIconHoverURL iconHoverURL} : sap.ui.core.URI</li>
 * <li>{@link #getIconDisabledURL iconDisabledURL} : sap.ui.core.URI</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.ValueHelpField#event:valueHelpRequest valueHelpRequest} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.TextField#constructor sap.ui.commons.TextField}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A TextField with an attached icon which triggeres an event.
 * @extends sap.ui.commons.TextField
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ValueHelpField
 */
sap.ui.commons.TextField.extend("sap.ui.commons.ValueHelpField", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"iconURL" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
		"iconHoverURL" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
		"iconDisabledURL" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null}
	},
	events : {
		"valueHelpRequest" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ValueHelpField with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ValueHelpField.extend
 * @function
 */

sap.ui.commons.ValueHelpField.M_EVENTS = {'valueHelpRequest':'valueHelpRequest'};


/**
 * Getter for property <code>iconURL</code>.
 * Url of the standard icon for the value help. If no parameter is supplied the default icon image will be shown.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconURL</code>
 * @public
 * @name sap.ui.commons.ValueHelpField#getIconURL
 * @function
 */

/**
 * Setter for property <code>iconURL</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconURL  new value for property <code>iconURL</code>
 * @return {sap.ui.commons.ValueHelpField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ValueHelpField#setIconURL
 * @function
 */


/**
 * Getter for property <code>iconHoverURL</code>.
 * URL of the icon for the value help when hovered. If no parameter is supplied the standard icon image will be shown.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconHoverURL</code>
 * @public
 * @name sap.ui.commons.ValueHelpField#getIconHoverURL
 * @function
 */

/**
 * Setter for property <code>iconHoverURL</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconHoverURL  new value for property <code>iconHoverURL</code>
 * @return {sap.ui.commons.ValueHelpField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ValueHelpField#setIconHoverURL
 * @function
 */


/**
 * Getter for property <code>iconDisabledURL</code>.
 * URL of the icon for the value help when disabled. If no parameter is supplied the default icon image will be shown.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconDisabledURL</code>
 * @public
 * @name sap.ui.commons.ValueHelpField#getIconDisabledURL
 * @function
 */

/**
 * Setter for property <code>iconDisabledURL</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconDisabledURL  new value for property <code>iconDisabledURL</code>
 * @return {sap.ui.commons.ValueHelpField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ValueHelpField#setIconDisabledURL
 * @function
 */


/**
 * Event which is fired when the ValueHelp is requested. 
 *
 * @name sap.ui.commons.ValueHelpField#valueHelpRequest
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'valueHelpRequest' event of this <code>sap.ui.commons.ValueHelpField</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.ValueHelpField</code>.<br/> itself. 
 *  
 * Event which is fired when the ValueHelp is requested. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.ValueHelpField</code>.<br/> itself.
 *
 * @return {sap.ui.commons.ValueHelpField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ValueHelpField#attachValueHelpRequest
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'valueHelpRequest' event of this <code>sap.ui.commons.ValueHelpField</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.ValueHelpField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ValueHelpField#detachValueHelpRequest
 * @function
 */

/**
 * Fire event valueHelpRequest to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.ValueHelpField} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.ValueHelpField#fireValueHelpRequest
 * @function
 */


// Start of sap/ui/commons/ValueHelpField.js
jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.commons.ValueHelpField.prototype.onmouseover = function (oEvent) {

	if (oEvent.target.id == this.getId() + '-icon' && this.getEnabled() && this.getEditable()) {
		if (this.getIconHoverURL()) {
			this.sIconHoverUrl = this.getIconHoverURL();
		} else if (this.getIconURL()) {
			this.sIconHoverUrl = this.sIconRegularUrl;
		} else {
			this.sIcon = sap.ui.core.theming.Parameters.get('sap.ui.commons.ValueHelpField:sapUiValueHelpIconHoverUrl');
			this.sIconHoverUrl = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + this.sIcon;
		}
		var oIcon = jQuery.sap.byId(oEvent.target.id);
		oIcon.attr( 'src', this.sIconHoverUrl );
	}
};

sap.ui.commons.ValueHelpField.prototype.onmouseout = function (oEvent) {
	if (oEvent.target.id == this.getId() + '-icon' && this.getEnabled() && this.getEditable()) {
		var oIcon = jQuery.sap.byId(oEvent.target.id);
		oIcon.attr( 'src', this.sIconRegularUrl );
	}
};

sap.ui.commons.ValueHelpField.prototype.onclick = function(oEvent){
if (oEvent.target.id == this.getId() + '-icon' && this.getEnabled() && this.getEditable()) {
		this.fireValueHelpRequest({/* no parameters */});
	}
};

/**
 * Handle F4 event
 * @param {jQuery.Event} oEvent the occurring event
 * @protected
 */
sap.ui.commons.ValueHelpField.prototype.onsapshow = function(oEvent) {
	this._checkChange(oEvent);
	this.fireValueHelpRequest({/* no parameters */});
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/*
 * Extends the method inherited from sap.ui.core.Element by providing information on Search Help access
 *
 * @return {string} string tooltip or undefined
 * @public
 */
sap.ui.commons.ValueHelpField.prototype.getTooltip_AsString = function() {
	var sTooltipString = sap.ui.commons.TextField.prototype.getTooltip_AsString.apply(this, arguments);
	if (this.getEnabled() && this.getEditable()) {
		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
		// ResourceBundle always returns the key if the text is not found
		var sSearchHelp = rb.getText("DDBX_SHI_ARIA");
		sSearchHelp = sSearchHelp === "DDBX_SHI_ARIA"?"Open search help via {0}":sSearchHelp;
		sSearchHelp = sSearchHelp.replace("{0}", rb.getText("DDBX_SHIF4"));
		return (sTooltipString?sTooltipString + " - ":"") + sSearchHelp;
	} else {
		return sTooltipString;
	}
};

/**
 * Called after the theme has been switched. Some adjustments required.
 * @private
 */
sap.ui.commons.ValueHelpField.prototype.onThemeChanged = function (oEvent) {
	var sIcon = this.getIconURL();
	var oIcon = jQuery.sap.byId(this.getId() + '-icon');
	oIcon.attr( 'src', sIcon );
};

sap.ui.commons.ValueHelpField.prototype.exit = function(){
	this.sIcon = undefined;
	this.sIconRegularUrl = undefined;
	this.sIconHoverUrl = undefined;
	this.sIconDsblUrl = undefined;
};
}; // end of sap.ui.commons.ValueHelpField
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.Form') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.Form.
jQuery.sap.declare("sap.ui.commons.form.Form");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new form/Form.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getFormContainers formContainers} : sap.ui.commons.form.FormContainer[]</li>
 * <li>{@link #getTitle title} : sap.ui.commons.Title|string</li>
 * <li>{@link #getLayout layout} : sap.ui.commons.form.FormLayout</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Form control.
 * Holder for form control to be rendered in a specific form layout.
 * A Form supports VariantLayoutData for it's conent to allow a simple switching of Layouts.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.form.Form
 */
sap.ui.core.Control.extend("sap.ui.commons.form.Form", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"visible" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	defaultAggregation : "formContainers",
	aggregations : {
    	"formContainers" : {type : "sap.ui.commons.form.FormContainer", multiple : true, singularName : "formContainer"}, 
    	"title" : {type : "sap.ui.commons.Title", altTypes : ["string"], multiple : false}, 
    	"layout" : {type : "sap.ui.commons.form.FormLayout", multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.Form with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.Form.extend
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Width of the form.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.form.Form#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.Form#setWidth
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible Forms are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @since 1.12.0
 * @name sap.ui.commons.form.Form#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @since 1.12.0
 * @name sap.ui.commons.form.Form#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>formContainers</code>.<br/>
 * FormContainers with the content of the form.
 * 
 * @return {sap.ui.commons.form.FormContainer[]}
 * @public
 * @name sap.ui.commons.form.Form#getFormContainers
 * @function
 */


/**
 * Inserts a formContainer into the aggregation named <code>formContainers</code>.
 *
 * @param {sap.ui.commons.form.FormContainer}
 *          oFormContainer the formContainer to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the formContainer should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the formContainer is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the formContainer is inserted at 
 *             the last position        
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.Form#insertFormContainer
 * @function
 */

/**
 * Adds some formContainer <code>oFormContainer</code> 
 * to the aggregation named <code>formContainers</code>.
 *
 * @param {sap.ui.commons.form.FormContainer}
 *            oFormContainer the formContainer to add; if empty, nothing is inserted
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.Form#addFormContainer
 * @function
 */

/**
 * Removes an formContainer from the aggregation named <code>formContainers</code>.
 *
 * @param {int | string | sap.ui.commons.form.FormContainer} vFormContainer the formContainer to remove or its index or id
 * @return {sap.ui.commons.form.FormContainer} the removed formContainer or null
 * @public
 * @name sap.ui.commons.form.Form#removeFormContainer
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>formContainers</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.form.FormContainer[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.form.Form#removeAllFormContainers
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.form.FormContainer</code> in the aggregation named <code>formContainers</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.form.FormContainer}
 *            oFormContainer the formContainer whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.form.Form#indexOfFormContainer
 * @function
 */
	

/**
 * Destroys all the formContainers in the aggregation 
 * named <code>formContainers</code>.
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.Form#destroyFormContainers
 * @function
 */


/**
 * Getter for aggregation <code>title</code>.<br/>
 * Title element of the Container. Can either be a Label object, or a simple string.
 * 
 * @return {sap.ui.commons.Title|string}
 * @public
 * @name sap.ui.commons.form.Form#getTitle
 * @function
 */


/**
 * Setter for the aggregated <code>title</code>.
 * @param oTitle {sap.ui.commons.Title|string}
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.Form#setTitle
 * @function
 */
	

/**
 * Destroys the title in the aggregation 
 * named <code>title</code>.
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.Form#destroyTitle
 * @function
 */


/**
 * Getter for aggregation <code>layout</code>.<br/>
 * Layout of the form.
 * 
 * @return {sap.ui.commons.form.FormLayout}
 * @public
 * @name sap.ui.commons.form.Form#getLayout
 * @function
 */


/**
 * Setter for the aggregated <code>layout</code>.
 * @param oLayout {sap.ui.commons.form.FormLayout}
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.Form#setLayout
 * @function
 */
	

/**
 * Destroys the layout in the aggregation 
 * named <code>layout</code>.
 * @return {sap.ui.commons.form.Form} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.Form#destroyLayout
 * @function
 */


// Start of sap/ui/commons/form/Form.js
/**
 * This file defines behavior for the control,
 */

(function() {

//	sap.ui.commons.Form.prototype.init = function(){
//	// do something for initialization...
//	};

	sap.ui.commons.form.Form.prototype.toggleContainerExpanded = function(oContainer){

		var oLayout = this.getLayout();
		if (oLayout) {
			oLayout.toggleContainerExpanded(oContainer);
		}

	};

	/*
	 * If onAfterRendering of a field is processed the layout might need to change it.
	 */
	sap.ui.commons.form.Form.prototype.contentOnAfterRendering = function(oFormElement, oControl){

		// call function of the layout
		var oLayout = this.getLayout();
		if (oLayout && oLayout.contentOnAfterRendering) {
			oLayout.contentOnAfterRendering( oFormElement, oControl);
		}

	};

	/*
	 * If LayoutData changed on control this may need changes on the layout. So bubble to the Layout
	 */
	sap.ui.commons.form.Form.prototype.onLayoutDataChange = function(oEvent){

		// call function of the layout
		var oLayout = this.getLayout();
		if (oLayout && oLayout.onLayoutDataChange) {
			oLayout.onLayoutDataChange(oEvent);
		}

	};

}());
}; // end of sap.ui.commons.form.Form
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.FormContainer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.FormContainer.
jQuery.sap.declare("sap.ui.commons.form.FormContainer");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new form/FormContainer.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getExpanded expanded} : boolean (default: true)</li>
 * <li>{@link #getExpandable expandable} : boolean (default: false)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getFormElements formElements} : sap.ui.commons.form.FormElement[]</li>
 * <li>{@link #getTitle title} : sap.ui.commons.Title|string</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Used to group form elements.
 * Can contain other form elements or containers.
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.form.FormContainer
 */
sap.ui.core.Element.extend("sap.ui.commons.form.FormContainer", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"expanded" : {type : "boolean", group : "Misc", defaultValue : true},
		"expandable" : {type : "boolean", group : "Misc", defaultValue : false},
		"visible" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	defaultAggregation : "formElements",
	aggregations : {
    	"formElements" : {type : "sap.ui.commons.form.FormElement", multiple : true, singularName : "formElement"}, 
    	"title" : {type : "sap.ui.commons.Title", altTypes : ["string"], multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.FormContainer with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.FormContainer.extend
 * @function
 */


/**
 * Getter for property <code>expanded</code>.
 * Group is expanded.
 * This property works only if the Container is expandable.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>expanded</code>
 * @public
 * @name sap.ui.commons.form.FormContainer#getExpanded
 * @function
 */

/**
 * Setter for property <code>expanded</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bExpanded  new value for property <code>expanded</code>
 * @return {sap.ui.commons.form.FormContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormContainer#setExpanded
 * @function
 */


/**
 * Getter for property <code>expandable</code>.
 * Defines if the Container is expandable.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>expandable</code>
 * @public
 * @name sap.ui.commons.form.FormContainer#getExpandable
 * @function
 */

/**
 * Setter for property <code>expandable</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bExpandable  new value for property <code>expandable</code>
 * @return {sap.ui.commons.form.FormContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormContainer#setExpandable
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible FormContainers are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @since 1.12.0
 * @name sap.ui.commons.form.FormContainer#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.form.FormContainer} <code>this</code> to allow method chaining
 * @public
 * @since 1.12.0
 * @name sap.ui.commons.form.FormContainer#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>formElements</code>.<br/>
 * Elements of the FormContainer.
 * 
 * @return {sap.ui.commons.form.FormElement[]}
 * @public
 * @name sap.ui.commons.form.FormContainer#getFormElements
 * @function
 */


/**
 * Inserts a formElement into the aggregation named <code>formElements</code>.
 *
 * @param {sap.ui.commons.form.FormElement}
 *          oFormElement the formElement to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the formElement should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the formElement is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the formElement is inserted at 
 *             the last position        
 * @return {sap.ui.commons.form.FormContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormContainer#insertFormElement
 * @function
 */

/**
 * Adds some formElement <code>oFormElement</code> 
 * to the aggregation named <code>formElements</code>.
 *
 * @param {sap.ui.commons.form.FormElement}
 *            oFormElement the formElement to add; if empty, nothing is inserted
 * @return {sap.ui.commons.form.FormContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormContainer#addFormElement
 * @function
 */

/**
 * Removes an formElement from the aggregation named <code>formElements</code>.
 *
 * @param {int | string | sap.ui.commons.form.FormElement} vFormElement the formElement to remove or its index or id
 * @return {sap.ui.commons.form.FormElement} the removed formElement or null
 * @public
 * @name sap.ui.commons.form.FormContainer#removeFormElement
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>formElements</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.form.FormElement[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.form.FormContainer#removeAllFormElements
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.form.FormElement</code> in the aggregation named <code>formElements</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.form.FormElement}
 *            oFormElement the formElement whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.form.FormContainer#indexOfFormElement
 * @function
 */
	

/**
 * Destroys all the formElements in the aggregation 
 * named <code>formElements</code>.
 * @return {sap.ui.commons.form.FormContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormContainer#destroyFormElements
 * @function
 */


/**
 * Getter for aggregation <code>title</code>.<br/>
 * Title element of the Container. Can either be a Label object, or a simple string.
 * 
 * @return {sap.ui.commons.Title|string}
 * @public
 * @name sap.ui.commons.form.FormContainer#getTitle
 * @function
 */


/**
 * Setter for the aggregated <code>title</code>.
 * @param oTitle {sap.ui.commons.Title|string}
 * @return {sap.ui.commons.form.FormContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormContainer#setTitle
 * @function
 */
	

/**
 * Destroys the title in the aggregation 
 * named <code>title</code>.
 * @return {sap.ui.commons.form.FormContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormContainer#destroyTitle
 * @function
 */


// Start of sap/ui/commons/form/FormContainer.js
/**
 * This file defines behavior for the control,
 */

jQuery.sap.require('sap.ui.core.EnabledPropagator'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


//sap.ui.core.EnabledPropagator.call(sap.ui.commons.form.FormContainer.prototype);

(function() {

	sap.ui.commons.form.FormContainer.prototype.init = function(){

		this._rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");

	};

	sap.ui.commons.form.FormContainer.prototype.exit = function(){

		if (this._oExpandButton) {
			this._oExpandButton.destroy();
			delete this._oExpandButton;
		}
		this._rb = undefined;

	};

	sap.ui.commons.form.FormContainer.prototype.setExpandable = function(bExpandable){

		this.setProperty("expandable", bExpandable);

		if (bExpandable) {
			var that = this;
			if (!this._oExpandButton) {
				if (!jQuery.browser.mobile) {
					jQuery.sap.require("sap.ui.commons.Button");
					this._oExpandButton = new sap.ui.commons.Button(this.getId()+"--Exp",{
						lite: true
					}).setParent(this);
					this._oExpandButton.attachEvent('press', handleExpButtonPress, that); // attach event this way to have the right this-reference in handler
				}else {
					jQuery.sap.require("sap.m.Button");
					this._oExpandButton = new sap.m.Button(this.getId()+"--Exp",{
//						lite: true
					}).setParent(this);
					this._oExpandButton.attachEvent('tap', handleExpButtonPress, that); // attach event this way to have the right this-reference in handler
				}
			}
			_setExpanderIcon(that);
		}

	};

	sap.ui.commons.form.FormContainer.prototype.setExpanded = function(bExpanded){

		this.setProperty("expanded", bExpanded, true); // no automatic rerendering

		var that = this;
		_setExpanderIcon(that);

		var oForm = this.getParent();
		if (oForm && oForm.toggleContainerExpanded) {
			oForm.toggleContainerExpanded(that);
		}

	};

	/*
	 * If onAfterRendering of a field is processed the Form (layout) might need to change it.
	 */
	sap.ui.commons.form.FormContainer.prototype.contentOnAfterRendering = function(oFormElement, oControl){

		// call function of parent (if assigned)
		var oParent = this.getParent();
		if (oParent && oParent.contentOnAfterRendering) {
			oParent.contentOnAfterRendering( oFormElement, oControl);
		}

	};

	/*
	 * If LayoutData changed on control this may need changes on the layout. So bubble to the form
	 */
	sap.ui.commons.form.FormContainer.prototype.onLayoutDataChange = function(oEvent){

		// call function of parent (if assigned)
		var oParent = this.getParent();
		if (oParent && oParent.onLayoutDataChange) {
			oParent.onLayoutDataChange(oEvent);
		}

	};

	function _setExpanderIcon(oContainer){

		if (!oContainer._oExpandButton) {
			return;
		}

		var sIcon, sIconHovered, sText, sTooltip;

		if (oContainer.getExpanded()) {
			sIcon = sap.ui.core.theming.Parameters.get('sapUiFormContainerColImageURL');
			sIconHovered = sap.ui.core.theming.Parameters.get('sapUiFormContainerColImageDownURL');
			sText = "-";
			sTooltip = oContainer._rb.getText("PANEL_COLLAPSE");
		} else {
			sIcon = sap.ui.core.theming.Parameters.get('sapUiFormContainerExpImageURL');
			sIconHovered = sap.ui.core.theming.Parameters.get('sapUiFormContainerExpImageDownURL');
			sText = "+";
			sTooltip = oContainer._rb.getText("PANEL_EXPAND");
		}

		if (sIcon) {
			sIcon = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIcon;
			sText = "";
		}
		if (sIconHovered) {
			sIconHovered = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIconHovered;
		}
		oContainer._oExpandButton.setIcon(sIcon);
		if (oContainer._oExpandButton.setIconHovered) {
			oContainer._oExpandButton.setIconHovered(sIconHovered);
		}
		if (oContainer._oExpandButton.setactiveIcon) {
			oContainer._oExpandButton.setactiveIcon(sIconHovered);
		}
		oContainer._oExpandButton.setText(sText);
		oContainer._oExpandButton.setTooltip(sTooltip);

	};

	function handleExpButtonPress(oEvent){

		this.setExpanded(!this.getExpanded());

	};

}());
}; // end of sap.ui.commons.form.FormContainer
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.FormElement') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.FormElement.
jQuery.sap.declare("sap.ui.commons.form.FormElement");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new form/FormElement.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getLabel label} : sap.ui.core.Label|string</li>
 * <li>{@link #getFields fields} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A form element is a combination of one label and different controls associated to this label.
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.form.FormElement
 */
sap.ui.core.Element.extend("sap.ui.commons.form.FormElement", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getLabelControl"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	defaultAggregation : "fields",
	aggregations : {
    	"label" : {type : "sap.ui.core.Label", altTypes : ["string"], multiple : false}, 
    	"fields" : {type : "sap.ui.core.Control", multiple : true, singularName : "field"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.FormElement with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.FormElement.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible FormElements are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @since 1.12.0
 * @name sap.ui.commons.form.FormElement#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.form.FormElement} <code>this</code> to allow method chaining
 * @public
 * @since 1.12.0
 * @name sap.ui.commons.form.FormElement#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>label</code>.<br/>
 * Label of the fields. Can either be a Label object, or a simple string.
 * 
 * @return {sap.ui.core.Label|string}
 * @public
 * @name sap.ui.commons.form.FormElement#getLabel
 * @function
 */


/**
 * Setter for the aggregated <code>label</code>.
 * @param oLabel {sap.ui.core.Label|string}
 * @return {sap.ui.commons.form.FormElement} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormElement#setLabel
 * @function
 */
	

/**
 * Destroys the label in the aggregation 
 * named <code>label</code>.
 * @return {sap.ui.commons.form.FormElement} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormElement#destroyLabel
 * @function
 */


/**
 * Getter for aggregation <code>fields</code>.<br/>
 * Formular controls.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.form.FormElement#getFields
 * @function
 */


/**
 * Inserts a field into the aggregation named <code>fields</code>.
 *
 * @param {sap.ui.core.Control}
 *          oField the field to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the field should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the field is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the field is inserted at 
 *             the last position        
 * @return {sap.ui.commons.form.FormElement} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormElement#insertField
 * @function
 */

/**
 * Adds some field <code>oField</code> 
 * to the aggregation named <code>fields</code>.
 *
 * @param {sap.ui.core.Control}
 *            oField the field to add; if empty, nothing is inserted
 * @return {sap.ui.commons.form.FormElement} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormElement#addField
 * @function
 */

/**
 * Removes an field from the aggregation named <code>fields</code>.
 *
 * @param {int | string | sap.ui.core.Control} vField the field to remove or its index or id
 * @return {sap.ui.core.Control} the removed field or null
 * @public
 * @name sap.ui.commons.form.FormElement#removeField
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>fields</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.form.FormElement#removeAllFields
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>fields</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oField the field whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.form.FormElement#indexOfField
 * @function
 */
	

/**
 * Destroys all the fields in the aggregation 
 * named <code>fields</code>.
 * @return {sap.ui.commons.form.FormElement} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.FormElement#destroyFields
 * @function
 */


/**
 * Returns the Label Control, even if the Label is entered as Text.
 *
 * @name sap.ui.commons.form.FormElement.prototype.getLabelControl
 * @function

 * @type sap.ui.core.Label
 * @public
 */


// Start of sap/ui/commons/form/FormElement.js
/**
 * This file defines behavior for the control,
 */

jQuery.sap.require('sap.ui.core.EnabledPropagator'); // unlisted dependency retained
 // unlisted dependency retained


// TODO deactivated until Element/Control has been clarified: sap.ui.core.EnabledPropagator.call(sap.ui.commons.form.FormElement.prototype);

(function() {

	sap.ui.commons.form.FormElement.prototype.init = function(){

		this._oFieldDelegate = {oElement: this, onAfterRendering: _fieldOnAfterRendering};

	};

	sap.ui.commons.form.FormElement.prototype.exit = function(){

		if (this._oLabel) {
			this._oLabel.destroy();
			delete this._oLabel;
		}

		this._oFieldDelegate = undefined;

	};

/*
 * sets the label for the FormElement. If it's only a string an internal label is created.
 * overwrite the isRequired and the getLabelForRendering functions with Form specific ones.
 */
	sap.ui.commons.form.FormElement.prototype.setLabel = function(vAny) {

		if (!this._oLabel) {
			var oOldLabel = this.getLabel();
			if (oOldLabel) {
				if (oOldLabel.isRequired) {
					oOldLabel.isRequired = oOldLabel._sapui_isRequired;
					oOldLabel._sapui_isRequired = undefined;
				}
				if (oOldLabel.getLabelForRendering) {
					oOldLabel.getLabelForRendering = oOldLabel._sapui_getLabelForRendering;
					oOldLabel._sapui_getLabelForRendering = undefined;
				}
			}
		}

		this.setAggregation("label", vAny);
		var oLabel = vAny;
		if (typeof oLabel === "string") {
			if (!this._oLabel) {
				if (!jQuery.browser.mobile) {
					jQuery.sap.require("sap.ui.commons.Label");
					this._oLabel = new sap.ui.commons.Label({text: oLabel}).setParent(this);
					this._oLabel.isRequired = _labelIsRequired;
				}else {
					jQuery.sap.require("sap.m.Label");
					this._oLabel = new sap.m.Label({text: oLabel}).setParent(this);
				}
				this._oLabel.getLabelForRendering = _getLabelForRendering;
			}else{
				this._oLabel.setText(oLabel);
			}
		} else {
			if (this._oLabel) {
				this._oLabel.destroy();
				delete this._oLabel;
			}
			if (!oLabel) return this; //set label is called with null if label is removed by ManagedObject.removeChild
			if (oLabel.isRequired) {
				oLabel._sapui_isRequired = oLabel.isRequired;
				oLabel.isRequired = _labelIsRequired;
			}
			if (oLabel.getLabelForRendering) {
				oLabel._sapui_getLabelForRendering = oLabel.getLabelForRendering;
				oLabel.getLabelForRendering = _getLabelForRendering;
			}
		}

		return this;

	};

	sap.ui.commons.form.FormElement.prototype.getLabelControl = function() {

		if (this._oLabel) {
			return this._oLabel;
		} else {
			return this.getLabel();
		}

	};

	sap.ui.commons.form.FormElement.prototype.addField = function(oField) {

		this.addAggregation("fields", oField);
		oField.addDelegate(this._oFieldDelegate);

		return this;

	};

	sap.ui.commons.form.FormElement.prototype.insertField = function(oField, iIndex) {

		this.insertAggregation("fields", oField, iIndex);
		oField.addDelegate(this._oFieldDelegate);

		return this;

	};

	sap.ui.commons.form.FormElement.prototype.removeField = function(oField) {

		var oRemovedField = this.removeAggregation("fields", oField);
		oRemovedField.removeDelegate(this._oFieldDelegate);

		return oRemovedField;

	};

	sap.ui.commons.form.FormElement.prototype.removeAllFields = function() {

		var aRemovedFields = this.removeAllAggregation("fields");

		for ( var i = 0; i < aRemovedFields.length; i++) {
			var oRemovedField = aRemovedFields[i];
			oRemovedField.removeDelegate(this._oFieldDelegate);
		}

		return aRemovedFields;

	};

	sap.ui.commons.form.FormElement.prototype.destroyFields = function() {

		var aFields = this.getFields();

		for ( var i = 0; i < aFields.length; i++) {
			var oField = aFields[i];
			oField.removeDelegate(this._oFieldDelegate);
		}

		this.destroyAggregation("fields");

		return this;

	};

	sap.ui.commons.form.FormElement.prototype.updateFields = function() {

		var aFields = this.getFields();

		for ( var i = 0; i < aFields.length; i++) {
			var oField = aFields[i];
			oField.removeDelegate(this._oFieldDelegate);
		}

		this.updateAggregation("fields");

		aFields = this.getFields();

		for ( var i = 0; i < aFields.length; i++) {
			var oField = aFields[i];
			oField.addDelegate(this._oFieldDelegate);
		}

		return this;

	};

	/*
	 * Enhance Aria properties of fields to set aria-labelledby to FormElements label if not set otherwise
	 * Set aria-describedby to the title of the container, but only for the first field in the container
	 * This function is called during rendering.
	 */
	sap.ui.commons.form.FormElement.prototype.enhanceAccessibilityState = function(oElement, mAriaProps) {

		var oLabel = this.getLabelControl();
		if (oLabel && oLabel != oElement) {
			if (!mAriaProps["labelledby"]) {
				mAriaProps["labelledby"] = oLabel.getId();
			}

			var oContainer = this.getParent();
			var aElements = oContainer.getFormElements();
			if (this == aElements[0]) {
				// it's the first Element
				var aControls = this.getFields();
				if (oElement == aControls[0]) {
					//it's the first field
					var oTitle = oContainer.getTitle();
					if (oTitle) {
						var sId = "";
						if (typeof oTitle == "string") {
							sId = oContainer.getId()+"--title";
						} else {
							sId = oTitle.getId();
						}
						var sDescribedBy = mAriaProps["describedby"];
						if (sDescribedBy) {
							sDescribedBy = sDescribedBy + " " + sId;
						} else {
							sDescribedBy = sId;
						}
						mAriaProps["describedby"] = sDescribedBy;
					}
				}
			}
		}

		return mAriaProps;

	};

	/*
	 * If LayoutData changed on control this may need changes on the layout. So bubble to the form
	 */
	sap.ui.commons.form.FormElement.prototype.onLayoutDataChange = function(oEvent){

		// call function of parent (if assigned)
		var oParent = this.getParent();
		if (oParent && oParent.onLayoutDataChange) {
			oParent.onLayoutDataChange(oEvent);
		}

	};

	// *** Private helper functions ***

	/*
	 * overwrite Labels isRequired function to check if one of the fields in the element is required,
	 * not only the one directly assigned.
	 */
	var _labelIsRequired = function(){

		var oFormElement = this.getParent();
		var aFields = oFormElement.getFields();

		for ( var i = 0; i < aFields.length; i++) {
			var oField = aFields[i];
			if (oField.getRequired && oField.getRequired() === true) {
				return true;
			}
		}

		return false;

	};

	/*
	 * overwrite Labels getLabelForRendering function to point always to the first field.
	 * But only if the application does not set a labelFor explicitly.
	 */
	var _getLabelForRendering = function(){

		if (this.getLabelFor()) {
			return this.getLabelFor();
		}else {
			var oFormElement = this.getParent();
			var aFields = oFormElement.getFields();
			if (aFields[0]) {
				return aFields[0].getId();
			}
		}

	};

	/*
	 * If onAfterRendering of a field is processed the Form (layout) might need to change it.
	 */
	var _fieldOnAfterRendering = function(oEvent){

		// call function of parent (if assigned)
		var oParent = this.oElement.getParent();
		if (oParent && oParent.contentOnAfterRendering) {
			oParent.contentOnAfterRendering( this.oElement, oEvent.srcControl);
		}

	};

}());
}; // end of sap.ui.commons.form.FormElement
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.FormLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.FormLayout.
jQuery.sap.declare("sap.ui.commons.form.FormLayout");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new form/FormLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Base layout for Forms.
 * Other Layouts must inherit from this one.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.form.FormLayout
 */
sap.ui.core.Control.extend("sap.ui.commons.form.FormLayout", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons"
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.FormLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.FormLayout.extend
 * @function
 */


// Start of sap/ui/commons/form/FormLayout.js
/**
 * This file defines behavior for the control,
 */



(function() {

	sap.ui.commons.form.FormLayout.prototype.contentOnAfterRendering = function(oFormElement, oControl){

		jQuery(oControl.getFocusDomRef()).data("sap.InNavArea", true);

	};

	sap.ui.commons.form.FormLayout.prototype.toggleContainerExpanded = function(oContainer){

		var bExpanded = oContainer.getExpanded();
		if(this.getDomRef()){
			if (bExpanded) {
				//show content
				jQuery.sap.byId(oContainer.getId()+"-content").css("display", "");
			} else {
				//hide content
				jQuery.sap.byId(oContainer.getId()+"-content").css("display", "none");
			}
		}

	};

	/*
	 * gets the layout data of a element (container, control...) for the needed layout data type
	 */
	sap.ui.commons.form.FormLayout.prototype.getLayoutDataForElement = function(oElement, sType){

		var oLayoutData = oElement.getLayoutData();

		if (!oLayoutData) {
			return undefined;
		}else if (oLayoutData.getMetadata().getName() == sType) {
			return oLayoutData;
		}else if (oLayoutData.getMetadata().getName() == "sap.ui.core.VariantLayoutData") {
			// multiple LayoutData available - search here
			var aLayoutData = oLayoutData.getMultipleLayoutData();
			for ( var i = 0; i < aLayoutData.length; i++) {
				var oLayoutData2 = aLayoutData[i];
				if (oLayoutData2.getMetadata().getName() == sType) {
					return oLayoutData2;
				}
			}
		}

	};

	/* Keyboard handling
	 * In the FormLayout just a basic keyboard handling is implemented.
	 * This must be enhanced in the other Layouts if needed.
	 *
	 * The main idea is to navigate via arrow keys from control to control
	 * using Tab only the editable/active controls are reached. So the tab-chain is short
	 * Via F6 the navigation goes to the next container
	 * There is an "edit mode" to allow arrow key navigation inside of controls.
	 */

	sap.ui.commons.form.FormLayout.prototype.onsapright = function(oEvent){

		var bRtl = sap.ui.getCore().getConfiguration().getRTL();
		var that = this;

		if (!bRtl) {
			this.navigateForward(oEvent, that);
		} else {
			this.navigateBack(oEvent, that);
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsapleft = function(oEvent){

		var bRtl = sap.ui.getCore().getConfiguration().getRTL();
		var that = this;

		if (!bRtl) {
			this.navigateBack(oEvent, that);
		} else {
			this.navigateForward(oEvent, that);
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsapdown = function(oEvent){

		var oControl = oEvent.srcControl;
		var iCurrentIndex = 0;
		var oNewDomRef;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		oControl = oRoot.rootControl;
		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			oNewDomRef = this.findFieldBelow(oControl, oElement);
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			oNewDomRef = this.findFirstFieldOfNextElement(oElement, 0);
		}

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsapup = function(oEvent){

		var oControl = oEvent.srcControl;
		var iCurrentIndex = 0;
		var oNewDomRef;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		oControl = oRoot.rootControl;
		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			oNewDomRef = this.findFieldAbove(oControl, oElement);
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			var oForm = oElement.getParent();
			iCurrentIndex = oForm.indexOfFormContainer(oElement);
			oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iCurrentIndex-1);
		}

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsaphome = function(oEvent){

		var oControl = oEvent.srcControl;
		var iCurrentIndex = 0;
		var oNewDomRef;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		var oContainer = oElement.getParent();
		var oForm = oContainer.getParent();

		iCurrentIndex = oForm.indexOfFormContainer(oContainer);
		// actually it's within the same container
		oNewDomRef = this.findFirstFieldOfFirstElementInNextContainer(oForm, iCurrentIndex);

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsaptop = function(oEvent){

		var oControl = oEvent.srcControl;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		var oNewDomRef;
		var oContainer;

		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			oContainer = oElement.getParent();
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			oContainer = oElement;
		}
		var oForm = oContainer.getParent();

		oNewDomRef = this.findFirstFieldOfForm(oForm);

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsapend = function(oEvent){

		var oControl = oEvent.srcControl;
		var iCurrentIndex = 0;
		var oNewDomRef;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		var oContainer = oElement.getParent();
		var oForm = oContainer.getParent();

		iCurrentIndex = oForm.indexOfFormContainer(oContainer);
		oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iCurrentIndex);

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsapbottom = function(oEvent){

		var oControl = oEvent.srcControl;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		var oNewDomRef;
		var oContainer;

		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			oContainer = oElement.getParent();
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			oContainer = oElement;
		}
		var oForm = oContainer.getParent();

		var aContainers = oForm.getFormContainers();
		var iLength = aContainers.length;

		oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iLength - 1);

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsapexpand = function(oEvent){

		var oControl = oEvent.srcControl;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		var oContainer = oElement.getParent();

		if (oContainer.getExpandable()) {
			oContainer.setExpanded(true);
		}
	};

	sap.ui.commons.form.FormLayout.prototype.onsapcollapse = function(oEvent){

		var oControl = oEvent.srcControl;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		var oContainer = oElement.getParent();

		if (oContainer.getExpandable()) {
			oContainer.setExpanded(false);
		}
	};

	sap.ui.commons.form.FormLayout.prototype.onsapskipforward = function(oEvent){

		var oControl = oEvent.srcControl;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		oControl = oRoot.rootControl;
		var oNewDomRef;
		var oContainer;

		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			oContainer = oElement.getParent();
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			oContainer = oElement;
		}
		var oForm = oContainer.getParent();
		var iCurrentIndex = oForm.indexOfFormContainer(oContainer);

		// goto next container
		oNewDomRef = this.findFirstFieldOfFirstElementInNextContainer(oForm, iCurrentIndex+1);
		if (!oNewDomRef) {
			oNewDomRef = this.findFirstFieldOfForm(oForm);
		}

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.onsapskipback = function(oEvent){

		var oControl = oEvent.srcControl;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		oControl = oRoot.rootControl;
		var oNewDomRef;
		var oContainer;

		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			oContainer = oElement.getParent();
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			oContainer = oElement;
		}
		var oForm = oContainer.getParent();
		var aContainers = oForm.getFormContainers();
		var iCurrentIndex = oForm.indexOfFormContainer(oContainer);

		// goto previous container
		while (!oNewDomRef && iCurrentIndex >= 0) {
			var oPrevContainer = aContainers[iCurrentIndex-1];
			if (!oPrevContainer.getExpandable() || oPrevContainer.getExpanded()) {
				oNewDomRef = this.findFirstFieldOfFirstElementInPrevContainer(oForm, iCurrentIndex-1);
			}
			iCurrentIndex = iCurrentIndex-1;
		}
		if (!oNewDomRef) {
			oNewDomRef = this.findLastFieldOfForm(oForm);
		}

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.findElement = function(oControl){
		// since the source control can be part of a child control or layout we have to look in the control tree
		// to find the FormElement where the control is assigned

		var oElement = oControl.getParent();
		var oRootControl = oControl;

		while (oElement && !(oElement instanceof sap.ui.commons.form.FormElement) &&
				!(oElement && oElement instanceof sap.ui.commons.form.FormContainer) &&
				!(oElement && oElement instanceof sap.ui.commons.form.Form)) {
			oRootControl = oElement;
			oElement = oElement.getParent();
		}

		return ({rootControl: oRootControl, element: oElement});

	};

	sap.ui.commons.form.FormLayout.prototype.navigateForward = function(oEvent){

		var oControl = oEvent.srcControl;
		var iCurrentIndex = 0;
		var oNewDomRef;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		oControl = oRoot.rootControl;

		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			if (oControl == oElement.getLabelControl()) {
				iCurrentIndex = -1;
			} else {
				iCurrentIndex = oElement.indexOfField(oControl);
			}
			oNewDomRef = this.findNextFieldOfElement(oElement, iCurrentIndex+1);

			if (!oNewDomRef) {
				// use 1st field of next Element
				var oContainer = oElement.getParent();
				iCurrentIndex = oContainer.indexOfFormElement(oElement);
				oNewDomRef = this.findFirstFieldOfNextElement(oContainer, iCurrentIndex+1);

				if (!oNewDomRef) {
					// no next element -> look in next container
					var oForm = oContainer.getParent();
					iCurrentIndex = oForm.indexOfFormContainer(oContainer);
					oNewDomRef = this.findFirstFieldOfFirstElementInNextContainer(oForm, iCurrentIndex+1);
				}
			}
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			oNewDomRef = this.findFirstFieldOfNextElement(oElement, 0);
		}

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.tabForward = function(oEvent){

		var oControl = oEvent.srcControl;
		var iCurrentIndex = 0;
		var oNewDomRef;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		oControl = oRoot.rootControl;

		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			if (oControl == oElement.getLabelControl()) {
				iCurrentIndex = -1;
			} else {
				iCurrentIndex = oElement.indexOfField(oControl);
			}
			oNewDomRef = this.findNextFieldOfElement(oElement, iCurrentIndex+1, true);

			if (!oNewDomRef) {
				// use 1st field of next Element
				var oContainer = oElement.getParent();
				iCurrentIndex = oContainer.indexOfFormElement(oElement);
				oNewDomRef = this.findFirstFieldOfNextElement(oContainer, iCurrentIndex+1, true);

				if (!oNewDomRef) {
					// no next element -> look in next container
					var oForm = oContainer.getParent();
					iCurrentIndex = oForm.indexOfFormContainer(oContainer);
					oNewDomRef = this.findFirstFieldOfFirstElementInNextContainer(oForm, iCurrentIndex+1, true);
				}
			}
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			oNewDomRef = this.findFirstFieldOfNextElement(oElement, 0, true);
			if (!oNewDomRef) {
				// no next element -> look in next container
				var oForm = oElement.getParent();
				iCurrentIndex = oForm.indexOfFormContainer(oElement);
				oNewDomRef = this.findFirstFieldOfFirstElementInNextContainer(oForm, iCurrentIndex+1, true);
			}
		}

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.findNextFieldOfElement = function(oElement, iStartIndex, bTabOver){

		var aFields = oElement.getFields();
		var iLength = aFields.length;
		var oNewDomRef;

		for ( var i = iStartIndex; i < iLength; i++) {
			// find the next enabled control thats rendered
			var oField = aFields[i];
			var oDomRef = oField.getFocusDomRef();
			if (bTabOver == true){
				if ((!oField.getEditable || oField.getEditable()) && (!oField.getEnabled || oField.getEnabled()) && oDomRef) {
					oNewDomRef = oDomRef;
					break;
				}
			} else {
				if ((!oField.getEnabled || oField.getEnabled()) && oDomRef) {
					oNewDomRef = oDomRef;
					break;
				}
			}
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.findFirstFieldOfNextElement = function(oContainer, iStartIndex, bTabOver){

		var aElements = oContainer.getFormElements();
		var iLength = aElements.length;
		var oNewDomRef;
		var i = iStartIndex;

		while (!oNewDomRef && i < iLength) {
			var oElement = aElements[i];
			if (bTabOver == true){
				oNewDomRef = this.findNextFieldOfElement(oElement, 0, true);
			} else {
				oNewDomRef = this.findNextFieldOfElement(oElement, 0);
			}
			i++;
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.findFirstFieldOfForm = function(oForm){
		var aContainers = oForm.getFormContainers();
		var oNewDomRef;
		var oContainer = aContainers[0];
		if (!oContainer.getExpandable() || oContainer.getExpanded()) {
			oNewDomRef = this.findFirstFieldOfNextElement(oContainer, 0);
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.findLastFieldOfForm = function(oForm){
		var aContainers = oForm.getFormContainers();
		var iLength = aContainers.length;
		var oNewDomRef;
		var oContainer = aContainers[iLength -1];
		if (!oContainer.getExpandable() || oContainer.getExpanded()) {
			oNewDomRef = this.findFirstFieldOfNextElement(oContainer, 0);
		}

		return oNewDomRef;

	};

		sap.ui.commons.form.FormLayout.prototype.findFirstFieldOfLastContainerOfForm = function(oForm){
		var aContainers = oForm.getFormContainers();
		var iLength = aContainers.length;
		var oNewDomRef;
		var oContainer = aContainers[iLength -1];
		if (!oContainer.getExpandable() || oContainer.getExpanded()) {
			oNewDomRef = this.findFirstFieldOfNextElement(oContainer, 0);
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.findFirstFieldOfFirstElementInNextContainer = function(oForm, iStartIndex, bTabOver){

		var aContainers = oForm.getFormContainers();
		var iLength = aContainers.length;
		var oNewDomRef;
		var i = iStartIndex;

		while (!oNewDomRef && i < iLength) {
			var oContainer = aContainers[i];
			if (oContainer.getExpandable() && bTabOver) {
				oNewDomRef = oContainer._oExpandButton;
				return oNewDomRef;
				break;
			}
			if (!oContainer.getExpandable() || oContainer.getExpanded()) {
				if (bTabOver == true){
					oNewDomRef = this.findFirstFieldOfNextElement(oContainer, 0, true);
				} else {
					oNewDomRef = this.findFirstFieldOfNextElement(oContainer, 0);
				}
			}
			i++;
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.findFirstFieldOfFirstElementInPrevContainer = function(oForm, iStartIndex){

		var aContainers = oForm.getFormContainers();
		var iLength = aContainers.length;
		var oNewDomRef;
		var i = iStartIndex;

		while (!oNewDomRef && i < iLength && i >= 0) {
			var oContainer = aContainers[i];
			if (!oContainer.getExpandable() || oContainer.getExpanded()) {
				oNewDomRef = this.findFirstFieldOfNextElement(oContainer, 0);
			}
			i++;
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.navigateBack = function(oEvent){

		var oControl = oEvent.srcControl;
		var iCurrentIndex = 0;
		var oNewDomRef;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		oControl = oRoot.rootControl;
		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			if (oControl == oElement.getLabelControl()) {
				iCurrentIndex = 0;
			} else {
				iCurrentIndex = oElement.indexOfField(oControl);
			}
			oNewDomRef = this.findPrevFieldOfElement(oElement, iCurrentIndex-1);

			if (!oNewDomRef) {
				// use 1st field of next Element
				var oContainer = oElement.getParent();
				iCurrentIndex = oContainer.indexOfFormElement(oElement);
				oNewDomRef = this.findLastFieldOfPrevElement(oContainer, iCurrentIndex-1);

				if (!oNewDomRef) {
					// no next element -> look in next container
					var oForm = oContainer.getParent();
					iCurrentIndex = oForm.indexOfFormContainer(oContainer);
					oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iCurrentIndex-1);
				}
			}
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			var oForm = oElement.getParent();
			iCurrentIndex = oForm.indexOfFormContainer(oElement);
			oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iCurrentIndex-1);
		}

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};

	sap.ui.commons.form.FormLayout.prototype.tabBack = function(oEvent){

		var oControl = oEvent.srcControl;
		var iCurrentIndex = 0;
		var oNewDomRef;
		var oRoot = this.findElement(oControl);
		var oElement = oRoot.element;
		oControl = oRoot.rootControl;
		if (oElement && oElement instanceof sap.ui.commons.form.FormElement) {
			if (oControl == oElement.getLabelControl()) {
				iCurrentIndex = 0;
			} else {
				iCurrentIndex = oElement.indexOfField(oControl);
			}
			oNewDomRef = this.findPrevFieldOfElement(oElement, iCurrentIndex-1, true);

			if (!oNewDomRef) {
				// use 1st field of next Element
				var oContainer = oElement.getParent();
				iCurrentIndex = oContainer.indexOfFormElement(oElement);
				oNewDomRef = this.findLastFieldOfPrevElement(oContainer, iCurrentIndex-1, true);

				if (!oNewDomRef) {
					// no next element -> look in next container
					var oForm = oContainer.getParent();
					iCurrentIndex = oForm.indexOfFormContainer(oContainer);
					if (oContainer.getExpandable()) {
						oNewDomRef = oContainer._oExpandButton;
					} else {
						oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iCurrentIndex-1, true);
					}
				}
			}
		} else if (oElement && oElement instanceof sap.ui.commons.form.FormContainer) {
			// current control is not inside an Element - maybe a title or expander?
			var oForm = oElement.getParent();
			iCurrentIndex = oForm.indexOfFormContainer(oElement);
			oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iCurrentIndex-1, true);
		}

		if (oNewDomRef) {
			jQuery.sap.focus(oNewDomRef);
			oEvent.preventDefault(); // to avoid moving cursor in next field
		}

	};
	

	sap.ui.commons.form.FormLayout.prototype.findPrevFieldOfElement = function(oElement, iStartIndex, bTabOver){

		var aFields = oElement.getFields();
		var oNewDomRef;

		for ( var i = iStartIndex; i >= 0; i--) {
			// find the next enabled control thats rendered
			var oField = aFields[i];
			var oDomRef = oField.getFocusDomRef();
			if (bTabOver == true){
				if ((!oField.getEditable || oField.getEditable()) && (!oField.getEnabled || oField.getEnabled()) && oDomRef) {
					oNewDomRef = oDomRef;
					break;
				}
			} else {
				if ((!oField.getEnabled || oField.getEnabled()) && oDomRef) {
					oNewDomRef = oDomRef;
					break;
				}
			}
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.findLastFieldOfPrevElement = function(oContainer, iStartIndex, bTabOver){

		var aElements = oContainer.getFormElements();
		var oNewDomRef;
		var i = iStartIndex;

		while (!oNewDomRef && i >= 0) {
			var oElement = aElements[i];
			var iLength = oElement.getFields().length;

			if (bTabOver == true){
				oNewDomRef = this.findPrevFieldOfElement(oElement, iLength-1, true);
			} else {
				oNewDomRef = this.findPrevFieldOfElement(oElement, iLength-1);
			}
			i--;
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.findLastFieldOfLastElementInPrevContainer = function(oForm, iStartIndex, bTabOver){

		var aContainers = oForm.getFormContainers();
		var oNewDomRef;
		var i = iStartIndex;

		while (!oNewDomRef && i >= 0) {
			var oContainer = aContainers[i];
			if (oContainer.getExpandable() && !oContainer.getExpanded() && bTabOver) {
				oNewDomRef = oContainer._oExpandButton;
				return oNewDomRef;
				break;
			}
			if (!oContainer.getExpandable() || oContainer.getExpanded()) {
				var iLength = oContainer.getFormElements().length;
				if (bTabOver == true){
					oNewDomRef = this.findLastFieldOfPrevElement(oContainer, iLength-1, true);
				} else {
					oNewDomRef = this.findLastFieldOfPrevElement(oContainer, iLength-1, 0);
				}
			}
			i--;
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.FormLayout.prototype.findFieldBelow = function(oControl, oElement){

		var oContainer = oElement.getParent();
		var iCurrentIndex = oContainer.indexOfFormElement(oElement);
		var oNewDomRef = this.findFirstFieldOfNextElement(oContainer, iCurrentIndex+1);

		if (!oNewDomRef) {
			// no next element -> look in next container
			var oForm = oContainer.getParent();
			iCurrentIndex = oForm.indexOfFormContainer(oContainer);
			oNewDomRef = this.findFirstFieldOfFirstElementInNextContainer(oForm, iCurrentIndex+1);
		}

		return oNewDomRef;

	};


	sap.ui.commons.form.FormLayout.prototype.findFieldAbove = function(oControl, oElement){

		var oContainer = oElement.getParent();
		var iCurrentIndex = oContainer.indexOfFormElement(oElement);

		var aElements = oContainer.getFormElements();
		var oNewDomRef;
		var i = iCurrentIndex-1;

		while (!oNewDomRef && i >= 0) {
			var oElement = aElements[i];
			oNewDomRef = this.findPrevFieldOfElement(oElement, 0);
			i--;
		}

		if (!oNewDomRef) {
			// no next element -> look in previous container
			var oForm = oContainer.getParent();
			iCurrentIndex = oForm.indexOfFormContainer(oContainer);
			oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iCurrentIndex-1);
		}

		return oNewDomRef;

	};

}());

}; // end of sap.ui.commons.form.FormLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.GridContainerData') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.GridContainerData.
jQuery.sap.declare("sap.ui.commons.form.GridContainerData");

jQuery.sap.require('sap.ui.core.LayoutData'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new form/GridContainerData.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getHalfGrid halfGrid} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.LayoutData#constructor sap.ui.core.LayoutData}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Grid layout specific properties for FormContainers.
 * The width and height properties of the elements are ignored since the witdh and heights are defined by the grid cells.
 * @extends sap.ui.core.LayoutData
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.form.GridContainerData
 */
sap.ui.core.LayoutData.extend("sap.ui.commons.form.GridContainerData", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"halfGrid" : {type : "boolean", group : "Misc", defaultValue : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.GridContainerData with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.GridContainerData.extend
 * @function
 */


/**
 * Getter for property <code>halfGrid</code>.
 * If set the container takes half the width of the form (8cells), if not it's the full width (16 cells).
 * If the GridLayout is set to be singleColumn the full width of the Grid is only 8 cells. So containers are rendered only one per row.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>halfGrid</code>
 * @public
 * @name sap.ui.commons.form.GridContainerData#getHalfGrid
 * @function
 */

/**
 * Setter for property <code>halfGrid</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bHalfGrid  new value for property <code>halfGrid</code>
 * @return {sap.ui.commons.form.GridContainerData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.GridContainerData#setHalfGrid
 * @function
 */


// Start of sap/ui/commons/form/GridContainerData.js
///**
// * This file defines behavior for the control, 
// */
//sap.ui.commons.form.GridLayoutdata.prototype.init = function(){
//   // do something for initialization...
//};

}; // end of sap.ui.commons.form.GridContainerData
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.GridElementData') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.GridElementData.
jQuery.sap.declare("sap.ui.commons.form.GridElementData");

jQuery.sap.require('sap.ui.core.LayoutData'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new form/GridElementData.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getHCells hCells} : sap.ui.commons.form.GridElementCells (default: 'auto')</li>
 * <li>{@link #getVCells vCells} : int (default: 1)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.LayoutData#constructor sap.ui.core.LayoutData}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The grid specific layout data for FormElement fields.
 * The width property of the elements is ignored since the width is defined by grid cells.
 * @extends sap.ui.core.LayoutData
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.form.GridElementData
 */
sap.ui.core.LayoutData.extend("sap.ui.commons.form.GridElementData", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"hCells" : {type : "sap.ui.commons.form.GridElementCells", group : "Appearance", defaultValue : 'auto'},
		"vCells" : {type : "int", group : "Appearance", defaultValue : 1}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.GridElementData with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.GridElementData.extend
 * @function
 */


/**
 * Getter for property <code>hCells</code>.
 * Number of cells in horizontal direction.
 * If "auto" the size is determined by the number of fields and the available cells. For Labels the auto size is 3 cells.
 * If "full" only one field is allowed within the element. It gets the full width of the row and the label is displayed above. For Labels Full size has no effect.
 *
 * Default value is <code>auto</code>
 *
 * @return {sap.ui.commons.form.GridElementCells} the value of property <code>hCells</code>
 * @public
 * @name sap.ui.commons.form.GridElementData#getHCells
 * @function
 */

/**
 * Setter for property <code>hCells</code>.
 *
 * Default value is <code>auto</code> 
 *
 * @param {sap.ui.commons.form.GridElementCells} sHCells  new value for property <code>hCells</code>
 * @return {sap.ui.commons.form.GridElementData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.GridElementData#setHCells
 * @function
 */


/**
 * Getter for property <code>vCells</code>.
 * Number of cells in vertical direction.
 * This property has no effect for labels.
 *
 * Default value is <code>1</code>
 *
 * @return {int} the value of property <code>vCells</code>
 * @public
 * @name sap.ui.commons.form.GridElementData#getVCells
 * @function
 */

/**
 * Setter for property <code>vCells</code>.
 *
 * Default value is <code>1</code> 
 *
 * @param {int} iVCells  new value for property <code>vCells</code>
 * @return {sap.ui.commons.form.GridElementData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.GridElementData#setVCells
 * @function
 */


// Start of sap/ui/commons/form/GridElementData.js
///**
// * This file defines behavior for the control, 
// */
//sap.ui.commons.form.GridElementData.prototype.init = function(){
//   // do something for initialization...
//};

}; // end of sap.ui.commons.form.GridElementData
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.GridLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.GridLayout.
jQuery.sap.declare("sap.ui.commons.form.GridLayout");



/**
 * Constructor for a new form/GridLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getSingleColumn singleColumn} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.form.FormLayout#constructor sap.ui.commons.form.FormLayout}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This Layout implements a guideline 2.0 grid. This can be a 16 column grid or an 8 column grid.
 * 
 * To adjust the content inside the GridLayout GridContainerData and GridElementData could be used.
 * @extends sap.ui.commons.form.FormLayout
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.form.GridLayout
 */
sap.ui.commons.form.FormLayout.extend("sap.ui.commons.form.GridLayout", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"singleColumn" : {type : "boolean", group : "Misc", defaultValue : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.GridLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.GridLayout.extend
 * @function
 */


/**
 * Getter for property <code>singleColumn</code>.
 * If set the Grid allows only one container column. That means one container is below the other. The whole grid has 8 cells per row.
 * 
 * If not set containers can use the full width of the grid or two container can be placed beside each other. In this case the whole grid has 16 cell per row.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>singleColumn</code>
 * @public
 * @name sap.ui.commons.form.GridLayout#getSingleColumn
 * @function
 */

/**
 * Setter for property <code>singleColumn</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bSingleColumn  new value for property <code>singleColumn</code>
 * @return {sap.ui.commons.form.GridLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.GridLayout#setSingleColumn
 * @function
 */


// Start of sap/ui/commons/form/GridLayout.js
/**
 * This file defines behavior for the control
 */




(function() {

	sap.ui.commons.form.GridLayout.prototype.toggleContainerExpanded = function(oContainer){

		// rerendering of the form is needed
		this.rerender();

	};

	/*
	 * If onAfterRendering of a field is processed the width must be set to 100%
	 */
	sap.ui.commons.form.GridLayout.prototype.contentOnAfterRendering = function(oFormElement, oControl){

		sap.ui.commons.form.FormLayout.prototype.contentOnAfterRendering.apply(this, arguments);

		if (oControl.getMetadata().getName() != "sap.ui.commons.Image" ) {
			oControl.$().css("width", "100%");
		}

	};

	/*
	 * If LayoutData changed on one control this needs to rerender the whole table
	 * because it may influence other rows and columns
	 */
	sap.ui.commons.form.GridLayout.prototype.onLayoutDataChange = function(oEvent){

		if (this.getDomRef()) {
			// only if already rendered
			this.rerender();
		}

	};

	sap.ui.commons.form.GridLayout.prototype.onsaptabnext= function(oEvent){

		var bRtl = sap.ui.getCore().getConfiguration().getRTL();

		if (!bRtl) {
			this.tabForward(oEvent);
		} else {
			this.tabBack(oEvent);
		}

	};

	sap.ui.commons.form.GridLayout.prototype.onsaptabprevious = function(oEvent){

		var bRtl = sap.ui.getCore().getConfiguration().getRTL();

		if (!bRtl) {
			this.tabBack(oEvent);
		} else {
			this.tabForward(oEvent);
		}

	};

	sap.ui.commons.form.GridLayout.prototype.findFieldOfElement = function(oElement, iStartIndex, iLeft){

		if (!iLeft) {
			return sap.ui.commons.form.FormLayout.prototype.findPrevFieldOfElement.apply(this, arguments);
		}

		if (!oElement.getVisible()) {
			return;
		}

		var aFields = oElement.getFields();
		var oNewDomRef;

		var iIndex = aFields.length;
		iStartIndex = iIndex - 1;


		for ( var i = iStartIndex; i >= 0; i--) {
			// find the next enabled control thats rendered
			var oField = aFields[i];
			var iLeftnew = jQuery.sap.byId(oField.getId()).offset().left;
			if (iLeft < iLeftnew && i != 0) {
				continue;
			}
			var oDomRef = oField.getFocusDomRef();
			if ((!oField.getEnabled || oField.getEnabled()) && oDomRef) {
				oNewDomRef = oDomRef;
				break;
			}
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.GridLayout.prototype.findFieldBelow = function(oControl, oElement){

		var oContainer = oElement.getParent();
		var iCurrentIndex = oContainer.indexOfFormElement(oElement);
		var oNewDomRef;

		if(oContainer.getVisible()) {
			var aElements = oContainer.getFormElements();
			var iMax = aElements.length;
			var i = iCurrentIndex+1;
			var iLeft = jQuery.sap.byId(oControl.getId()).offset().left;

			while (!oNewDomRef && i < iMax) {
				var oElement = aElements[i];
				oNewDomRef = this.findFieldOfElement(oElement, 0, iLeft);
				i++;
			}
		}

		if (!oNewDomRef) {
			// no next element -> look in next container
			var oForm = oContainer.getParent();
			iCurrentIndex = oForm.indexOfFormContainer(oContainer);
			oNewDomRef = this.findFirstFieldOfFirstElementInNextContainer(oForm, iCurrentIndex+1);
		}

		return oNewDomRef;

	};

	sap.ui.commons.form.GridLayout.prototype.findFieldAbove = function(oControl, oElement){

		var oContainer = oElement.getParent();
		var iCurrentIndex = oContainer.indexOfFormElement(oElement);
		var oNewDomRef;

		if(oContainer.getVisible()) {
			var aElements = oContainer.getFormElements();
			var i = iCurrentIndex-1;
			var iLeft = jQuery.sap.byId(oControl.getId()).offset().left;

			while (!oNewDomRef && i >= 0) {
				var oElement = aElements[i];
				oNewDomRef = this.findFieldOfElement(oElement, 0, iLeft);
				i--;
			}
		}

		if (!oNewDomRef) {
			// no next element -> look in previous container
			var oForm = oContainer.getParent();
			iCurrentIndex = oForm.indexOfFormContainer(oContainer);
			oNewDomRef = this.findLastFieldOfLastElementInPrevContainer(oForm, iCurrentIndex-1);
		}

		return oNewDomRef;

	};

}());
}; // end of sap.ui.commons.form.GridLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.BorderLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.BorderLayout.
jQuery.sap.declare("sap.ui.commons.layout.BorderLayout");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/BorderLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getRtl rtl} : boolean (default: false)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize (default: '100%')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getTop top} : sap.ui.commons.layout.BorderLayoutArea</li>
 * <li>{@link #getBegin begin} : sap.ui.commons.layout.BorderLayoutArea</li>
 * <li>{@link #getCenter center} : sap.ui.commons.layout.BorderLayoutArea</li>
 * <li>{@link #getEnd end} : sap.ui.commons.layout.BorderLayoutArea</li>
 * <li>{@link #getBottom bottom} : sap.ui.commons.layout.BorderLayoutArea</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Based upon the border layout as it comes with the Java standard. Using this layout, you are able to divide your available UI space into five areas whose sizes can be defined. These areas are: Top: Header; Bottom: Footer; Begin: Left/right-hand side panel; Center: Content area
 * in the middle; End: Right/left-hand side panel.
 * 
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.BorderLayout
 */
sap.ui.core.Control.extend("sap.ui.commons.layout.BorderLayout", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"createArea", "setAreaData", "addContent", "insertContent", "removeContent", "removeAllContent", "getContent", "indexOfContent", "destroyContent", "getAreaData", "getAreaById", "getArea"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"rtl" : {type : "boolean", group : "Appearance", defaultValue : false, deprecated: true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'}
	},
	aggregations : {
    	"top" : {type : "sap.ui.commons.layout.BorderLayoutArea", multiple : false}, 
    	"begin" : {type : "sap.ui.commons.layout.BorderLayoutArea", multiple : false}, 
    	"center" : {type : "sap.ui.commons.layout.BorderLayoutArea", multiple : false}, 
    	"end" : {type : "sap.ui.commons.layout.BorderLayoutArea", multiple : false}, 
    	"bottom" : {type : "sap.ui.commons.layout.BorderLayoutArea", multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.BorderLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.BorderLayout.extend
 * @function
 */


/**
 * Getter for property <code>rtl</code>.
 * The RTL setting swaps the areas Begin and End. Since version 1.5.2, this property is deprecated and ignored as it conflicts with the central configuration for the page.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>rtl</code>
 * @public
 * @deprecated Since version 1.5.2. 
 * RTL should not be configured on control level but is determined by a global configuration.
 * @name sap.ui.commons.layout.BorderLayout#getRtl
 * @function
 */

/**
 * Setter for property <code>rtl</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bRtl  new value for property <code>rtl</code>
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 1.5.2. 
 * RTL should not be configured on control level but is determined by a global configuration.
 * @name sap.ui.commons.layout.BorderLayout#setRtl
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Defines the overall width of the layout
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.layout.BorderLayout#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Defines the overall height of the layout
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.layout.BorderLayout#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#setHeight
 * @function
 */


/**
 * Getter for aggregation <code>top</code>.<br/>
 * Represents the Top area
 * 
 * @return {sap.ui.commons.layout.BorderLayoutArea}
 * @public
 * @name sap.ui.commons.layout.BorderLayout#getTop
 * @function
 */


/**
 * Setter for the aggregated <code>top</code>.
 * @param oTop {sap.ui.commons.layout.BorderLayoutArea}
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#setTop
 * @function
 */
	

/**
 * Destroys the top in the aggregation 
 * named <code>top</code>.
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#destroyTop
 * @function
 */


/**
 * Getter for aggregation <code>begin</code>.<br/>
 * Represents the Begin area
 * 
 * @return {sap.ui.commons.layout.BorderLayoutArea}
 * @public
 * @name sap.ui.commons.layout.BorderLayout#getBegin
 * @function
 */


/**
 * Setter for the aggregated <code>begin</code>.
 * @param oBegin {sap.ui.commons.layout.BorderLayoutArea}
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#setBegin
 * @function
 */
	

/**
 * Destroys the begin in the aggregation 
 * named <code>begin</code>.
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#destroyBegin
 * @function
 */


/**
 * Getter for aggregation <code>center</code>.<br/>
 * Represents the Center area
 * 
 * @return {sap.ui.commons.layout.BorderLayoutArea}
 * @public
 * @name sap.ui.commons.layout.BorderLayout#getCenter
 * @function
 */


/**
 * Setter for the aggregated <code>center</code>.
 * @param oCenter {sap.ui.commons.layout.BorderLayoutArea}
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#setCenter
 * @function
 */
	

/**
 * Destroys the center in the aggregation 
 * named <code>center</code>.
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#destroyCenter
 * @function
 */


/**
 * Getter for aggregation <code>end</code>.<br/>
 * Represents the End area
 * 
 * @return {sap.ui.commons.layout.BorderLayoutArea}
 * @public
 * @name sap.ui.commons.layout.BorderLayout#getEnd
 * @function
 */


/**
 * Setter for the aggregated <code>end</code>.
 * @param oEnd {sap.ui.commons.layout.BorderLayoutArea}
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#setEnd
 * @function
 */
	

/**
 * Destroys the end in the aggregation 
 * named <code>end</code>.
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#destroyEnd
 * @function
 */


/**
 * Getter for aggregation <code>bottom</code>.<br/>
 * Represents the Bottom area
 * 
 * @return {sap.ui.commons.layout.BorderLayoutArea}
 * @public
 * @name sap.ui.commons.layout.BorderLayout#getBottom
 * @function
 */


/**
 * Setter for the aggregated <code>bottom</code>.
 * @param oBottom {sap.ui.commons.layout.BorderLayoutArea}
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#setBottom
 * @function
 */
	

/**
 * Destroys the bottom in the aggregation 
 * named <code>bottom</code>.
 * @return {sap.ui.commons.layout.BorderLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayout#destroyBottom
 * @function
 */


/**
 * Creates the specified area and adds the given controls to it. Returns the created area.
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.createArea
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies which area will be created. If the area is already available, the method call is ignored.
 * @param {sap.ui.core.Control} 
 *         oControls
 *         Any number of controls can be submitted to be added to the newly created area; where each control is submitted as one argument.

 * @type sap.ui.commons.layout.BorderLayoutArea
 * @public
 */


/**
 * Sets the properties of the specified area with the given values
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.setAreaData
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area whose properties will be set
 * @param {object} 
 *         oData
 *         JSON-like object that contains the values to be set

 * @type void
 * @public
 */


/**
 * Adds controls to the specified area
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.addContent
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area where controls will be added
 * @param {sap.ui.core.Control} 
 *         oControls
 *         N controls can be submitted to be added. Each control is submitted as one argument.

 * @type void
 * @public
 */


/**
 * Inserts controls to an area at a given index.
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.insertContent
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area where the controls shall be inserted.
 * @param {int} 
 *         iIndex
 *         Specifies the index where the controls shall be added. For a negative value of iIndex, the content is inserted at
 * position '0'; for a value greater than the current size of the aggregation, the content is inserted at the last position.
 * @param {sap.ui.core.Control} 
 *         oControl
 *         N controls can be submitted to be added. Each control is submitted as one argument.

 * @type void
 * @public
 */


/**
 * Removes the content with the given index from an area
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.removeContent
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area whose content shall be removed
 * @param {int} 
 *         iIndex
 *         Specifies the index of the control that shall be removed

 * @type void
 * @public
 */


/**
 * Removes all content from an area
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.removeAllContent
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area whose content shall be removed

 * @type void
 * @public
 */


/**
 * Returns all controls inside the specified area inside an array
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.getContent
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area whose content controls shall be returned.

 * @type sap.ui.core.Control[]
 * @public
 */


/**
 * Determines the index of a given content control
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.indexOfContent
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area that will be searched
 * @param {sap.ui.core.Control} 
 *         oContent
 *         Specifies the control whose index will be searched

 * @type int
 * @public
 */


/**
 * Destroys the content of the specified area
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.destroyContent
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area whose content will be destroyed

 * @type void
 * @public
 */


/**
 * Returns a JSON-like object that contains all property values of the requested area
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.getAreaData
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area whose data will be returned

 * @type object
 * @public
 */


/**
 * Returns the object of the specified area. If the area does not exist, the area will be created and returned.
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.getAreaById
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         Specifies the area whose object will be returned.

 * @type sap.ui.commons.layout.BorderLayoutArea
 * @public
 */


/**
 * Returns the area of the given type. If the area does not exist, it will be created when create is set to true.
 *
 * @name sap.ui.commons.layout.BorderLayout.prototype.getArea
 * @function
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} 
 *         oAreaId
 *         
 * @param {boolean} 
 *         bCreate
 *         

 * @type sap.ui.commons.layout.BorderLayoutAreaTypes
 * @public
 */


// Start of sap/ui/commons/layout/BorderLayout.js
sap.ui.commons.layout.BorderLayout.prototype._getOrCreateArea = function(sAreaId, aContent) {

	var Types = sap.ui.commons.layout.BorderLayoutAreaTypes,
		that = this,
		oArea;

	function create(sMutator) {
		var oArea;
		
		if ( aContent ) {
			oArea = new sap.ui.commons.layout.BorderLayoutArea({
				id : that.getId() + "--" + sAreaId,
				areaId : sAreaId,
				content : aContent
			});
			that[sMutator](oArea);
		}
		
		return oArea;
	}

	// check for a valid area id
	if ( !Types.hasOwnProperty(sAreaId) ) {
		throw new Error("Invalid Area Id '" + sAreaId + "'");
	}

	// get or create
	switch(sAreaId)
	{
		case Types.top:	
			oArea = this.getTop() || create("setTop");
			break;
		case Types.begin:
			oArea = this.getBegin() || create("setBegin");
			break;
		case Types.center:
			oArea = this.getCenter() || create("setCenter");
			break;
		case Types.end:	
			oArea = this.getEnd() || create("setEnd");
			break;
		case Types.bottom:	
			oArea = this.getBottom() || create("setBottom");
			break;
		default:
			jQuery.sap.assert(false, "default case must not be reached");
			break;
	}

	return oArea;
};

sap.ui.commons.layout.BorderLayout.prototype.getArea = function(sAreaId, bCreate) {
	return this._getOrCreateArea(sAreaId, bCreate ? [] : null);
};

sap.ui.commons.layout.BorderLayout.prototype.createArea = function(sAreaId, oContent /* ... */) {
	return this._getOrCreateArea(sAreaId, Array.prototype.slice.call(arguments, 1));
};

sap.ui.commons.layout.BorderLayout.prototype.getAreaById = function(sAreaId) {
	return this._getOrCreateArea(sAreaId, []);
};

sap.ui.commons.layout.BorderLayout.prototype.getAreaData = function(sAreaId) {
	var oArea = this.getAreaById(sAreaId);
	return oArea ? 
		{
			size         : oArea.getSize(),
			visible      : oArea.getVisible(),
			overflowX    : oArea.getOverflowX(),
			overflowY    : oArea.getOverflowY(),
			contentAlign : oArea.getContentAlign()
		} : {};
};

sap.ui.commons.layout.BorderLayout.prototype.setAreaData = function(sAreaId, oData) {
	this.getArea(sAreaId, true).applySettings(oData);
	return this;
};

sap.ui.commons.layout.BorderLayout.prototype.addContent = function(sAreaId) {
	var oArea = this.getArea(sAreaId, true),
		i;
	
	for(var i=1; i<arguments.length; i++) {
		oArea.addContent(arguments[i]);
	}
	return this;
};

sap.ui.commons.layout.BorderLayout.prototype.insertContent = function(sAreaId, iIndex) { //obsolete
	var oArea = this.getArea(sAreaId, true), 
		i;
	
	for(i=2; i<arguments.length; i++) {
		oArea.insertContent(arguments[i], iIndex++);
	}
	return this;
};

sap.ui.commons.layout.BorderLayout.prototype.removeContent = function(sAreaId, vElement) {
	var oArea = this.getAreaById(sAreaId);
	if ( oArea ) {
		oArea.removeContent(vElement);
	}
	return this;
};

sap.ui.commons.layout.BorderLayout.prototype.removeAllContent = function(sAreaId) {
	var oArea = this.getAreaById(sAreaId);
	if ( oArea ) {
	  oArea.removeAllContent();
	}
	return this;
};

sap.ui.commons.layout.BorderLayout.prototype.getContent = function(sAreaId) {
	var oArea = this.getAreaById(sAreaId);
	return oArea ? oArea.getContent() : [];
};

sap.ui.commons.layout.BorderLayout.prototype.indexOfContent = function(sAreaId, oContent) {
	var oArea = this.getAreaById(sAreaId);
	return oArea ? oArea.indexOfContent(oContent) : -1;
};

sap.ui.commons.layout.BorderLayout.prototype.destroyContent = function(sAreaId) {
	this.getAreaById(sAreaId, true).destroyContent();
	return this;
};


/*
 TODOS

 - rename BorderLayoutAreaTypes to BorderLayoutAreaPosition
 - Borderlayout.createArea, getAreaById, setAreaData -> getArea(pos), setArea(pos, settings);
 - BorderlayoutArea.areaId: deprecate, redundant
 - BorderLayout.overflow: defaults?
 - RTL support in general: really swap classes or trust in our mirroring?
 */

}; // end of sap.ui.commons.layout.BorderLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.BorderLayoutArea') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.BorderLayoutArea.
jQuery.sap.declare("sap.ui.commons.layout.BorderLayoutArea");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/BorderLayoutArea.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getAreaId areaId} : sap.ui.commons.layout.BorderLayoutAreaTypes (default: sap.ui.commons.layout.BorderLayoutAreaTypes.top)</li>
 * <li>{@link #getOverflowX overflowX} : string (default: 'auto')</li>
 * <li>{@link #getOverflowY overflowY} : string (default: 'auto')</li>
 * <li>{@link #getContentAlign contentAlign} : string (default: 'left')</li>
 * <li>{@link #getSize size} : sap.ui.core.CSSSize (default: '100px')</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The BorderLayoutArea represents one area of a BorderLayout
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea
 */
sap.ui.core.Element.extend("sap.ui.commons.layout.BorderLayoutArea", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"areaId" : {type : "sap.ui.commons.layout.BorderLayoutAreaTypes", group : "Identification", defaultValue : sap.ui.commons.layout.BorderLayoutAreaTypes.top, deprecated: true},
		"overflowX" : {type : "string", group : "Misc", defaultValue : 'auto'},
		"overflowY" : {type : "string", group : "Misc", defaultValue : 'auto'},
		"contentAlign" : {type : "string", group : "Misc", defaultValue : 'left'},
		"size" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : '100px'},
		"visible" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.BorderLayoutArea with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.BorderLayoutArea.extend
 * @function
 */


/**
 * Getter for property <code>areaId</code>.
 * Defines which area the element represents: top, begin, center, end, bottom
 *
 * Default value is <code>top</code>
 *
 * @return {sap.ui.commons.layout.BorderLayoutAreaTypes} the value of property <code>areaId</code>
 * @public
 * @deprecated Since version 1.3.3. 
 * Redundant to the aggregation by the parent border layout.
 * @name sap.ui.commons.layout.BorderLayoutArea#getAreaId
 * @function
 */

/**
 * Setter for property <code>areaId</code>.
 *
 * Default value is <code>top</code> 
 *
 * @param {sap.ui.commons.layout.BorderLayoutAreaTypes} oAreaId  new value for property <code>areaId</code>
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 1.3.3. 
 * Redundant to the aggregation by the parent border layout.
 * @name sap.ui.commons.layout.BorderLayoutArea#setAreaId
 * @function
 */


/**
 * Getter for property <code>overflowX</code>.
 * The overflow mode of the area in horizontal direction as CSS value
 *
 * Default value is <code>auto</code>
 *
 * @return {string} the value of property <code>overflowX</code>
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#getOverflowX
 * @function
 */

/**
 * Setter for property <code>overflowX</code>.
 *
 * Default value is <code>auto</code> 
 *
 * @param {string} sOverflowX  new value for property <code>overflowX</code>
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#setOverflowX
 * @function
 */


/**
 * Getter for property <code>overflowY</code>.
 * The overflow mode of the area in vertical direction as CSS value
 *
 * Default value is <code>auto</code>
 *
 * @return {string} the value of property <code>overflowY</code>
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#getOverflowY
 * @function
 */

/**
 * Setter for property <code>overflowY</code>.
 *
 * Default value is <code>auto</code> 
 *
 * @param {string} sOverflowY  new value for property <code>overflowY</code>
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#setOverflowY
 * @function
 */


/**
 * Getter for property <code>contentAlign</code>.
 * The content alignment as CSS value
 *
 * Default value is <code>left</code>
 *
 * @return {string} the value of property <code>contentAlign</code>
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#getContentAlign
 * @function
 */

/**
 * Setter for property <code>contentAlign</code>.
 *
 * Default value is <code>left</code> 
 *
 * @param {string} sContentAlign  new value for property <code>contentAlign</code>
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#setContentAlign
 * @function
 */


/**
 * Getter for property <code>size</code>.
 * Defines the height or the width. Is not used when the area element is in Center.
 *
 * Default value is <code>100px</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>size</code>
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#getSize
 * @function
 */

/**
 * Setter for property <code>size</code>.
 *
 * Default value is <code>100px</code> 
 *
 * @param {sap.ui.core.CSSSize} sSize  new value for property <code>size</code>
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#setSize
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Controls within the area
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.layout.BorderLayoutArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.BorderLayoutArea#destroyContent
 * @function
 */


// Start of sap/ui/commons/layout/BorderLayoutArea.js
jQuery.sap.require('sap.ui.core.CustomStyleClassSupport'); // unlisted dependency retained
 // unlisted dependency retained

sap.ui.core.CustomStyleClassSupport.apply(sap.ui.commons.layout.BorderLayoutArea.prototype);

sap.ui.commons.layout.BorderLayoutArea.prototype.getAreaId = function() {
	var oParent = this.getParent();
	return (oParent && oParent instanceof sap.ui.commons.layout.BorderLayout) ? this.sParentAggregationName : undefined;
};

sap.ui.commons.layout.BorderLayoutArea.prototype.setVisible = function(bVisible, oBorderLayout) {
	var sAreaId = this.getAreaId();
	
	// if the current area is the center or if no BorderLayout is provided, no animation will be shown
	if (sAreaId === "center" || !oBorderLayout) {
		this.setProperty("visible", bVisible);
		return this;
	}
	
	// with animation
	this.setProperty("visible", bVisible, true);
	this.getParent().getMetadata().getRenderer().animate(this, bVisible);
	
	return this;
};



}; // end of sap.ui.commons.layout.BorderLayoutArea
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.HorizontalLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.HorizontalLayout.
jQuery.sap.declare("sap.ui.commons.layout.HorizontalLayout");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/HorizontalLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getAllowWrapping allowWrapping} : boolean (default: false)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A layout that provides support for horizontal alignment of controls
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout
 */
sap.ui.core.Control.extend("sap.ui.commons.layout.HorizontalLayout", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"allowWrapping" : {type : "boolean", group : "Misc", defaultValue : false},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.HorizontalLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.HorizontalLayout.extend
 * @function
 */


/**
 * Getter for property <code>allowWrapping</code>.
 * Specifies whether the content inside the Layout shall be line-wrapped in the case that there is less horizontal space available than required.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>allowWrapping</code>
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#getAllowWrapping
 * @function
 */

/**
 * Setter for property <code>allowWrapping</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bAllowWrapping  new value for property <code>allowWrapping</code>
 * @return {sap.ui.commons.layout.HorizontalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#setAllowWrapping
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Whether this HorizontalLayout is visible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.layout.HorizontalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * The controls inside this layout
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.layout.HorizontalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.layout.HorizontalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.layout.HorizontalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.HorizontalLayout#destroyContent
 * @function
 */


// Start of sap/ui/commons/layout/HorizontalLayout.js

}; // end of sap.ui.commons.layout.HorizontalLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.MatrixLayoutCell') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.MatrixLayoutCell.
jQuery.sap.declare("sap.ui.commons.layout.MatrixLayoutCell");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/MatrixLayoutCell.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getBackgroundDesign backgroundDesign} : sap.ui.commons.layout.BackgroundDesign (default: 'Transparent')</li>
 * <li>{@link #getColSpan colSpan} : int (default: 1)</li>
 * <li>{@link #getHAlign hAlign} : sap.ui.commons.layout.HAlign (default: 'Begin')</li>
 * <li>{@link #getPadding padding} : sap.ui.commons.layout.Padding (default: 'End')</li>
 * <li>{@link #getRowSpan rowSpan} : int (default: 1)</li>
 * <li>{@link #getSeparation separation} : sap.ui.commons.layout.Separation (default: 'None')</li>
 * <li>{@link #getVAlign vAlign} : sap.ui.commons.layout.VAlign (default: 'Middle')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * Non-control element used as part of a matrix layout's inner structure.
 * 
 * @extends sap.ui.core.Element
 *
 * @author d029921 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell
 */
sap.ui.core.Element.extend("sap.ui.commons.layout.MatrixLayoutCell", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"addStyleClass", "removeStyleClass", "hasStyleClass"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	aggregatingType : "MatrixLayoutRow",
	properties : {
		"backgroundDesign" : {type : "sap.ui.commons.layout.BackgroundDesign", group : "", defaultValue : 'Transparent'},
		"colSpan" : {type : "int", group : "", defaultValue : 1},
		"hAlign" : {type : "sap.ui.commons.layout.HAlign", group : "", defaultValue : 'Begin'},
		"padding" : {type : "sap.ui.commons.layout.Padding", group : "", defaultValue : 'End'},
		"rowSpan" : {type : "int", group : "", defaultValue : 1},
		"separation" : {type : "sap.ui.commons.layout.Separation", group : "", defaultValue : 'None'},
		"vAlign" : {type : "sap.ui.commons.layout.VAlign", group : "", defaultValue : 'Middle'}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.MatrixLayoutCell with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.MatrixLayoutCell.extend
 * @function
 */


/**
 * Getter for property <code>backgroundDesign</code>.
 * 
 * Determines the matrix layout cell's background design.
 * 
 *
 * Default value is <code>'Transparent'</code>
 *
 * @return {sap.ui.commons.layout.BackgroundDesign} the value of property <code>backgroundDesign</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#getBackgroundDesign
 * @function
 */

/**
 * Setter for property <code>backgroundDesign</code>.
 *
 * Default value is <code>'Transparent'</code> 
 *
 * @param {sap.ui.commons.layout.BackgroundDesign} oBackgroundDesign  new value for property <code>backgroundDesign</code>
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#setBackgroundDesign
 * @function
 */


/**
 * Getter for property <code>colSpan</code>.
 * 
 * Determines how many columns of the underlying grid structure are occupied
 * by this matrix layout cell.
 * 
 *
 * Default value is <code>1</code>
 *
 * @return {int} the value of property <code>colSpan</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#getColSpan
 * @function
 */

/**
 * Setter for property <code>colSpan</code>.
 *
 * Default value is <code>1</code> 
 *
 * @param {int} iColSpan  new value for property <code>colSpan</code>
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#setColSpan
 * @function
 */


/**
 * Getter for property <code>hAlign</code>.
 * 
 * Determines the horizontal alignment of the matrix layout cell's content
 * with the cell's borders.
 * 
 *
 * Default value is <code>'Begin'</code>
 *
 * @return {sap.ui.commons.layout.HAlign} the value of property <code>hAlign</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#getHAlign
 * @function
 */

/**
 * Setter for property <code>hAlign</code>.
 *
 * Default value is <code>'Begin'</code> 
 *
 * @param {sap.ui.commons.layout.HAlign} oHAlign  new value for property <code>hAlign</code>
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#setHAlign
 * @function
 */


/**
 * Getter for property <code>padding</code>.
 * 
 * Determines the padding of the matrix layout cell's content within the
 * cell's borders. The default value is appropriate for all cells in a
 * form-like layout. Consider to remove the padding on the outer layout in
 * case of nesting.
 * 
 *
 * Default value is <code>'End'</code>
 *
 * @return {sap.ui.commons.layout.Padding} the value of property <code>padding</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#getPadding
 * @function
 */

/**
 * Setter for property <code>padding</code>.
 *
 * Default value is <code>'End'</code> 
 *
 * @param {sap.ui.commons.layout.Padding} oPadding  new value for property <code>padding</code>
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#setPadding
 * @function
 */


/**
 * Getter for property <code>rowSpan</code>.
 * Determines how many rows of the underlying grid structure are occupied by this matrix layout cell.
 * In case a row-height is used, all rows affected by the RowSpan must have the same unit.
 *
 * Default value is <code>1</code>
 *
 * @return {int} the value of property <code>rowSpan</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#getRowSpan
 * @function
 */

/**
 * Setter for property <code>rowSpan</code>.
 *
 * Default value is <code>1</code> 
 *
 * @param {int} iRowSpan  new value for property <code>rowSpan</code>
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#setRowSpan
 * @function
 */


/**
 * Getter for property <code>separation</code>.
 * 
 * Determines how a matrix layout cell is separated from its predecessor,
 * via a vertical gutter of variable width, with or without a vertical line.
 * 
 *
 * Default value is <code>'None'</code>
 *
 * @return {sap.ui.commons.layout.Separation} the value of property <code>separation</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#getSeparation
 * @function
 */

/**
 * Setter for property <code>separation</code>.
 *
 * Default value is <code>'None'</code> 
 *
 * @param {sap.ui.commons.layout.Separation} oSeparation  new value for property <code>separation</code>
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#setSeparation
 * @function
 */


/**
 * Getter for property <code>vAlign</code>.
 * 
 * Determines the vertical alignment of the matrix layout cell's content
 * with the cell's borders.
 * 
 *
 * Default value is <code>'Middle'</code>
 *
 * @return {sap.ui.commons.layout.VAlign} the value of property <code>vAlign</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#getVAlign
 * @function
 */

/**
 * Setter for property <code>vAlign</code>.
 *
 * Default value is <code>'Middle'</code> 
 *
 * @param {sap.ui.commons.layout.VAlign} oVAlign  new value for property <code>vAlign</code>
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#setVAlign
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * The matrix layout cell's content (arbitrary controls).
 * 
 * If the matrix row has a defined height and the matrix has layoutFixed = true, the controls inside of a cell should all use the same unit for its height property.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.layout.MatrixLayoutCell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutCell#destroyContent
 * @function
 */


/**
 * The string given as "sStyleClass" will be added to the "class" attribute of this element's root HTML element.
 * 
 * This method is intended to be used to mark controls as being of a special type for which
 * special styling can be provided using CSS selectors that reference this style class name.
 * 
 * <pre>
 * Example:
 * myButton.addStyleClass("myRedTextButton"); // add a CSS class to one button instance
 * 
 * ...and in CSS:
 * .myRedTextButton {
 * color: red;
 * }
 * </pre>
 * 
 * This will add the CSS class "myRedTextButton" to the Button HTML and the CSS code above will then
 * make the text in this particular button red.
 * 
 * Only characters allowed inside HTML attributes are allowed.
 * Quotes are not allowed and this method will ignore any strings containing quotes.
 * Strings containing spaces are interpreted as ONE custom style class (even though CSS selectors interpret them
 * as different classes) and can only removed later by calling removeStyleClass() with exactly the
 * same (space-containing) string as parameter.
 * Multiple calls with the same sStyleClass will have no different effect than calling once.
 * If sStyleClass is null, the call is ignored.
 * 
 * Returns <code>this</code> to allow method chaining
 *
 * @name sap.ui.commons.layout.MatrixLayoutCell.prototype.addStyleClass
 * @function
 * @param {string} 
 *         sStyleClass
 *         the CSS class name to be added

 * @type sap.ui.commons.layout.MatrixLayoutCell
 * @public
 */


/**
 * Removes the given string from the list of custom style classes that have been set previously.
 * Regular style classes like "sapUiBtn" cannot be removed.
 * 
 * Returns <code>this</code> to allow method chaining
 *
 * @name sap.ui.commons.layout.MatrixLayoutCell.prototype.removeStyleClass
 * @function
 * @param {string} 
 *         sStyleClass
 *         the style to be removed

 * @type sap.ui.commons.layout.MatrixLayoutCell
 * @public
 */


/**
 * Returns true if the given style class string is valid and if this Element has this style class set via a previous call to addStyleClass().
 *
 * @name sap.ui.commons.layout.MatrixLayoutCell.prototype.hasStyleClass
 * @function
 * @param {string} 
 *         sStyleClass
 *         the style to check for

 * @type boolean
 * @public
 */


// Start of sap/ui/commons/layout/MatrixLayoutCell.js
jQuery.sap.require('sap.ui.core.CustomStyleClassSupport'); // unlisted dependency retained
 // unlisted dependency retained

sap.ui.core.CustomStyleClassSupport.apply(sap.ui.commons.layout.MatrixLayoutCell.prototype);
}; // end of sap.ui.commons.layout.MatrixLayoutCell
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.MatrixLayoutRow') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.MatrixLayoutRow.
jQuery.sap.declare("sap.ui.commons.layout.MatrixLayoutRow");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/MatrixLayoutRow.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getCells cells} : sap.ui.commons.layout.MatrixLayoutCell[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * Non-control element used as part of a matrix layout's inner structure.
 * 
 * @extends sap.ui.core.Element
 *
 * @author d029921 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow
 */
sap.ui.core.Element.extend("sap.ui.commons.layout.MatrixLayoutRow", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"addStyleClass", "removeStyleClass", "hasStyleClass"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	aggregatingType : "MatrixLayout",
	properties : {
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null}
	},
	defaultAggregation : "cells",
	aggregations : {
    	"cells" : {type : "sap.ui.commons.layout.MatrixLayoutCell", multiple : true, singularName : "cell"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.MatrixLayoutRow with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.MatrixLayoutRow.extend
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Height of the row.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.layout.MatrixLayoutRow} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#setHeight
 * @function
 */


/**
 * Getter for aggregation <code>cells</code>.<br/>
 * 
 * The matrix layout row's individual cells.
 * 
 * 
 * @return {sap.ui.commons.layout.MatrixLayoutCell[]}
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#getCells
 * @function
 */


/**
 * Inserts a cell into the aggregation named <code>cells</code>.
 *
 * @param {sap.ui.commons.layout.MatrixLayoutCell}
 *          oCell the cell to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the cell should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the cell is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the cell is inserted at 
 *             the last position        
 * @return {sap.ui.commons.layout.MatrixLayoutRow} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#insertCell
 * @function
 */

/**
 * Adds some cell <code>oCell</code> 
 * to the aggregation named <code>cells</code>.
 *
 * @param {sap.ui.commons.layout.MatrixLayoutCell}
 *            oCell the cell to add; if empty, nothing is inserted
 * @return {sap.ui.commons.layout.MatrixLayoutRow} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#addCell
 * @function
 */

/**
 * Removes an cell from the aggregation named <code>cells</code>.
 *
 * @param {int | string | sap.ui.commons.layout.MatrixLayoutCell} vCell the cell to remove or its index or id
 * @return {sap.ui.commons.layout.MatrixLayoutCell} the removed cell or null
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#removeCell
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>cells</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.layout.MatrixLayoutCell[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#removeAllCells
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.layout.MatrixLayoutCell</code> in the aggregation named <code>cells</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.layout.MatrixLayoutCell}
 *            oCell the cell whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#indexOfCell
 * @function
 */
	

/**
 * Destroys all the cells in the aggregation 
 * named <code>cells</code>.
 * @return {sap.ui.commons.layout.MatrixLayoutRow} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayoutRow#destroyCells
 * @function
 */


/**
 * The string given as "sStyleClass" will be added to the "class" attribute of this element's root HTML element.
 * 
 * This method is intended to be used to mark controls as being of a special type for which
 * special styling can be provided using CSS selectors that reference this style class name.
 * 
 * <pre>
 * Example:
 * myButton.addStyleClass("myRedTextButton"); // add a CSS class to one button instance
 * 
 * ...and in CSS:
 * .myRedTextButton {
 * color: red;
 * }
 * </pre>
 * 
 * This will add the CSS class "myRedTextButton" to the Button HTML and the CSS code above will then
 * make the text in this particular button red.
 * 
 * Only characters allowed inside HTML attributes are allowed.
 * Quotes are not allowed and this method will ignore any strings containing quotes.
 * Strings containing spaces are interpreted as ONE custom style class (even though CSS selectors interpret them
 * as different classes) and can only removed later by calling removeStyleClass() with exactly the
 * same (space-containing) string as parameter.
 * Multiple calls with the same sStyleClass will have no different effect than calling once.
 * If sStyleClass is null, the call is ignored.
 * 
 * Returns <code>this</code> to allow method chaining
 *
 * @name sap.ui.commons.layout.MatrixLayoutRow.prototype.addStyleClass
 * @function
 * @param {string} 
 *         sStyleClass
 *         the CSS class name to be added

 * @type sap.ui.commons.layout.MatrixLayoutRow
 * @public
 */


/**
 * Removes the given string from the list of custom style classes that have been set previously.
 * Regular style classes like "sapUiBtn" cannot be removed.
 * 
 * Returns <code>this</code> to allow method chaining
 *
 * @name sap.ui.commons.layout.MatrixLayoutRow.prototype.removeStyleClass
 * @function
 * @param {string} 
 *         sStyleClass
 *         the style to be removed

 * @type sap.ui.commons.layout.MatrixLayoutRow
 * @public
 */


/**
 * Returns true if the given style class string is valid and if this Element has this style class set via a previous call to addStyleClass().
 *
 * @name sap.ui.commons.layout.MatrixLayoutRow.prototype.hasStyleClass
 * @function
 * @param {string} 
 *         sStyleClass
 *         the style to check for

 * @type boolean
 * @public
 */


// Start of sap/ui/commons/layout/MatrixLayoutRow.js
jQuery.sap.require('sap.ui.core.CustomStyleClassSupport'); // unlisted dependency retained
 // unlisted dependency retained

sap.ui.core.CustomStyleClassSupport.apply(sap.ui.commons.layout.MatrixLayoutRow.prototype);

}; // end of sap.ui.commons.layout.MatrixLayoutRow
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.PositionContainer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.PositionContainer.
jQuery.sap.declare("sap.ui.commons.layout.PositionContainer");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/PositionContainer.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTop top} : sap.ui.core.CSSSize</li>
 * <li>{@link #getBottom bottom} : sap.ui.core.CSSSize</li>
 * <li>{@link #getLeft left} : sap.ui.core.CSSSize</li>
 * <li>{@link #getRight right} : sap.ui.core.CSSSize</li>
 * <li>{@link #getCenterHorizontally centerHorizontally} : boolean (default: false)</li>
 * <li>{@link #getCenterVertically centerVertically} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getControl control} : sap.ui.core.Control</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Is used to specify the position of a control in the AbsoluteLayout
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.PositionContainer
 */
sap.ui.core.Element.extend("sap.ui.commons.layout.PositionContainer", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"updatePosition"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"top" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"bottom" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"left" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"right" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"centerHorizontally" : {type : "boolean", group : "Dimension", defaultValue : false},
		"centerVertically" : {type : "boolean", group : "Dimension", defaultValue : false}
	},
	defaultAggregation : "control",
	aggregations : {
    	"control" : {type : "sap.ui.core.Control", multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.PositionContainer with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.PositionContainer.extend
 * @function
 */


/**
 * Getter for property <code>top</code>.
 * Defines the distance to the top of the layout (as specified in HTML)
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>top</code>
 * @public
 * @name sap.ui.commons.layout.PositionContainer#getTop
 * @function
 */

/**
 * Setter for property <code>top</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sTop  new value for property <code>top</code>
 * @return {sap.ui.commons.layout.PositionContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.PositionContainer#setTop
 * @function
 */


/**
 * Getter for property <code>bottom</code>.
 * Defines the distance to the bottom of the layout (as specified in HTML)
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>bottom</code>
 * @public
 * @name sap.ui.commons.layout.PositionContainer#getBottom
 * @function
 */

/**
 * Setter for property <code>bottom</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sBottom  new value for property <code>bottom</code>
 * @return {sap.ui.commons.layout.PositionContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.PositionContainer#setBottom
 * @function
 */


/**
 * Getter for property <code>left</code>.
 * Defines the distance to the left of the layout (as specified in HTML)
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>left</code>
 * @public
 * @name sap.ui.commons.layout.PositionContainer#getLeft
 * @function
 */

/**
 * Setter for property <code>left</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sLeft  new value for property <code>left</code>
 * @return {sap.ui.commons.layout.PositionContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.PositionContainer#setLeft
 * @function
 */


/**
 * Getter for property <code>right</code>.
 * Defines the distance to the right of the layout (as specified in HTML)
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>right</code>
 * @public
 * @name sap.ui.commons.layout.PositionContainer#getRight
 * @function
 */

/**
 * Setter for property <code>right</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sRight  new value for property <code>right</code>
 * @return {sap.ui.commons.layout.PositionContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.PositionContainer#setRight
 * @function
 */


/**
 * Getter for property <code>centerHorizontally</code>.
 * Indicates whether this container shall be centered horizontally within the AbsoluteLayout area.
 * The values of the attributes left and right are ignored when this feature is activated.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>centerHorizontally</code>
 * @public
 * @name sap.ui.commons.layout.PositionContainer#getCenterHorizontally
 * @function
 */

/**
 * Setter for property <code>centerHorizontally</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bCenterHorizontally  new value for property <code>centerHorizontally</code>
 * @return {sap.ui.commons.layout.PositionContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.PositionContainer#setCenterHorizontally
 * @function
 */


/**
 * Getter for property <code>centerVertically</code>.
 * Indicates whether this container should be centered vertically within the AbsoluteLayout area.
 * The values of the attributes top and bottom are ignored when this feature is activated.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>centerVertically</code>
 * @public
 * @name sap.ui.commons.layout.PositionContainer#getCenterVertically
 * @function
 */

/**
 * Setter for property <code>centerVertically</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bCenterVertically  new value for property <code>centerVertically</code>
 * @return {sap.ui.commons.layout.PositionContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.PositionContainer#setCenterVertically
 * @function
 */


/**
 * Getter for aggregation <code>control</code>.<br/>
 * Child control of the position container
 * 
 * @return {sap.ui.core.Control}
 * @public
 * @name sap.ui.commons.layout.PositionContainer#getControl
 * @function
 */


/**
 * Setter for the aggregated <code>control</code>.
 * @param oControl {sap.ui.core.Control}
 * @return {sap.ui.commons.layout.PositionContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.PositionContainer#setControl
 * @function
 */
	

/**
 * Destroys the control in the aggregation 
 * named <code>control</code>.
 * @return {sap.ui.commons.layout.PositionContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.PositionContainer#destroyControl
 * @function
 */


/**
 * Updates the position properties of the container according to the given position in JSON style.
 *
 * @name sap.ui.commons.layout.PositionContainer.prototype.updatePosition
 * @function
 * @param {object} 
 *         oOPos
 *         JSON-like object which defines the position of the child control in the absolute layout. The object is expected
 * to have one or more out of the attributes top, bottom, left, right (each with a value of type sap.ui.core.CSSSize). If no object
 * is given, nothing is updated.

 * @type void
 * @public
 */


// Start of sap/ui/commons/layout/PositionContainer.js
(function() {

//**** Overridden API Functions ****

sap.ui.commons.layout.PositionContainer.prototype.setControl = function(oControl) {
	cleanup(this);

	if(this.getDomRef()) {
		this.setAggregation("control", oControl, true);
		notifyLayoutOnChange(this, oControl ? "CTRL_CHANGE" : "CTRL_REMOVE");
	}else{
		if(this.getParent() && this.getParent().getDomRef()){
			this.setAggregation("control", oControl, true);
			if(oControl) {
				notifyLayoutOnChange(this, "CTRL_ADD");
			}
		}else{
			this.setAggregation("control", oControl);
		}
	}

	return this;
};


sap.ui.commons.layout.PositionContainer.prototype.destroyControl = function() {
	cleanup(this);

	var bSuppressRerendering = !!this.getDomRef();
	this.destroyAggregation("control", bSuppressRerendering);
	if(bSuppressRerendering) {
		notifyLayoutOnChange(this, "CTRL_REMOVE");
	}

	return this;
};


sap.ui.commons.layout.PositionContainer.prototype.setTop = function(sTop) {
	setProp(this, "top", sTop, true);
	return this;
};


sap.ui.commons.layout.PositionContainer.prototype.setBottom = function(sBottom) {
	setProp(this, "bottom", sBottom, true);
	return this;
};


sap.ui.commons.layout.PositionContainer.prototype.setLeft = function(sLeft) {
	setProp(this, "left", sLeft, true);
	return this;
};


sap.ui.commons.layout.PositionContainer.prototype.setRight = function(sRight) {
	setProp(this, "right", sRight, true);
	return this;
};


sap.ui.commons.layout.PositionContainer.prototype.setCenterHorizontally = function(bCenterHorizontally) {
	setProp(this, "centerHorizontally", bCenterHorizontally, true);
	return this;
};


sap.ui.commons.layout.PositionContainer.prototype.setCenterVertically = function(bCenterVertically) {
	setProp(this, "centerVertically", bCenterVertically, true);
	return this;
};


sap.ui.commons.layout.PositionContainer.prototype.updatePosition = function(oPos) {
	if(!oPos) {
		oPos = {};
	}

	setProp(this, "centerHorizontally", oPos.centerHorizontally ? oPos.centerHorizontally : null);
	setProp(this, "centerVertically", oPos.centerVertically ? oPos.centerVertically : null);
	setProp(this, "left", oPos.left ? oPos.left : null);
	setProp(this, "right", oPos.right ? oPos.right : null);
	setProp(this, "top", oPos.top ? oPos.top : null);
	var bNotify = setProp(this, "bottom", oPos.bottom ? oPos.bottom : null);
	if(bNotify) {
		notifyLayoutOnChange(this, "CTRL_POS");
	}

};


//**** Other Functions ****

/**
 * Checks the position information for the child control against the width/height property and
 * returns the compute position.
 *
 * @private
 */
sap.ui.commons.layout.PositionContainer.prototype.getComputedPosition = function() {
	var sTop = this.getTop();
	var sBottom = this.getBottom();
	var sLeft = this.getLeft();
	var sRight = this.getRight();
	var sWidth = null;
	var sHeight = null;

	var oControl = this.getControl();

	if(oControl){
		if(this.getCenterHorizontally()){
			sLeft = "50%";
			sRight = null;
		}else{
			if(!checkProperty(this, oControl, "width", "left", sLeft, "right", sRight)) {
				sRight = undefined;
			}
			if(!sLeft && !sRight) {
				sLeft = "0px";
			}
		}

		if(this.getCenterVertically()){
			sTop = "50%";
			sBottom = null;
		}else{
			if(!checkProperty(this, oControl, "height", "top", sTop, "bottom", sBottom)) {
				sBottom = undefined;
			}
			if(!sTop && !sBottom) {
				sTop = "0px";
			}
		}

		sWidth = getContainerDimension(oControl, "width");
		sHeight = getContainerDimension(oControl, "height");
	}

	return {top: sTop, bottom: sBottom, left: sLeft, right: sRight, width: sWidth, height: sHeight};
};


/**
 * Factory for <code>sap.ui.commons.layout.PositionContainer</code> using a given
 * child control and a position in JSON style.
 *
 * @private
 */
sap.ui.commons.layout.PositionContainer.createPosition = function(oControl, oPos) {
	var oPosition = new sap.ui.commons.layout.PositionContainer();
	oPosition.setControl(oControl);
	if(oPos) {
		if(oPos.left) {
			oPosition.setLeft(oPos.left);
		}
		if(oPos.right) {
			oPosition.setRight(oPos.right);
		}
		if(oPos.top) {
			oPosition.setTop(oPos.top);
		}
		if(oPos.bottom) {
			oPosition.setBottom(oPos.bottom);
		}
		if(oPos.centerHorizontally) {
			oPosition.setCenterHorizontally(oPos.centerHorizontally);
		}
		if(oPos.centerVertically) {
			oPosition.setCenterVertically(oPos.centerVertically);
		}
	}
	return oPosition;
};


/**
 * Cleans up and optionally reinitalizes the event handler registrations of the element.
 *
 * @private
 */
sap.ui.commons.layout.PositionContainer.prototype.reinitializeEventHandlers = function(bCleanupOnly) {
	if(this._sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this._sResizeListenerId);
		this._sResizeListenerId = null;
	}
	if(!bCleanupOnly && this.getDomRef() && (this.getCenterHorizontally() || this.getCenterVertically())) {
		var that = this;
		var onResize = function(){
			var jRef = jQuery(that.getDomRef());
			if(that.getCenterHorizontally()){
				jRef.css("margin-left", "-"+jRef.width()/2+"px");
			}
			if(that.getCenterVertically()){
				jRef.css("margin-top", "-"+jRef.height()/2+"px");
			}
		};
		this._sResizeListenerId = sap.ui.core.ResizeHandler.register(this.getDomRef(), onResize);
		onResize();
	}
};


/**
 * Called when the element is destroyed.
 *
 * @private
 */
sap.ui.commons.layout.PositionContainer.prototype.exit = function(oPos) {
	this.reinitializeEventHandlers(true);
};


/**
 * Called when the element is instanciated.
 *
 * @private
 */
sap.ui.commons.layout.PositionContainer.prototype.init = function() {
	this._disableWidthCheck = true;
	this._disableHeightCheck = false;
};


//**** Private Helper Functions ****

/**
 * Sets the value of the given property and notifies the layout
 * if necessary and desired.
 *
 * @private
 */
var setProp = function(oThis, sProp, oValue, bNotifyLayout) {
	var bSuppressRerendering = !!oThis.getDomRef();
	oThis.setProperty(sProp, oValue, bSuppressRerendering);
	if(bSuppressRerendering && bNotifyLayout) {
		notifyLayoutOnChange(oThis, "CTRL_POS");
	}
	return bSuppressRerendering;
};


/**
 * Notifies the layout of this container about the change of the given type.
 *
 * @private
 */
var notifyLayoutOnChange = function(oThis, sChangeType) {
	var oLayout = oThis.getParent();
	if(oLayout) {
		oLayout.contentChanged(oThis, sChangeType);
	}
};


/**
 * @see sap.ui.commons.layout.AbsoluteLayout#cleanUpControl
 *
 * @private
 */
var cleanup = function(oThis) {
	var oControl = oThis.getControl();
	if(oControl) {
		sap.ui.commons.layout.AbsoluteLayout.cleanUpControl(oControl);
	}
};


/**
 * Checks whether the position settings fits to the set height/width attribute of a control.
 *
 * @private
 */
var checkProperty = function(oPositionContainer, oControl, sProp, sPos1, sVal1, sPos2, sVal2) {
	if(sVal1 && sVal2) {
		var oLayout = oPositionContainer.getParent();
		var oProp = getPropertyInfo(oControl, sProp);
		if(oProp) {
			var val = oControl[oProp._sGetter]();
			if(!(!val || val == "" || val == "auto" || val == "inherit")) {
				jQuery.sap.log.warning("Position "+sPos2+"="+sVal2+" ignored, because child control "+oControl.getId()+" has fixed "+sProp+" ("+val+").",
						"", "AbsoluteLayout '"+(oLayout ? oLayout.getId() : "_undefined")+"'");
				return false;
			}
		}else{
			if((sProp === "width" && !oPositionContainer._disableWidthCheck) || (sProp === "height" && !oPositionContainer._disableHeightCheck)){
				jQuery.sap.log.warning("Position "+sPos2+"="+sVal2+" ignored, because child control "+oControl.getId()+" not resizable.",
						"", "AbsoluteLayout '"+(oLayout ? oLayout.getId() : "_undefined")+"'");
				return false;
			}
		}
	}
	return true;
};


/**
 * Checks whether the given control has a property with the given name and type 'sap.ui.core.CSSSize' and
 * returns the corresponding metadata object.
 *
 * @private
 */
var getPropertyInfo = function(oControl, sPropertyName) {
	var oMetadata = oControl.getMetadata();
	oMetadata._enrichChildInfos();
	var oPropertyInfo = oMetadata.getAllProperties()[sPropertyName];
	if(oPropertyInfo && sap.ui.base.DataType.getType(oPropertyInfo.type) == sap.ui.base.DataType.getType("sap.ui.core.CSSSize")) {
		return oPropertyInfo;
	}
	return null;
};


/**
 * Returns the value width or height property (depending of <code>sDim</code>) of the given
 * control if the width or height is specified in %.
 *
 * @private
 */
var getContainerDimension = function(oControl, sDim){
	var oProp = getPropertyInfo(oControl, sDim);
	if(oProp) {
		var val = oControl[oProp._sGetter]();
		if(val && jQuery.sap.endsWith(val, "%")) {
			return val;
		}
	}
	return null;
};

}());
}; // end of sap.ui.commons.layout.PositionContainer
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.ResponsiveFlowLayoutData') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.ResponsiveFlowLayoutData.
jQuery.sap.declare("sap.ui.commons.layout.ResponsiveFlowLayoutData");

jQuery.sap.require('sap.ui.core.LayoutData'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/ResponsiveFlowLayoutData.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getMinWidth minWidth} : int (default: 100)</li>
 * <li>{@link #getWeight weight} : int (default: 1)</li>
 * <li>{@link #getLinebreak linebreak} : boolean (default: false)</li>
 * <li>{@link #getMargin margin} : boolean (default: true)</li>
 * <li>{@link #getLinebreakable linebreakable} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.LayoutData#constructor sap.ui.core.LayoutData}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This is a LayoutData Element that can be added to a control if this control is used within a ResponsiveFlowLayout
 * @extends sap.ui.core.LayoutData
 *
 * @author SAP 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData
 */
sap.ui.core.LayoutData.extend("sap.ui.commons.layout.ResponsiveFlowLayoutData", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"minWidth" : {type : "int", group : "Misc", defaultValue : 100},
		"weight" : {type : "int", group : "Misc", defaultValue : 1},
		"linebreak" : {type : "boolean", group : "Misc", defaultValue : false},
		"margin" : {type : "boolean", group : "Misc", defaultValue : true},
		"linebreakable" : {type : "boolean", group : "Misc", defaultValue : true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.ResponsiveFlowLayoutData with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData.extend
 * @function
 */


/**
 * Getter for property <code>minWidth</code>.
 * This is the minimal size in pixels of an ResponsiveFlowLayout element. The element will be shrinked till this value.
 *
 * Default value is <code>100</code>
 *
 * @return {int} the value of property <code>minWidth</code>
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#getMinWidth
 * @function
 */

/**
 * Setter for property <code>minWidth</code>.
 *
 * Default value is <code>100</code> 
 *
 * @param {int} iMinWidth  new value for property <code>minWidth</code>
 * @return {sap.ui.commons.layout.ResponsiveFlowLayoutData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#setMinWidth
 * @function
 */


/**
 * Getter for property <code>weight</code>.
 * This is the weight of the element that influences the resulting width. If there are several elements within a row of the ResponsiveFlowLayout each element could have another weight. The bigger the weight of a single element the wider it will be pumped up --> a bigger weight result a bigger width.
 *
 * Default value is <code>1</code>
 *
 * @return {int} the value of property <code>weight</code>
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#getWeight
 * @function
 */

/**
 * Setter for property <code>weight</code>.
 *
 * Default value is <code>1</code> 
 *
 * @param {int} iWeight  new value for property <code>weight</code>
 * @return {sap.ui.commons.layout.ResponsiveFlowLayoutData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#setWeight
 * @function
 */


/**
 * Getter for property <code>linebreak</code>.
 * If this property is set the control where this LayoutData is added to will always cause a linebreak within the ResponsiveFlowLayout
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>linebreak</code>
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#getLinebreak
 * @function
 */

/**
 * Setter for property <code>linebreak</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bLinebreak  new value for property <code>linebreak</code>
 * @return {sap.ui.commons.layout.ResponsiveFlowLayoutData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#setLinebreak
 * @function
 */


/**
 * Getter for property <code>margin</code>.
 * This property prevents any margin of the element if set to false
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>margin</code>
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#getMargin
 * @function
 */

/**
 * Setter for property <code>margin</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bMargin  new value for property <code>margin</code>
 * @return {sap.ui.commons.layout.ResponsiveFlowLayoutData} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.0
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#setMargin
 * @function
 */


/**
 * Getter for property <code>linebreakable</code>.
 * If this value shows if an element can be wrapped into a new line. If this value is set to false, the min-width will be set to 0 and the wrapping is up to the previous element.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>linebreakable</code>
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#getLinebreakable
 * @function
 */

/**
 * Setter for property <code>linebreakable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bLinebreakable  new value for property <code>linebreakable</code>
 * @return {sap.ui.commons.layout.ResponsiveFlowLayoutData} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayoutData#setLinebreakable
 * @function
 */


// Start of sap/ui/commons/layout/ResponsiveFlowLayoutData.js
/*!
 * @copyright@
 */
sap.ui.commons.layout.ResponsiveFlowLayoutData.MIN_WIDTH = 100;
sap.ui.commons.layout.ResponsiveFlowLayoutData.WEIGHT = 1;
sap.ui.commons.layout.ResponsiveFlowLayoutData.LINEBREAK = false;
sap.ui.commons.layout.ResponsiveFlowLayoutData.MARGIN = true;
sap.ui.commons.layout.ResponsiveFlowLayoutData.LINEBREAKABLE = true;

sap.ui.commons.layout.ResponsiveFlowLayoutData.prototype.setWeight = function(iWeight) {
	if (iWeight > 1) {
		this.setProperty("weight", iWeight);
	} else {
		jQuery.sap.log.warning("Values smaller than 1 are not valid. Default value '1' is used instead", this);
		this.setProperty("weight", sap.ui.commons.layout.ResponsiveFlowLayoutData.WEIGHT);
	}

	return this;
};

sap.ui.commons.layout.ResponsiveFlowLayoutData.prototype.setLinebreak = function(bLinebreak) {
	// if the element should not be linebreakable and a forced linebreak should
	// be set
	if (this.getLinebreakable() == false && bLinebreak) {
		jQuery.sap.log.warning("Setting 'linebreak' AND 'linebreakable' doesn't make any sense! Please set either 'linebreak' or 'linebreakable'", this);
	} else {
		this.setProperty("linebreak", bLinebreak);
	}
};

sap.ui.commons.layout.ResponsiveFlowLayoutData.prototype.setLinebreakable = function(bLinebreakable) {
	// if the element has a forced linebreak and the element should be set to
	// not linebreakable
	if (this.getLinebreak() === true && bLinebreakable === false) {
		jQuery.sap.log.warning("Setting 'linebreak' AND 'linebreakable' doesn't make any sense! Please set either 'linebreak' or 'linebreakable'", this);
	} else {
		this.setProperty("linebreakable", bLinebreakable);
		// this.setMinWidth(0);
	}
};
}; // end of sap.ui.commons.layout.ResponsiveFlowLayoutData
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.VerticalLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.VerticalLayout.
jQuery.sap.declare("sap.ui.commons.layout.VerticalLayout");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/VerticalLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * In this layout the elemnts are orderd one below the other
 * @extends sap.ui.core.Control
 *
 * @author d031513 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.VerticalLayout
 */
sap.ui.core.Control.extend("sap.ui.commons.layout.VerticalLayout", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.VerticalLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.VerticalLayout.extend
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * CSS width of the vertical layout.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.layout.VerticalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#setWidth
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * 
 * If not enabled all controls inside are not enabled automatically.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.layout.VerticalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#setEnabled
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Whether this VerticalLayout is visible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.layout.VerticalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Child Controls within the layout.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.layout.VerticalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.layout.VerticalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.layout.VerticalLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.VerticalLayout#destroyContent
 * @function
 */


// Start of sap/ui/commons/layout/VerticalLayout.js
jQuery.sap.require('sap.ui.core.EnabledPropagator'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.core.EnabledPropagator.call(sap.ui.commons.layout.VerticalLayout.prototype);
}; // end of sap.ui.commons.layout.VerticalLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.AutoCompleteRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.AutoComplete
jQuery.sap.declare("sap.ui.commons.AutoCompleteRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained



/**
 * @class Renderer for the sap.ui.commons.AutoComplete
 * @static
 */
sap.ui.commons.AutoCompleteRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.ComboBoxRenderer);

sap.ui.commons.AutoCompleteRenderer.renderExpander = function(rm, oCtrl){
	if(!oCtrl.__sARIATXT) {
		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
		oCtrl.__sARIATXT = rb.getText("AUTOCOMPLETE_ARIA_SUGGEST");
	}
	
	rm.write("<span id=\"", oCtrl.getId(), "-ariaLbl\" style=\"display:none;\">", oCtrl.__sARIATXT, "</span>");
};

sap.ui.commons.AutoCompleteRenderer.renderOuterAttributes = function(rm, oCtrl) {
	rm.addClass("sapUiTfAutoComp");
	sap.ui.commons.ComboBoxRenderer.renderOuterAttributes.apply(this, arguments);
};

//@see sap.ui.commons.ComboBoxRenderer.renderComboARIAInfo
sap.ui.commons.AutoCompleteRenderer.renderComboARIAInfo = function(rm, oCtrl) {
	var mProps = {
		role: "textbox",
		owns: oCtrl.getId() + "-input " + oCtrl._getListBox().getId()
	};

	if (!oCtrl.getEnabled()) {
		mProps["disabled"] = true;
	}

	rm.writeAccessibilityState(null, mProps); //null because otherwise automatic generated attributes will be rendered twice
};


//@see sap.ui.commons.ComboBoxRenderer.renderARIAInfo
sap.ui.commons.AutoCompleteRenderer.renderARIAInfo = function(rm, oCtrl) {
	var mProps = {
		autocomplete: "list",
		live: "polite",
		relevant: "all",
		setsize: oCtrl._getListBox().getItems().length
	};

	if (oCtrl.getValueState() == sap.ui.core.ValueState.Error) {
		mProps["invalid"] = true;
	}

	rm.writeAccessibilityState(oCtrl, mProps);
};


}; // end of sap.ui.commons.AutoCompleteRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.Callout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Callout.
jQuery.sap.declare("sap.ui.commons.Callout");



/**
 * Constructor for a new Callout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.CalloutBase#constructor sap.ui.commons.CalloutBase}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Callout is a small popup with some useful information and links that is shown when a mouse is hovered over a specific view element.
 * @extends sap.ui.commons.CalloutBase
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Callout
 */
sap.ui.commons.CalloutBase.extend("sap.ui.commons.Callout", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Callout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Callout.extend
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Content of the Callout
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.Callout#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Callout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Callout#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Callout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Callout#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.Callout#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Callout#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Callout#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.Callout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Callout#destroyContent
 * @function
 */


// Start of sap/ui/commons/Callout.js
///**
// * This file defines behavior for the Callout control
// */
}; // end of sap.ui.commons.Callout
if ( !jQuery.sap.isDeclared('sap.ui.commons.ComboBox') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.ComboBox.
jQuery.sap.declare("sap.ui.commons.ComboBox");



/**
 * Constructor for a new ComboBox.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getMaxPopupItems maxPopupItems} : int (default: 10)</li>
 * <li>{@link #getDisplaySecondaryValues displaySecondaryValues} : boolean (default: false)</li>
 * <li>{@link #getSelectedKey selectedKey} : string</li>
 * <li>{@link #getSelectedItemId selectedItemId} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.core.ListItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getListBox listBox} : string | sap.ui.commons.ListBox</li></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.TextField#constructor sap.ui.commons.TextField}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * The control provides a field that allows end users to either enter some text, or to choose an entry out of a list of pre-defined items. The choosable items can be provided in the form of complete list boxes, single listbox items, or text strings defined for the current application.
 * 
 * @extends sap.ui.commons.TextField
 * @implements sap.ui.commons.ToolbarItem
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.ComboBox
 */
sap.ui.commons.TextField.extend("sap.ui.commons.ComboBox", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"maxPopupItems" : {type : "int", group : "Behavior", defaultValue : 10},
		"displaySecondaryValues" : {type : "boolean", group : "Misc", defaultValue : false},
		"selectedKey" : {type : "string", group : "Data", defaultValue : null},
		"selectedItemId" : {type : "string", group : "Data", defaultValue : null}
	},
	defaultAggregation : "items",
	aggregations : {
    	"items" : {type : "sap.ui.core.ListItem", multiple : true, singularName : "item", bindable : "bindable"}, 
    	"myListBox" : {type : "sap.ui.commons.ListBox", multiple : false, visibility : "hidden"}
	},
	associations : {
		"listBox" : {type : "sap.ui.commons.ListBox", multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.ComboBox with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.ComboBox.extend
 * @function
 */


/**
 * Getter for property <code>maxPopupItems</code>.
 * 
 * Defines the number of items that shall be displayed at once. If the overall number of list items is higher than the setting, a scrollbar is provided.
 * 
 *
 * Default value is <code>10</code>
 *
 * @return {int} the value of property <code>maxPopupItems</code>
 * @public
 * @name sap.ui.commons.ComboBox#getMaxPopupItems
 * @function
 */

/**
 * Setter for property <code>maxPopupItems</code>.
 *
 * Default value is <code>10</code> 
 *
 * @param {int} iMaxPopupItems  new value for property <code>maxPopupItems</code>
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#setMaxPopupItems
 * @function
 */


/**
 * Getter for property <code>displaySecondaryValues</code>.
 * Indicates whether the "additionalText" property that is available for sap.ui.core.ListItem shall be displayed in the list.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>displaySecondaryValues</code>
 * @public
 * @name sap.ui.commons.ComboBox#getDisplaySecondaryValues
 * @function
 */

/**
 * Setter for property <code>displaySecondaryValues</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bDisplaySecondaryValues  new value for property <code>displaySecondaryValues</code>
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#setDisplaySecondaryValues
 * @function
 */


/**
 * Getter for property <code>selectedKey</code>.
 * Key of the selected item.
 * If the value has no corresponding item the key is empty.
 * If duplicate keys exists the first item matching the key is used.
 * If the key is set to a not existing value it will not be changed.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>selectedKey</code>
 * @public
 * @name sap.ui.commons.ComboBox#getSelectedKey
 * @function
 */

/**
 * Setter for property <code>selectedKey</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSelectedKey  new value for property <code>selectedKey</code>
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#setSelectedKey
 * @function
 */


/**
 * Getter for property <code>selectedItemId</code>.
 * Id of Selected item. If the value has no corresponding item, the selected item id is empty.
 * If the selected item id is set to an not existing item, it will not be changed.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>selectedItemId</code>
 * @public
 * @name sap.ui.commons.ComboBox#getSelectedItemId
 * @function
 */

/**
 * Setter for property <code>selectedItemId</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSelectedItemId  new value for property <code>selectedItemId</code>
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#setSelectedItemId
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * 
 * Getter for aggregation items. Allows setting ListItems (see sap.ui.core.ListBox) that shall be displayed in the list.
 * 
 * 
 * @return {sap.ui.core.ListItem[]}
 * @public
 * @name sap.ui.commons.ComboBox#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.ListItem}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.ListItem}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.core.ListItem} vItem the item to remove or its index or id
 * @return {sap.ui.core.ListItem} the removed item or null
 * @public
 * @name sap.ui.commons.ComboBox#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.ListItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.ComboBox#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.ListItem</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.ListItem}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.ComboBox#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#destroyItems
 * @function
 */


/**
 * Binder for aggregation <code>items</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#bindItems
 * @function
 */

/**
 * Unbinder for aggregation <code>items</code>.
 *
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#unbindItems
 * @function
 */


/**
 * 
 * Using this method, you provide a listbox control. This allows reuse of item lists in different controls. Either a control id can be used as new target, or a control instance.
 * 
 *
 * @return {string} Id of the element which is the current target of the <code>listBox</code> association, or null
 * @public
 * @name sap.ui.commons.ComboBox#getListBox
 * @function
 */

/**
 * 
 * Using this method, you provide a listbox control. This allows reuse of item lists in different controls. Either a control id can be used as new target, or a control instance.
 * 
 *
 * @param {string | sap.ui.commons.ListBox} vListBox 
 *    Id of an element which becomes the new target of this <code>listBox</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.ComboBox#setListBox
 * @function
 */


	
// Start of sap/ui/commons/ComboBox.js
jQuery.sap.require('jquery.sap.strings'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Initializes the control.
 * It is called from the constructor.
 * @private
 */
sap.ui.commons.ComboBox.prototype.init = function(){

	sap.ui.commons.TextField.prototype.init.apply(this, arguments);
	this._iClosedUpDownIdx = -1;
	this._sCloseId = null;
	this.setAccessibleRole(sap.ui.core.AccessibleRole.Combobox);

	if (jQuery.browser.mobile) {
		this.mobile = true;
	}
};

/**
 * Destroy the private ListBox if it exists.
 * @private
 */
sap.ui.commons.ComboBox.prototype.exit = function() {
	if ( this._oListBox ) {
		this._oListBoxDelegate && this._oListBox.removeDelegate(this._oListBoxDelegate);
		if (this.getAggregation("myListBox")) {
			this.destroyAggregation("myListBox", true);
		}else{
			this._oListBox.destroy();
		}
		this._oListBox = null;
	}
	this._sWantedSelectedKey = undefined;
	this._sWantedSelectedItemId = undefined;
};


//***********************************************************
// Mouse handling...
//***********************************************************

/*
 * Handle click events triggered on the control and if triggered on F4-button open or close the proposal list
 *
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onclick = function(oEvent){
	if(this.getEnabled && this.getEnabled() && this.getEditable() && oEvent.target === this.getF4ButtonDomRef()){
		if(this.oPopup && this.oPopup.isOpen()){
			this._close();
		} else if(!this._F4ForClose) {
			this._open();
		}
		this.focus();
	}
	this._F4ForClose = false;
};

/*
 * Handle mousedown events triggered on the control
 *
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onmousedown = function(oEvent){
	if(oEvent.target !== this.getF4ButtonDomRef() || !this.getEnabled() || !this.getEditable()) {
		if (this.oPopup && this.oPopup.isOpen()) {
			// stop propagation of event, otherwise if the ComboBox is in a dialog (popup) this will move in front of the listbox
			oEvent.stopPropagation();
		}
		return;
	}

	if(this.oPopup && this.oPopup.isOpen()){
		this._F4ForClose = true;
	} else {
		this._F4ForOpen = true;
	}
};


//***********************************************************
// Keyboard handling...
//***********************************************************

/**
 * Handle sapshow pseudo events on the control
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onsapshow = function(oEvent){

	if (this.mobile) {
		return;
	}

	if(this.oPopup && this.oPopup.isOpen()) {
		this._close();
	}
	else {
		this._open();
	}
	oEvent.preventDefault();
	oEvent.stopImmediatePropagation();
};

/**
 * Handle sapnextmodifiers pseudo events on the control
 * if in toolbar prevent item navigation if popup is opened.
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onsapnextmodifiers = function(oEvent){
	sap.ui.commons.TextField.prototype.onsapnextmodifiers.apply(this, arguments);
	if( oEvent.keyCode == jQuery.sap.KeyCodes.ARROW_DOWN && oEvent.altKey ){
		this.onsapshow(oEvent);
		oEvent.stopPropagation();
	}
};

/**
 * Handle saphide pseudo events on the control
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onsaphide = function(oEvent){

	if (this.mobile) {
		return;
	}

	this._close();
	oEvent.stopPropagation(); // prevent item navigation in toolbar
};

/**
 * Handle sapescape pseudo events on the control
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onsapescape = function(oEvent) {

	if(this.oPopup && this.oPopup.isOpen()){
		this._close();
		oEvent.stopPropagation(); // if comboBox is on a popup don't close this popup too
	}
	// standard behavior of TextField
	sap.ui.commons.TextField.prototype.onsapescape.apply(this, arguments);
};

/**
 * Handle sapenter pseudo events on the control
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onsapenter = function(oEvent) {
	this._close();
	this._checkChange(oEvent, true);
};


//***********************************************************
//Focus handling...
//***********************************************************

/**
 * Handle the sapfocusleave pseudo event and ensure that when the focus moves to the list box,
 * the check change functionality (incl. fireChange) is not triggered.
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onsapfocusleave = function(oEvent) {
	this._resetCheck();
	var oLB = this._getListBox();
	if(oEvent.relatedControlId && jQuery.sap.containsOrEquals(oLB.getFocusDomRef(), sap.ui.getCore().byId(oEvent.relatedControlId).getFocusDomRef())){
		this.focus();
	} else {
		// we left the ComboBox to another (unrelated) control and thus have to fire the change (if needed).
		this._checkChange(oEvent, true);
	}
};

//***********************************************************
// Change handling and related event firing
//***********************************************************

/**
 * Compares the previous value with the current value and fires the "Change" event
 * if the ComboBox is editable and the value has changed or whether the value has been changed
 * e.g. via up/down or auto-complete feature
 *
 * @param {jQuery.Event} oEvent
 * @param {boolean} [bImmediate] indicate whether the check should happen immediately or delayed (e.g. to avoid focusout / click double event processing)
 * @protected
 */
sap.ui.commons.ComboBox.prototype._checkChange = function(oEvent, bImmediate) {
	this._resetCheck();
	if(!bImmediate){
		// in case there is no sapfocusleave (i.e. core does not know where the focus went to)
		// we still fire this event (as obviously it cannot be in the Combo and related control(s) anymore)
		this._sCheckId = jQuery.sap.delayedCall(50,this, "_checkChange", [oEvent, true]);
		return;
	}

	var oInput = this.getInputDomRef();
	if (!oInput) {
		// to be save if some one deletes field from DOM during delayed call
		return;
	}

	var newVal = jQuery(oInput).val(),
		oldVal = this.getValue();

	if(!this._F4ForOpen && (
			this.getEditable() && this.getEnabled() && (oldVal != newVal))){
		this.setValue(newVal, true);
		var aItems = this.getItems(),
			oItem = null,
			oText,
			sKey,
			sId,
			iIndex;
		for(var i = 0, l = aItems.length; i < l; i++){
			oText = aItems[i].getText();
			if(oText === newVal) {
				oItem = aItems[i];
				sKey = oItem.getKey();
				sId  = oItem.getId();
				iIndex = i;
				break;
			}
		}
		this.setProperty("selectedKey", sKey, true); // no rerendering needed
		this.setProperty("selectedItemId", sId, true); // no rerendering needed
		if (this.mobile) {
			if (!sId) {
				// no list item entered (free text) => add one dummy item to the select box
				this._addDummyOption(newVal);
			}else{
				this._removeDummyOption();
				jQuery.sap.domById(this.getId()+"-select").selectedIndex = iIndex;
			}
		}
		this._sWantedSelectedKey = undefined;
		this._sWantedSelectedItemId = undefined;
		this.fireChange({newValue:newVal, selectedItem: oItem});
	}
};


/**
 * Resets check for changes in case there is a delayed one pending.
 * @private
 */
sap.ui.commons.ComboBox.prototype._resetCheck = function() {
	if(!this._sCheckId) {
		return;
	}
	jQuery.sap.clearDelayedCall(this._sCheckId);
	this._sCheckId = null;
};

//***********************************************************
// Advanced keyboard handling... type ahead, up / down navigation, ...
//***********************************************************

/**
 * Handle the keypress event
 * @param {jQuery.Event} oEvent the event that occurred on the ComboBox
 * @private
 */
sap.ui.commons.ComboBox.prototype.onkeypress = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no implemented typeAhead
		return;
	}

	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	if(this._sTypeAhead) {
		jQuery.sap.clearDelayedCall(this._sTypeAhead);
	}

	var oKC = jQuery.sap.KeyCodes;
	if(sap.ui.commons.ComboBox._isHotKey(oEvent) || oEvent.keyCode === oKC.F4 && oEvent.which === 0 /*this is the Firefox case and ensures 's' with same charCode is accepted*/) {
		return;
	}

	var iKC = oEvent.which || oEvent.keyCode;
	if(iKC !== oKC.DELETE && iKC !== oKC.BACKSPACE && iKC !== oKC.ESCAPE){
		this._sTypeAhead = jQuery.sap.delayedCall(200, this, "_doTypeAhead");
	} else{
		// standard behavior of TextField
		sap.ui.commons.TextField.prototype.onkeypress.apply(this, arguments);
		jQuery(this.getInputDomRef()).removeAttr("aria-posinset");
	}
	// Do not cancel the event as this would prevent typing in the field.
};

/**
 * Handle the sapup event
 * TODO How do we enable switching this off? e.g. in table case, arrow keys might trigger
 *      cell navigation instead of this one? is there a special key to 're-enable' again? like right-Alt key?
 *
 * @param {jQuery.Event} oEvent the event that occurred on the ComboBox
 * @private
 */
sap.ui.commons.ComboBox.prototype.onsapup = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no implemented typeAhead
		return;
	}

	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	if (jQuery(this.getFocusDomRef()).data("sap.InNavArea")) {
		// parent handles arrow navigation
		return;
	}

	var oListBox = this._getListBox(),
		aItems = oListBox.getItems(),
		oDomRef = this.getInputDomRef(),
		oValue = jQuery(oDomRef).val();

	var i = this._prepareUpDown(aItems, oValue);
	i = this._updateIdx(aItems, oDomRef, i-1, i);

	oEvent.preventDefault();
	oEvent.stopPropagation(); // prevent itemNavigation if ComboBox is in toolbar
};

/**
 * Handle the sapdown event.
 * TODO How do we enable switching this off? e.g. in table case, arrow keys might trigger
 *      cell navigation instead of this one? is there a special key to 're-enable' again? like right-Alt key?
 *
 * @param {jQuery.Event} oEvent the event that occurred on the ComboBox
 * @private
 */
sap.ui.commons.ComboBox.prototype.onsapdown = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no implemented typeAhead
		return;
	}

	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	if (jQuery(this.getFocusDomRef()).data("sap.InNavArea")) {
		// parent handles arrow navigation
		return;
	}

	var oListBox = this._getListBox(),
		aItems = oListBox.getItems(),
		oDomRef = this.getInputDomRef(),
		oValue = jQuery(oDomRef).val();

	var i = this._prepareUpDown(aItems, oValue);
	i = this._updateIdx(aItems, oDomRef, i+1, i);

	oEvent.preventDefault();
	oEvent.stopPropagation(); // prevent itemNavigation if ComboBox is in toolbar
};

/**
 * Handle the saphome event.
 * TODO How do we enable switching this off? e.g. in table case, arrow keys might trigger
 *      cell navigation instead of this one? is there a special key to 're-enable' again? like right-Alt key?
 *
 * @param {jQuery.Event} oEvent the event that occurred on the ComboBox
 * @private
 */

sap.ui.commons.ComboBox.prototype.onsaphome = function(oEvent) {
	sap.ui.commons.TextField.prototype.onsaphome.apply(this, arguments);

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no implemented typeAhead
		return;
	}

	if(!this.getEditable() || !this.getEnabled() || !this.oPopup || !this.oPopup.isOpen()) {
		return;
	}

	var oListBox = this._getListBox(),
		aItems = oListBox.getItems(),
		oDomRef = this.getInputDomRef();

	var i = this._updateIdx(aItems, oDomRef,0);

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Handle the sapend event.
 * TODO How do we enable switching this off? e.g. in table case, arrow keys might trigger
 *      cell navigation instead of this one? is there a special key to 're-enable' again? like right-Alt key?
 *
 * @param {jQuery.Event} oEvent the event that occurred on the ComboBox
 * @private
 */

sap.ui.commons.ComboBox.prototype.onsapend = function(oEvent) {
	sap.ui.commons.TextField.prototype.onsapend.apply(this, arguments);

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no implemented typeAhead
		return;
	}

	if(!this.getEditable() || !this.getEnabled() || !this.oPopup || !this.oPopup.isOpen()) {
		return;
	}

	var oListBox = this._getListBox(),
		aItems = oListBox.getItems(),
		oDomRef = this.getInputDomRef();

	var i = aItems.length - 1;
	i = this._updateIdx(aItems, oDomRef, i);

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * method for delayed handle of type ahead in closed combobox
 * @private
 */
sap.ui.commons.ComboBox.prototype._doTypeAhead = function(){
	this._sTypeAhead = null;
	this._sWantedSelectedKey = undefined; // something typed -> do not search again for not existing items
	this._sWantedSelectedItemId = undefined;
	var oLB = this._getListBox(),
		aItems = oLB.getItems(),
		oItem,
		oText,
		$Ref = jQuery(this.getInputDomRef()),
		oValue = $Ref.val(),
		startsWith = jQuery.sap.startsWithIgnoreCase;
	this._sTypedChars = oValue;
	var bFound = false;
	var i = 0;
	for (var l = aItems.length; i < l; i++){
		oItem = aItems[i];
		oText = "" + oItem.getText();
		if(startsWith(oText, oValue) && oItem.getEnabled()) {
			$Ref.attr("aria-posinset", i+1);
			$Ref.val(oText);
			this._doSelect(oValue.length, oText.length);

			oLB.setSelectedIndex(i);
			oLB.scrollToIndex(i, true);
			bFound = true;
			if(this.mobile){
				this._removeDummyOption();
				jQuery.sap.domById(this.getId()+"-select").selectedIndex = i;
			}
			return;
		}
	}
	oLB.clearSelection();
	oLB.scrollToIndex(i, true);
	if (!bFound) {
		$Ref.removeAttr("aria-posinset");
		if(this.mobile){
			this._addDummyOption(oValue);
		}
	}
};

/**
 * Prepares for the up and down arrow handling.
 * Checks whether there is a set index and this still matches the given value
 * @param {sap.ui.core.ListItem[]} aItems array of listitems that should be used.
 * @param {string} oValue
 * @type int
 * @return the new index
 * @private
 */
sap.ui.commons.ComboBox.prototype._prepareUpDown = function(aItems, oValue){
	var oText;
	if(this._iClosedUpDownIdx >= 0 && aItems[this._iClosedUpDownIdx] && aItems[this._iClosedUpDownIdx].getText() !== oValue) {
		this._iClosedUpDownIdx = -1;
	}

	if(this._iClosedUpDownIdx === -1){
		for(var i = 0, l = aItems.length; i < l; i++){
			oText = aItems[i].getText();
			if(oText === oValue) {
				this._iClosedUpDownIdx = i;
				break;
			}
		}
	}
	return this._iClosedUpDownIdx;
};

/**
 * Updates the value of the comboBox taking the given idx into account.
 *
 * @param {sap.ui.core.ListItem[]} aItems the items belonging to this ComboBox
 * @param {string} oDomRef the dom ref of the inputField to update
 * @param {int} iNewIdx the index to set
 * @param {int} [iCurIdx] The index to 'fall back to'.
 *						  Leave blank in case of navigation to 'first' (home-key) or 'last' (end-key). Will ensure 'first' or 'last' selectable item will be selected.
 * @return {int} the actually set index (which might have been corrected)
 * @private
 */
sap.ui.commons.ComboBox.prototype._updateIdx = function(aItems, oDomRef, iNewIdx, iCurIdx){
	var l = aItems.length,
		bFirst = iNewIdx === 0 && iCurIdx === undefined,
		bLast = iNewIdx === l-1 && iCurIdx === undefined,
		bDown = iCurIdx !== undefined && iCurIdx < iNewIdx || bFirst,
		i = (iNewIdx < 0 ? 0 : (iNewIdx < l ? iNewIdx: l - 1)),
		$Ref = jQuery(oDomRef);
	var oItem,
		bValid = false;
	do {
		iNewIdx = bDown ? i++ : i--;
		oItem = aItems[iNewIdx];
		bValid = oItem && oItem.getEnabled() && !(oItem instanceof sap.ui.core.SeparatorItem) && oItem.getId() !== this.getId() + "_shi";
	} while(!bValid && i < l && i >= 0);
	if(bValid){
		var oText = oItem.getText();
		var iPos = iNewIdx + 1;
		if (this._determinePosinset) {
			iPos = this._determinePosinset(aItems, iNewIdx); //in DropdownBox separators must be removed from Posinset
		}
		$Ref.attr("aria-posinset", iPos);
		$Ref.val(oText);
		this._doSelect();

		var oListBox = this._getListBox();
		oListBox.setSelectedIndex(iNewIdx);
		oListBox.scrollToIndex(iNewIdx, true);
	} else {
		iNewIdx = iCurIdx;
	}
	this._iClosedUpDownIdx = iNewIdx;
	return iNewIdx;
};

/**
 * Selects the text of the InputDomRef in the given range
 * @param {int} [iStart=0] start position of the text selection
 * @param {int} [iEnd=<length of text>] end position of the text selection
 * @return {sap.ui.commons.ComboBox} this DropdownBox instance
 * @private
 */
sap.ui.commons.ComboBox.prototype._doSelect = function(iStart, iEnd){

	var oDomRef =this.getInputDomRef();

	if (oDomRef) {
		//if no Dom-Ref - no selection (Maybe popup closed)
		var $Ref = jQuery(oDomRef);
		oDomRef.focus();
		$Ref.selectText(iStart?iStart:0, iEnd?iEnd:$Ref.val().length);
	}

	return this;

};


//***********************************************************
// DOM Ref handling
//***********************************************************

/**
 * Returns the DomRef which represents the icon for value help.
 * Could be overwritten in child-classes
 *
 * @return {DOMNode} The F4-element's DOM reference or null
 * @protected
 */
sap.ui.commons.ComboBox.prototype.getF4ButtonDomRef = function() {
	return jQuery.sap.domById(this.getId() + "-icon");
};


//***********************************************************
// List Box handling (incl. creation of 'private one')
//***********************************************************

/**
 * Returns the private listbox.
 * Creates a new one if not yet done.
 * @type sap.ui.commons.ListBox
 * @return the private listbox
 * @private
 */
sap.ui.commons.ComboBox.prototype._getPrivateListBox = function(){
	if(this._oListBox) {
		return this._oListBox;
	}
	// else
	this._oListBox = new sap.ui.commons.ListBox(this.getId() + "-lb", {allowMultiSelect:false});
	this.setAggregation("myListBox", this._oListBox, true);
	this._oListBox.attachEvent("itemsChanged",this._handleItemsChanged, this);
	this._oListBox.attachEvent("itemInvalidated",this._handleItemInvalidated, this);

	return this._oListBox;
};

/**
 * Returns the listbox that should be used.
 * This is either the one set from outside or the one created as 'private'
 * @type sap.ui.commons.ListBox
 * @param {boolean} bUpdateListBox indicate whether the ListBox should be updated for rerendering
 * @return the listbox that should be used
 * @private
 */
sap.ui.commons.ComboBox.prototype._getListBox = function(bUpdateListBox){
	var sListBox = this.getListBox(),
		oListBox;
	if(sListBox) {
		oListBox = sap.ui.getCore().getControl(sListBox);
	} else {
		oListBox = this._getPrivateListBox();
	}
	if(bUpdateListBox){
		oListBox.setAllowMultiSelect(false);
		oListBox.setDisplaySecondaryValues(this.getDisplaySecondaryValues());

		var oDomRef = this.getDomRef();
		if(oDomRef) {
			oListBox.setMinWidth(jQuery(oDomRef).rect().width + "px");
		}
	}
	return oListBox;
};


//***********************************************************
// Closing and opening the drop down
//***********************************************************

/**
 * Opens the proposal list of the ComboBox
 * @private
 */
sap.ui.commons.ComboBox.prototype._open = function(iDuration){

	if(this.mobile) {
		return; // on mobile devices use native dropdown.
	}

	if(iDuration === undefined){
		iDuration = -1;
	}

	if(!this.getEditable() || !this.getEnabled()) {
		return;
	}

	if(!this.oPopup) {
		this.oPopup = new sap.ui.core.Popup();
	}

	this._F4ForOpen = false;

	var oListBox = this._getListBox(!this.oPopup.isOpen());
	var oPopup = this.oPopup;
	this._prepareOpen(oListBox);
	if(!this._oListBoxDelegate) {
		this._oListBoxDelegate = {oCombo: this, onclick: function(oEvent){ // FIXME: is this code ever executed? ListBox selection triggers _handleSelect which closes the Popup and removes this delegate again before the delegates for onclick are called
			// cover also the case of 'confirm initial proposal'
			var itemId = jQuery(oEvent.target).closest("li").attr("id");
			if (itemId) {
				// could also be done via EventPool... but whose to use? Combo's? ListBox'?
				var oEvent = new sap.ui.base.Event("_internalSelect", this.oCombo, {selectedId: itemId});
				this.oCombo._handleSelect(oEvent);
			}
		}};
	}
	oListBox.addDelegate(this._oListBoxDelegate);

	// and update the given popup instance
	oPopup.setContent(oListBox);
	oPopup.setAutoClose(true);
	oPopup.setAutoCloseAreas([this.getDomRef()]);
	oPopup.setDurations(0, 0); // no animations
	oPopup.setInitialFocusId(this.getId()+'-input'); // to prevent popup to set focus to the ListBox -> stay in input field

	// now, as everything is set, ensure HTML is up-to-date
	// This is separated in a function because controls which inherit the Combobox (e.g. SearchField) might overriden this
	// Here is also the possibility to interrupt the open procedure of the list (e.g. when the list is empty)
	var bSkipOpen = this._rerenderListBox(oListBox);
	if(bSkipOpen) {
		return;
	}

	oPopup.attachOpened(this._handleOpened, this);
	// attachClosed moved to _handleOpened

	var eDock = sap.ui.core.Popup.Dock;
	oPopup.open(iDuration, eDock.BeginTop, eDock.BeginBottom, this/*.getDomRef()*/, null, null, true);
	jQuery(oListBox.getFocusDomRef()).attr("tabIndex", "-1");
	//attachSelect moved to _handleOpened

	jQuery(this.getDomRef()).attr("aria-expanded", true);

};

/**
 * Rerenders the attached Listbox
 * @private
 */
sap.ui.commons.ComboBox.prototype._rerenderListBox = function(oListBox){
//	do not use oListBox.rerender(); because this not deletes rerender-timer. So it will be rerendered
//  twice in DropdownBox.
	sap.ui.getCore().applyChanges();
	return false;
};

/**
 * Walks over the list of available items in the given oListBox and updates the visual selection.
 * Also updates the Popup to show the right content.
 *
 * @param {sap.ui.commons.ListBox} oListBox listBox belonging to this ComboBox instance.
 * @private
 */
sap.ui.commons.ComboBox.prototype._prepareOpen = function(oListBox) {
	// update the list and the input field
	var $Ref = jQuery(this.getInputDomRef()),
		oValue = $Ref.val(),
		aItems = oListBox.getItems(),
		oText,
		startsWith = jQuery.sap.startsWithIgnoreCase,
		bSelected = false,
		bEmptyString = oValue === "",
		oItem;
	var i = 0;
	for (var l = aItems.length; i < l; i++){
		oItem = aItems[i];
		if(!oItem.getEnabled()) {
			continue;
		}
		oText = "" + oItem.getText();
		if(bEmptyString || startsWith(oText, oValue)) {
			bSelected = true;
			// ensure to mark pending only when set anew
			this._iClosedUpDownIdx = i;
			$Ref.attr("aria-posinset", i+1);
			$Ref.val(oText);
			this._doSelect();
			break;
		}
	}
	if(!bSelected){
		i = -1;
	}
	var iItemsLength = oListBox.getItems().length;
	var iMaxPopupItems = this.getMaxPopupItems();
	oListBox.setVisibleItems(iMaxPopupItems < iItemsLength ? iMaxPopupItems : -1); // if less than max items let LisBox determine the size
	oListBox.setSelectedIndex(i);

	// preparation of Popup moved to _open method again to allow cleaner implementation in dropdown box
};

/**
 * Once the ListBox is opened, we can update the scroll position
 * @private
 */
sap.ui.commons.ComboBox.prototype._handleOpened = function(){
	this.oPopup.detachOpened(this._handleOpened, this);
	var oListBox = this._getListBox();
	oListBox.scrollToIndex(this._iClosedUpDownIdx, true);
	oListBox.attachSelect(this._handleSelect, this);
	// and also ensure we get to know it closes / gets closed via automatic-close again
	this.oPopup.attachClosed(this._handleClosed, this);

	if (jQuery.browser.msie) {
		// as IE just ignores syncron focus() called from popup by opening it must be called asynchron
		// otherwise onfocusin is not executed.
		jQuery.sap.delayedCall(0, this, function(){
			jQuery(this.getInputDomRef()).focus();
		});
	}

	// if ComboBox is open -> switch to action mode
	if (jQuery(this.getFocusDomRef()).data("sap.InNavArea")) {
		jQuery(this.getFocusDomRef()).data("sap.InNavArea", false);
	}

};

/**
 * Closes  the proposal list of the ComboBox
 * @private
 */
sap.ui.commons.ComboBox.prototype._close = function(oEvent){
	if(this.oPopup) { // only if there is a Popup, the list box might have been used
		this.oPopup.close(0);
	}
};

/**
 * As there might also be situation where the auto-close functionality triggers the close,
 * ensure to handle everything in the event listener
 * @private
 */
sap.ui.commons.ComboBox.prototype._handleClosed = function(){
	this.oPopup.detachClosed(this._handleClosed, this);
	var oListBox = this._getListBox();
	oListBox.removeDelegate(this._oListBoxDelegate);
	oListBox.detachSelect(this._handleSelect, this);
	jQuery(this.getDomRef()).attr("aria-expanded", false);

	if(this._cleanupClose) {
		this._cleanupClose(oListBox);
	}
};

/**
 * This method is attached to the ListBox instance when it is open
 * to handle the click event occurring in the ListBox.
 * It additionally closes the Popup.
 * @param {sap.ui.base.Event} oControlEvent The event that was raised by the Listbox
 * @private
 */
sap.ui.commons.ComboBox.prototype._handleSelect = function(oControlEvent) {
	this._resetCheck();
	var iSelected = oControlEvent.getParameter("selectedIndex"),
		iSelectedId = oControlEvent.getParameter("selectedId"),
		oItem = oControlEvent.getParameter("selectedItem");

	if(!oItem && iSelectedId){
		oItem = sap.ui.getCore().byId(iSelectedId);
		if(oItem.getParent() !== this._getListBox(false)) {// can this happen?
			oItem = null;
		}
		iSelected = jQuery.inArray(oItem, this._getListBox().getItems());
	}
	if(oItem && oItem.getEnabled()) {
		this._close();
		var sNewValue = oItem.getText();
		this._iClosedUpDownIdx = iSelected;
		jQuery(this.getInputDomRef()).attr("aria-posinset", this._getListBox().getSelectedIndex()+1);
		var sOldValue = this.getValue();
		var sOldKey = this.getSelectedKey();
		var sNewKey = oItem.getKey();
		var sOldId = this.getSelectedItemId();
		var sNewId = oItem.getId();

		this._sTypedChars = sNewValue;
		this._sWantedSelectedKey = undefined;
		this._sWantedSelectedItemId = undefined;
		if (sOldValue != sNewValue || sOldKey != sNewKey || sOldId != sNewId) {
			this.setValue(sNewValue, true);
			this.setProperty("selectedKey", sNewKey, true); // no rerendering needed
			this.setProperty("selectedItemId", sNewId, true); // no rerendering needed
			this.fireChange({newValue: sNewValue, selectedItem: oItem});
		}else if(sNewValue != jQuery(this.getInputDomRef()).val()){
			// input field value was changed while type-Ahead during opening -> just restore
			jQuery(this.getInputDomRef()).val(sNewValue);
		}
	}
	this._doSelect();
	return oItem;
};


//***********************************************************
// Handle aggregation and association
//***********************************************************

//Handle items aggregation
sap.ui.commons.ComboBox.prototype.getItems = function(){
	return this._getListBox()?this._getListBox().getItems():[];
};
sap.ui.commons.ComboBox.prototype.insertItem = function(oItem, iIndex){
	oItem = this.validateAggregation("items", oItem, /* multiple */ true);
	this._getListBox().insertItem(oItem, iIndex);
	return this;
};
sap.ui.commons.ComboBox.prototype.addItem = function(oItem){
	oItem = this.validateAggregation("items", oItem, /* multiple */ true);
	this._getListBox().addItem(oItem);
	return this;
};
sap.ui.commons.ComboBox.prototype.removeItem = function(vElement) {
	return this._getListBox().removeItem(vElement);
};
sap.ui.commons.ComboBox.prototype.removeAllItems = function() {
	return this._getListBox().removeAllItems();
};
sap.ui.commons.ComboBox.prototype.indexOfItem = function(oItem){
	return this._getListBox().indexOfItem(oItem);
};
sap.ui.commons.ComboBox.prototype.destroyItems = function(){
	this._getListBox().destroyItems();
	return this;
};

sap.ui.commons.ComboBox.prototype.updateItems = function(){

	this.bNoItemCheck = true;

	this.updateAggregation("items");

	this.bNoItemCheck = undefined;
	this._handleItemsChanged();

};

// handle listBox association
sap.ui.commons.ComboBox.prototype.setListBox = function(sListBox) {

	var oOldListBox = sap.ui.getCore().byId(this.getListBox());
	if (oOldListBox) {
		oOldListBox.detachEvent("itemsChanged", this._handleItemsChanged, this);
		oOldListBox.detachEvent("itemInvalidated",this._handleItemInvalidated, this);
	}

	// if we created our own listBox beforehand, destroy it as the newly set one should win.
	if (this._oListBox) {
		this._oListBox.detachEvent("itemsChanged", this._handleItemsChanged, this);
		this._oListBox.detachEvent("itemInvalidated",this._handleItemInvalidated, this);
		if (this.getAggregation("myListBox")) {
			this.destroyAggregation("myListBox", true);
		}else{
			this._oListBox.destroy();
		}
		this._oListBox = null;
	}
	this.setAssociation("listBox", sListBox);

	var oListBox = typeof sListBox === "string" ? sap.ui.getCore().byId(sListBox) : sListBox; 
	if (oListBox && oListBox.attachEvent) {
		oListBox.attachEvent("itemsChanged",this._handleItemsChanged, this);
		oListBox.attachEvent("itemInvalidated",this._handleItemInvalidated, this);
	}
	// else: FIXME what if the listbox does not exist yet?

	return this;
};

sap.ui.commons.ComboBox.prototype._handleItemsChanged = function(oEvent){

	if (this.bNoItemCheck) {
		return;
	}

	// check if selected item is still valid
	var aItems = this._getListBox().getItems();
	var sSelectedKey = this.getSelectedKey();
	var sSelectedItemId = this.getSelectedItemId();
	var sNewKey, sNewId;
	var sValue = this.getValue();
	var iIndex;

	for ( var i = 0; i < aItems.length; i++) {
		var oItem= aItems[i];
		if ((this._sWantedSelectedKey || this._sWantedSelectedItemId)
		     && (oItem.getKey() == this._sWantedSelectedKey || oItem.getId() == this._sWantedSelectedItemId)
		     && oItem.getEnabled()) {
			// Item set before exist - now it exist
			sNewKey = oItem.getKey();
			sNewId = oItem.getId();
			sValue = oItem.getText();
			this.setProperty("value", sValue, true); // no rerendering needed
			jQuery(this.getInputDomRef()).val(sValue);
			iIndex = i;
			this._sWantedSelectedKey = undefined;
			this._sWantedSelectedItemId = undefined;
			break;
		}else if (oItem.getText() == sValue && oItem.getEnabled()) {
			// Value found
			// remember key/id for case value not appears again
			sNewKey = oItem.getKey();
			sNewId = oItem.getId();
			iIndex = i;
			if (oItem.getKey() == sSelectedKey && oItem.getId() == sSelectedItemId 
			    && !this._sWantedSelectedKey  && !this._sWantedSelectedItemId) {
				// value, id and key still the same and no not items searched for existence
				break;
			}
		}
	}
	this.setProperty("selectedKey", sNewKey, true); // no rerendering needed
	this.setProperty("selectedItemId", sNewId, true); // no rerendering needed
	var oDomRef = this.getDomRef();
	if ( oDomRef ) {
		jQuery(this.getInputDomRef()).attr("aria-setsize", aItems.length);
		if (sNewId) {
			jQuery(this.getInputDomRef()).attr("aria-posinset", iIndex+1);
		}else{
			jQuery(this.getInputDomRef()).removeAttr("aria-posinset");
		}
		if (this.mobile) {
			// refresh und rebulid select options because not ever known what exactly changed
			var oSelect = jQuery.sap.domById(this.getId()+"-select");
			while (oSelect.length > 0) {
				oSelect.remove(0);
			}
			for ( var i = 0; i < aItems.length; i++) {
				var oItem= aItems[i];
				var oOption = document.createElement("option");
				oOption.text = oItem.getText();
				oOption.id = this.getId()+oItem.getId();
				oSelect.add(oOption, null);
			}
			oSelect.selectedIndex = iIndex;
		}
	}

};

sap.ui.commons.ComboBox.prototype._handleItemInvalidated = function(oEvent){

	// an Item had changed -> check if text or key must be changed
	var oItem = oEvent.getParameter("item");
	if (oItem.getId() == this.getSelectedItemId()) {
		if (oItem.getKey() != this.getSelectedKey()) {
			this.setProperty("selectedKey", oItem.getKey(), true); // no rerendering needed
		}
		if (oItem.getText() != this.getValue()) {
			// just update the value without changing wanted key or id
			sap.ui.commons.TextField.prototype.setValue.apply(this, [oItem.getText()]);
		}
	}
	// maybe the wanted selected item is available now
	this._handleItemsChanged(oEvent);

};

//***********************************************************
// Focus information handling and rendering related
//***********************************************************

/**
 * Returns an object representing the serialized focus information
 * To be overwritten by the specific control method
 * @return {object} an object representing the serialized focus information
 * @private
 */
sap.ui.commons.ComboBox.prototype.getFocusInfo = function(){
	return {id: this.getId(), sTypedChars: this._sTypedChars};
};

/*
 * Applies the focus info
 * To be overwritten by the specific control method
 * @param {object} oFocusInfo
 * @private
 */
sap.ui.commons.ComboBox.prototype.applyFocusInfo = function(oFocusInfo){

	var $Inp = jQuery(this.getInputDomRef());
	$Inp.val(oFocusInfo.sTypedChars);
	if (!this.getSelectedItemId() || sap.ui.getCore().byId(this.getSelectedItemId()).getText() != oFocusInfo.sTypedChars) {
		// text entred before and is not the currently selected item -> just restore type-ahead
		this._doTypeAhead();
	}
	return this;
};

/*
 * Ensure that handed in ListBoxes are taken from the visible UI immediately.
 * @protected
 */
sap.ui.commons.ComboBox.prototype.onAfterRendering = function(oEvent){
	this._getListBox().$().appendTo(sap.ui.getCore().getStaticAreaRef());

	if (this.mobile) {
		var that = this;
		jQuery.sap.byId(this.getId()+"-select").bind("change", function(){
			var newVal = jQuery.sap.byId(that.getId()+"-select").attr("value");
			//as iPad ignores disabled attibute on option - check if item is enabled -> otherwise ignore
			var aItems = that._getListBox().getItems();
			var bEnabled = true;
			var iOldIndex = 0;
			var sOldValue = that.getValue();

			for ( var i = 0; i < aItems.length; i++) {
				if (aItems[i].getText() == newVal) {
					// Value found
					bEnabled = aItems[i].getEnabled();
				}
				if (aItems[i].getText() == sOldValue) {
					// old Value found
					iOldIndex = i;
				}
			}
			if (bEnabled) {
				that.setValue(newVal);
				that.fireChange({newValue:newVal, selectedItem: sap.ui.getCore().byId(that.getSelectedItemId())});
			}else{
				jQuery.sap.domById(that.getId()+"-select").selectedIndex = iOldIndex;
			}
		});
		// set initial selected item
		if(this.getSelectedItemId()){
			for ( var i = 0; i < this.getItems().length; i++) {
				var oItem = this.getItems()[i];
				if (this.getSelectedItemId() == oItem.getId()) {
					jQuery.sap.domById(this.getId()+"-select").selectedIndex = i;
					break;
				}
			}
		}else {
			this._addDummyOption(this.getValue());
		}
	}
};


//***********************************************************
// Misc.
//***********************************************************

/**
 * Figure out whether the triggered key was a hotkey
 * @param {jQuery.Event} oEvent the event fired on the ComboBox
 * @private
 * @static
 */
sap.ui.commons.ComboBox._isHotKey = function(oEvent){
	if(oEvent.altKey || oEvent.ctrlKey || oEvent.metaKey) {
		return true;
	}

	var iKeyCode = oEvent.keyCode || oEvent.which,
		eKC = jQuery.sap.KeyCodes;

	switch(iKeyCode){
		// some keys can be identified as hotkey 'all alone'
		case eKC.ENTER:
		case eKC.SHIFT:
		case eKC.TAB:
		case eKC.ALT:
		case eKC.CONTROL:
			return true;
		// as  some keys share the keycode with standard characters (only in keypress event), ensure that which equals 0
		case eKC.END:
		case eKC.HOME:
		case eKC.ARROW_LEFT:
		case eKC.ARROW_UP:
		case eKC.ARROW_RIGHT:
		case eKC.ARROW_DOWN:
		case eKC.F1:
		case eKC.F2:
		case eKC.F3:
		case eKC.F4:
		case eKC.F5:
		case eKC.F6:
		case eKC.F7:
		case eKC.F8:
		case eKC.F9:
		case eKC.F10:
		case eKC.F11:
		case eKC.F12:
			if (oEvent.type == "keypress") {
				return oEvent.which === 0;
			} else {
				return true;
			}
		default:
			return false;
	}
};

/*
 * Overwrite of standard function
 */
sap.ui.commons.ComboBox.prototype.setSelectedKey = function(sSelectedKey) {

	if (this.getSelectedKey() == sSelectedKey) {
		// not changed
		return this;
	}

	if (!sSelectedKey) {
		// selectedKey explicit not set -> select no item and initialize value
		this.setProperty("selectedKey", sSelectedKey, true); // no rerendering needed
		this.setProperty("selectedItemId", "", true); // no rerendering needed
		this.setValue("", true);
		return this;
	}

	// find corresponding item
	var aItems = this._getListBox().getItems();
	var bNotFound = true;
	var sSelectedItemId;
	var iIndex;

	for ( var i = 0; i < aItems.length; i++) {
		if (aItems[i].getKey() == sSelectedKey && aItems[i].getEnabled()) {
			// key found -> set corresponding value
			var oSelectedItem = aItems[i];
			sSelectedItemId = oSelectedItem.getId();
			var sValue = oSelectedItem.getText();
			this.setValue(sValue, true);
			this._sTypedChars = sValue;
			iIndex = i;

			bNotFound = false;
			break;
		}
	}
	if (!bNotFound) {
		this.setProperty("selectedKey", sSelectedKey, true); // no rerendering needed
		this.setProperty("selectedItemId", sSelectedItemId, true); // no rerendering needed
		var oDomRef = this.getDomRef();
		if ( oDomRef ) {
			jQuery(this.getInputDomRef()).attr("aria-posinset", iIndex+1);
			if (this.mobile) {
				jQuery.sap.domById(this.getId()+"-select").selectedIndex = iIndex;
			}
		}
		this._sWantedSelectedKey = undefined;
	}else{
		// remember key to set later if items are updated
		this._sWantedSelectedKey = sSelectedKey;
	}
	this._sWantedSelectedItemId = undefined; // delete wanted ID, because key was used later
	return this;
};

/*
 * Overwrite of standard function
 */
sap.ui.commons.ComboBox.prototype.setSelectedItemId = function(sSelectedItemId) {

	if (this.getSelectedItemId() == sSelectedItemId) {
		// not changed
		return this;
	}

	if (!sSelectedItemId) {
		// selectedKey explicit not set -> select no item and initialize value
		this.setProperty("selectedKey", "", true); // no rerendering needed
		this.setProperty("selectedItemId", sSelectedItemId, true); // no rerendering needed
		this.setValue("", true);
		return this;
	}

	//find corresponding item
	var aItems = this._getListBox().getItems();
	var bNotFound = true;
	var sKey;
	var iIndex;

	for ( var i = 0; i < aItems.length; i++) {
		if (aItems[i].getId() == sSelectedItemId && aItems[i].getEnabled()) {
			// key found -> set corresponding value
			var oSelectedItem = aItems[i];
			sKey = oSelectedItem.getKey();
			var sValue = oSelectedItem.getText();
			this.setValue(sValue, true);
			this._sTypedChars = sValue;
			iIndex = i;

			bNotFound = false;
			break;
		}
	}
	if (!bNotFound) {
		this.setProperty("selectedItemId", sSelectedItemId, true); // no rerendering needed
		this.setProperty("selectedKey", sKey, true); // no rerendering needed
		var oDomRef = this.getDomRef();
		if ( oDomRef ) {
			jQuery(this.getInputDomRef()).attr("aria-posinset", iIndex+1);
			if (this.mobile) {
				jQuery.sap.domById(this.getId()+"-select").selectedIndex = iIndex;
			}
		}
		this._sWantedSelectedItemId = undefined;
	}else{
		// remember ID to set later if items are updated
		this._sWantedSelectedItemId = sSelectedItemId;
	}
	this._sWantedSelectedKey = undefined; // delete wanted key, because ID was used later
	return this;
};

/*
 * Overwrite of TextField function
 * additional parameter bNotSetSelectedKey to not set selected key because set
 * from calling function
 */
sap.ui.commons.ComboBox.prototype.setValue = function(sValue, bNotSetSelectedKey) {

	if (!bNotSetSelectedKey) {
		// find key for value
		var aItems = this._getListBox().getItems();
		var sKey;
		var sSelectedItemId;
		var iIndex;

		for ( var i = 0; i < aItems.length; i++) {
			if (aItems[i].getText() == sValue && aItems[i].getEnabled()) {
				// Value found -> set corresponding key
				var oSelectedItem = aItems[i];
				sSelectedItemId = oSelectedItem.getId();
				sKey = oSelectedItem.getKey();
				iIndex = i;
				break;
			}
		}
		this.setProperty("selectedKey", sKey, true); // no rerendering needed
		this.setProperty("selectedItemId", sSelectedItemId, true); // no rerendering needed
		var oDomRef = this.getDomRef();
		if ( oDomRef ) {
			if (sSelectedItemId) {
				jQuery(this.getInputDomRef()).attr("aria-posinset", iIndex+1);
			}else{
				jQuery(this.getInputDomRef()).removeAttr("aria-posinset");
			}
			if (this.mobile) {
				if (!sSelectedItemId) {
					// no list item entered (free text) => add one dummy item to the select box
					this._addDummyOption(sValue);
				}else{
					this._removeDummyOption();
					jQuery.sap.domById(this.getId()+"-select").selectedIndex = iIndex;
				}
			}
		}
	}

	// call standard TextField function
	sap.ui.commons.TextField.prototype.setValue.apply(this, [sValue]);
	this._sTypedChars = this.getValue();
	this._sWantedSelectedKey = undefined;
	this._sWantedSelectedItemId = undefined;
	return this;
};

/*
 * Overwite of INVALIDATE
 * do not invalidate ComboBox if only ListBox is changed
*/
sap.ui.commons.ComboBox.prototype.invalidate = function(oOrigin) {

	if(!oOrigin || oOrigin != this._getListBox()){
		sap.ui.core.Control.prototype.invalidate.apply(this, arguments);
	}else{
		// register ListBox as invalidated
		if(this.getUIArea()){
			this.getUIArea().addInvalidatedControl(oOrigin);
		}
	}

};

/*
 * Overwrite CLONE to set aggregation of ListBox
 */
sap.ui.commons.ComboBox.prototype.clone = function(sIdSuffix){

	var oClone = sap.ui.core.Control.prototype.clone.apply(this, arguments),
		oListBox = this.getAggregation("myListBox"),
		oListBoxClone;

	// if listbox exists, clone it and add it to the combobox clone
	// FIX 20120905 FWE when items is fully bound for this ComboBox, _oListBox exists already in the clone and must not be cloned again  
	if (oListBox && !oClone._oListBox) { 
		// detatch event handlers to not clone it.
		oListBox.detachEvent("itemsChanged", this._handleItemsChanged, this);
		oListBox.detachEvent("itemInvalidated",this._handleItemInvalidated, this);

		oListBoxClone = oListBox.clone(sIdSuffix);
		// attach events to clone
		oListBoxClone.attachEvent("itemsChanged",oClone._handleItemsChanged, oClone);
		oListBoxClone.attachEvent("itemInvalidated",oClone._handleItemInvalidated, oClone);
		oClone.setAggregation("myListBox", oListBoxClone, true);
		oClone._oListBox = oListBoxClone;

		// attach events again
		oListBox.attachEvent("itemsChanged",this._handleItemsChanged, this);
		oListBox.attachEvent("itemInvalidated",this._handleItemInvalidated, this);
	}

	return oClone;

};

sap.ui.commons.ComboBox.prototype._addDummyOption = function(sValue){

	var oOption = jQuery.sap.domById(this.getId()+"-dummyOption");
	if(!oOption){
		var aItems = this._getListBox().getItems();
		oOption = document.createElement("option");
		oOption.text = sValue;
		oOption.id = this.getId()+"-dummyOption";
		if (aItems.length > 0) {
			jQuery.sap.domById(this.getId()+"-select").add(oOption, jQuery.sap.domById(this.getId()+"-"+aItems[0].getId()));
		}else{
			jQuery.sap.domById(this.getId()+"-select").add(oOption, null);
		}
	}else{
		oOption.text = sValue;
	}
	jQuery.sap.domById(this.getId()+"-select").selectedIndex = 0;

};

sap.ui.commons.ComboBox.prototype._removeDummyOption = function(){

	var oOption = jQuery.sap.domById(this.getId()+"-dummyOption");
	if (oOption) {
		jQuery.sap.domById(this.getId()+"-select").remove(0);
	}

};

// to overwrite JS doc with new event parameter

/**
 * Fire event change to attached listeners.
 *
 * Expects following event parameters:
 * <ul>
 * <li>'newValue' of type <code>string</code> The new / changed value of the textfield.</li>
 * <li>'selectedItem' of type <code>sap.ui.core/ListItem</code> selected item </li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.ComboBox} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.ComboBox#fireChange
 * @function
 */

/**
 * Event is fired when the text in the field has changed AND the focus leaves the ComboBox or the Enter key is pressed.
 *
 * @name sap.ui.commons.ComboBox#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.newValue The new / changed value of the ComboBox.
 * @param {sap.ui.core/ListItem} oControlEvent.getParameters.selectedItem The new / changed item of the ComboBox.
 * @public
 */

}; // end of sap.ui.commons.ComboBox
if ( !jQuery.sap.isDeclared('sap.ui.commons.DatePicker') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.DatePicker.
jQuery.sap.declare("sap.ui.commons.DatePicker");



/**
 * Constructor for a new DatePicker.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getLocale locale} : string</li>
 * <li>{@link #getYyyymmdd yyyymmdd} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.TextField#constructor sap.ui.commons.TextField}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Allows end users to interact with dates.
 * Entries can directly be written in, or selected from a calendar pad.
 * Note: Dates can always be manually entered in the fix YYYYMMDD format, on top of the flexible "locale" format.
 * @extends sap.ui.commons.TextField
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.DatePicker
 */
sap.ui.commons.TextField.extend("sap.ui.commons.DatePicker", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"locale" : {type : "string", group : "Misc", defaultValue : null},
		"yyyymmdd" : {type : "string", group : "Misc", defaultValue : null}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.DatePicker with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.DatePicker.extend
 * @function
 */


/**
 * Getter for property <code>locale</code>.
 * 
 * Defines the locale (language and country), e.g. "en-US", whose translations should be used to render the DatePicker.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>locale</code>
 * @public
 * @name sap.ui.commons.DatePicker#getLocale
 * @function
 */

/**
 * Setter for property <code>locale</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sLocale  new value for property <code>locale</code>
 * @return {sap.ui.commons.DatePicker} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DatePicker#setLocale
 * @function
 */


/**
 * Getter for property <code>yyyymmdd</code>.
 * Defines the date as a "yyyymmdd" string, independent from the format used. The inherited textField "value" attribute uses the date format as configured via the locale.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>yyyymmdd</code>
 * @public
 * @name sap.ui.commons.DatePicker#getYyyymmdd
 * @function
 */

/**
 * Setter for property <code>yyyymmdd</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sYyyymmdd  new value for property <code>yyyymmdd</code>
 * @return {sap.ui.commons.DatePicker} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DatePicker#setYyyymmdd
 * @function
 */


// Start of sap/ui/commons/DatePicker.js
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-datepicker'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.model.type.Date'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * This code should run only once!
**/
(function(){
	// Call-back function to record the closure.
	// If someone clicks on the window, that closes the DatePicker.
	// Our controller wants to be informed about such state-change.
	var fOnClose = function(dateText, inst) {
		// "this" refers to the associated input field.
		var sInputId   = this.id;
		var sControlID = sInputId.replace(/-input/, '');
		var oControl   = sap.ui.getCore().getControl(sControlID);
		if (oControl) {
			if (oControl.oPrivate.bVerboseMode) {
				jQuery.sap.log.debug("DATEPICKER: JQUERY ONCLOSE CALLBACK");
			}
			oControl._hide();
		}
	};
	// Call-back function used to override jQuery's setting of the focus
	// on the alternate DDLB, for those DDLBs to behave like all other ones.
	// Used since our Keyboard Navigator is without effect on those ENTER events.
	// Also used for focusing into the Calendar Pad after Month Previous/Next
	// (PageUp/PageDown) events.
	var fOnChangeMonthYear = function(year, month, inst) {
		// "this" refers to the associated input field.
		if (document.activeElement) {
			if (document.activeElement.className == "ui-datepicker-month") {
				// User expects focus to stay on (changed) Month DDLB.
				setTimeout(sap.ui.commons.DatePicker._focusMonth, 100);
			} else if (document.activeElement.className == "ui-datepicker-year") {
				// User expects focus to stay on (changed) Year DDLB.
				setTimeout(sap.ui.commons.DatePicker._focusYear, 100);
			}
			else {
				// Assuming Calendar Pad focus needed, for Previous/Next Month button support.
				// However jQuery may also be calling us because it is internally initializing
				// the Month while the picker is still closed.
				// "_focusCalendar()" will check for that!
//				jQuery.sap.log.debug("DATEPICKER: CalendarPad CALLBACK");
				setTimeout(sap.ui.commons.DatePicker._focusCalendar, 100);
			}
		}
	};

//	Defining the Language-independent, SAP-specific jQuery settings:
	jQuery.datepicker.regional[''] = {
//			buttonImage       : "icon.gif",	// Works as shown below...
			changeMonth       : true,		// For rendering the DDLB allowing month changes.
			changeYear        : true,		// For rendering the DDLB allowing year changes.
//			disabled          : true,		// Does not seem to work...
			isRTL             : sap.ui.getCore().getConfiguration().getRTL(),
			onChangeMonthYear : fOnChangeMonthYear,
			onClose           : fOnClose,	// For reacting to picker closing.
//			onSelect          : fOnSelect,	// For reacting to date selection.
			showOn            : 'button',	// Works as shown below... Not useful to us.
			showOtherMonths   : true,		// For rendering the days outside the current month.
			selectOtherMonths : true,		// Allow to select dates from other monts
			showWeek          : true,		// For rendering the week numbers.
			weekHeader        : ''			// For rendering no header (e.g. 'Wk') on top of the week numbers.
	};
	// Default settings for ALL DatePickers!:
	jQuery.datepicker.setDefaults(jQuery.datepicker.regional['']);
}());

/*
 * if the first day of the week is a Sunday the week number is sometimes wrong
 * because the week number calculation uses monday as first day, so for sunday
 * it returns the previous week
 * so just use next day for week number calculation
 */
sap.ui.commons.DatePicker.weekNumWithSundayFirst = function(date){

	var checkDate = new Date(date.getTime());
	if (checkDate.getDay() == 0) {
		checkDate.setDate(checkDate.getDate() + 1);
	}
	return jQuery.datepicker.iso8601Week(checkDate);

};

/*
 * in US the week starts with Sunday
 * The first week of the year starts with January 1st. But Dec. 31 is still in the last year
 * So the week beginning in December and ending in January has 2 week numbers
 * Displayed it the number of the first week day, like in outlook
 */
sap.ui.commons.DatePicker.weekNumUS = function(date){

	var checkDate = new Date(date.getTime());
	// Find Sunday of this week starting on Sunday
	checkDate.setDate(checkDate.getDate() - checkDate.getDay());
	if (date.getMonth() == 0 && checkDate.getMonth == 11) {
		// special case 1. week of year. If day is in January week number for it is 1
		return 1;
	}
	var time = checkDate.getTime();
	var firstDate = new Date(checkDate.getTime());
	firstDate.setMonth(0); // Compare with sunday before Jan 1
	firstDate.setDate(1);
	firstDate.setDate(firstDate.getDate() - firstDate.getDay());
	return Math.floor(Math.round((checkDate - firstDate) / 86400000) / 7) + 1;

};

/**
 * Initializes the control.
 * It is called from the constructor.
 * @private
 */
sap.ui.commons.DatePicker.prototype.init = function(){

	sap.ui.commons.TextField.prototype.init.apply(this, arguments);

	// The <INPUT> part of the DatePicker should look like that of the ComboBox.
	// (to share same look&feel)

	// There is no point really in setting the "maxLength" attribute for the DatePicker,
	// as jQuery already parses the input according to the configured language-dependent dateFormat.
	// Anyway, such maxLength would be language-dependent!
	// this.setMaxLength(10);

	this.oPrivate = {
	  bIsVisible: false,    // "visibility:hidden" allows not to display the jQuery
							// DatePicker on INPUT-focus!  :-)
	  tLastTimeStamp: "",   // Used to avoid re-opening on double-clicks.
	  sValue: "",			// VALUE saved on KEYUP for IE to use next if ONKEYDOWN = ENTER,
							// for processing YYYYMMDD entries before jQuery kicks in.
	  bVerboseMode: false   // When set to "true", prints console logs.
	};

	this._oFormatYyyymmdd = sap.ui.core.format.DateFormat.getInstance({pattern: "yyyyMMdd"});

	if (jQuery.browser.mobile) {
		this.mobile = true;
		this._oFormatMobile = sap.ui.core.format.DateFormat.getInstance({pattern: "yyyy-MM-dd"});
	}

};

/**
 * Small utility.
 */
sap.ui.commons.DatePicker.prototype._getInputId = function(){
	// To follow the ComboBox behavior, the <INPUT> ID = control ID + "-input":
	return this.getId() + "-input";
};

/**
 * Adds the jQuery DatePicker onAfterRendering.
 * Another possibility would be to wait until INPUT-focus or BUTTON-click,
 * if performance becomes an issue with multiple instances.
 */
sap.ui.commons.DatePicker.prototype.onAfterRendering = function(){
	var sInputId  = this._getInputId();

	// Attaching our onKeydown non-jQuery handler before the jQuery DatePicker binds
	// its own, as we want to be invoked first for parsing entries in the YYYYMMDD format!
	// The SAPUI5 "sapOnEnter" and "onKeydown" handlers are of no use since the DatePicker
	// onENTER handler kicks-in before those two (and event intercepts the ENTER events).
	// jQuery "INPUT.bind('keydown',...)" can't be used without causing jQuery JavaScript errors.
	// So we are left with the basic JavaScript event registering mechanisms.
	var oInput = jQuery.sap.domById(sInputId);
	jQuery(oInput).bind('keydown', jQuery.proxy(sap.ui.commons.DatePicker.prototype._handleKeydown, this));

	var oBindingInfo = this.getBindingInfo("value");
	var sLocale   = this.getRenderedLocale();

	// if DatePicker is bound to a model of date type use the defined pattern.
	if (oBindingInfo && oBindingInfo.type && oBindingInfo.type instanceof sap.ui.model.type.Date) {
		var sOldPattern = this.pattern;
		this.pattern = oBindingInfo.type.getOutputPattern();
		this._bValidateViaBinding = true;
		if (sOldPattern != this.pattern) {
			var oLocale = new sap.ui.core.Locale(sLocale);
			this._oFormat = sap.ui.core.format.DateFormat.getInstance({pattern: this.pattern}, oLocale);
		}
	}

	// in mobile mode don't attach the jQuery datePicker to the field
	// don't use jQuery date pattern because only native one (yyyy-mm-dd) filled by the device datepicker
	if (!this.mobile){
		// Attaching a jQuery DatePicker to the <INPUT> element, with the supported locale:
		var oSelector = jQuery.sap.byId(sInputId);
		oSelector.datepicker(jQuery.datepicker.regional[sLocale]);
		oSelector.removeAttr("title"); // because otherwise JAWS reads Tooltip sometimes twice (its additinal in description text)

		// Attaching our CSS classes to the jQuery DatePicker for styling and visibility.
		var oPicker = jQuery('#ui-datepicker-div');
		oPicker.addClass('sapUi-jQdatePicker sapUi-visibilityHidden sapUiShd');

		// add disalog role an a description to popup because otherwise user will not recognize where he is
		// full aria support not yet available for jQuery datepicker
		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
		oPicker.attr('role', 'dialog').attr('aria-label', rb.getText("DATEPICKER_DIALOG"));

		// if DatePicker is bound to a model of date type use the defined pattern.
		if (this._bValidateViaBinding) {
			oSelector.datepicker( "option", "dateFormat", this._convertDatePattern(this.pattern));
		}
	}

	// Now that we have the jQuery DatePicker attached, we can convert YYYYDDMM to VALUE
	// or VALUE to YYYYMMDD!
	// Only one of the two YYYYMMDD and VALUE attributes can be set.
	// (Setting one resets the other. So the last in wins.)
	if (this._bSetYyyymmddAfterRendering) {
		this.setYyyymmdd(this.getYyyymmdd());
	} else if(this._bSetValueAfterRendering){
		this.setValue(this.getValue());
	}
	this._bSetYyyymmddAfterRendering = undefined;
	this._bSetValueAfterRendering = undefined;

};

/**
 * The "_show()" and "_hide()" utilities are for opening/closing the DatePicker.
 * "visibility:hidden" is applied, not to render the Picker on INPUT-focus.
 * Own Keyboard Handler is required for overriding jQuery navigation.
 */
sap.ui.commons.DatePicker.prototype._show = function(){
	if (this.oPrivate.bVerboseMode) {
		jQuery.sap.log.debug("DATEPICKER: ._show()");
	}

	// if the DatePicker is inside the popup a higher z-index is needed to prevent
	// that popup sets focus back to input field if clicked somewhere in the DatePicker-popup.
	if (sap.ui.core.Popup) {
		// if not in a popup and no popup on page sap.ui.core.Popup not loaded
		sap.ui.core.Popup.getNextZIndex();
	}

	// Opening the DatePicker!
	var oSelector = jQuery.sap.byId(this._getInputId());
	var oPicker = jQuery('#ui-datepicker-div');
	oPicker.removeClass('sapUi-visibilityHidden sapUi-DP-top');
	oSelector.datepicker( "show" );

	// in RTL case set the position to right
	if(sap.ui.getCore().getConfiguration().getRTL()){
		var oDom = this.getDomRef();
		var sRight = (jQuery(document).width() - oDom.offsetLeft - oDom.offsetWidth) + "px";
		oPicker.css('left','').css('right', sRight);
	}

	// to show borders datepicker must know if its on top or below the input field
	if (oPicker.offset().top < oSelector.offset().top) {
		oPicker.addClass('sapUi-DP-top');
	}

	// workaound for jQuery-DatePicker bug in fixed ares
	if(oPicker.css('position') == 'fixed'){
		if((oPicker.position().top - jQuery(document).scrollTop() + oPicker.outerHeight()) > document.documentElement.clientHeight){
			var sNewTop = (oPicker.position().top - jQuery(document).scrollTop() - oPicker.outerHeight() - oSelector.outerHeight()) + 'px';
			oPicker.css('top', sNewTop);
		}
	}

	// Taking note of that state.
	this.oPrivate.bIsVisible = true;
	// Making sure this DatePicker has our keydown handler:
	this._setKeyboardNavigation();
	// Focusing onto the selected or current day:
	// Can't focus right-away in IE8/9! (No issue with Firefox and Safari.)
	//this._focusCalendar();
	// Therefore adding a delay for the Picker to have time to render.
	// Anyway, this can only make this code more robust for future jQuery releases!
	setTimeout(sap.ui.commons.DatePicker._focusCalendar, 100);

	if (this.oPrivate.bVerboseMode) {
		jQuery.sap.log.debug("DATEPICKER: open");
	}
};

/**
 * Functionality to close the DatePicker
 */
sap.ui.commons.DatePicker.prototype._hide = function(){
	if (this.oPrivate.bVerboseMode) {
		jQuery.sap.log.debug("DATEPICKER: ._hide()");
	}

	if (this.oPrivate.bIsVisible) {
		// Record time of closing:
		var currentTime = new Date().getTime();
		this.oPrivate.tLastTimeStamp = currentTime;

		// Proceeding with the closing.
		jQuery('#ui-datepicker-div').addClass('sapUi-visibilityHidden');
		this.oPrivate.bIsVisible = false;
		var oSelector = jQuery.sap.byId(this._getInputId());
		oSelector.datepicker( "hide" );

		// By default (ENTER, ESC, Picker-CLICK, ...) focusing back onto the INPUT field.
		// However, clicking anywhere else will override this default behavior.
		var oInput = this.getInputDomRef();
		if (oInput) {
			oInput.focus();
		}
		if (oInput.value != this.getValue()) {
			this._checkChange();
		}
	}

	if (this.oPrivate.bVerboseMode) {
		jQuery.sap.log.debug("DATEPICKER: closed");
	}
};

/**
 * BUTTON-click is to toggle the DatePicker.
 */
sap.ui.commons.DatePicker.prototype.onclick = function(oEvent){
	var target = (oEvent.target) ? oEvent.target : oEvent.srcElement;

	if (this.mobile && target.nodeName != "INPUT") {
		return;
	}

	// Do not react if disabled/nonEditable, in case defined as such by inheritance.
	if ( !this.getEnabled() || !this.getEditable()) {
		if (target.nodeName != "INPUT") {
			// button clicked -> focus complete field.
			jQuery.sap.byId(this.getId()).focus();
		}
		return;
	}

	if (target.nodeName != "INPUT") {
		// The button must have been clicked!
		// DIV#myDatePickerId              <-- DIV container
		//   INPUT#myDatePickerId-input    <-- INPUT field
		//   DIV#myDatePickerId-icon       <-- BUTTON field
		if (this.oPrivate.bIsVisible) {
			if (this.oPrivate.bVerboseMode) {
				jQuery.sap.log.debug("DATEPICKER: BUTTON-CLICK HIDE");
			}
			this._hide();
		} else {
			// Discard double-events:
			// Scenario: When clicking outside of the DatePicker and of its INPUT field,
			//           jQuery closes the DatePicker.
			//           Now, if one happens to be clicking on the DatePicker button,
			//           jQuery will first close the DatePicker, then, we will get this
			//           button-click event that we will have to discard, not to immediately
			//           re-open the DatePicker!
			//           The time interval between these two events typically range between
			//           50 and 170 msec.
			var currentTime = new Date().getTime();
			var timeLapse   = currentTime - this.oPrivate.tLastTimeStamp;
			// Assuming that anything received within 300msec interval is invalid.
			if (timeLapse && timeLapse < 300) {
				if (this.oPrivate.bVerboseMode) {
					jQuery.sap.log.debug("DATEPICKER: BUTTON-D-CLICK IGNORED: " + timeLapse + "msec");
				}
				this.getInputDomRef().focus();
			} else {
				if (this.oPrivate.bVerboseMode) {
					jQuery.sap.log.debug("DATEPICKER: BUTTON-CLICK SHOW");
				}
				this._show();
			}
		}
	}
};

sap.ui.commons.DatePicker.prototype.onmousedown = function(oEvent){

	if (this.oPrivate.bIsVisible) {
		// stop propagation of event, otherwise if the DatePicker is in a dialog (popup) this will move in front of the calendar
		oEvent.stopPropagation();
	}

};

/**
 * Pseudo event for pseudo 'show' event (F4, Alt + down-Arrow).
 * Used for opening the DatePicker.
 */
sap.ui.commons.DatePicker.prototype.onsapshow = function(oEvent){
	// Do not react if disabled/nonEditable, in case defined as such by inheritance.
	if ( !this.getEnabled || !this.getEditable() || this.mobile) {
		return;
	}

	if (this.oPrivate.bVerboseMode) {
		jQuery.sap.log.debug("DATEPICKER: .onsapshow()");
	}
	this._checkChange(oEvent);
	this._show();

	// Would be nice if Framework could intercept the F4 event, so that IE would not open its
	// URL history...
	// Doing it here for now.
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

sap.ui.commons.DatePicker.prototype._handleKeydown = function(oEvent){

	if (this.mobile) {
		// no keyboard support for mobile devices (no jQuery DatePicker assigned)
		return;
	}

	if (oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_UP && !oEvent.ctrlKey && !oEvent.shiftKey) {
		// increase by one day
		this._increaseDate("day", 1, oEvent);
	}else if (oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_DOWN && !oEvent.ctrlKey && !oEvent.shiftKey) {
		// decrease by one day
		this._increaseDate("day", -1, oEvent);
	}else if (oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_UP && !oEvent.ctrlKey && oEvent.shiftKey) {
		// increase by one month
		this._increaseDate("month", 1, oEvent);
	}else if (oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_DOWN && !oEvent.ctrlKey && oEvent.shiftKey) {
		// decrease by one month
		this._increaseDate("month", -1, oEvent);
	}else if (oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_UP && oEvent.ctrlKey && oEvent.shiftKey) {
		// increase by one year
		this._increaseDate("year", 1, oEvent);
	}else if (oEvent.keyCode == jQuery.sap.KeyCodes.PAGE_DOWN && oEvent.ctrlKey && oEvent.shiftKey) {
		// decrease by one year
		this._increaseDate("year", -1, oEvent);
	}

};

/*
 * increase or decrease date by i sUnit
 */
sap.ui.commons.DatePicker.prototype._increaseDate = function(sUnit, i, oEvent){

	var oSelector = jQuery.sap.byId(this._getInputId());
	// current displayed date is stored in DatePicker
	var oDate = oSelector.datepicker( "getDate" );

	if (!oDate) {
		// empty datePicker -> just lets type
		return;
	}

	switch (sUnit) {
	case "day":
		oDate.setDate(oDate.getDate()+i);
		break;
	case "month":
		oDate.setMonth(oDate.getMonth()+i);
		break;
	case "year":
		oDate.setFullYear(oDate.getFullYear()+i);
		break;
	default:
		break;
	}
	oSelector.datepicker( "setDate", oDate )
	// this updates the input field too

	oEvent.preventDefault(); // otherwise in safari "+" or "-" will be added
};

/**
 * Event handler for saving DATEs when FOCUS is lost.
 * Handles TABs as well.
 */
sap.ui.commons.DatePicker.prototype.onsapfocusleave = function(oEvent){
	// Ignore event if DatePicker is opening.
	if (this.oPrivate.bIsVisible) {
		return;
	}

	if (this.oPrivate.bVerboseMode) {
		jQuery.sap.log.debug("DATEPICKER: .onsapfocusleave()");
	}

	this._checkChange(oEvent);
};

/**
 * On opening of the DatePicker, the requirement is to:
 * - focus on a move-to day, as done via arrow keys (Up, Right, Down, Left).
 * - focus on the already "selected" date, if one has already been set, or else:
 * - focus on the current date, or else (if having selected a new Month):
 * - focus on the 1st of the Month.
 * Meant to be called if the Picker is already open or just opening.
 * However the use of "setTimeout()" means we will have to make sure the picker
 * is still open before proceeding!
 * Also, can be called "any time" via our OnChangeMonthYear() callback function!
 * Not "prototype" since instance-independent.
*/
sap.ui.commons.DatePicker._focusCalendar = function() {
	var oPicker       = jQuery('#ui-datepicker-div');
	var sControlID    = oPicker.attr('associatedControlId');
	// Return if called back for a Picker that has not even reached the opening state:
	if (!sControlID) {
		return;
	}
	var oControl      = sap.ui.getCore().getControl(sControlID);
	// Return if the Picker is now closed. May happen after setTimeout():
	if (!oControl.oPrivate.bIsVisible) {
		oPicker.attr('restoreFocusOnDay', "");
		return;
	}
	var oDivContainer = jQuery.sap.domById(sControlID);
	var oFocusCell    = null;
	var oFocusDay     = null;

	// Were we to restore the focus against a particular day?
	var sDay = oPicker.attr('restoreFocusOnDay');
	if (sDay) {
		oFocusCell = jQuery('a.ui-state-default');
		var day = Number(sDay);
		if (day <= 0) {day += oFocusCell.length;}
		oFocusDay = oFocusCell[day-1];
		if (oFocusDay && oFocusDay.offsetHeight) {
			// Can only focus on "in-the-month" Anchors (not on "out-of-the-month" SPANs),
			// and can only focus if the calendar day has been rendered (height check).
			oFocusDay.focus();
			jQuery(oFocusDay).mouseover();
			// Although we just focused into the Calendar, having our INPUT field
			// still look "in-focus", like a ComboBox would do when open:
			if (oDivContainer.className.indexOf("sapUiTfFoc") == -1) {
				oDivContainer.className += " sapUiTfFoc";
			}
			oPicker.attr('restoreFocusOnDay', "");
			return;
		}
	}

	// Currently hovered/focused day
	oFocusDay = jQuery('a.ui-state-default.ui-state-hover').get(0);

	// Currently selected date:
	if (!oFocusDay){
		oFocusCell = jQuery('td.ui-datepicker-current-day');
		oFocusDay  = (oFocusCell[0]) ? oFocusCell[0].firstChild : null;
	}

	// Today:
	if (!oFocusDay){
		oFocusCell = jQuery('td.ui-datepicker-today');
		oFocusDay  = (oFocusCell[0]) ? oFocusCell[0].firstChild : null;
	}

	// 1st of the Month:
	if (!oFocusDay){
		var aDays = jQuery("a.ui-state-default");
		for ( var iDay = 0; iDay < aDays.length; iDay++) {
			var oDay = aDays[iDay];
			if (!jQuery(oDay).hasClass('ui-priority-secondary')) {
				// first Day of month found
				oFocusDay = oDay;
				break;
			}
		}
	}

	if (oFocusDay && oFocusDay.nodeName == "A" && oFocusDay.offsetHeight) {
		oFocusDay.focus();
		jQuery(oFocusDay).mouseover();
		if (oDivContainer.className.indexOf("sapUiTfFoc") == -1) {
			oDivContainer.className += " sapUiTfFoc";
		}
		return;
	}

	// Just to be on the safe side, in case more time is needed on IE to render
	// the inner calendar, we will try again in 100msec.
	// Infinite loops are avoided by stopping if no open picker is found.
	setTimeout(sap.ui.commons.DatePicker._focusCalendar, 100);
};

/**
 * Similar, but simpler, utilities for focusing onto the DDLBs.
 * Can only be called if the Picker is already rendered.
 * Not "prototype" since instance-independent.
*/
sap.ui.commons.DatePicker._focusMonth = function() {
	jQuery('select.ui-datepicker-year')[0].focus(); // Focussing elsewhere closes the month DDLB.
	jQuery('select.ui-datepicker-month')[0].focus();
};

sap.ui.commons.DatePicker._focusYear = function() {
	jQuery('select.ui-datepicker-month')[0].focus(); // Focussing elsewhere closes the year DDLB.
	jQuery('select.ui-datepicker-year')[0].focus();
};

/**
 * Keyboard Navigation:
 * - Tab						: For navigating between the 3 selectors (2 DDLBs + 1 Calendar).
 * - Arrows					: For navigating within a selector.
 * - Enter or Space	: For making a selection.
 * - Esc						: For closing with no selection.
 * - Home						: For navigating to the first day.
 * - End						: For navigating to the last day.
 * - PageUp					: For rendering the previous month.
 * - PageDown				: For rendering the next month.
 *
 * BEWARE: "this" points to the jQuery Picker, as this handler got bound against it.
 *         Use "oControl" for pointing to "this" controller!
 *
 * JAWS: Please do not forget to change cursor modes, as by default, JAWS
 *       uses some keys for its own usage, e.g. RightArrow = "SayNextCharacter".
 *       INSERT-Z will toggle you in and out of normal arrow keyboard navigation mode.
 *       Arrow navigation can be used within the Calendar part of the DatePicker.
 *       Otherwise one can still use Alt-LeftArrow and Alt-RightArrow for navigation.
 *
 * Not "prototype" since instance-independent.
*/
sap.ui.commons.DatePicker._keyboardHandler = function(event) {
	// Sub-function for focusing onto a given calendar day, i.e. 1 through 31.
	// use mouseover function to allow mouse/keyboard interaction using class ui-state-hover
	function focusDay(nDay) {
		// Retrieving all possible day cells within the calendar:
		var days = jQuery("a.ui-state-default");
		var bOtherMonth = jQuery(days[nDay-1]).hasClass('ui-priority-secondary');
		if ((nDay > 0) && (nDay <= days.length) && !bOtherMonth) {
			// Focussing within the current month:
			days[nDay-1].focus(); // Day 1 is at index 0...
			jQuery(days[nDay-1]).mouseover();
		} else if ((nDay <= 0) || (bOtherMonth && nDay < 7)) {
			// Focussing within the previous month:
			var iShiftDays = 0;
			if (jQuery(days[0]).hasClass('ui-priority-secondary')) {
				// previous months days displayed
				iShiftDays = 7;
			}
			jQuery("a.ui-datepicker-prev").focus();
			jQuery("a.ui-datepicker-prev").click();
			var aNewDays = jQuery("a.ui-state-default");
			jQuery(aNewDays[aNewDays.length-1-iShiftDays+nDay]).mouseover();
			jQuery('#ui-datepicker-div').attr('restoreFocusOnDay', String(aNewDays.length-iShiftDays+nDay));

		} else {
			// Focussing within the next month:
			var iShiftDays = 0;
			var iNewDay = nDay - days.length;
			if (jQuery(days[days.length-1]).hasClass('ui-priority-secondary')) {
				// previous months days displayed
				iShiftDays = 7;
			}
			jQuery("a.ui-datepicker-next").focus();
			jQuery("a.ui-datepicker-next").click();
			var aNewDays = jQuery("a.ui-state-default");
			jQuery(aNewDays[iShiftDays+iNewDay-1]).mouseover();
			jQuery('#ui-datepicker-div').attr('restoreFocusOnDay', String(iShiftDays+iNewDay));
		}
	}

	// Sub-function for focusing onto the last calendar day.
	function focusLastDayOfMonth() {
		var aDays = jQuery("a.ui-state-default");
		// find last day of month
		for ( var iDay = aDays.length - 1; iDay >= 0; iDay--) {
			var oDay = aDays[iDay];
			if (!jQuery(oDay).hasClass('ui-priority-secondary')) {
				// last Day of month found
				oDay.focus();
				jQuery(oDay).mouseover();
				return(iDay);
			}
		}
	}

	function focusFirstDayOfMonth(bFocus) {
		var aDays = jQuery("a.ui-state-default");
		for ( var iDay = 0; iDay < aDays.length; iDay++) {
			var oDay = aDays[iDay];
			if (!jQuery(oDay).hasClass('ui-priority-secondary')) {
				// first Day of month found
				oDay.focus();
				jQuery(oDay).mouseover();
				return(iDay);
			}
		}
	}

	// Sub-function for focusing onto the 1st day of the week, given a day within the week.
	function focusFirstDayOfWeek(nDay) {
		var days = jQuery("a.ui-state-default");
		// Fetching the current Calendar Row. Going up from "A" to "TD" to "TR":
		var currentRow = days[nDay-1].parentNode.parentNode;
		// Looking for the 1st Calendar day found within that row:
		for (var i=0, len=days.length; i<len; i++) {
			if (days[i].parentNode.parentNode == currentRow) {
				if (!jQuery(days[i]).hasClass('ui-priority-secondary')) {
					days[i].focus();
					jQuery(days[i]).mouseover();
				}else{
					// day is in previous month
					jQuery("a.ui-datepicker-prev").focus();
					jQuery("a.ui-datepicker-prev").click();
					var aNewDays = jQuery("a.ui-state-default");
					jQuery(aNewDays[aNewDays.length-7]).mouseover();
					jQuery('#ui-datepicker-div').attr('restoreFocusOnDay', String(aNewDays.length-6));
				}
				return;
			}
		}
	}

	// Sub-function for focusing onto the last day of the week, given a day within the week.
	function focusLastDayOfWeek(nDay) {
		var days = jQuery("a.ui-state-default");
		var currentRow = days[nDay-1].parentNode.parentNode;
		// Looking for the last Calendar day found within that row:
		for (var i=days.length-1; i>=0; i--) {
			if (days[i].parentNode.parentNode == currentRow) {
				if (!jQuery(days[i]).hasClass('ui-priority-secondary')) {
					days[i].focus();
					jQuery(days[i]).mouseover();
				}else{
					// day is in next month
					jQuery("a.ui-datepicker-next").focus();
					jQuery("a.ui-datepicker-next").click();
					var aNewDays = jQuery("a.ui-state-default");
					jQuery(aNewDays[6]).mouseover();
					jQuery('#ui-datepicker-div').attr('restoreFocusOnDay', String(7));
				}
				return;
			}
		}
	}

	// Retrieving some current data:
	var key              = event.keyCode;
	var target           = (event.target) ? event.target : event.srcElement;
	var currentFocusDay  = Number(target.innerHTML);
	var bIsHeaderEvent   = (target.nodeName == "SELECT"); // DDLB event
	var bIsCalendarEvent = (target.nodeName == "A");      // Day-cell event
	if (!bIsHeaderEvent && !bIsCalendarEvent) {
		jQuery.sap.log.debug("ERROR: DatePicker.prototype._keyboardHandler()");
		return;
	}

	// as days of previous or next month are focusable the number of the day is not the
	// focusable number. So the current day must be found from all days.
	for ( var iDay = 0; iDay < jQuery("a.ui-state-default").length; iDay++) {
		var oDay = jQuery("a.ui-state-default")[iDay];
		if (target == oDay) {
			// current day found
			currentFocusDay = iDay + 1;
			break;
		}
	}

	switch (key){
	case jQuery.sap.KeyCodes.TAB: /* 9 */
		// Moving between DDLBs and Calendar areas.
		if (bIsHeaderEvent) {
			if ((target.className.indexOf("year")!=-1 && !event.shiftKey) ||
					(target.className.indexOf("month")!=-1 && event.shiftKey)) {
				setTimeout(sap.ui.commons.DatePicker._focusCalendar, 100);
			} else {
				if (target.className.indexOf("year")!=-1) {
					setTimeout(sap.ui.commons.DatePicker._focusMonth, 100);
				}
				else {
					setTimeout(sap.ui.commons.DatePicker._focusYear, 100);
				}
				return;
			} // Native TABing between DDLBs.
		} else {
			if (event.shiftKey) {
				jQuery("select.ui-datepicker-year")[0].focus();
			}
			else                {
				jQuery("select.ui-datepicker-month")[0].focus();
			}
		}
		break;
	case jQuery.sap.KeyCodes.ENTER: /* 13 */
		if (document.activeElement) {
			// Oddly enough, on IE, have to stop jQuery from doing a 2nd selection back!
			if (document.activeElement.className == "ui-datepicker-month"){
				setTimeout(sap.ui.commons.DatePicker._focusMonth, 100);
				break;  // Intercept this event from jQuery.
			} else if (document.activeElement.className == "ui-datepicker-year" ){
				setTimeout(sap.ui.commons.DatePicker._focusYear, 100);
				break;  // Intercept this event from jQuery.
			}
		}
		return; // Leave this event to jQuery to handle.
		break;
	case jQuery.sap.KeyCodes.ESCAPE: /* 27 */
		// Closing the current DatePicker:
		// jQuery('#ui-datepicker-div').hide(); <- Does not work as jQuery will not invoke
		//                                         our supplied onClose() callback function
		//                                         since we are the ones triggering this closure!
		// So, invoking our "_hide()" function instead, as our Controller needs to register this.
		var oPicker    = jQuery('#ui-datepicker-div');
		var sControlID = oPicker.attr('associatedControlId');
		var oControl   = sap.ui.getCore().getControl(sControlID);
		oControl._hide();
		break;
	case jQuery.sap.KeyCodes.SPACE: /* 32 */
		// Select the current day. jQuery handler is on parent TD.
		if (bIsCalendarEvent) {
			jQuery(target.offsetParent).click();
		}
		else {
			return;
		}
		break;
	case jQuery.sap.KeyCodes.PAGE_UP: /* 33 */
		// Activate the "Previous" button:
		jQuery("a.ui-datepicker-prev").click();
		jQuery('#ui-datepicker-div').attr('restoreFocusOnDay', String(focusFirstDayOfMonth()+1));
		break;
	case jQuery.sap.KeyCodes.PAGE_DOWN: /* 34 */
		// Activate the "Next" button:
		jQuery("a.ui-datepicker-next").click();
		jQuery('#ui-datepicker-div').attr('restoreFocusOnDay', String(focusFirstDayOfMonth()+1));
		break;
	case jQuery.sap.KeyCodes.END: /* 35 */
		// Focus on last day of...
		if (bIsCalendarEvent) {
			if (event.ctrlKey) {
				focusLastDayOfMonth();
			}
			else               {
				focusLastDayOfWeek(currentFocusDay);
			}
		} else {
			return;
		}
		break;
	case jQuery.sap.KeyCodes.HOME: /* 36 */
		// Focus on first day of...
		if (bIsCalendarEvent) {
			if (event.ctrlKey) {
				focusFirstDayOfMonth();
			}
			else               {
				focusFirstDayOfWeek(currentFocusDay);
			}
		} else {
			return;
		}
		break;
	case jQuery.sap.KeyCodes.ARROW_LEFT: /* 37 */
		// Focus onto "day-1", if possible.
		if (bIsCalendarEvent) {
			if (sap.ui.getCore().getConfiguration().getRTL()) {
				focusDay(currentFocusDay+1);
			}
			else {
				focusDay(currentFocusDay-1);
			}
		}
		else {
			return;
		} // Allow native DDLB selection
		break;
	case jQuery.sap.KeyCodes.ARROW_UP: /* 38 */
		// Focus onto "day-7", if possible.
		if (bIsCalendarEvent) {
			focusDay(currentFocusDay-7);
		}
		else {
			return;
		} // Allow native DDLB selection
		break;
	case jQuery.sap.KeyCodes.ARROW_RIGHT: /* 39 */
		// Focus onto "day+1", if possible.
		if (bIsCalendarEvent) {
			if (sap.ui.getCore().getConfiguration().getRTL()) {
				focusDay(currentFocusDay-1);
			}
			else {
				focusDay(currentFocusDay+1);
			}
		}
		else {
			return;
		} // Allow native DDLB selection
		break;
	case jQuery.sap.KeyCodes.ARROW_DOWN: /* 40 */
		// Focus onto "day+7", if possible.
		if (bIsCalendarEvent) {
			focusDay(currentFocusDay+7);
		}
		else                  {
			return;
		} // Allow native DDLB selection
		break;
	default:
		return;
	}

	// If we did not return, then this event was ours. Intercept!
	event.preventDefault();
	event.stopPropagation();
};

/**
 * Registering our DatePicker Keyboard Navigation handler over that of jQuery.
 * Also records the Control ID, as a means to reach it given a jQuery Picker.
 * @private
 */
sap.ui.commons.DatePicker.prototype._setKeyboardNavigation = function() {
	var oPicker = jQuery('#ui-datepicker-div');
	if (oPicker) {
		// BEWARE: Do not register the KeyDown Event Handler more than once!
		//         Avoid multiple eventing and memory gobbler.
		var registeredCtrlId = oPicker.attr('associatedControlId');
		if (!registeredCtrlId) {
			oPicker.bind('keydown', jQuery.proxy(sap.ui.commons.DatePicker._keyboardHandler, this));
		}
		// Note that jQuery uses only 1 picker for all instances, so we always
		// need to update our current Control ID:
		oPicker.attr('associatedControlId', this.getId());
	} else {
		jQuery.sap.log.debug("ERROR: DatePicker ._setKeyboardNavigation() fails.");
	}
};

/**
 * Returns the "locale" (e.g. "en-US") to use for rendering a DatePicker.
 * Checks with the controller, the page, the navigator, until a match is found.
 * If no match is found, return the SAP 'en' default supported locale-language.
 * @private
 */
sap.ui.commons.DatePicker.prototype.getRenderedLocale = function() {
	// Fetch and check if the Control locale can be supported:
	var sLocale = this.getLocale();
	if (sLocale) {
		var oLocale = new sap.ui.core.Locale(sLocale);
		sLocale = oLocale.toString();
	}else {
		sLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale().toString();
		this.setLocaleTexts(sLocale);
	}

	if (!sLocale) {
		// As Fallback, using the SAP-default "en" locale:
		sLocale = "en";
		this.setLocaleTexts(sLocale);
	}

	return sLocale;
};

// #############################################################################
// Overwritting methods that are generated in DatePicker.API.js
// #############################################################################

/*
 * Setter for property <code>yyyymmdd</code>.
 * Required for handling application inputs (mainly onLoad).
 *
 * @param {string} sYyyymmdd  new value for property <code>yyyymmdd</code>
 * @return {sap.ui.commons.DatePicker} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.DatePicker.prototype.setYyyymmdd = function(sYyyymmdd) {

	// Quickly saving this non-validated YYYYMMDD as is, in case getter is called
	// before we are done.
	// "true" to suppress rendering. Rendering done on VALUE change.
	this.setProperty("yyyymmdd", sYyyymmdd, true);

	// No need to process this YYYYMMDD before control is rendered.
	// (Propection against multiple qUnit-test YYYYMMDD changes.)
	// Attribute will be processed onAfterRendering.
	var oInput = this.getInputDomRef();
	if (!oInput) {
		this._bSetYyyymmddAfterRendering = true;
		this._bSetValueAfterRendering = false;
		return this;
	}

	var oSelector = jQuery.sap.byId(this._getInputId());
	var sValue;
	try{
		var oDate = this._oFormatYyyymmdd.parse(sYyyymmdd);
		if (this.mobile) {
			// on mobile devices the date is displayed in native pattern, so it must be
			// converted into control pattern for value property
			sValue = this._oFormat.format(oDate);
			var sOutputValue = this._oFormatMobile.format(oDate);
			oSelector.val(sOutputValue);
		}else{
			// Building a date object with the fix-format received date:
			// Updating the DatePicker:
			oSelector.datepicker( "setDate" , oDate );
			// Saving the current date value:
			sValue = oInput.value;
		}
	} catch (e) {
		// Maybe YYYYMMDD was not supplied in the YYYYDDMM format!?
		jQuery.sap.log.error("Error: DATEPICKER setYyyymmdd(" + sYyyymmdd + ") failed! Maybe the format is wrong.");
		return this;
	};
	// "true" to suppress rendering. Not needed since we just read it from the DOM!
	this.setProperty("value", sValue, true);

	return this;
};

/*
 * Setter for property <code>value</code>.
 * Required for handling user manual inputs.
 *
 * @param {string} sValue new value for property <code>value</code>
 * @return {sap.ui.commons.DatePicker} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.DatePicker.prototype.setValue = function(sValue) {

	// No need to process this VALUE before control is rendered.
	// (Propection against multiple qUnit-test VALUE changes.)
	// Attribute will be processed onAfterRendering.
	var oInput = this.getInputDomRef();
	if (!oInput) {
		this.setProperty("value", sValue, true);
		this._bSetValueAfterRendering = true;
		this._bSetYyyymmddAfterRendering = false;
		return this;
	}

	// jQuery needed to compute yyyymmdd.
	var oSelector = jQuery.sap.byId(this._getInputId());
	var oDate;
	try{
		if (this.mobile) {
			// on mobile devices the date is displayed in native pattern, so it must be
			// converted into control pattern fpr value property
			oDate = this._oFormat.parse(sValue);
			var sOutputValue = this._oFormatMobile.format(oDate);
			oSelector.val(sOutputValue);
		}else{
			// Updating the DatePicker with the raw VALUE:
			oSelector.datepicker( "setDate" , sValue );
			// Using a date object, asking jQuery to reformat it in our fix-YYYYMMDD format:
			oDate = oSelector.datepicker( "getDate" );
			// Checking how jQuery interpreted the supplied DATE:
			sValue = oInput.value;
		}
		var sYyyymmdd = "";
		if (oDate) {
			sYyyymmdd = this._oFormatYyyymmdd.format(oDate);
		}
	} catch (e) {
		// Maybe VALUE was not supplied in the appropriate LOCALE format!?
		jQuery.sap.log.error("Error: DATEPICKER setValue(" + sValue + ") failed! Maybe VALUE was not supplied in the appropriate LOCALE format!");
		//however set property to allow checks from Datatbinding or application
		this.setProperty("value", sValue, true);
		return this;
	}
	// set property only once after formatatting
	// "true" to suppress rendering. jQuery DatePicker handles that.
	this.setProperty("value", sValue, true);
	// Saving the concurrent date attribute:
	// "true" to suppress rendering. Rendering done on VALUE change.
	this.setProperty("yyyymmdd", sYyyymmdd, true);

	jQuery.sap.log.debug("DATEPICKER(" + this.getId() + "): setValue: value= " + this.getValue() + " yyyymmdd= " + this.getYyyymmdd());
	return this;
};

/**
 * Setter for property <code>locale</code>.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @param {string} sLocale  new value for property <code>locale</code>
 * @public
 */
sap.ui.commons.DatePicker.prototype.setLocale = function(sLocale) {
	// Worth checking if there is any change to process:
	var oldLoc = this.getLocale();
	if(sLocale == oldLoc) {
		return this;
	}

	// Saving the supplied locale:
	// "true" to suppress rendering. Rendering done on VALUE change.
	this.setProperty("locale", sLocale, true);

	// If control has not been rendered, there is no point rendering a new one now!
	var oInput = this.getInputDomRef();
	if (!oInput) {
		this.setLocaleTexts(sLocale);
		return this;
	}

	// Retrieving the supported translations, to give jQuery:
	sLocale = this.getRenderedLocale();
	var oSelector = jQuery.sap.byId(this._getInputId());
	if(!this.mobile){
		// Have to instantiate a new jQuery DatePicker for reformating the rendered Date!
		// Updating the new jQuery DatePicker and ourselves via a JavaScript Date object.
		this.setLocaleTexts(sLocale);
		var oDate = oSelector.datepicker( "getDate" );
		// Only way to reformat VALUE on the fly, according to the new LOCALE:
		oSelector.datepicker( "destroy" );
		oSelector.datepicker(jQuery.datepicker.regional[sLocale]);
		oSelector.datepicker( "setDate" , oDate );
		this.setValue(oInput.value);
	}else{
		// on mobile devices only change value property to new pattern
		// Yyyymmdd and rendered value are not changed
		var sValue = this.getValue();
		oDate = this._oFormat.parse(sValue);
		this.setLocaleTexts(sLocale);
		sValue = this._oFormat.format(oDate);
		this.setProperty("value", sValue, true);
	}

	return this;
};

/*
 * Setter for texts of <code>locale</code>.
 *
 * @param {string} sLocale  new value for property <code>locale</code>
 * @private
 */
sap.ui.commons.DatePicker.prototype.setLocaleTexts = function(sLocale) {

	// normalize locale and use data from CLDR
	var oLocale = new sap.ui.core.Locale(sLocale);
	var oLocaleData = sap.ui.core.LocaleData.getInstance(oLocale);
	sLocale = oLocale.toString();

	// jQuery datepicker texts not needed in mobile case
	// check if texts already loaded
	var oRegional = jQuery.datepicker.regional[sLocale];
	if(!oRegional || !oRegional.closeText){
		oRegional = oRegional || (jQuery.datepicker.regional[sLocale] = {}); 

		//language dependend fields
		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons", sLocale);

		oRegional.closeText = rb.getText("DATEPICKER_CLOSE_TEXT");
		oRegional.prevText = rb.getText("DATEPICKER_PREV_TEXT");
		oRegional.nextText = rb.getText("DATEPICKER_NEXT_TEXT");
		oRegional.currentText = rb.getText("DATEPICKER_CURRENT_TEXT");
		oRegional.monthNames = oLocaleData.getMonths("wide");
		oRegional.monthNamesShort = oLocaleData.getMonths("abbreviated");
		oRegional.dayNames = oLocaleData.getDays("wide");
		oRegional.dayNamesShort = oLocaleData.getDays("abbreviated");
		if (oLocale.sLanguage == "zh" || oLocaleData.getDaysStandAlone("abbreviated")[0].length > 2) {
			// weekdays are too large -> use short ones
			oRegional.dayNamesMin = oLocaleData.getDaysStandAlone("narrow");
		}else{
			oRegional.dayNamesMin = oLocaleData.getDaysStandAlone("abbreviated");
		}

		oRegional.dateFormat = this._convertDatePattern(oLocaleData.getDatePattern("medium"));
		oRegional.showMonthAfterYear = this._getOrderMonthYear(oRegional.dateFormat);
		oRegional.firstDay = oLocaleData.getFirstDayOfWeek();
		if (sLocale == "en-US"){
			oRegional.calculateWeek = sap.ui.commons.DatePicker.weekNumUS;
		} else if (oRegional.firstDay == 0) {
			oRegional.calculateWeek = sap.ui.commons.DatePicker.weekNumWithSundayFirst;
		}
	}

	// if pattern not defined by databinding use the one of the locale
	if (!this._bValidateViaBinding) {
		var sOldPattern = this.pattern;
		this.pattern = oLocaleData.getDatePattern("medium");
		if (sOldPattern != this.pattern) {
			this._oFormat = sap.ui.core.format.DateFormat.getInstance({pattern: this.pattern}, oLocale);
		}
	}

};

/*
 * Converts the date pattern from OLCR to the one of the jQuery datePicker
 * Month is coded in the different way
 */
sap.ui.commons.DatePicker.prototype._convertDatePattern = function(sPattern) {

	var iIndex1 = sPattern.indexOf('M'),
	    iIndex2 = sPattern.lastIndexOf('M'),
	    sFormat = sPattern,
	    sNewMonth;

	if (iIndex1 == -1) {
		// no month defined with M, maybe using L (standalone)
		iIndex1 = sPattern.indexOf('L');
		iIndex2 = sPattern.lastIndexOf('L');
	}

	if (iIndex1 > -1) {
		switch (iIndex2-iIndex1) {
		case 0:
			sNewMonth = 'm';
			break;
		case 1:
			sNewMonth = 'mm';
			break;
		case 2:
			sNewMonth = 'M';
			break;
		case 5:
			//narrow state not available in jQuery DatePicker -> use shortest one
			sNewMonth = 'm';
			break;
		default:
			sNewMonth = 'MM';
		break;
		}
		sFormat = sPattern.substring(0, iIndex1) + sNewMonth + sPattern.substring(iIndex2 + 1);
	}

	var sNewYear;
	iIndex1 = sFormat.indexOf('y');
	if (iIndex1 > -1) {
		iIndex2 = sFormat.lastIndexOf('y');
		if (iIndex2-iIndex1 == 1) {
			// two chanrs
			sNewYear = 'y';
		}else{
			sNewYear = 'yy';
		}
		var sFormat = sFormat.substring(0, iIndex1) + sNewYear + sFormat.substring(iIndex2 + 1);
	}

	var sNewYearDay;
	iIndex1 = sFormat.indexOf('D');
	if (iIndex1 > -1) {
		iIndex2 = sFormat.lastIndexOf('D');

		if (iIndex2-iIndex1 == 1) {
			// two chanrs
			sNewYearDay = 'o';
		}else{
			sNewYearDay = 'oo';
		}
		var sFormat = sFormat.substring(0, iIndex1) + sNewYearDay + sFormat.substring(iIndex2 + 1);
	}

	return sFormat;

};

/*
 * Checks the order of month an year in pattern to decide the
 * order of the month/year dropdown in DatePicker
 */
sap.ui.commons.DatePicker.prototype._getOrderMonthYear = function(sFormat) {
	var iIndex1 = sFormat.indexOf('M'),
	    iIndex2 = sFormat.lastIndexOf('y');
	if (iIndex1 == -1) {
		iIndex1 = sFormat.indexOf('m');
	}

	if (iIndex1 > iIndex2) {
		return true;
	}else{
		return false;
	}
};

/**
 * Fire event change to attached listeners.
 *
 * Expects following event parameters:
 * <ul>
 * <li>'newValue' of type <code>string</code> The new / changed value of the DatePicker.</li>
 * <li>'newYyyymmdd' of type <code>string</code> The new / changed Yyyymmdd of the DatePicker. </li>
 * <li>'invalidValue' of type <code>boolean</code> The new / changed value of the DatePicker is not a valid date. </li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.DatePicker} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.DatePicker#fireChange
 * @function
 */
sap.ui.commons.DatePicker.prototype.fireChange = function( bInvalidValue ) {
	this.fireEvent("change", {newValue:this.getValue(),
							  newYyyymmdd:this.getYyyymmdd(),
							  invalidValue: bInvalidValue});
	return this;
};

/*
 * Overwrites the mehod in TextField to add additional YYYYMMDD parameter
 */
sap.ui.commons.DatePicker.prototype._checkChange = function(oEvent) {
	var oInput = this.getInputDomRef(),
		newVal = oInput && oInput.value;

	if (this.mobile) {
		// on mobile devices the date is displayed in native pattern, so it must be
		// converted into control pattern fpr value property
		var oDate = this._oFormatMobile.parse(newVal);
		newVal = this._oFormat.format(oDate);
	}

	if(this.getEditable() && this.getEnabled() && newVal != this.getValue()) {
		// check if input in valid pattern
		var sLocale  = this.getRenderedLocale();
		var oDate;
		var bWrong = false;
		if (!this.mobile) {
			// in mobile case no wrong input is possible
			if (newVal != "") {
				oDate = this._oFormat.parse(newVal);
				if (oDate) {
					// just format date to right pattern, because maybe a fallback pattern is used in the parsing
					newVal = this._oFormat.format(oDate);
				}else{
					bWrong = true;
				}
			}

			if (bWrong) {
				// date can not be parsed -> just set it without try to compute Yyyymmdd
				// in DataBinding case a parsing error is thrown
				this.setProperty("value", newVal, true);
			}else{
				this.setValue(newVal);
			}

		}
		this.fireChange( bWrong );
	}else if(this.getEditable() && this.getEnabled() && newVal == this.getYyyymmdd()){
		// the same date is entered as yyyymmdd again -> just set converted value to input field
		oInput.value = this.getValue();
	}
};
}; // end of sap.ui.commons.DatePicker
if ( !jQuery.sap.isDeclared('sap.ui.commons.DatePickerRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.DatePicker
jQuery.sap.declare("sap.ui.commons.DatePickerRenderer");



/**
 * Registers our SAP-defined locales for jQuery to use (DatePicker and DateNavigator).
 * Examples can be found at: http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/
 */
(function($){

	var regional = $.datepicker.regional;
	function define(sLocale, oSettings) {
		regional[sLocale] = jQuery.extend(regional[sLocale] || {}, oSettings);
	}

// SAP-defined English (DEFAULT) grammar:
	define('en', {
		firstDay : 0, // CLDR has both 1 (default) and 0 (alternative). How to handle this?
		yearSuffix : ''
	});

}(jQuery));

/**
 * @class DatePicker renderer.
 * @static
 * For a common look&feel, the DatePicker extends the TextField control,
 * just like the ComboBox does.
 */
sap.ui.commons.DatePickerRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.TextFieldRenderer);

/**
 * @param {sap.ui.core.RenderManager}
 *            rm the RenderManager currently rendering this control
 * @param {sap.ui.commons.DatePicker}
 *            oControl the DatePicker whose "value help" should be rendered
 * @private
 * P.S.: "renderOuterAttributes" is a reserved/hard-coded TextField extending function!
 *       It is used to allow extensions to display help icons.
 */
sap.ui.commons.DatePickerRenderer.renderOuterAttributes = function(rm, oControl) {
	// To share the overall ComboBox styling:
	// Note: Would be best if a more generic className had been used for this, like
	//       "sapUiTfIconContainer", as ComboBox and DatePicker and F4Help are likely
	//       to always share a common container look. (Only icon should differ.)
	//       Then, in the unlikely case where one of them would want to differ from the
	//       others, then this one would only need to add its own className on top of
	//       the generic one, e.g. "sapUiTfDateContainer" for the DatePicker.
	// Referencing "sapUiTfCombo" for now.
	rm.addClass("sapUiTfCombo");
	this.renderDatePickerARIAInfo(rm, oControl);
};

/**
 * Renders additional HTML for the DatePicker to the TextField (sets the icon)
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager The RenderManager that can be used for
 *                                                 writing to the Render-Output-Buffer.
 * @param {sap.ui.fw.Control} oControl An object representation of the control that should
 *                                     be rendered.
 */
sap.ui.commons.DatePickerRenderer.renderOuterContentBefore = function(rm, oControl){

	rm.write("<div");
	rm.writeAttribute('id', oControl.getId() + '-icon');
	// As mentioned above, a more generic "sapUiTfIcon" className could have been used...
	// One would just have had to add its own icon className!
	// Using "sapUiTfDateIcon" for now, as it proved easier to define instead of overwriting
	// the ComboBox image sources and backgrounds.
	rm.addClass("sapUiTfDateIcon");
	rm.writeClasses();
	rm.write("></div>"); //No Symbol for HCB Theme, as done by ComboBox.

	// invisible span with description for keyboard navigation
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
		// ResourceBundle always returns the key if the text is not found
	var sText = rb.getText("DATEPICKER_KEYBOARD");
	var sDateType = rb.getText("DATEPICKER_DATE_TYPE");

	var sTooltip = sap.ui.core.ValueStateSupport.enrichTooltip(oControl, oControl.getTooltip_AsString());
	if (sTooltip) {
		// add tooltip to description because it is not read by JAWS from title-attribute if a label is assigned
		sText = sTooltip + ". " + sText;
	}
	sText = sDateType + ". " + sText;
	rm.write('<SPAN id="' + oControl.getId() + '-Descr" style="visibility: hidden; display: none;">');
	rm.writeEscaped(sText);
	rm.write('</SPAN>');

};

/*
 * Renders the inner attributes for the input element of the DatePicker
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oDatePicker an object representation of the control that should be rendered
 */
sap.ui.commons.DatePickerRenderer.renderInnerAttributes = function(rm, oDatePicker) {

	if (oDatePicker.mobile) {
		rm.writeAttribute('type', 'date');
		rm.addStyle('position', 'absolute'); // to lay input field over expander icon
	}

};

/*
 * Renders ARIA information for the outer DIV
 *
 * @param {sap.ui.fw.RenderManager} oRenderManager the RenderManager that can be used for
 *                                                 writing to the Render-Output-Buffer
 * @param {sap.ui.fw.Control} oControl an object representation of the control that should
 *                                     be rendered
 */
sap.ui.commons.DatePickerRenderer.renderDatePickerARIAInfo = function(rm, oControl) {

	// no ARIA on outer DIV because focus is only on the input field
	// so no ARIA necessary here -> if there it brings some conufing reading by JAWS

	// IMPORTANT: According to jQuery forums, DatePicker Accessibility is to be delivered in a
	//            future release. No release mentionned.
	// So there is not much point about doing more about this at the moment.

};

sap.ui.commons.DatePickerRenderer.renderARIAInfo = function(rm, oDatePicker) {

	var mProps= {
		role: oDatePicker.getAccessibleRole().toLowerCase(),
		multiline: false,
		autocomplete: "none",
		haspopup: true,
		describedby: {value: oDatePicker.getId() + "-Descr", append: true}};

	if (oDatePicker.getValueState() == sap.ui.core.ValueState.Error) {
		mProps["invalid"] = true;
	}

	rm.writeAccessibilityState(oDatePicker, mProps);

};
}; // end of sap.ui.commons.DatePickerRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.DropdownBox') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.DropdownBox.
jQuery.sap.declare("sap.ui.commons.DropdownBox");



/**
 * Constructor for a new DropdownBox.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getSearchHelpEnabled searchHelpEnabled} : boolean (default: false)</li>
 * <li>{@link #getSearchHelpText searchHelpText} : string</li>
 * <li>{@link #getSearchHelpAdditionalText searchHelpAdditionalText} : string</li>
 * <li>{@link #getSearchHelpIcon searchHelpIcon} : sap.ui.core.URI</li>
 * <li>{@link #getMaxHistoryItems maxHistoryItems} : int (default: 0)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.DropdownBox#event:searchHelp searchHelp} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.ComboBox#constructor sap.ui.commons.ComboBox}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The control provides a field that allows end users to an entry out of a list of pre-defined items. The choosable items can be provided in the form of complete list boxes or single list items.
 * Binding (see DataBinding) is also supported for list items.
 * @extends sap.ui.commons.ComboBox
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.DropdownBox
 */
sap.ui.commons.ComboBox.extend("sap.ui.commons.DropdownBox", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"clearHistory"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"searchHelpEnabled" : {type : "boolean", group : "Behavior", defaultValue : false},
		"searchHelpText" : {type : "string", group : "Appearance", defaultValue : null},
		"searchHelpAdditionalText" : {type : "string", group : "Appearance", defaultValue : null},
		"searchHelpIcon" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
		"maxHistoryItems" : {type : "int", group : "Behavior", defaultValue : 0}
	},
	events : {
		"searchHelp" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.DropdownBox with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.DropdownBox.extend
 * @function
 */

sap.ui.commons.DropdownBox.M_EVENTS = {'searchHelp':'searchHelp'};


/**
 * Getter for property <code>searchHelpEnabled</code>.
 * Whether the DropdownBox's search help should be enabled.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>searchHelpEnabled</code>
 * @public
 * @name sap.ui.commons.DropdownBox#getSearchHelpEnabled
 * @function
 */

/**
 * Setter for property <code>searchHelpEnabled</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bSearchHelpEnabled  new value for property <code>searchHelpEnabled</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DropdownBox#setSearchHelpEnabled
 * @function
 */


/**
 * Getter for property <code>searchHelpText</code>.
 * (optional) The text to use for the search help entry.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>searchHelpText</code>
 * @public
 * @name sap.ui.commons.DropdownBox#getSearchHelpText
 * @function
 */

/**
 * Setter for property <code>searchHelpText</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSearchHelpText  new value for property <code>searchHelpText</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DropdownBox#setSearchHelpText
 * @function
 */


/**
 * Getter for property <code>searchHelpAdditionalText</code>.
 * (optional) The additional Text to use for the search help entry.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>searchHelpAdditionalText</code>
 * @public
 * @name sap.ui.commons.DropdownBox#getSearchHelpAdditionalText
 * @function
 */

/**
 * Setter for property <code>searchHelpAdditionalText</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSearchHelpAdditionalText  new value for property <code>searchHelpAdditionalText</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DropdownBox#setSearchHelpAdditionalText
 * @function
 */


/**
 * Getter for property <code>searchHelpIcon</code>.
 * (optional) The src of the icon to use for the search help entry.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>searchHelpIcon</code>
 * @public
 * @name sap.ui.commons.DropdownBox#getSearchHelpIcon
 * @function
 */

/**
 * Setter for property <code>searchHelpIcon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sSearchHelpIcon  new value for property <code>searchHelpIcon</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DropdownBox#setSearchHelpIcon
 * @function
 */


/**
 * Getter for property <code>maxHistoryItems</code>.
 * Maximum number of history items in the list.
 * If 0 no history is displayed or stored. The history is locally stored on the client. Therefore do not activate this feature when this control handles confidential data.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>maxHistoryItems</code>
 * @public
 * @name sap.ui.commons.DropdownBox#getMaxHistoryItems
 * @function
 */

/**
 * Setter for property <code>maxHistoryItems</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iMaxHistoryItems  new value for property <code>maxHistoryItems</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DropdownBox#setMaxHistoryItems
 * @function
 */


/**
 * Event fired whenever the configured searchHelpItem is clicked or the searchHelpItem is configured and F4 key is pressed. 
 *
 * @name sap.ui.commons.DropdownBox#searchHelp
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.value The current value of the DropdownBox.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'searchHelp' event of this <code>sap.ui.commons.DropdownBox</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.DropdownBox</code>.<br/> itself. 
 *  
 * Event fired whenever the configured searchHelpItem is clicked or the searchHelpItem is configured and F4 key is pressed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.DropdownBox</code>.<br/> itself.
 *
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DropdownBox#attachSearchHelp
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'searchHelp' event of this <code>sap.ui.commons.DropdownBox</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.DropdownBox#detachSearchHelp
 * @function
 */

/**
 * Fire event searchHelp to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'value' of type <code>string</code> The current value of the DropdownBox.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.DropdownBox#fireSearchHelp
 * @function
 */


/**
 * Using this method the history of the DropdownBox can be cleared.
 * This might be necessary if the items of the DropdownBox have changed. Otherwise invalid items may appear in the history.
 *
 * @name sap.ui.commons.DropdownBox.prototype.clearHistory
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/DropdownBox.js
jQuery.sap.require('sap.ui.core.History'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.SeparatorItem'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Initialization method.
 * @private
 */
sap.ui.commons.DropdownBox.prototype.init = function() {
	sap.ui.commons.ComboBox.prototype.init.apply(this, arguments);
	this._oValueBeforePaste = null;
	this._oValueBeforeOpen = null;
	this.__aItems = null;
	this._iCursorPosBeforeBackspace = null;
	/** {sap.ui.core.ListItem[]} Array of ListItems containing SearchHelp followed by Separator @private */
	this._searchHelpItem = null;
	this._iItemsForHistory = 10; // UX defined history shall appear if there are more than 10 items
	this._oHistory = new sap.ui.core.History(this.getId());
};

/**
 * Cleanup instance.
 * @private
 */
sap.ui.commons.DropdownBox.prototype.exit = function() {
	var sIdPrefix = this.getId() + "-h-",i;
	// destroys searchHelpItems
	if ( this._searchHelpItem ) {
		this._searchHelpItem[0].destroy();
		this._searchHelpItem[1].destroy();
		this._searchHelpItem = null;
	}

	sap.ui.commons.ComboBox.prototype.exit.apply(this, arguments);
	// check for and remaining history items and destroy them
	function remove(id) {
	  var oItem = sap.ui.getCore().byId(id);
	  oItem && oItem.destroy();
	}
	for(var i = 0; i < this.getMaxHistoryItems(); i++) {
	  remove(sIdPrefix+i);
	}
	if (this.__oSeparator) {
		this.__oSeparator.destroy();
		this.__oSeparator = null;
	}
	this._oHistory = null;

	this.__aItems = null;
	this._sWantedValue = undefined;
};

/**
 * Ensure that handed in ListBoxes are taken from the visible UI immediately.
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onAfterRendering = function(oEvent){
	sap.ui.commons.ComboBox.prototype.onAfterRendering.apply(this, arguments);

	this.checkValueInItems();
};

/*
 * Handle items aggregation (if Popup is opened, ListBox has invalid data because of history and filter)
 */
sap.ui.commons.DropdownBox.prototype.getItems = function(){

	if (this.oPopup && this.oPopup.isOpen()) {
		// take items from typeAhead array
		return this.__aItems;
	}else{
		return sap.ui.commons.ComboBox.prototype.getItems.apply(this, arguments);
	}

};
sap.ui.commons.DropdownBox.prototype.insertItem = function(oItem, iIndex){
	if (this.oPopup && this.oPopup.isOpen()) {
		// take items from typeAhead array
		this.__aItems.splice(iIndex, 0, oItem);
		if (this.__aItems.length <= this._iItemsForHistory && !this._searchHelpItem) {
			// if no history ListBox is not changed -> update ListBox too
			this._getListBox().insertItem(oItem, iIndex);
		}
		if (!this.bNoItemCheck) {
			// history might be not up do date -> rebuild; suppose the text before cursor is just typed in to use filter
			var $Ref = jQuery(this.getInputDomRef());
			var iCursorPos = $Ref.cursorPos();
			this._doTypeAhead($Ref.val().substr(0, iCursorPos), "");
		}
		return this;
	}else{
		return sap.ui.commons.ComboBox.prototype.insertItem.apply(this, arguments);
	}
};
sap.ui.commons.DropdownBox.prototype.addItem = function(oItem){
	if (this.oPopup && this.oPopup.isOpen()) {
		// take items from typeAhead array
		this.__aItems.push(oItem);
		if (this.__aItems.length <= this._iItemsForHistory && !this._searchHelpItem) {
			// if no history ListBox is not changed -> update ListBox too
			this._getListBox().addItem(oItem);
		}
		if (!this.bNoItemCheck) {
			// history might be not up do date -> rebuild; suppose the text before cursor is just typed in to use filter
			var $Ref = jQuery(this.getInputDomRef());
			var iCursorPos = $Ref.cursorPos();
			this._doTypeAhead($Ref.val().substr(0, iCursorPos), "");
		}
		return this;
	}else{
		return sap.ui.commons.ComboBox.prototype.addItem.apply(this, arguments);
	}
};
sap.ui.commons.DropdownBox.prototype.removeItem = function(vElement) {
	if (this.oPopup && this.oPopup.isOpen()) {
		// take items from typeAhead array
		var oItem = null;
		var vOriginalElement = vElement;

		if (typeof(vElement) == "string") { // ID of the element is given
			vElement = sap.ui.getCore().byId(vElement);
		}

		if (typeof(vElement) == "object") { // the element itself is given or has just been retrieved
			for (var i = 0; i < this.__aItems.length; i++) {
				if (this.__aItems[i] == vElement) {
					vElement = i;
					break;
				}
			}
		}

		if (typeof(vElement) == "number") { // "vElement" is the index now
			if (vElement < 0 || vElement >= this.__aItems.length) {
				jQuery.sap.log.warning("Element.removeAggregation called with invalid index: Items, " + vElement);

			} else {
				oItem = this.__aItems[vElement];
				this.__aItems.splice(vElement, 1);
			}
		}
		if (this.__aItems.length <= this._iItemsForHistory && !this._searchHelpItem) {
			// if no history ListBox is not changed -> update ListBox too
			this._getListBox().removeItem(vOriginalElement);
		}
		if (!this.bNoItemCheck) {
			// history might be not up do date -> rebuild; suppose the text before cursor is just typed in to use filter
			var $Ref = jQuery(this.getInputDomRef());
			var iCursorPos = $Ref.cursorPos();
			this._doTypeAhead($Ref.val().substr(0, iCursorPos), "");
		}
		return oItem;
	}else{
		return sap.ui.commons.ComboBox.prototype.removeItem.apply(this, arguments);
	}
};
sap.ui.commons.DropdownBox.prototype.removeAllItems = function() {
	if (this.oPopup && this.oPopup.isOpen()) {
		// take items from typeAhead array
		var aItems = this.__aItems;
		if (!aItems) {
			return [];
		}

		// as an empty list can not have an history or an searchHelp just clear List
		sap.ui.commons.ComboBox.prototype.removeAllItems.apply(this, arguments);

		this.__aItems = new Array();

		return aItems;
	}else{
		return sap.ui.commons.ComboBox.prototype.removeAllItems.apply(this, arguments);
	}
};
sap.ui.commons.DropdownBox.prototype.indexOfItem = function(oItem){
	if (this.oPopup && this.oPopup.isOpen()) {
		// take items from typeAhead array
		if (this.__aItems) {
			if (this.__aItems.length == undefined) {
				return -2;
			} // not a multiple aggregation

			for (var i = 0; i < this.__aItems.length; i++) {
				if (this.__aItems[i] == oItem) {
					return i;
				}
			}
		}
		return -1;
	}else{
		return sap.ui.commons.ComboBox.prototype.indexOfItem.apply(this, arguments);
	}
};
sap.ui.commons.DropdownBox.prototype.destroyItems = function(){
	if (this.oPopup && this.oPopup.isOpen()) {
		// take items from typeAhead array
		if (!this.__aItems) {
			return this;
		}

		// first remove all items from ListBox and then destroy them,
		// do not use destroy function from ListBox because history items and search field item
		// must not be destroyed
		this._getListBox().removeAllItems();

		for (var i = 0; i < this.__aItems.length; i++) {
			if (this.__aItems[i]) {
				this.__aItems[i].destroy();
			}
		}
		this.__aItems = new Array();

		return this;
	}else{
		return sap.ui.commons.ComboBox.prototype.destroyItems.apply(this, arguments);
	}
};

sap.ui.commons.DropdownBox.prototype.updateItems = function(){

	sap.ui.commons.ComboBox.prototype.updateItems.apply(this, arguments);

	if (this.oPopup && this.oPopup.isOpen()) {
		// history might be not up do date -> rebuild; suppose the text before cursor is just typed in to use filter
		var $Ref = jQuery(this.getInputDomRef());
		var iCursorPos = $Ref.cursorPos();
		this._doTypeAhead($Ref.val().substr(0, iCursorPos), "");
	}

};

sap.ui.commons.DropdownBox.prototype._handleItemsChanged = function(oEvent){

	if (this.bNoItemCheck) {
		return;
	}

	if (this.__aItems && (!this.oPopup || !this.oPopup.isOpen())) {
		// if popup is closed internal typeAhead item array must be cleared -> otherwise items could be inconsistent
		throw new Error("DropdownBox "+this.getId()+" : this.__aItems is not empty!");
	}
	if (this.getListBox() && this.oPopup && this.oPopup.isOpen()) {
		// items are maintained directly on ListBox adjust internal item array
		if (this.__aItems.length > this._iItemsForHistory || this._searchHelpItem) {
			switch (oEvent.getParameter("event")) {
			case "destroyItems":
				// destroy items not destroyed from ListBox
				for (var i = 0; i < this.__aItems.length; i++) {
					oItem = this.__aItems[i];
					if ( !oItem.bIsDestroyed ) {
						oItem.destroy();
					}
				}
				this.__aItems = new Array();
				if (this.getSearchHelpEnabled()) {
					// recreate search help and separator item
					this._searchHelpItem = null;
					this.setSearchHelpEnabled(this.getSearchHelpEnabled(), this.getSearchHelpText(), this.getSearchHelpAdditionalText(), this.getSearchHelpIcon());
				}
				break;
			case "removeAllItems":
				this.__aItems = new Array();
				break;
			case "removeItem":
				var oItem = oEvent.getParameter("item");
				for (var i = 0; i < this.__aItems.length; i++) {
					if (this.__aItems[i] == oItem) {
						this.__aItems.splice(i, 1);
						break;
					}
				}
				if (this.__aItems.length <= this._iItemsForHistory) {
					// now we don't have a filter or history any longer -> set all items to ListBox
					this._getListBox().setItems(this.__aItems, false, true);
				}
				break;
			case "insertItem":
				this.__aItems.splice(oEvent.getParameter("index"), 0, oEvent.getParameter("item"));
				break;
			case "addItem":
				this.__aItems.push(oEvent.getParameter("item"));
				break;
			case "setItems":
				this.__aItems = oEvent.getParameter("items");
				break;
			case "updateItems":
				// destroy items not destroyed from ListBox
				for (var i = 0; i < this.__aItems.length; i++) {
					oItem = this.__aItems[i];
					if ( !oItem.bIsDestroyed ) {
						oItem.destroy();
					}
				}
				if (this.getSearchHelpEnabled()) {
					// recreate search help and separator item
					this._searchHelpItem = null;
					this.setSearchHelpEnabled(this.getSearchHelpEnabled(), this.getSearchHelpText(), this.getSearchHelpAdditionalText(), this.getSearchHelpIcon());
				}
				this.__aItems = this._getListBox().getItems();
				break;
			default:
				break;
			}
		}else{
			// no filter, no additional items
			this.__aItems = this._getListBox().getItems();
		}
		// history might be not up do date -> rebuild; suppose the text before cursor is just typed in to use filter
		var $Ref = jQuery(this.getInputDomRef());
		var iCursorPos = $Ref.cursorPos();
		this._doTypeAhead($Ref.val().substr(0, iCursorPos), "");
	}

	sap.ui.commons.ComboBox.prototype._handleItemsChanged.apply(this, arguments);

	this.checkValueInItems();
};

//***********************************************************
//Mouse handling...
//***********************************************************

/**
 * Handle the click event happening in the DropdownBox
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onclick = function(oEvent) {
	// as a click in the input field requires selection update, do not handle click in this case
	if(oEvent.target !== this.getInputDomRef()) {
		return sap.ui.commons.ComboBox.prototype.onclick.apply(this, arguments);
	}
};

/**
 * Handle mouseup event
 * @param {jQuery.Event} oEvent the occuring event
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onmouseup = function(oEvent) {
	if(oEvent.target == this.getF4ButtonDomRef() || this.mobile) {
		return;
	}

	if(oEvent.target === this.getInputDomRef() && this.oPopup && this.oPopup.isOpen()) {
		jQuery.sap.delayedCall(0, this, "_updateSelection", [0]); // or let the cursor be positioned and update the selection
	} else {
		this._doSelect();
	}
};


//***********************************************************
//Keyboard handling...
//***********************************************************

/**
 * Handle sapshow pseudo events on the control
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onsapshow = function(oEvent){

	if (this.mobile) {
		return;
	}

	if (!this.getEnabled() || !this.getEditable()) {
		oEvent.preventDefault();
		oEvent.stopImmediatePropagation();
		return;
	}

	if(oEvent.which === jQuery.sap.KeyCodes.F4 && this._searchHelpItem){
		this._close();
		this.fireSearchHelp({value: jQuery(this.getInputDomRef()).val()});
		oEvent.preventDefault();
		oEvent.stopImmediatePropagation();
		return;
	}
	if(this.oPopup && this.oPopup.isOpen()) {
		this._close();
	} else {
		this._open();
		var oLB = this._getListBox();
		oLB.scrollToIndex(oLB.getSelectedIndex());
		this._doSelect();
	}
	oEvent.preventDefault();
	oEvent.stopImmediatePropagation();
};

/**
 * Handle keydown event
 * @param {jQuery.Event} oEvent the occuring event
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onkeydown = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no own keyboard handling
		return;
	}

	if((jQuery.browser.msie && (oEvent.which == jQuery.sap.KeyCodes.DELETE || oEvent.which == jQuery.sap.KeyCodes.BACKSPACE)) ||
	   (jQuery.browser.webkit && (oEvent.which == jQuery.sap.KeyCodes.DELETE || oEvent.which == jQuery.sap.KeyCodes.BACKSPACE))) {
		//as IE and Webkit do not fire keypress event for DELETE or BACKSPACE
		this.onkeypress(oEvent);
	}

	if(!jQuery.browser.msie || oEvent.which !== jQuery.sap.KeyCodes.BACKSPACE) {
		return;
	}

	// Quite a trick to solve the issue with 'delete from last cursorPos' vs. 'delete last (proposed / auto-completed) character in IE
	this._iCursorPosBeforeBackspace = jQuery(this.getInputDomRef()).cursorPos();
};

/**
 * Handle paste event
 * @param {jQuery.Event} oEvent the occuring event
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onpaste = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no own keyboard handling
		return;
	}

	//prevent 'multiple-pastes' by e.g. holding down paste combination.
	if(this._oValueBeforePaste === null) {
		this._oValueBeforePaste = jQuery(this.getInputDomRef()).val();
	}
};

/**
 * Handle keyup event
 * This must only be considered if it is from Backspace-key in IE or after paste.
 * In case there is a keyup with a tab this results from being entered via tabbing and can be ignored, too.
 * @param {jQuery.Event} oEvent the occuring event
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onkeyup = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no own keyboard handling
		return;
	}

	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	var iKC = oEvent.which,
		oKC = jQuery.sap.KeyCodes;

	// call keyup function of TextField to get liveChange event
	sap.ui.commons.TextField.prototype.onkeyup.apply(this, arguments);

	if(!(jQuery.browser.msie && iKC === oKC.BACKSPACE) && this._oValueBeforePaste === null || iKC === oKC.TAB) {
		return;
	}
	// it's either backspace in IE or after paste (cumulating potentially multiple pastes, too)

	// as it is keyboard interaction, open the proposal list (if not yet done)
	if(!this.oPopup || !this.oPopup.isOpen()){
		this._open();
	}
	var $Ref = jQuery(this.getInputDomRef()),
		bValid = false;
	// the first case (backspace-handling) could only be true in IE. For FF we do this (less 'tricky') in keypress handler
	if(iKC === oKC.BACKSPACE && this._iCursorPosBeforeBackspace !== null) {
		var iCursorPos = $Ref.cursorPos();
		if(this._iCursorPosBeforeBackspace !== iCursorPos) {
			iCursorPos++;
		} // 'normalize' cursor position for upcoming handling... especially IE8
		this._iCursorPosBeforeBackspace = null; // forget being called by backspace handling
		bValid = this._doTypeAhead($Ref.val().substr(0, iCursorPos-1), "");
	}
	// this must happen to check for valid entry after paste and if required -> rollback
	else if(!(bValid = this._doTypeAhead("", $Ref.val()))){
		$Ref.val(this._oValueBeforePaste);
	}
	// Ensure visibility as well as filtering and new height is applied
	if(bValid) {
		this._getListBox().rerender();
	}

	this._oValueBeforePaste = null;
};

/**
 * Handle pseudo event onsaphome
 * @param {jQuery.Event} oEvent the occuring event
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onsaphome = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no own keyboard handling
		return;
	}

	if((!this.oPopup || !this.oPopup.isOpen()) && this.getEditable() && this.getEnabled()) {
		sap.ui.commons.TextField.prototype.onsaphome.apply(this, arguments); // before setting the cursor to have old cursor position in there
		var $Ref = jQuery(this.getInputDomRef());
		$Ref.cursorPos(0);
		this._updateSelection();
		oEvent.preventDefault();
	} else {
		sap.ui.commons.ComboBox.prototype.onsaphome.apply(this, arguments);
	}
};

/**
 * Handle pseudo event onsapdelete.
 * If triggered with open dropdown and current item provided by history feature,
 * removes the selected item from this instance's history.
 * @param {jQuery.Event} oEvent the occuring event
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onsapdelete = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no own keyboard handling
		return;
	}

	if(!this.oPopup || !this.oPopup.isOpen()) {
		return;
	}
	var oLB = this._getListBox(),
		oItem = oLB.getSelectedItem(),
		aMatches = oItem.getId().match(/\-h\-([0-4])/),
		iIdx = oLB.getSelectedIndex();
	if(aMatches && aMatches.length === 2){
		this._oHistory.remove(oItem.getText());
		oLB.removeItem(iIdx);
		var iLength = this._oHistory.get().length;
		if(iLength === 0) {// remove separator element, too
			oLB.removeItem(0);
		}
		oLB.rerender();
		var iNewIndex = iIdx + (this._searchHelpItem?2:0);
		if (iNewIndex == iLength) {
			// seperator item can not selected
			iNewIndex++;
		}
		oLB.setSelectedIndex(iNewIndex);
		this.setValue(oLB.getSelectedItem().getText());
	}
};

/**
 * Handle keypress event
 * @param {jQuery.Event} oEvent the occuring event
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onkeypress = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no own keyboard handling
		return;
	}

	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	var iKC = oEvent.which,
		iKeyCode = oEvent.keyCode,
		oKC = jQuery.sap.KeyCodes;
	if(( sap.ui.commons.ComboBox._isHotKey(oEvent)
		    || ( jQuery.browser.mozilla && iKeyCode === oKC.HOME ) || // IE & webkit fires no keypress on HOME, but "$" has the same keyCode
			iKeyCode === oKC.F4 && oEvent.which === 0 ) /*this is the Firefox case and ensures 's' with same charCode is accepted*/
			&& !(oEvent.ctrlKey && oEvent.which == 120)/*Ctrl+X*/ ) {
		return;
	}else if(iKeyCode == oKC.ESCAPE){
		var sValue = this.getProperty("value");
		var oInput = this.getInputDomRef();
		if(oInput && oInput.value !== sValue) {
			jQuery(oInput).val(sValue);
		}
		return;
	}
	var oNewChar = String.fromCharCode(iKC),
		$Ref = jQuery(this.getInputDomRef()),
		iCursorPos = $Ref.cursorPos(),
		sVal = $Ref.val();
	//jQuery.sap.log.debug("current value is: " + sVal + " with cursorPos: " + iCursorPos + " and newChar is: " + oNewChar);

	if(!this.oPopup || !this.oPopup.isOpen()){
		this.noTypeAheadByOpen = true; // no typeahead and rerendering during open because of ARIA update issues
		this._open();
		this.noTypeAheadByOpen = undefined;
	}
	var bValid = false;
	if(iKC === oKC.BACKSPACE) {// only happens in FF or other non-IE-browsers. IE does not support BACKSPACE in keypress
		bValid = this._doTypeAhead(sVal.substr(0, iCursorPos-1), "");
	} else {
		bValid = this._doTypeAhead(sVal.substr(0, iCursorPos), oNewChar);
	}

	oEvent.preventDefault();
};

/**
 * Move the cursor one step to the right (and adapt selection)
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onsapright = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no own keyboard handling
		return;
	}

	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	var bRtl = sap.ui.getCore().getConfiguration().getRTL();
	if (!bRtl) {
		this._updateSelection(1);
	} else {
		this._updateSelection(-1);
	}
	oEvent.preventDefault();
};

/**
 * Move the cursor one step to the left (and adapt selection)
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onsapleft = function(oEvent) {

	if (oEvent.target.id == this.getId()+"-select") {
		// on native dropdown -> no own keyboard handling
		return;
	}

	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	var bRtl = sap.ui.getCore().getConfiguration().getRTL();
	if (!bRtl) {
		this._updateSelection(-1);
	} else {
		this._updateSelection(1);
	}
	oEvent.preventDefault();
};


//***********************************************************
// Focus handling...
//***********************************************************

/**
 * Handle focusin event
 * Ensures the text gets selected when focus gets into the field
 * @param {jQuery.Event} oEvent the occuring event
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onfocusin = function(oEvent) {

	if (!this.oPopup || !this.oPopup.isOpen()) {
		// if popup is open the text-selection is made by doTypeAhead
		// do not select all text in this case
		var $Ref = jQuery(this.getInputDomRef()),
		l = $Ref.val().length;
		if(l > 0 && !this.mobile){
			this._doSelect(0, l);
		}
	}
	sap.ui.commons.ComboBox.prototype.onfocusin.apply(this, arguments);
};


//***********************************************************
// Text selection handling...
//***********************************************************

/**
 * Handle the select event happening in the DropdownBox
 * @param {jQuery.Event} oEvent
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onselect = function(oEvent) {
	if(this._bIgnoreSelect) {
		this._bIgnoreSelect = false;
		this.iOldTimestamp = oEvent.originalEvent.timeStamp;
		return;
	}
	if (this.iOldTimestamp && oEvent.originalEvent.timeStamp - this.iOldTimestamp < 50) {
		// prevent double call of event in IE9 and jQuery 1.7.1
		return;
	}
	this.iOldTimestamp = undefined;

	if (!this.getEnabled() || !this.getEditable()) {
		return;
	}

	var $Ref = jQuery(this.getInputDomRef()),
		iNewCursor = $Ref.cursorPos(),
		sVal = $Ref.val();
	if(sVal.length > 0) {
		this._doTypeAhead(sVal.substr(0,iNewCursor), "");
		if (!this.oPopup || !this.oPopup.isOpen()) {
			// as popup is not open restore listbox item like on popup close
			this._cleanupClose(this._getListBox())
		}
	}
	oEvent.preventDefault();
};

sap.ui.commons.DropdownBox.prototype._determinePosinset = function(aItems, iNewIndex){

	var iPos = iNewIndex + 1;

	if(this.oPopup && this.oPopup.isOpen()){
		this.dontSetPoisinset = undefined;
		var oItem = aItems[iNewIndex];
		// history and search help only available if open
		var bHistory = aItems[0].getId().search(this.getId() + "-h-") != -1;

		if (oItem.getId().search(this.getId() + "-h-") == -1) {
			// no history item
			if (bHistory) {
				//but history items available-> remove separator from index
				iPos = iPos - 1;
			}
			if (this._searchHelpItem) {
				// search help -> remove from index
				iPos = iPos - 2;
			}
		}
	}

	return iPos;

}

/**
 * Selects the text of the InputDomRef in the given range
 * @param {int} [iStart=0] start position of the text selection
 * @param {int} [iEnd=<length of text>] end position of the text selection
 * @return {sap.ui.commons.DropdownBox} this DropdownBox instance
 * @private
 */
sap.ui.commons.DropdownBox.prototype._doSelect = function(iStart, iEnd){

	this._bIgnoreSelect = true;

	var oDomRef =this.getInputDomRef();

	if (oDomRef) {
		//if no Dom-Ref - no selection (Maybe popup closed)
		var $Ref = jQuery(oDomRef);
		// do not call focus in DropdownBox
		$Ref.selectText(iStart ? iStart : 0, iEnd ? iEnd : $Ref.val().length);
	}

	return this;

};

/**
 * Adapt the selection to the cursor position and move the curser beforehand (if parameter iMoveBy is given)
 * @param {integer} iMoveBy the number of places the cursor should move (can be positive (move right) or negative (move left))
 * @private
 */
sap.ui.commons.DropdownBox.prototype._updateSelection = function(iMoveBy) {
	var $Ref = jQuery(this.getInputDomRef()),
		iNewCursor = $Ref.cursorPos() + (iMoveBy || 0),
		sVal = $Ref.val();
	this._doTypeAhead(sVal.substr(0,iNewCursor), "");
	if (!this.oPopup || !this.oPopup.isOpen()) {
		// as popup is not open restore listbox item like on popup close
		this._cleanupClose(this._getListBox())
	}else{
		this._getListBox().rerender();
	}
};


//***********************************************************
// Type ahead and list box related
//***********************************************************

/**
 * Returns whether the new value is a valid one
 * @param {object} oValue the value before the event
 * @param {string} oNewChar the newly added character
 * @param {boolean} bNoFilter omit the filtering (e.g. when opening the listbox)
 * @returns {boolean} whether the new value is a valid one
 * @private
 */
sap.ui.commons.DropdownBox.prototype._doTypeAhead = function(oValue, oNewChar, bNoFilter){
	if(this.__doTypeAhead === true){
		return; // recursive from opening the Popup and the _prepareOpen-method
	}
	this.__doTypeAhead = true;
	this._sWantedSelectedKey = undefined; // something typed -> do not search again for not existing items
	this._sWantedSelectedItemId = undefined;
	this._sWantedValue = undefined;

	var oLB = this._getListBox(),
		//oSelectedItem = oLB.getSelectedItem(),
		iMaxPopupItems = this.getMaxPopupItems(),
		aItems = this.__aItems || oLB.getItems(),
		iVisibleItemsCnt = aItems.length,
		// filtering and history only apply when more than a certain number of items is there
		bHistory = aItems.length > this._iItemsForHistory,
		bFilter = !bNoFilter && bHistory,
		oNewValue = oValue + oNewChar,
		oSpecials = new RegExp("[.*+?|()\\[\\]{}\\\\]", "g"), // .*+?|()[]{}\
		sRegExpValue = oNewValue.toLowerCase().replace(oSpecials, "\\$&"), //escape special characters
		rValFilter = RegExp("^" +sRegExpValue + ".*$"),
		iMove = oNewChar && oNewChar.length || 0,
		$Ref = jQuery(this.getInputDomRef());

	this.__aItems = aItems;

	if (iVisibleItemsCnt <= 0) {
		// no items -> no typeAhead possible -> everything is wrong
		this.__doTypeAhead = false;
		return false;
	}

	var aCurrentItems,
		// identify items matching already entered value (for autocomplete, item selection)
		aFilteredItems = this._getFilteredItems(aItems, rValFilter),
		bValid = aFilteredItems.length > 0;

	if (!bValid){
		// if not valid just show all items
		bFilter = false;
	}
	// in case we have to filter, only the matching subset of the current items (the configured set) is relevant for display
	if(bFilter) {
		aCurrentItems = aFilteredItems;
	}
	else {
		aCurrentItems = aItems.slice(0);
	}

	var aHistoryItems = [];
	if(bHistory) {
		aHistoryItems = this._addHistoryItems(aCurrentItems, bFilter && rValFilter);
		oLB.setItems(aCurrentItems, false, true); // fire no itemsChanged event because this would update Value property
		iVisibleItemsCnt = aCurrentItems.length;
	}
	oLB.setVisibleItems(iMaxPopupItems < iVisibleItemsCnt ? iMaxPopupItems : -1);

	var oItem,
	iHistLength = aHistoryItems.length;
	// if there is no filter (e.g. when opening) but a history, try to find the current value in the history
	if(!bFilter && iHistLength > 0 && bValid) {
		aHistoryItems = this._getFilteredItems(aHistoryItems, rValFilter);
		oItem = aHistoryItems[0];
	}
	// in case there is filtering in place, select the first (valid) item
	if(bFilter) {
		oItem = aFilteredItems[0];
	} else if(!oItem) {
		// in case there was no filtering and no valid item from history
		// select the first of the filtered non-history items
		if(aFilteredItems.length > 0) {
			oItem = aFilteredItems[0];
		}
		else {// use last valid item
			var sOldValue = $Ref.val();
			for ( var i = 0; i < aCurrentItems.length; i++) {
				var oCheckItem = aCurrentItems[i];
				if (oCheckItem.getEnabled() && oCheckItem.getText() == sOldValue) {
					oItem = oCheckItem;
					break;
				}
			}
			if(!oItem) {// still no item found - use first one (can this happen???)
				oItem = aCurrentItems[0];
			}
		}
	}
	// OK, we know what to select, let's insert search help if required
	var oSHI = this._searchHelpItem;
	if(oSHI){
		aCurrentItems.splice(iHistLength++, 0, oSHI[0], oSHI[1]);
		oLB.setItems(aCurrentItems, false, true); // fire no itemsChanged event because this would update Value property
	}
	// find and select the item and update the text and the selection in the inputfield
	var i = oLB.indexOfItem(oItem),
	oText = oItem.getText();
	var iPos = i + 1;
	var iSize = aCurrentItems.length;
	if (aHistoryItems.length > 0){
		iSize = iSize - 1;
	}
	if (oSHI){
		iSize = iSize - 2;
	}
	if (iPos > aHistoryItems.length) {
		if (aHistoryItems.length > 0){
			// no history item but history available -> remove separator from position
			iPos = iPos - 1;
		}
		if(oSHI){
			// search help -> remove search help item and separator from position
			iPos = iPos - 2;
		}
	}
	$Ref.attr("aria-posinset", iPos);
	$Ref.attr("aria-setsize", iSize);
	$Ref.val(oText);
	this._sTypedChars = oNewValue;
	this._doSelect(oValue.length + iMove, oText.length);

	oLB.setSelectedIndex(i);
	oLB.scrollToIndex(i);
	this._iClosedUpDownIdx = i;

	if (!bValid){
		$Ref = this.$();
		$Ref.addClass("sapUiTfErr");
		jQuery.sap.delayedCall(300, $Ref, "removeClass", ["sapUiTfErr"]);
		// move cursor back to old position and select from there
		$Ref.cursorPos(oValue.length);
		this._doSelect(oValue.length, oText.length);
	}
	this.__doTypeAhead = false;
	return bValid;
};

/**
 * Walks over the list of available items in the given oListBox and updates the visual selection.
 * Also updates the Popup to show the right content.
 *
 * @param {sap.ui.commons.ListBox} oListBox listBox belonging to this ComboBox instance.
 * @param {sap.ui.core.Popup} oPopup the instance of the Popup functionality used for opening the proposal list
 * @returns {sap.ui.commons.DropdownBox}
 * @private
 */
sap.ui.commons.DropdownBox.prototype._prepareOpen = function(oListBox, oPopup){
	this._oValueBeforeOpen = this.$().val();

	// remember we opening the popup (needed in applyFocusInfo called after rerendering of ListBox)
	this._Opening = true;

	if (!this.noTypeAheadByOpen) {
		this._doTypeAhead("", jQuery(this.getInputDomRef()).val(), true);
	}
	return this;
};

/**
 * Ensures the given listbox is 'cleaned-up'.
 * @param {sap.ui.commons.ListBox} oListBox the listBox to clean up
 * @returns {sap.ui.commons.DropdownBox} this instance of DropdownBox
 * @private
 */
sap.ui.commons.DropdownBox.prototype._cleanupClose = function(oListBox){
	if(this.__aItems) {
		oListBox.setItems(this.__aItems, false, true); // fire no itemsChanged event because this would update Value property
		this.__aItems = undefined;
	}
	this._oValueBeforeOpen = null;
	this._Opening = undefined;
	return this;
};

/**
 * Returns an array of ListItems matching given rValFilter.
 *
 * @param {sap.ui.core.ListItem[]} aItems array of list items to be filtered
 * @param {RegExp} rValFilter filter expression that can be used to identify valid items
 * @returns {sap.ui.core.ListItem[]} array of list items matching given rValFilter
 * @private
 */
sap.ui.commons.DropdownBox.prototype._getFilteredItems = function(aItems, rValFilter){
	var aTmpItems = aItems.slice(0),
		oItem;
	for (var i = aTmpItems.length - 1; i >= 0; i--){
		oItem = aTmpItems[i];
		if(!rValFilter.test(oItem.getText().toLowerCase()) || !oItem.getEnabled()) {
			aTmpItems.splice(i,1);
		}
	}
	return aTmpItems;
};

/**
 * Enriches provided array of listitems with history if history entries matching given rFilter exist.
 *
 * @param {sap.ui.core.ListItem[]} aItems array of list items to be enriched by history
 * @param {RegExp} rFilter filter expression that can be used to identify valid history items
 * @returns {sap.ui.core.ListItem[]} array of new 'history-list-items' (comprising separator)
 * @private
 */
sap.ui.commons.DropdownBox.prototype._addHistoryItems = function(aItems, rFilter) {
	var sIdPrefix = this.getId() + "-h-",
		oItem,
		aHistory = this._oHistory.get(),
		l = aHistory.length,
		aNewItems = [];
	// add items from history still matching given set of items
	for(var i = 0, j = 0; j < this.getMaxHistoryItems() && i < l; i++){
		if(!rFilter || rFilter.test(aHistory[i])) {
			oItem = (oItem = sap.ui.getCore().byId(sIdPrefix + j)) && oItem.setText(aHistory[i]) || new sap.ui.core.ListItem(sIdPrefix + j, {text: aHistory[i]});
			aNewItems.push(oItem);
			j++;
		}
	}

	if(aNewItems.length > 0) {
		var sSepId = sIdPrefix + "separator",
			oSeparator = this._getSeparator(sSepId);
		aNewItems.push(oSeparator);
	}
	aItems.unshift.apply(aItems, aNewItems);
	return aNewItems;
};

/**
 * Returns the separator instance for this DropdownBox.
 * If sSepId is given, this id will be used to either find or create the Separator.
 * If sSepId is omitted, only previously found separator will be returned but no new Separator would be created.
 *
 * @param {sap.ui.core/string} [sSepId] id of the separator to find or create. If omitted, only previously found separator will be returned.
 * @returns {sap.ui.core.SeparatorItem} separator item if found or created or null.
 */
sap.ui.commons.DropdownBox.prototype._getSeparator = function(sSepId){
	if(!this.__oSeparator && sSepId){
		this.__oSeparator = sap.ui.getCore().byId(sSepId) || new sap.ui.core.SeparatorItem(sSepId);
	}
	return this.__oSeparator || null;
};


//***************************************************
// Overwritten methods from API
//***************************************************

/* overwrite standard generated fireChange method */
sap.ui.commons.DropdownBox.prototype.fireChange = function(mArguments) {
	this.fireEvent("change", mArguments);
	if(mArguments.newValue && (this.getMaxHistoryItems() > 0)){
		this._oHistory.add(mArguments.newValue);
	}

	this._sWantedValue = undefined;
	return this;
};

/* overrides generated setValue-method */
sap.ui.commons.DropdownBox.prototype.setValue = function(sValue) {
	// normalize 'empty'  values
	sValue = (sValue === undefined || sValue === null || sValue === "") ? "" : sValue;
	var aItems = this.getItems(),
		sText,
		bValueOK = false,
		sFirstEnabledValue;

	// it might be necessary to also check for history... but as this should only contain valid entries, don't worry.
	for (var i = 0, l = aItems.length; i < l && !bValueOK; i++){
		var oItem = aItems[i];
		var bEnabled = oItem.getEnabled();
		sText = oItem.getText();
		if ( bEnabled && !sFirstEnabledValue) {
			sFirstEnabledValue = sText;
		}
		bValueOK = sText === sValue && bEnabled;
	}

	// only set the value in case the given one is valid
	if(bValueOK) {
		sap.ui.commons.ComboBox.prototype.setValue.call(this, sValue);
		this._sWantedValue = undefined;
	}else if (sValue === "" && aItems.length > 0){
		// initialize Dropdownbox to first valid Value
		sap.ui.commons.ComboBox.prototype.setValue.call(this, sFirstEnabledValue);
	}else{
		// remember wanted value for check if items are updated
		this._sWantedValue = sValue;
	}

	return this;
};


//***********************************************************
//Focus information handling and rendering related
//***********************************************************

/**
 * Applies the focus info and ensures the typeAhead feature is re-established again.
 *
 * @param {object} oFocusInfo the focus information belonging to this dropdown
 * @private
 */
sap.ui.commons.DropdownBox.prototype.applyFocusInfo = function(oFocusInfo){
 var $Inp = jQuery(this.getInputDomRef());
 if(jQuery.sap.startsWithIgnoreCase(this.getValue(), oFocusInfo.sTypedChars)) {
	 $Inp.val(oFocusInfo.sTypedChars);
	 this.focus();
	 if (!this.getSelectedItemId() || sap.ui.getCore().byId(this.getSelectedItemId()).getText() != oFocusInfo.sTypedChars) {
		// text entred before and is not the currently selected item -> just restore type-ahead
		 this._doTypeAhead(oFocusInfo.sTypedChars, "");
	}
	 if (!this._Opening && (!this.oPopup || !this.oPopup.isOpen())) {
		 // as popup is not open restore listbox item like on popup close
		 this._cleanupClose(this._getListBox())
	 }
 } else {
	 oFocusInfo.sTypedChars = "";
//	 $Inp.val(this.getValue()); // enable if really needed
	 this.focus();
	 this._doSelect();
 }
 return this;
};

/*
 * Handle the sapfocusleave pseudo event and ensure that when the focus moves to the list box,
 * the check change functionality (incl. fireChange) is not triggered.
 * Before the change event the value must be checked again if it fits to the items, because
 * it might be manipulated using DOM manipulation or a IME tool for entering foreign characters
 * @protected
 */
sap.ui.commons.DropdownBox.prototype.onsapfocusleave = function(oEvent) {
	this._resetCheck();
	var oLB = this._getListBox();
	if(oEvent.relatedControlId && jQuery.sap.containsOrEquals(oLB.getFocusDomRef(), sap.ui.getCore().byId(oEvent.relatedControlId).getFocusDomRef())){
		this.focus();
	} else {
		// we left the DropdownBox to another (unrelated) control and thus have to fire the change (if needed).
		var $Inp = jQuery(this.getInputDomRef());
		var sValue = $Inp.val();
		if (!this.getSelectedItemId() || sap.ui.getCore().byId(this.getSelectedItemId()).getText() != sValue) {
			// text entred before and is not the currently selected item -> just restore type-ahead
			this._doTypeAhead(sValue, "");
		}

		this._checkChange(oEvent, true);
	}
};

/**
 * Extends the method inherited from sap.ui.core.Element by providing information on Search Help access (if needed)
 *
 * @return {string} string tooltip or undefined
 * @public
 */
sap.ui.commons.DropdownBox.prototype.getTooltip_AsString = function() {
	var sTooltipString = sap.ui.commons.ComboBox.prototype.getTooltip_AsString.apply(this, arguments);
	if(!this._searchHelpItem) {
		return sTooltipString;
	} else {
		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
		// ResourceBundle always returns the key if the text is not found
		var sSearchHelp = rb.getText("DDBX_SHI_ARIA");
		sSearchHelp = sSearchHelp === "DDBX_SHI_ARIA"?"Open search help via {0}":sSearchHelp;
		var sAdditionalText = this._searchHelpItem[0] && this._searchHelpItem[0].getAdditionalText() || rb.getText("DDBX_SHIF4");
		sAdditionalText = sAdditionalText === "DDBX_SHIF4"?"F4":sAdditionalText;
		sSearchHelp = sSearchHelp.replace("{0}", sAdditionalText);
		return (sTooltipString?sTooltipString + " - ":"") + sSearchHelp;
	}
};


//***************************************************
// Handling of list events
//***************************************************

/**
 * This method is attached to the ListBox instance when it is open
 * to handle the click event occurring in the ListBox.
 * It additionally closes the Popup.
 * If clicked on SearchHelp entry triggers the appropriate handling
 *
 * @param {sap.ui.base.Event} oControlEvent The event that was raised by the Listbox
 * @private
 */
sap.ui.commons.DropdownBox.prototype._handleSelect = function(oControlEvent) {
	if(this._searchHelpItem && oControlEvent.getParameter("selectedItem") === this._searchHelpItem[0]){
		var oEvent = jQuery.Event("sapshow");
		oEvent.which = jQuery.sap.KeyCodes.F4;
		this.onsapshow(oEvent);
	} else {
		// if history item is selected search for corresponding real item in list
		var oItem = oControlEvent.getParameter("selectedItem");
		if(!oItem){
			// not from ListBox, from ComboBox _open
			oItem = sap.ui.getCore().byId(oControlEvent.getParameter("selectedId"));
		}
		if (oItem.getId().search(this.getId() + "-h-") != -1) {
			// history item selected
			var oLB = this._getListBox(),
				aItems = oLB.getItems();
			var iLength = this._oHistory.get().length;
			if (iLength > this.getMaxHistoryItems()) {
				iLength = Math.max(this.getMaxHistoryItems(), 0);
			}
			for ( var iIndex = iLength; iIndex < aItems.length; iIndex++) {
				if (aItems[iIndex].getText() == oItem.getText() && aItems[iIndex].getEnabled()) {
					// Item found -> set in event data
					oControlEvent.mParameters.selectedIndex = iIndex;
					if(!oControlEvent.getParameter("selectedIndices")){
						//create arrays
						oControlEvent.mParameters.selectedIndices = new Array(1);
						oControlEvent.mParameters.aSelectedIndices = new Array(1);
					}
					oControlEvent.mParameters.selectedIndices[0] = iIndex;
					oControlEvent.mParameters.aSelectedIndices[0] = iIndex;
					oControlEvent.mParameters.selectedItem = aItems[iIndex];
					break;
				}
			}
		}

		this._sWantedValue = undefined;
		return sap.ui.commons.ComboBox.prototype._handleSelect.apply(this, arguments);
	}
};


//***************************************************
// API method implementation
//***************************************************

/**
 * Overwrite of Setter for property <code>searchHelpEnabled</code>.
 * This method accepts additional parameter to be compatiple with the
 * previous functionality
 *
 * Default value is <code>false</code>
 *
 * @param {boolean} bEnabled new value for property <code>searchHelpEnabled</code>
 * @param {string} sText new value for property <code>searchHelpText</code>
 * @param {string} sAdditionalText new value for property <code>searchHelpAdditionalText</code>
 * @param {string} sIcon new value for property <code>searchHelpIcon</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.DropdownBox.prototype.setSearchHelpEnabled = function(bEnabled, sText, sAdditionalText, sIcon) {

	this.setProperty("searchHelpEnabled", bEnabled);

	// set additional optional properties
	if (sText) {
		this.setProperty("searchHelpText", sText);
	}else{
		sText = this.getSearchHelpText();
	}
	if (sAdditionalText) {
		this.setProperty("searchHelpAdditionalText", sAdditionalText);
	}else{
		sAdditionalText = this.getSearchHelpAdditionalText();
	}
	if (sIcon) {
		this.setProperty("searchHelpIcon", sIcon);
	}else{
		sIcon = this.getSearchHelpIcon();
	}

	if(bEnabled) {
		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
		if ( rb ) {
			// ResourceBundle always returns the key if the text is not found
			sText = sText || rb.getText("DDBX_SHI");
			sText = sText === "DDBX_SHI"?"Search Help":sText;
			sAdditionalText = sAdditionalText || rb.getText("DDBX_SHIF4");
			sAdditionalText = sAdditionalText === "DDBX_SHIF4"?"F4":sAdditionalText;
		}
		sIcon = sIcon || sap.ui.resource("sap.ui.commons", "images/dropdown/ico12_f4.gif");
		if(!this._searchHelpItem) {
			this._searchHelpItem = [new sap.ui.core.ListItem(this.getId() + "_shi", {
				text: sText,
				additionalText: sAdditionalText,
				enabled: true,
				icon: sIcon
				}),
				new sap.ui.core.SeparatorItem()];
		} else {
			this._searchHelpItem[0].setText(sText).setAdditionalText(sAdditionalText).setIcon(sIcon);
		}
	} else {
		if ( this._searchHelpItem ) {
			this._searchHelpItem[0].destroy();
			this._searchHelpItem[1].destroy();
			this._searchHelpItem = null;
		}
	}

	return this;
};

/**
 * Overwrite of Setter for property <code>searchHelpText</code>.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @param {string} sSearchHelpText new value for property <code>searchHelpText</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.DropdownBox.prototype.setSearchHelpText = function(sSearchHelpText) {
 this.setProperty("searchHelpText", sSearchHelpText);

 this.setSearchHelpEnabled(this.getSearchHelpEnabled(), sSearchHelpText, this.getSearchHelpAdditionalText(), this.getSearchHelpIcon());

 return this;
};

/**
 * Overwrite of Setter for property <code>searchHelpAdditionalText</code>.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @param {string} sSearchHelpAdditionalText new value for property <code>searchHelpAdditionalText</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.DropdownBox.prototype.setSearchHelpAdditionalText = function(sSearchHelpAdditionalText) {
 this.setProperty("searchHelpAdditionalText", sSearchHelpAdditionalText);

 this.setSearchHelpEnabled(this.getSearchHelpEnabled(), this.getSearchHelpText(), sSearchHelpAdditionalText, this.getSearchHelpIcon());

 return this;
};

/**
 * Overwrite of Setter for property <code>searchHelpIcon</code>.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @param {string} sSearchHelpIcon new value for property <code>searchHelpIcon</code>
 * @return {sap.ui.commons.DropdownBox} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.DropdownBox.prototype.setSearchHelpIcon = function(sSearchHelpIcon) {
 this.setProperty("searchHelpIcon", sSearchHelpIcon);

 this.setSearchHelpEnabled(this.getSearchHelpEnabled(), this.getSearchHelpText(), this.getSearchHelpAdditionalText(), sSearchHelpIcon);

 return this;
};

/**
 * Check if value fits to items. If not, set to first item
 * @private
 */
sap.ui.commons.DropdownBox.prototype.checkValueInItems = function() {

	var sValue = this.getValue();
	var aItems = this.getItems();
	// save and restore wanted item
	var sWantedSelectedKey = this._sWantedSelectedKey;
	var sWantedSelectedItemId = this._sWantedSelectedItemId;

	// only check the value in the items when items are available
	// TODO: reset the value?
	if (aItems && aItems.length > 0) {

		var bValueOK = false;
		var sFirstEnabledValue;

		if (this._sWantedValue) {
			// value set but item not exists -> check now
			for (var i = 0, l = aItems.length; i < l && !bValueOK; i++){
				var oItem = aItems[i];
				var bEnabled = oItem.getEnabled();
				var sText = oItem.getText();
				if ( bEnabled && !sFirstEnabledValue) {
					sFirstEnabledValue = sText;
				}
				bValueOK = sText === this._sWantedValue && bEnabled;
			}

			if(bValueOK){
				sValue = this._sWantedValue;
				this._sWantedValue = undefined;
				sWantedSelectedKey = undefined;
				sWantedSelectedItemId = undefined;
				sap.ui.commons.ComboBox.prototype.setValue.call(this, sValue);
			}
		}

		if(!bValueOK) {
			for (var i = 0, l = aItems.length; i < l && !bValueOK; i++){
				var oItem = aItems[i];
				var bEnabled = oItem.getEnabled();
				var sText = oItem.getText();
				if ( bEnabled && !sFirstEnabledValue) {
					sFirstEnabledValue = sText;
				}
				bValueOK = sText === sValue && bEnabled;
			}
		}

		if(!bValueOK) {
			sValue = sFirstEnabledValue;
			sap.ui.commons.ComboBox.prototype.setValue.call(this, sValue);
		}

	}else{
		// no items
		sValue = "";
		sap.ui.commons.ComboBox.prototype.setValue.call(this, sValue);

	}

	this._sWantedSelectedKey = sWantedSelectedKey;
	this._sWantedSelectedItemId = sWantedSelectedItemId;
	return sValue;

};

/*
 * Overwrite generated setter to delete old history items if not longer needed
 */
sap.ui.commons.DropdownBox.prototype.setMaxHistoryItems = function(iMaxHistoryItems) {

	var iOldMaxHistoryItems = this.getMaxHistoryItems();
	var sIdPrefix = this.getId() + "-h-";
	var oItem;

	this.setProperty('maxHistoryItems', iMaxHistoryItems, true); // No re-rendering

	if (iMaxHistoryItems < iOldMaxHistoryItems) {
		// delete not longer visible history items
		var oListBox = this._getListBox();
		for ( var i = Math.max(iMaxHistoryItems, 0); i < iOldMaxHistoryItems; i++) {
			oItem = sap.ui.getCore().byId(sIdPrefix + i);
			if (oItem) {
				oListBox.removeItem(oItem);
				oItem.destroy();
			}
		}
		if (iMaxHistoryItems <= 0 && this.__oSeparator) {
			// remove separator but do not destroy it because it might be used again
			oListBox.removeItem(this.__oSeparator);
		}
	}
	// new items are added automatically by opening listbox (no support to change property while 
	// listbox is open)

};

sap.ui.commons.DropdownBox.prototype.clearHistory = function() {

	this._oHistory.clear();

	var sIdPrefix = this.getId() + "-h-";
	var oListBox = this._getListBox();
	var oItem;

	for(var i = 0; i < this.getMaxHistoryItems(); i++) {
		if (oItem = sap.ui.getCore().byId(sIdPrefix + i)) {
			oListBox.removeItem(oItem);
			oItem.destroy();
		}
	}
	if (this.__oSeparator) {
		// remove separator but do not destroy it because it might be used again
		oListBox.removeItem(this.__oSeparator);
	}

};

sap.ui.commons.DropdownBox.prototype.ondrop = function(oEvent) {

	// dropping text in DropdownBox makes no sense.
	oEvent.preventDefault();

};
}; // end of sap.ui.commons.DropdownBox
if ( !jQuery.sap.isDeclared('sap.ui.commons.InPlaceEdit') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.InPlaceEdit.
jQuery.sap.declare("sap.ui.commons.InPlaceEdit");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new InPlaceEdit.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getValueState valueState} : sap.ui.core.ValueState (default: sap.ui.core.ValueState.None)</li>
 * <li>{@link #getUndoEnabled undoEnabled} : boolean (default: true)</li>
 * <li>{@link #getDesign design} : sap.ui.commons.TextViewDesign (default: sap.ui.commons.TextViewDesign.Standard)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.InPlaceEdit#event:change change} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The InPlaceEdit is a functionality to have text in display mode that can be changed in place.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.8.0
 * @name sap.ui.commons.InPlaceEdit
 */
sap.ui.core.Control.extend("sap.ui.commons.InPlaceEdit", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"clearOldText"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"valueState" : {type : "sap.ui.core.ValueState", group : "Data", defaultValue : sap.ui.core.ValueState.None},
		"undoEnabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"design" : {type : "sap.ui.commons.TextViewDesign", group : "Data", defaultValue : sap.ui.commons.TextViewDesign.Standard}
	},
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : false}
	},
	events : {
		"change" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.InPlaceEdit with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.InPlaceEdit.extend
 * @function
 */

sap.ui.commons.InPlaceEdit.M_EVENTS = {'change':'change'};


/**
 * Getter for property <code>valueState</code>.
 * Visualizes warnings or errors related to the InPlaceEdit. Possible values: Warning, Error, Success.
 * If the content control has a own valueState property this will be used.
 *
 * Default value is <code>None</code>
 *
 * @return {sap.ui.core.ValueState} the value of property <code>valueState</code>
 * @public
 * @name sap.ui.commons.InPlaceEdit#getValueState
 * @function
 */

/**
 * Setter for property <code>valueState</code>.
 *
 * Default value is <code>None</code> 
 *
 * @param {sap.ui.core.ValueState} oValueState  new value for property <code>valueState</code>
 * @return {sap.ui.commons.InPlaceEdit} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.InPlaceEdit#setValueState
 * @function
 */


/**
 * Getter for property <code>undoEnabled</code>.
 * If undo is enabled after changing the text an undo button appears.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>undoEnabled</code>
 * @public
 * @name sap.ui.commons.InPlaceEdit#getUndoEnabled
 * @function
 */

/**
 * Setter for property <code>undoEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bUndoEnabled  new value for property <code>undoEnabled</code>
 * @return {sap.ui.commons.InPlaceEdit} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.InPlaceEdit#setUndoEnabled
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * Defines the visual appearance of the control.
 * Currently this is not supported for Labels.
 *
 * Default value is <code>Standard</code>
 *
 * @return {sap.ui.commons.TextViewDesign} the value of property <code>design</code>
 * @public
 * @since 1.9.0
 * @name sap.ui.commons.InPlaceEdit#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is <code>Standard</code> 
 *
 * @param {sap.ui.commons.TextViewDesign} oDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.InPlaceEdit} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.0
 * @name sap.ui.commons.InPlaceEdit#setDesign
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Content control of the InPlaceEdit.
 * The following controls are allowed:
 * TextField, ComboBox, DropdownBox and Link
 * 
 * @return {sap.ui.core.Control}
 * @public
 * @name sap.ui.commons.InPlaceEdit#getContent
 * @function
 */


/**
 * Setter for the aggregated <code>content</code>.
 * @param oContent {sap.ui.core.Control}
 * @return {sap.ui.commons.InPlaceEdit} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.InPlaceEdit#setContent
 * @function
 */
	

/**
 * Destroys the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.InPlaceEdit} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.InPlaceEdit#destroyContent
 * @function
 */


/**
 * Event is fired when the text in the field has changed AND the focus leaves the InPlaceEdit or the Enter key is pressed. 
 *
 * @name sap.ui.commons.InPlaceEdit#change
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.newValue The new / changed value of the InPlaceEdit.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'change' event of this <code>sap.ui.commons.InPlaceEdit</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.InPlaceEdit</code>.<br/> itself. 
 *  
 * Event is fired when the text in the field has changed AND the focus leaves the InPlaceEdit or the Enter key is pressed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.InPlaceEdit</code>.<br/> itself.
 *
 * @return {sap.ui.commons.InPlaceEdit} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.InPlaceEdit#attachChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'change' event of this <code>sap.ui.commons.InPlaceEdit</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.InPlaceEdit} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.InPlaceEdit#detachChange
 * @function
 */

/**
 * Fire event change to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'newValue' of type <code>string</code> The new / changed value of the InPlaceEdit.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.InPlaceEdit} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.InPlaceEdit#fireChange
 * @function
 */


/**
 * Clear the old text after a change to disable the undo functionality. If undoEnabled is false this has no effect.
 *
 * @name sap.ui.commons.InPlaceEdit.prototype.clearOldText
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/InPlaceEdit.js
/**
 * This file defines behavior for the control,
 */


jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.ValueStateSupport'); // unlisted dependency retained
 // unlisted dependency retained


/*
 * On focus the InplaceEdit automatically switches to edit mode. Only for Links it stays in display mode to allow link-clicking.
 * When the focus is set outside the control is switches back to display mode. So for styling it is clear that edit mode
 * is always focused. The focusout handling must be done with a delay because in ComboBoxes the click of the expand button fires a focusout event too.
 * So it must be checked if the focus is still inside the control.
 * As the content controls don't bubble their property changes the _change event is handled. Because the InPlaceEdit have to react on content-changes.
 * Changing the content needs a rerendering of the InPlaceEdit. Toggling edit mode also rerenders the control.
 * The focusDomRef is in display mode the display control, in edit mode the edit control.
 * So as the control often rerenders and changes the focusDomRef be careful if you put the control in an ItemNavigation. (Update the DomRefs!)
 */

(function() {

	sap.ui.commons.InPlaceEdit.prototype.init = function(){

		this._bEditMode = false;

	};

	sap.ui.commons.InPlaceEdit.prototype.exit = function(){

		this._bEditMode = undefined;
		this._oDisplayControl = undefined;
		this._oEditControl = undefined;
		this._sOldText = undefined;
		this._sOldTextAvailable = undefined;
		this._bUseEditButton = undefined;
		this._iHeight = undefined;

		if (this._oTextView) {
			this._oTextView.destroy();
			delete this._oTextView;
		}

		if (this._oTextField) {
			this._oTextField.destroy();
			delete this._oTextField;
		}

		if (this._oUndoButton) {
			this._oUndoButton.destroy();
			delete this._oUndoButton;
		}

		if (this._oEditButton) {
			this._oEditButton.destroy();
			delete this._oEditButton;
		}

		var oContent = this.getContent();
		if (oContent) {
			oContent.detachEvent("_change", handleContentInvalidate, this);
			if (oContent instanceof sap.ui.commons.TextField) {
				oContent.detachEvent("change", handleContentChange, this);
				oContent.detachEvent("liveChange", handleContentLiveChange, this);
			}
		}
	};

	sap.ui.commons.InPlaceEdit.prototype.onBeforeRendering = function(){

		var that = this;

		updateControls(that);

		createUndoButton(that); // create here, because if created onfocusin there are focus errors

	};

	sap.ui.commons.InPlaceEdit.prototype.onAfterRendering = function(){

		// if TextView is rendered make it not focusable (only InPlaceEdit is focused)
		if (!this._bEditMode && this.getEditable() && this._oTextView && jQuery.sap.domById(this._oTextView.getId())) {
			jQuery.sap.byId(this._oTextView.getId()).attr("tabindex", "0");
		}

		var $Control = jQuery.sap.byId(this.getId());
		// In edit mode use 100% width for edit control, because width is set outside
		if (this._bEditMode) {
			jQuery.sap.byId(this._oEditControl.getId()).css("width", "100%");
			if (this._iHeight > 0) {
				// Control is in display mode higher than in edit mode
				// add margins to center edit control
				var iOuterHeight = $Control.height();
				var iDelta = this._iHeight - iOuterHeight;
				// check if already margins added and add them
				var iMargins = $Control.outerHeight(true) - $Control.outerHeight(false);
				iDelta = iDelta + iMargins;
				var iMarginTop = Math.floor(iDelta / 2);
				var iMarginBottom = iDelta - iMarginTop;
				$Control.css("margin-top", iMarginTop + "px").css("margin-bottom", iMarginBottom + "px");
			}
		}else if(this._oDisplayControl.getMetadata().getName() == "sap.ui.commons.Link"){
			// edit icon should be directly next to link
			jQuery.sap.byId(this._oDisplayControl.getId()).css("width", "auto").css("max-width", "100%");
		}else{
			var $DisplayControl = jQuery.sap.byId(this._oDisplayControl.getId());
			$DisplayControl.css("width", "100%");
			if (!this._iHeight && this._iHeight != 0 && this.getDesign() != sap.ui.commons.TextViewDesign.Standard) {
				// check if TextView is higher than inPlaceEdits standards height (Header design) ->
				// set to this new height even in edit mode to avoid flickering
				// special case: standard TextView has line height of textFields height in most themes
				// but font size fits. in this case the height should not be changed.
				var iInnerHeight = $DisplayControl.outerHeight(true);
				var iOuterHeight = $Control.innerHeight();
				if (iOuterHeight < iInnerHeight) {
					// because of box-sizing: border-box add borders to height
					var iOffset = $Control.outerHeight() - $Control.innerHeight();
					this._iHeight = iInnerHeight + iOffset;
				}else{
					this._iHeight = 0;
				}
			}
			if (this._iHeight > 0){
				$Control.css("height", this._iHeight + "px");
			}
		}

		// if undo button is rendered remove it from tab-chain
		if (this._sOldTextAvailable && this._oUndoButton && jQuery.sap.domById(this._oUndoButton.getId())) {
			jQuery.sap.byId(this._oUndoButton.getId()).attr("tabindex", "-1");
		}
		if (this._oEditButton && jQuery.sap.domById(this._oEditButton.getId())) {
			jQuery.sap.byId(this._oEditButton.getId()).attr("tabindex", "-1");
		}

		if(this._delayedCallId) {
			jQuery.sap.clearDelayedCall(this._delayedCallId);
			this._delayedCallId = null;
		}

		if(this.getValueState() == sap.ui.core.ValueState.Success) {
			this._delayedCallId = jQuery.sap.delayedCall(3000, this, "removeValidVisualization");
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.removeValidVisualization = function() {

		var oDomRef = jQuery.sap.byId(this.getId());
		if(oDomRef) {
			oDomRef.removeClass("sapUiIpeSucc");
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.clearOldText = function(){

		if (!this.getUndoEnabled()) {
			return;
		}

		if (this._bEditMode) {
			this._sOldText = this._oEditControl.getValue();
			this._sOldTextAvailable = true; // because "" can be a valid text so check for sOldText will not work in this case
		}else{
			this._sOldText = undefined;
			this._sOldTextAvailable = false;
		}
		this.rerender();

	};

/*
 * If a label is assigned to the InPlaceEdit it need to know if it's required
 * So check the content for required
 * @public
 */
	sap.ui.commons.InPlaceEdit.prototype.getRequired = function(){

		if (this.getContent() && this.getContent().getRequired) {
			return this.getContent().getRequired();
		}else{
			return false;
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.getEditable = function(){

		var oContent = this.getContent();

		if ((oContent.getEditable && !oContent.getEditable()) || (oContent.getEnabled && !oContent.getEnabled())) {
			// readOnly or disabled -> only display mode
			return false;
		}else{
			return true;
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.onsapescape = function(oEvent){

		if (this.getUndoEnabled()) {
			// Escape fires no keypress in webkit
			// In Firefox value can not be changed in keydown (onsapescape) event
			// So the escape event is stored in this._bEsc and the value in this._sValue
			if (!jQuery.browser.mozilla) {
				var that = this;
				undoTextChange(that);
			} else {
				this._bEsc = true;
			}
			if (jQuery.sap.byId(this.getId()).hasClass("sapUiIpeUndo")) {
				// undo is possible -> do not propagate escape (not close popup)
				oEvent.stopPropagation();
			}
			// delete TextFields escape information, because native ESC-logic not needed
			this._oEditControl._bEsc = undefined;
			this._oEditControl._sValue = undefined;
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.onkeypress = function(oEvent){

		// Firefox escape logic
		if (this._bEsc) {
			var that = this;
			this._bEsc = undefined;
			undoTextChange(that);
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.onkeydown = function(oEvent){

		if (oEvent.keyCode == jQuery.sap.KeyCodes.F2 && !this._bEditMode) {
			var that = this;
			switchToEditMode(that);
			jQuery.sap.byId(this.getId()).addClass("sapUiIpeFocus");
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.onfocusin = function(oEvent){

		// in display mode focus is on displayControl -> simulate focus on outer DIV
		if (!this._bEditMode) {
			if (!this._bUseEditButton && oEvent.target.id != this.getId()+"--X") {
				// if not a link and not clicked on undo button -> directly switch to edit mode
				var that = this;
				switchToEditMode(that);
			}
			jQuery.sap.byId(this.getId()).addClass("sapUiIpeFocus");
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.onfocusout = function(oEvent){

		if(this._focusDelay){
			jQuery.sap.clearDelayedCall(this._focusDelay);
			this._focusDelay = null;
		}
		this._focusDelay = jQuery.sap.delayedCall(200, this, "_handleFocusOut", arguments); // check delayed because click of ComboBox Expander (shorter than 200 sometimes don't work)

	};

	sap.ui.commons.InPlaceEdit.prototype._handleFocusOut = function(oEvent){

		var oFocusedDom = document.activeElement;
		if (!jQuery.sap.containsOrEquals(this.getDomRef(), oFocusedDom)) {
			// focus is not inside of the InPlaceEdit
			// in display mode focus is on displayControl -> simulate focus on outer DIV
			if (!this._bEditMode) {
				jQuery.sap.byId(this.getId()).removeClass("sapUiIpeFocus");
			}
			var that = this;
			switchToDisplayMode(that);
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.setContent = function(oContent){

		var oOldContent = this.getContent();
		if (oOldContent) {
			oOldContent.detachEvent("_change", handleContentInvalidate, this);
			if (oOldContent instanceof sap.ui.commons.TextField) {
				oOldContent.detachEvent("change", handleContentChange, this);
				oOldContent.detachEvent("liveChange", handleContentLiveChange, this);
				oOldContent._propagateEsc = undefined;
			}
		}
		this._sOldText = undefined;
		this._sOldTextAvailable = false;
		this._oDisplayControl = undefined;
		this._oEditControl = undefined;

		this.setAggregation("content", oContent);

		if (oContent) {
			// As controls don't bubble their invalidate we have to use the _change event
			oContent.attachEvent("_change", handleContentInvalidate, this);
			if (oContent instanceof sap.ui.commons.TextField) {
				oContent.attachEvent("change", handleContentChange, this);
				oContent.attachEvent("liveChange", handleContentLiveChange, this);
				oContent._propagateEsc = true;
			}
		}

		var that = this;
		updateControls(that);

	};

// since some Properties and the change event are not available on all controls (Link)
// have it as property on InPlaceEdit too. If Content-control has the property too just forward it to
// the content control
// ! what's about setting property before adding content? !
	sap.ui.commons.InPlaceEdit.prototype.setValueState = function(oValueState) {

		var oContent = this.getContent();

		if (oContent && oContent.setValueState) {
			oContent.setValueState(oValueState);
		}else if(this._oEditControl && this._oEditControl.setValueState){
			this._oEditControl.setValueState(oValueState);
			handleContentInvalidate.call(this);
		}else {
			this.setProperty("valueState", oValueState);
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.getValueState = function(){

		var oContent = this.getContent();

		if (oContent && oContent.getValueState) {
			return oContent.getValueState();
		}else if(this._oEditControl && this._oEditControl.getValueState){
			return this._oEditControl.getValueState();
		}else{
			return this.getProperty("valueState");
		}

	};

/**
 * Sets a new tooltip for this InPlaceEdit. The tooltip can either be a simple string
 * (which in most cases will be rendered as the <code>title</code> attribute of this
 * Element) or an instance of {@link sap.ui.core.TooltipBase}.
 *
 * If a new tooltip is set, any previously set tooltip is deactivated.
 *
 * If a content control is assigned to the InPlaceEdit the tooltip of this control
 * is used. A directly set tooltip to the InPlaceEdit is ignored in this case.
 *
 * @param {string|sap.ui.core.TooltipBase} oTooltip.
 * @public
 */
	sap.ui.commons.InPlaceEdit.prototype.setTooltip = function(oTooltip) {

		var oContent = this.getContent();

		if (oContent) {
			oContent.setTooltip(oTooltip);
		} else {
			if (oTooltip instanceof sap.ui.core.TooltipBase){
				oTooltip._currentControl = this;
				this.addDelegate(oTooltip);
			}
			this.setAggregation("tooltip", oTooltip);
		}

		return this;

	};

/**
 * Returns the tooltip for this InPlaceEdit if any or an undefined value.
 * The tooltip can either be a simple string or a subclass of
 * {@link sap.ui.core.TooltipBase}.
 *
 * Callers that are only interested in tooltips of type string (e.g. to render
 * them as a <code>title</code> attribute), should call the convenience method
 * {@link #getTooltip_AsString} instead. If they want to get a tooltip text no
 * matter where it comes from (be it a string tooltip or the text from a TooltipBase
 * instance) then they could call {@link #getTooltip_Text} instead.
 *
 * If a content control is assigned to the InPlaceEdit the tooltip of this control
 * is used. A directly set tooltip to the InPlaceEdit is ignored in this case.
 *
 * @return {string|sap.ui.core.TooltipBase} The tooltip for this Element.
 * @public
 */
	sap.ui.commons.InPlaceEdit.prototype.getTooltip = function(){

		var oContent = this.getContent();

		if (oContent) {
			return oContent.getTooltip();
		}else{
			return this.getAggregation("tooltip");
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.setDesign = function(sDesign) {

		this.setProperty("design", sDesign);
		this._iHeight = undefined;

	};

	sap.ui.commons.InPlaceEdit.prototype.clone = function(){

		// on clone don't clone event handler
		var oContent = this.getContent();
		if (oContent) {
			oContent.detachEvent("_change", handleContentInvalidate, this);
			if (oContent instanceof sap.ui.commons.TextField) {
				oContent.detachEvent("change", handleContentChange, this);
				oContent.detachEvent("liveChange", handleContentLiveChange, this);
			}
		}

		var oClone = sap.ui.core.Control.prototype.clone.apply(this, arguments);

		if (oContent) {
			oContent.attachEvent("_change", handleContentInvalidate, this);
			if (oContent instanceof sap.ui.commons.TextField) {
				oContent.attachEvent("change", handleContentChange, this);
				oContent.attachEvent("liveChange", handleContentLiveChange, this);
			}
		}

		return oClone;

	};

	sap.ui.commons.InPlaceEdit.prototype.getFocusDomRef = function(){

		if (!this.getDomRef()) {
			// not rendered
			return;
		}

		// focus is on inner control (display or edit)
		if (this._bEditMode) {
			return this._oEditControl.getFocusDomRef();
		} else {
			return this._oDisplayControl.getFocusDomRef();
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.getIdForLabel = function () {

		// point the label to the edit control because on tabbing in its in edit mode
		// only link must get label on it self

		if (this._oDisplayControl && this._oDisplayControl.getMetadata().getName() == "sap.ui.commons.Link"){
			return this._oDisplayControl.getId();
		} else if (this._oEditControl) {
			return this._oEditControl.getId();
		} else{
			return this.getId();
		}

	};

	sap.ui.commons.InPlaceEdit.prototype.onThemeChanged = function (oEvent) {

		var that = this;
		iconForUndoButton(that);
		iconForEditButton(that);

		this._iHeight = undefined;
		if (this.getDomRef() && !this._bEditMode){
			// if already rendered and in display mode - rerender to calculate height new
			this.rerender();
		}

	};

	// Private functions

	function updateControls(oInPlaceEdit){

		var oContent = oInPlaceEdit.getContent();
		if (!oContent) {
			return;
		}

		switch (oContent.getMetadata().getName()) { // do not check with instanceof because then all classes must be loaded
		case "sap.ui.commons.TextField":
		case "sap.ui.commons.ComboBox":
		case "sap.ui.commons.DropdownBox":
			// use TextView for display
			if (!oInPlaceEdit._oTextView) {
				oInPlaceEdit._oTextView = new sap.ui.commons.TextView(oInPlaceEdit.getId() + "--TV",{
					wrapping: false});
			}
			oInPlaceEdit._oTextView.setText(oContent.getValue());
			oInPlaceEdit._oTextView.setEnabled(oContent.getEnabled());
			oInPlaceEdit._oTextView.setTextDirection(oContent.getTextDirection());
			oInPlaceEdit._oTextView.setVisible(oContent.getVisible());
			oInPlaceEdit._oTextView.setWidth("100%"); // width is set on the outer DIV
			oInPlaceEdit._oTextView.setTextAlign(oContent.getTextAlign());
			oInPlaceEdit._oTextView.setDesign(oInPlaceEdit.getDesign());
			oInPlaceEdit._oTextView.setHelpId(oContent.getHelpId());
			oInPlaceEdit._oTextView.setAccessibleRole(oContent.getAccessibleRole());
			oInPlaceEdit._oTextView.setTooltip(sap.ui.core.ValueStateSupport.enrichTooltip(oInPlaceEdit, oContent.getTooltip_AsString()));

			oInPlaceEdit._oDisplayControl = oInPlaceEdit._oTextView;

			// use oContent for edit
			oInPlaceEdit._oEditControl = oContent;
			oInPlaceEdit._bUseEditButton = false;
			break;

		case "sap.ui.commons.Link":
			// use Link for display
			oInPlaceEdit._oDisplayControl = oContent;

			// use TextField for edit
			if (oInPlaceEdit._oTextField) {
				oInPlaceEdit._oTextField.setValue(oContent.getText());
				oInPlaceEdit._oTextField.setWidth("100%");
				oInPlaceEdit._oTextField.setTooltip(oContent.getTooltip()); // value state text is added in TextField

				oInPlaceEdit._oEditControl = oInPlaceEdit._oTextField;
			}

			// for link an edit button is needed to allow the link click
			createEditButton(oInPlaceEdit);
			oInPlaceEdit._bUseEditButton = true;
			break;

		default:
			throw new Error("Control not supported for InPlaceEdit");
		break;
		}

	};

	function switchToEditMode(oInPlaceEdit){

		if (!oInPlaceEdit._bEditMode && oInPlaceEdit.getEditable()) {
			// switch to edit mode
			if (!oInPlaceEdit._oEditControl && oInPlaceEdit.getContent().getMetadata().getName() == "sap.ui.commons.Link") {
				// for Link - create TextField (Only on first edit mode to do not have it if not needed)
				var sValueState = oInPlaceEdit.getValueState(); // initially get ValueState from property, after this its stored on the TextField
				oInPlaceEdit._oTextField = new sap.ui.commons.TextField(oInPlaceEdit.getId() + "--input",{
					valueState: sValueState});
				oInPlaceEdit._oTextField.attachEvent('change', handleTextFieldChange, oInPlaceEdit); // attach event this way to have the right this-reference in handler
				oInPlaceEdit._oTextField.attachEvent('liveChange', handleContentLiveChange, oInPlaceEdit); // attach event this way to have the right this-reference in handler
				oInPlaceEdit._oTextField._propagateEsc = true;
			}

			if (!oInPlaceEdit._sOldTextAvailable && oInPlaceEdit.getUndoEnabled()) {
				// only remember original text, not by toggling between edit and display
				oInPlaceEdit._sOldText = getContentText(oInPlaceEdit);
				oInPlaceEdit._sOldTextAvailable = true;
			}
			oInPlaceEdit._bEditMode = true;
			oInPlaceEdit.rerender();
			oInPlaceEdit._oEditControl.focus();
		}

	};

	function switchToDisplayMode(oInPlaceEdit){

		if (oInPlaceEdit._bEditMode && oInPlaceEdit.getEditable()) {
			// switch to edit mode
			oInPlaceEdit._bEditMode = false;
			if (oInPlaceEdit._sOldText == getContentText(oInPlaceEdit)) {
				// nothing changed
				oInPlaceEdit._sOldText = undefined;
				oInPlaceEdit._sOldTextAvailable = false;
			}
			oInPlaceEdit.rerender();
		}

	};

	function getContentText(oInPlaceEdit){

		var oContent = oInPlaceEdit.getContent();
		if (!oContent) {
			return;
		}

		if (oContent.getValue) {
			return oContent.getValue();
		} else if(oContent.getText){
			return oContent.getText();
		}

	};

	function createUndoButton(oInPlaceEdit){

		if (!oInPlaceEdit._oUndoButton && oInPlaceEdit.getUndoEnabled()) {
			oInPlaceEdit._oUndoButton = new sap.ui.commons.Button(oInPlaceEdit.getId()+"--X",{
				lite: true
			}).setParent(oInPlaceEdit);
			iconForUndoButton(oInPlaceEdit);
			oInPlaceEdit._oUndoButton.attachEvent('press', handleUndoButtonPress, oInPlaceEdit); // attach event this way to have the right this-reference in handler
		}

	};

	function iconForUndoButton(oInPlaceEdit){

		if (oInPlaceEdit._oUndoButton){
			var sIcon = sap.ui.core.theming.Parameters.get('sapUiIpeUndoImageURL');
			var sIconHovered = sap.ui.core.theming.Parameters.get('sapUiIpeUndoImageDownURL');
			var sText = "X";
			if (sIcon) {
				sIcon = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIcon;
				sText = "";
			}
			if (sIconHovered) {
				sIconHovered = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIconHovered;
			}
			oInPlaceEdit._oUndoButton.setIcon(sIcon);
			oInPlaceEdit._oUndoButton.setIconHovered(sIconHovered);
			oInPlaceEdit._oUndoButton.setText(sText);
		}

	};

	function handleUndoButtonPress(oEvent){

		var that = this;
		undoTextChange(that);

		if (this._bEditMode) {
			this._oEditControl.focus();
			jQuery.sap.byId(this.getId()).removeClass("sapUiIpeUndo");
		}

	};

	function undoTextChange(oInPlaceEdit){

		// change text back to old value (only if value changed -> undo button visible)
		if (oInPlaceEdit.getUndoEnabled() && oInPlaceEdit._sOldTextAvailable) {
			var oContent = oInPlaceEdit.getContent();
			if (!oContent) {
				return;
			}

			if (oContent.setValue) {
				oContent.setValue(oInPlaceEdit._sOldText);
			} else if(oContent.setText){
				oContent.setText(oInPlaceEdit._sOldText);
			}
			if (oInPlaceEdit._bEditMode) {
				// to be sure that text is updated in edit mode (e.g. Link case) - update edit control
				oInPlaceEdit._oEditControl.setValue(oInPlaceEdit._sOldText);
			}

			if (oContent.fireChange) {
				// fire change event
				oContent.fireChange({newValue:oInPlaceEdit._sOldText});
			}else{
				// fire InPlaceEdit change event
				oInPlaceEdit.fireChange({newValue:oInPlaceEdit._sOldText})
			}

			if (!oInPlaceEdit._bEditMode) {
				oInPlaceEdit._sOldText = undefined;
				oInPlaceEdit._sOldTextAvailable = false;
			}
		}

	};

	function createEditButton(oInPlaceEdit){

		if (!oInPlaceEdit._oEditButton) {
			oInPlaceEdit._oEditButton = new sap.ui.commons.Button(oInPlaceEdit.getId()+"--Edit",{
				lite: true
			}).setParent(oInPlaceEdit);
			oInPlaceEdit._oEditButton.addStyleClass("sapUiIpeEBtn");
			iconForEditButton(oInPlaceEdit);
			oInPlaceEdit._oEditButton.attachEvent('press', handleEditButtonPress, oInPlaceEdit); // attach event this way to have the right this-reference in handler
		}

	};

	function iconForEditButton(oInPlaceEdit){

		if (oInPlaceEdit._oEditButton){
			var sIcon = sap.ui.core.theming.Parameters.get('sapUiIpeEditImageURL');
			var sIconHovered = sap.ui.core.theming.Parameters.get('sapUiIpeEditImageDownURL');
			var sText = "✎"; //&#9998;
			if (sIcon) {
				sIcon = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIcon;
				sText = "";
			}
			if (sIconHovered) {
				sIconHovered = jQuery.sap.getModulePath("sap.ui.commons", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIconHovered;
			}
			oInPlaceEdit._oEditButton.setIcon(sIcon);
			oInPlaceEdit._oEditButton.setIconHovered(sIconHovered);
			oInPlaceEdit._oEditButton.setText(sText);
		}

	};

	function handleEditButtonPress(oEvent){

		var that = this;
		switchToEditMode(that);
		jQuery.sap.byId(this.getId()).addClass("sapUiIpeFocus");

	};

	function handleTextFieldChange(oEvent){

		var oContent = this.getContent();

		if (oContent.setText) {
			var sNewValue = oEvent.getParameter("newValue");
			oContent.setText(sNewValue);
			this.fireChange({newValue:sNewValue});
		}

	};

	function handleContentChange(oEvent){

		if (this._sOldText != oEvent.getParameter("newValue") && this.getUndoEnabled()){
			jQuery.sap.byId(this.getId()).addClass("sapUiIpeUndo");
		}else{
			jQuery.sap.byId(this.getId()).removeClass("sapUiIpeUndo");
		}
		this.fireChange(oEvent.getParameters());

	};

	function handleContentLiveChange(oEvent){

		if (this._sOldText != oEvent.getParameter("liveValue") && this.getUndoEnabled()){
			jQuery.sap.byId(this.getId()).addClass("sapUiIpeUndo");
		}else{
			jQuery.sap.byId(this.getId()).removeClass("sapUiIpeUndo");
		}

	};

	function handleContentInvalidate(){

		if (!this._bEditMode) {
			//in edit mode TextField change must only checked by switch do display mode
			this.invalidate();
		}else{
			//if valueState changes -> class must be adopted on outer DIV but do not rerender
			switch (this.getValueState()) {
			case (sap.ui.core.ValueState.Error) :
				if (!jQuery.sap.byId(this.getId()).hasClass('sapUiIpeErr')) {
					jQuery.sap.byId(this.getId()).addClass('sapUiIpeErr');
					jQuery.sap.byId(this.getId()).removeClass('sapUiIpeWarn');
					jQuery.sap.byId(this.getId()).removeClass('sapUiIpeSucc');
				}
			break;
			case (sap.ui.core.ValueState.Success) :
				if (!jQuery.sap.byId(this.getId()).hasClass('sapUiIpeSucc')) {
					jQuery.sap.byId(this.getId()).addClass('sapUiIpeSucc');
					jQuery.sap.byId(this.getId()).removeClass('sapUiIpeErr');
					jQuery.sap.byId(this.getId()).removeClass('sapUiIpeWarn');
				}
			break;
			case (sap.ui.core.ValueState.Warning) :
				if (!jQuery.sap.byId(this.getId()).hasClass('sapUiIpeWarn')) {
					jQuery.sap.byId(this.getId()).addClass('sapUiIpeWarn');
					jQuery.sap.byId(this.getId()).removeClass('sapUiIpeErr');
					jQuery.sap.byId(this.getId()).removeClass('sapUiIpeSucc');
				}
			break;
			default:
				jQuery.sap.byId(this.getId()).removeClass('sapUiIpeWarn');
				jQuery.sap.byId(this.getId()).removeClass('sapUiIpeErr');
				jQuery.sap.byId(this.getId()).removeClass('sapUiIpeSucc');
			break;
			}
		}

	};

}());
}; // end of sap.ui.commons.InPlaceEdit
if ( !jQuery.sap.isDeclared('sap.ui.commons.Menu') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.Menu.
jQuery.sap.declare("sap.ui.commons.Menu");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Menu.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getAriaDescription ariaDescription} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.commons.MenuItemBase[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.Menu#event:itemSelect itemSelect} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A container for menu items. When the space in the browser is not large enough to display all defined items, a scroll bar is provided.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.Menu
 */
sap.ui.core.Control.extend("sap.ui.commons.Menu", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"open", "close"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"ariaDescription" : {type : "string", group : "Accessibility", defaultValue : null}
	},
	defaultAggregation : "items",
	aggregations : {
    	"items" : {type : "sap.ui.commons.MenuItemBase", multiple : true, singularName : "item"}
	},
	events : {
		"itemSelect" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.Menu with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.Menu.extend
 * @function
 */

sap.ui.commons.Menu.M_EVENTS = {'itemSelect':'itemSelect'};


/**
 * Getter for property <code>enabled</code>.
 * 
 * Disabled menus have other colors than enabled ones, depending on customer settings.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.Menu#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.Menu} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Menu#setEnabled
 * @function
 */


/**
 * Getter for property <code>ariaDescription</code>.
 * 
 * The label/description provided for screen readers
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>ariaDescription</code>
 * @public
 * @name sap.ui.commons.Menu#getAriaDescription
 * @function
 */

/**
 * Setter for property <code>ariaDescription</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAriaDescription  new value for property <code>ariaDescription</code>
 * @return {sap.ui.commons.Menu} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Menu#setAriaDescription
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * Aggregation of menu items
 * 
 * @return {sap.ui.commons.MenuItemBase[]}
 * @public
 * @name sap.ui.commons.Menu#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.commons.MenuItemBase}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.commons.Menu} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Menu#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.commons.MenuItemBase}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.commons.Menu} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Menu#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.commons.MenuItemBase} vItem the item to remove or its index or id
 * @return {sap.ui.commons.MenuItemBase} the removed item or null
 * @public
 * @name sap.ui.commons.Menu#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.MenuItemBase[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.Menu#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.MenuItemBase</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.MenuItemBase}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.Menu#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.commons.Menu} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Menu#destroyItems
 * @function
 */


/**
 * 
 * Provides the application an alternative option to listen to select events. This event is only fired on the root menu of a menu hierarchy.
 * Note that there is also a select event available for MenuItem; if the current event is used, the select event of a MenuItem becomes redundant.
 *  
 *
 * @name sap.ui.commons.Menu#itemSelect
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.commons.MenuItemBase} oControlEvent.getParameters.item The selected item
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'itemSelect' event of this <code>sap.ui.commons.Menu</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.Menu</code>.<br/> itself. 
 *  
 * 
 * Provides the application an alternative option to listen to select events. This event is only fired on the root menu of a menu hierarchy.
 * Note that there is also a select event available for MenuItem; if the current event is used, the select event of a MenuItem becomes redundant.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.Menu</code>.<br/> itself.
 *
 * @return {sap.ui.commons.Menu} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Menu#attachItemSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'itemSelect' event of this <code>sap.ui.commons.Menu</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.Menu} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.Menu#detachItemSelect
 * @function
 */

/**
 * Fire event itemSelect to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'item' of type <code>sap.ui.commons.MenuItemBase</code> The selected item</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.Menu} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.Menu#fireItemSelect
 * @function
 */


/**
 * Opens the menu
 *
 * @name sap.ui.commons.Menu.prototype.open
 * @function
 * @param {boolean} 
 *         bWithKeyboard
 *         
 * An indicator whether the first item shall be highlighted, or not. It is highlighted in the case that the menu is opened via keyboard.
 * 
 * @param {object} 
 *         oOpenerRef
 *         
 * DOMNode or sap.ui.core.Element that opens the menu; the DOMNode or sap.ui.core.Element will be focused again after the menu is closed. This parameter is optional.
 * 
 * @param {sap.ui.core.Dock} 
 *         sMy
 *         
 * The popup content's reference position for docking.
 * See also sap.ui.core.Popup.Dock and sap.ui.core.Popup.open.
 * 
 * @param {sap.ui.core.Dock} 
 *         sAt
 *         
 * The 'of' element's reference point for docking to.
 * See also sap.ui.core.Popup.Dock and sap.ui.core.Popup.open.
 * 
 * @param {object} 
 *         oOf
 *         
 * The DOM element or sap.ui.core.Element to dock to.
 * See also sap.ui.core.Popup.open.
 * 
 * @param {string} 
 *         sOffset
 *         
 * The offset relative to the docking point, specified as a string with space-separated pixel values (e.g. "0 10" to move the popup 10 pixels to the right).
 * See also sap.ui.core.Popup.open.
 * 
 * @param {sap.ui.core.Collision} 
 *         sCollision
 *         
 * The collision defines how the position of an element should be adjusted in case it overflows the window in some direction.
 * See also sap.ui.core.Popup.open.
 * 

 * @type void
 * @public
 */


/**
 * Closes the menu
 *
 * @name sap.ui.commons.Menu.prototype.close
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/commons/Menu.js

jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.commons.Menu.prototype.init = function(){
	var that = this;
	this.bOpen = false;
	this.oOpenedSubMenu = null;
	this.oHoveredItem = null;
	this.oPopup = null; // Will be created lazily
	this.fAnyEventHandlerProxy = jQuery.proxy(this.onAnyEvent, this);
	this.fOrientationChangeHandler = function(){
		that.close();
	};
	this.bUseTopStyle = false;
};

/**
 * Does all the cleanup when the Menu is to be destroyed.
 * Called from Element's destroy() method.
 * @private
 */
sap.ui.commons.Menu.prototype.exit = function(){
	if(this.oPopup){
		this.oPopup.destroy();
	}
	
	jQuery.sap.unbindAnyEvent(this.fAnyEventHandlerProxy);
	if(this._bOrientationChangeBound){
		jQuery(window).unbind("orientationchange", this.fOrientationChangeHandler);
		this._bOrientationChangeBound = false;
	}
	
	// Cleanup resize event registration
	if(this.sResizeListenerId){
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};

/**
 * Called before rendering starts by the renderer
 * @private
 */
sap.ui.commons.Menu.prototype.onBeforeRendering = function() {
	// Cleanup resize event registration before re-rendering
	if(this.sResizeListenerId){
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};

/**
 * Called when the rendering is complete
 * @private
 */
sap.ui.commons.Menu.prototype.onAfterRendering = function() {
	//Might be in the end not a good idea to listen for resizing the body / window because the body might change its size
	//during a menu is opened (which then closes the menu again):

	//Listen to resizing of the document
	//if(this.getRootMenu() == this)
	//	this.sResizeListenerId = sap.ui.core.ResizeHandler.register(jQuery.browser.msie ? window : jQuery("body").get(0), jQuery.proxy(this.onresize, this));
};

///**
// * Called when the control is resized
// * @private
// */
//sap.ui.commons.Menu.prototype.onresize = function(oEvent) {
//	if(!this.bOpen) return;
//	this.close();
//};


//****** API Methods ******

sap.ui.commons.Menu.prototype.open = function(bWithKeyboard, oOpenerRef, my, at, of, offset, collision){
	if(this.bOpen) {
		return;
	}

	this.bOpen = true;
	this.oOpenerRef = oOpenerRef;

	// Open the sap.ui.core.Popup
	this.getPopup().open(0, my, at, of, offset || "0 0", collision || "_sapUiCommonsMenuFlip _sapUiCommonsMenuFlip", true);

	// Set the tab index of the menu and focus
	var oDomRef = this.getDomRef();
	jQuery(oDomRef).attr("tabIndex", 0).focus();
	
	// Mark the first item when using the keyboard
	if (bWithKeyboard) {
		this.setHoveredItem(this.getNextVisibleItem(-1));
	}

	jQuery.sap.bindAnyEvent(this.fAnyEventHandlerProxy);
	if(jQuery.support.orientation && this.getRootMenu() === this){
		jQuery(window).bind("orientationchange", this.fOrientationChangeHandler);
		this._bOrientationChangeBound = true;
	}
};

sap.ui.commons.Menu.prototype.close = function() {
	if(!this.bOpen) {
		return;
	}

	jQuery.sap.unbindAnyEvent(this.fAnyEventHandlerProxy);
	if(this._bOrientationChangeBound){
		jQuery(window).unbind("orientationchange", this.fOrientationChangeHandler);
		this._bOrientationChangeBound = false;
	}

	this.bOpen = false;
	// Close all sub menus if there are any
	if(this.oOpenedSubMenu) {
		this.oOpenedSubMenu.close();
	}

	// Reset the hover state
	this.setHoveredItem();

	// Reset the tab index of the menu and focus the opener (if there is any)
	jQuery(this.getDomRef()).attr("tabIndex", -1);
	if(this.oOpenerRef && !this.ignoreOpenerDOMRef) {
		this.oOpenerRef.focus();
	}
	this.oOpenerRef = undefined;

	// Close the sap.ui.core.Popup
	this.getPopup().close(0);

	//Remove the Menus DOM after it is closed
	this.onBeforeRendering();
	this.$().remove();
	this.bOutput = false;

	if(this.isSubMenu()){
		this.getParent().getParent().oOpenedSubMenu = null;
	}
};

//****** Event Handlers ******

sap.ui.commons.Menu.prototype.onclick = function(oEvent){
	this.selectItem(this.getItemByDomRef(oEvent.target), false);
	oEvent.preventDefault();
	oEvent.stopPropagation();
};


sap.ui.commons.Menu.prototype.onsapnext = function(oEvent){
	//right or down (RTL: left or down)
	if(oEvent.keyCode != jQuery.sap.KeyCodes.ARROW_DOWN){
		//Go to sub menu if available
		if(this.oHoveredItem && this.oHoveredItem.getSubmenu() && this.checkEnabled(this.oHoveredItem)){
			this.openSubmenu(this.oHoveredItem, true);
			return;
		}
	}

	//Go to the next visible item
	var iIdx = this.oHoveredItem ? this.indexOfAggregation("items", this.oHoveredItem) : -1;
	this.setHoveredItem(this.getNextVisibleItem(iIdx));
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

sap.ui.commons.Menu.prototype.onsapprevious = function(oEvent){
	//left or up (RTL: right or up)
	if(oEvent.keyCode != jQuery.sap.KeyCodes.ARROW_UP){
		//Go to parent menu if this is a sub menu
		if(this.isSubMenu()){
			this.close();
			oEvent.preventDefault();
			oEvent.stopPropagation();
			return;
		}
	}

	//Go to the previous visible item
	var iIdx = this.oHoveredItem ? this.indexOfAggregation("items", this.oHoveredItem) : -1;
	this.setHoveredItem(this.getPreviousVisibleItem(iIdx));
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

sap.ui.commons.Menu.prototype.onsaphome = function(oEvent){
	//Go to the first visible item
	var aItems = this.getItems();
	var oItem = null;
	for(var i=0; i<aItems.length; i++){
		if(aItems[i].getVisible()){
			oItem = aItems[i];
			break;
		}
	}

	this.setHoveredItem(oItem);
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

sap.ui.commons.Menu.prototype.onsapend = function(oEvent){
	//Go to the last visible item
	var aItems = this.getItems();
	var oItem = null;
	for(var i=aItems.length-1; i>=0; i--){
		if(aItems[i].getVisible()){
			oItem = aItems[i];
			break;
		}
	}

	this.setHoveredItem(oItem);
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

sap.ui.commons.Menu.prototype.onsapselect = function(oEvent){
	this._sapSelectOnKeyDown = true;
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

sap.ui.commons.Menu.prototype.onkeyup = function(oEvent){
	//like sapselect but on keyup:
	//Using keydown has the following side effect:
	//If the selection leads to a close of the menu and the focus is restored to the caller (e.g. a button)
	//the keyup is fired on the caller (in case of a button a click event is fired there in FF -> Bad!)
	//The attribute _sapSelectOnKeyDown is used to avoid the problem the other way round (Space is pressed
	//on Button which opens the menu and the space keyup immediately selects the first item)
	if(!this._sapSelectOnKeyDown){
		return;
	}else{
		this._sapSelectOnKeyDown = false;
	}
	if(!jQuery.sap.PseudoEvents.sapselect.fnCheck(oEvent)) {
		return;
	}
	this.selectItem(this.oHoveredItem, true);
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

sap.ui.commons.Menu.prototype.onsapbackspace = function(oEvent){
	if(jQuery(oEvent.target).prop("tagName") != "INPUT"){
		oEvent.preventDefault(); //CSN 4537657 2012: Stop browser history navigation
	}
};
sap.ui.commons.Menu.prototype.onsapbackspacemodifiers = sap.ui.commons.Menu.prototype.onsapbackspace;

sap.ui.commons.Menu.prototype.onsapescape = function(oEvent){
	this.close();
	oEvent.preventDefault();
	oEvent.stopPropagation();
};

sap.ui.commons.Menu.prototype.onsaptabnext = sap.ui.commons.Menu.prototype.onsapescape;
sap.ui.commons.Menu.prototype.onsaptabprevious = sap.ui.commons.Menu.prototype.onsapescape;

sap.ui.commons.Menu.prototype.onmouseover = function(oEvent){
	var oItem = this.getItemByDomRef(oEvent.target);
	if(!this.bOpen || !oItem || oItem == this.oHoveredItem) {
		return;
	}

	if(this.oOpenedSubMenu && jQuery.sap.containsOrEquals(this.oOpenedSubMenu.getDomRef(), oEvent.target)) {
		return;
	}

	this.setHoveredItem(oItem);

	if (this.oOpenedSubMenu) {
		this.oOpenedSubMenu.close();
		this.oOpenedSubMenu = null;
	}

	if(jQuery.sap.checkMouseEnterOrLeave(oEvent, this.getDomRef())){
		this.getDomRef().focus();
	}

	if(this.checkEnabled(oItem)) {
		this.openSubmenu(oItem, false);
	}
};

sap.ui.commons.Menu.prototype.onmouseout = function(oEvent){
	if(jQuery.sap.checkMouseEnterOrLeave(oEvent, this.getDomRef())){
		if(!this.oOpenedSubMenu || !this.oOpenedSubMenu.getParent() === this.oHoveredItem) {
			this.setHoveredItem(null);
		}
	}
};

/**
 * Handles the outer event of the popup.
 * @param {sap.ui.core.Event} oControlEvent The event
 * @private
 */
sap.ui.commons.Menu.prototype.onAnyEvent = function(oEvent){
	if(!this.bOpen || oEvent.type != "mousedown") {
		return;
	}
	var oSource = oEvent.target, oDomRef = this.getDomRef();
	if(!jQuery.sap.containsOrEquals(oDomRef, oSource) || oSource.tagName=="BODY"){
		this.getRootMenu().handleOuterEvent(this.getId(), oEvent);
	}
};

/**
 * Handles the onsapfocusleave event
 * @param {jQuery.Event} oEvent The browser event
 * @private
 */
sap.ui.commons.Menu.prototype.onsapfocusleave = function(oEvent){
	// Only the deepest opened sub menu should handle the event or ignore the event from an item
	if(this.oOpenedSubMenu || !this.bOpen) {
		return;
	}
	this.getRootMenu().handleOuterEvent(this.getId(), oEvent);
};

//****** Helper Methods ******

sap.ui.commons.Menu.prototype.handleOuterEvent = function(oMenuId, oEvent){
	var isInMenuHierarchy = false;
	if (oEvent.type == "mousedown"){
		var currentMenu = this;
		while(currentMenu){
			if(jQuery.sap.containsOrEquals(currentMenu.getDomRef(), oEvent.target)){
				isInMenuHierarchy = true;
			}
			currentMenu = currentMenu.oOpenedSubMenu;
		}
	}else if (oEvent.type == "sapfocusleave"){
		if(oEvent.relatedControlId){
			var currentMenu = this;
			while(currentMenu){
				if((currentMenu.oOpenedSubMenu && currentMenu.oOpenedSubMenu.getId() == oEvent.relatedControlId)
						|| jQuery.sap.containsOrEquals(currentMenu.getDomRef(), jQuery.sap.byId(oEvent.relatedControlId).get(0))){
					isInMenuHierarchy = true;
				}
				currentMenu = currentMenu.oOpenedSubMenu;
			}
		}
	}

	if(!isInMenuHierarchy) {
		this.ignoreOpenerDOMRef = true;
		this.close();
		this.ignoreOpenerDOMRef = false;
	}
};

sap.ui.commons.Menu.prototype.getItemByDomRef = function(oDomRef){
	var oItems = this.getItems(),
		iLength = oItems.length;
	for(var i=0;i<iLength;i++){
		var oItem = oItems[i],
			oItemRef = oItem.getDomRef();
		if(jQuery.sap.containsOrEquals(oItemRef, oDomRef)) {
			return oItem;
		}
	}
	return null;
};

sap.ui.commons.Menu.prototype.selectItem = function(oItem, bWithKeyboard){
	if(!oItem || !(oItem instanceof sap.ui.commons.MenuItemBase && this.checkEnabled(oItem))) {
		return;
	}

	var oSubMenu = oItem.getSubmenu();

	if(!oSubMenu){
		// This is a normal item -> Close all menus and fire event.
		this.getRootMenu().close();
	}else{
		// Item with sub menu was triggered -> Open sub menu and fire event.
		this.openSubmenu(oItem, bWithKeyboard);
	}

	oItem.fireSelect({item: oItem});
	this.getRootMenu().fireItemSelect({item: oItem});
};

sap.ui.commons.Menu.prototype.isSubMenu = function(){
	return this.getParent() && this.getParent().getParent && this.getParent().getParent() instanceof sap.ui.commons.Menu;
};

sap.ui.commons.Menu.prototype.getRootMenu = function(){
	var oMenu = this;
	while(oMenu.isSubMenu()){
		oMenu = oMenu.getParent().getParent();
	}
	return oMenu;
};

sap.ui.commons.Menu.prototype.getMenuLevel = function(){
	var iLevel = 1;
	var oMenu = this;
	while(oMenu.isSubMenu()){
		oMenu = oMenu.getParent().getParent();
		iLevel++;
	}
	return iLevel;
};

sap.ui.commons.Menu.prototype.getPopup = function (){
	if(!this.oPopup){
		this.oPopup = new sap.ui.core.Popup(this, false, true); // content, modal, shadow
	}
	return this.oPopup;
};

sap.ui.commons.Menu.prototype.setHoveredItem = function(oItem){
	if(this.oHoveredItem) {
		this.oHoveredItem.hover(false, this);
	}

	if(!oItem){
		this.oHoveredItem = null;
		jQuery(this.getDomRef()).removeAttr("aria-activedescendant");
		return;
	}

	this.oHoveredItem = oItem;
	oItem.hover(true, this);
	if(sap.ui.getCore().getConfiguration().getAccessibility()) {
		jQuery(this.getDomRef()).attr("aria-activedescendant", oItem.getId());
	}
};

sap.ui.commons.Menu.prototype.openSubmenu = function(oItem, bWithKeyboard){
	var oSubMenu = oItem.getSubmenu();
	if(!oSubMenu) {
		return;
	}

	if(this.oOpenedSubMenu === oSubMenu){
		// Sub menu is already open. Close it.
		this.oOpenedSubMenu = null;
		oSubMenu.close();
	}else{
		if(this.oOpenedSubMenu){
			// Another sub menu is open. Close it at first.
			this.oOpenedSubMenu.close();
			this.oOpenedSubMenu = null;
		}
		// Open the sub menu
		this.oOpenedSubMenu = oSubMenu;
		var eDock = sap.ui.core.Popup.Dock;
		oSubMenu.open(bWithKeyboard, this, eDock.BeginTop, eDock.EndTop, oItem, "0 0");
	}
};

sap.ui.commons.Menu.prototype.checkEnabled = function(oItem){
	return oItem && oItem.getEnabled() && this.getEnabled();
};

sap.ui.commons.Menu.prototype.getNextVisibleItem = function(iIdx){
	var oItem = null;
	var aItems = this.getItems();

	// At first, start with the next index
	for(var i=iIdx+1; i<aItems.length; i++){
		if(aItems[i].getVisible()){
			oItem = aItems[i];
			break;
		}
	}

	// If nothing found, start from the beginning
	if(!oItem){
		for(var i=0; i<=iIdx; i++){
			if(aItems[i].getVisible()){
				oItem = aItems[i];
				break;
			}
		}
	}

	return oItem;
};

sap.ui.commons.Menu.prototype.getPreviousVisibleItem = function(iIdx){
	var oItem = null;
	var aItems = this.getItems();

	// At first, start with the previous index
	for(var i=iIdx-1; i>=0; i--){
		if(aItems[i].getVisible()){
			oItem = aItems[i];
			break;
		}
	}

	// If nothing found, start from the end
	if(!oItem){
		for(var i=aItems.length-1; i>=iIdx; i--){
			if(aItems[i].getVisible()){
				oItem = aItems[i];
				break;
			}
		}
	}

	return oItem;
};

sap.ui.commons.Menu.prototype.setRootMenuTopStyle = function(bUseTopStyle){
	this.getRootMenu().bUseTopStyle = bUseTopStyle;
	sap.ui.commons.Menu.rerenderMenu(this.getRootMenu());
};


sap.ui.commons.Menu.rerenderMenu = function(oMenu){
	var aItems = oMenu.getItems();
	for(var i=0; i<aItems.length; i++){
		var oSubMenu = aItems[i].getSubmenu();
		if(oSubMenu) {
			sap.ui.commons.Menu.rerenderMenu(oSubMenu);
		}
	}

	oMenu.invalidate();
	oMenu.rerender();
};

//see jQuery.ui.position.flip
jQuery.ui.position._sapUiCommonsMenuFlip = {
	left: function(position, data){
		if(data.at[0] === "center"){
			return;
		}
		var win = jQuery(window),
			over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft(),
			myOffset = data.my[0] === "left" ?
				-data.elemWidth :
				data.my[0] === "right" ?
					data.elemWidth :
					0,
			atOffset = data.at[0] === "left" ?
				data.targetWidth :
				-data.targetWidth,
			offset = -2 * data.offset[0],
			correction = 0,
			skipCorrection = false;
		
		over = data.collisionPosition.left < 0 ? Math.abs(data.collisionPosition.left) : over;
		
		if(over > 0){
			correction = myOffset + atOffset + offset;
			var over2 = data.collisionPosition.left + correction;
			
			if(correction > 0){ //Move to right
				over2 += data.collisionWidth - win.width() - win.scrollLeft();
				skipCorrection = over2 > 0 && Math.abs(over2) > over;
			}else if(correction < 0){ //Move to left
				skipCorrection = over2 < 0 && Math.abs(over2) > over;
			}
			
			correction = skipCorrection ? 0 : correction;
		}
		position.left += correction;
	},
	top: function(position, data){
		if(data.at[1] === "center" ){
			return;
		}
		var win = jQuery(window),
			over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop(),
			myOffset = data.my[1] === "top" ?
				-data.elemHeight :
				data.my[1] === "bottom" ?
					data.elemHeight :
					0,
			atOffset = data.at[1] === "top" ?
				data.targetHeight :
				-data.targetHeight,
			offset = -2 * data.offset[1],
			correction = 0;
		
		if(data.collisionPosition.top < 0 || over > 0) {
			correction = myOffset + atOffset + offset;
			var over2 = data.collisionPosition.top + correction;
			
			if(over2 < 0 && over > 0 && Math.abs(over2) > over){
				correction = 0;
			}
		}
		position.top += correction;
	}
};
}; // end of sap.ui.commons.Menu
if ( !jQuery.sap.isDeclared('sap.ui.commons.MenuButton') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.MenuButton.
jQuery.sap.declare("sap.ui.commons.MenuButton");



/**
 * Constructor for a new MenuButton.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getDockButton dockButton} : string</li>
 * <li>{@link #getDockMenu dockMenu} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getMenu menu} : sap.ui.commons.Menu</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.MenuButton#event:itemSelected itemSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.Button#constructor sap.ui.commons.Button}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Common button control that opens a menu when clicked by the user. The control provides an API for configuring the docking position
 * of the menu.
 * 
 * @extends sap.ui.commons.Button
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.MenuButton
 */
sap.ui.commons.Button.extend("sap.ui.commons.MenuButton", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"dockButton" : {type : "string", group : "Misc", defaultValue : null},
		"dockMenu" : {type : "string", group : "Misc", defaultValue : null}
	},
	defaultAggregation : "menu",
	aggregations : {
    	"menu" : {type : "sap.ui.commons.Menu", multiple : false}
	},
	events : {
		"itemSelected" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.MenuButton with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.MenuButton.extend
 * @function
 */

sap.ui.commons.MenuButton.M_EVENTS = {'itemSelected':'itemSelected'};


/**
 * Getter for property <code>dockButton</code>.
 * The position / edge (see sap.ui.core.Popup.Dock) of the button where the menu is docked. Default is 'begin bottom'.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>dockButton</code>
 * @public
 * @name sap.ui.commons.MenuButton#getDockButton
 * @function
 */

/**
 * Setter for property <code>dockButton</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sDockButton  new value for property <code>dockButton</code>
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuButton#setDockButton
 * @function
 */


/**
 * Getter for property <code>dockMenu</code>.
 * The position / edge (see sap.ui.core.Popup.Dock) of the menu which is docked to the button. Default is 'begin top'.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>dockMenu</code>
 * @public
 * @name sap.ui.commons.MenuButton#getDockMenu
 * @function
 */

/**
 * Setter for property <code>dockMenu</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sDockMenu  new value for property <code>dockMenu</code>
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuButton#setDockMenu
 * @function
 */


/**
 * Getter for aggregation <code>menu</code>.<br/>
 * Menu that shall be opened when the button is clicked
 * 
 * @return {sap.ui.commons.Menu}
 * @public
 * @name sap.ui.commons.MenuButton#getMenu
 * @function
 */


/**
 * Setter for the aggregated <code>menu</code>.
 * @param oMenu {sap.ui.commons.Menu}
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuButton#setMenu
 * @function
 */
	

/**
 * Destroys the menu in the aggregation 
 * named <code>menu</code>.
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuButton#destroyMenu
 * @function
 */


/**
 * Event that is fired when a menu item is selected by the user 
 *
 * @name sap.ui.commons.MenuButton#itemSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.itemId The ID of the selected item
 * @param {sap.ui.commons.MenuItemBase} oControlEvent.getParameters.item The selected item
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'itemSelected' event of this <code>sap.ui.commons.MenuButton</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.MenuButton</code>.<br/> itself. 
 *  
 * Event that is fired when a menu item is selected by the user 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.MenuButton</code>.<br/> itself.
 *
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuButton#attachItemSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'itemSelected' event of this <code>sap.ui.commons.MenuButton</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuButton#detachItemSelected
 * @function
 */

/**
 * Fire event itemSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'itemId' of type <code>string</code> The ID of the selected item</li>
 * <li>'item' of type <code>sap.ui.commons.MenuItemBase</code> The selected item</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.MenuButton#fireItemSelected
 * @function
 */


// Start of sap/ui/commons/MenuButton.js


(function() {
	
sap.ui.commons.MenuButton.prototype.init = function() {
	this.addStyleClass("sapUiMenuButton");
	this.bWithKeyboard = false;
};

/**
 * Function is called when button is clicked.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuButton.prototype.onclick = function(oEvent) {
	if(this.getEnabled() && !this._bSkipOpen){
		var sDockButton = this.getDockButton() ? this.getDockButton() : sap.ui.core.Popup.Dock.BeginBottom;
		var sDockMenu = this.getDockMenu() ? this.getDockMenu() : sap.ui.core.Popup.Dock.BeginTop;
		this.getMenu().open(this.bWithKeyboard, this, sDockMenu, sDockButton, this);
	}
	this.bWithKeyboard = false;
	this._bSkipOpen = false;
	oEvent.preventDefault();
	oEvent.stopPropagation();
};


/**
 * Function is called when mouse key is clicked down.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuButton.prototype.onmousedown = function(oEvent) {
	this.handleMouseDown(oEvent, false);
	this._bSkipOpen = this.getMenu() && this.getMenu().bOpen;
};


/**
 * Function is called when mouse leaves the control.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuButton.prototype.onmouseout = function(oEvent) {
	if(sap.ui.commons.Button.prototype.onmouseout){
		sap.ui.commons.Button.prototype.onmouseout.apply(this, arguments);
	}
	if(this._bSkipOpen && jQuery.sap.checkMouseEnterOrLeave(oEvent, this.getDomRef())){
		this._bSkipOpen = false;
	}
};


/**
 * Function is called when enter key is pressed.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuButton.prototype.onsapenter = function(oEvent){
	//It is sufficient to set this flag here only. A click event to open the menu will follow.
	this.bWithKeyboard = true;
};

/**
 * Function is called when space key is pressed.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuButton.prototype.onsapspace = function(oEvent){
	//It is sufficient to set this flag here only. A click event to open the menu will follow.
	this.bWithKeyboard = true;
};

/**
 * Function is called when down key is pressed with a modifier key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
//Requested by UX, see CSN 0120061532 0001379793 2011
sap.ui.commons.MenuButton.prototype.onsapdownmodifiers = function(oEvent){
	if(oEvent.altKey){
		this.bWithKeyboard = true;
		this.onclick(oEvent);
	}
};

sap.ui.commons.MenuButton.prototype.clone = function(sIdSuffix, aLocalIds) {
	//Deregister event listener before cloning
	updateMenuEventRegistration(this);
	var oClone = sap.ui.commons.Button.prototype.clone.apply(this, arguments);
	updateMenuEventRegistration(this, this.getMenu());
	return oClone;
};

/**
 * Setter for the aggregated <code>menu</code>.
 * @param oMenu {sap.ui.commons.Menu}
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.MenuButton.prototype.setMenu = function(oMenu) {
	updateMenuEventRegistration(this, oMenu);
	this.setAggregation("menu", oMenu);
	return this;
};

/**
 * Destroys the menu in the aggregation
 * named <code>menu</code>.
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.MenuButton.prototype.destroyMenu = function() {
	updateMenuEventRegistration(this, null);
	this.destroyAggregation("menu");
	return this;
};

//********** Private **********

// Detaches the select event handler from the current menu and attaches it to the new menu
var updateMenuEventRegistration = function(oThis, oNewMenu){
	var oMenu = oThis.getMenu();
	if(oMenu) {
		oMenu.detachItemSelect(oThis._fItemSelectHandler);
	}
	oThis._fItemSelectHandler = jQuery.proxy(onItemSelected, oThis);
	if(oNewMenu) {
		oNewMenu.attachItemSelect(oThis._fItemSelectHandler);
	}
};

//Function is called when an item in the menu was selected.
var onItemSelected = function(oEvent){
	var oItem = oEvent.getParameter("item");

	//Forces menu closing
	this.getMenu().close();

	this.fireItemSelected({itemId: oItem.getId(), item: oItem});
	this.firePress({itemId: oItem.getId(), item: oItem});
};

}());

// to overwrite JS doc for inherited press event

/**
 * Fired when an item from the menu was selected.
 *
 * @see sap.ui.commons.MenuButton#itemSelected
 *
 * @name sap.ui.commons.MenuButton#press
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters
 *
 * @param {string} oControlEvent.getParameters.itemId The id of the selected item
 * @param {sap.ui.commons.MenuItemBase} oControlEvent.getParameters.item The selected item
 * @public
 */

/**
 * Attach event-handler <code>fnFunction</code> to the 'press' event of this <code>sap.ui.commons.MenuButton</code>.<br/>
 *
 * Event is fired when an item from the menu was selected.
 *
 * @see sap.ui.commons.MenuButton#attachItemSelected
 *
 * @param {object}
 *            [oData] The object, that should be passed along with the event-object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs. This function will be called on the
 *            oListener-instance (if present) or in a 'static way'.
 * @param {object}
 *            [oListener] Object on which to call the given function. If empty, the global context (window) is used.
 *
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 */

/**
 * Detach event-handler <code>fnFunction</code> from the 'press' event of this <code>sap.ui.commons.MenuButton</code>.<br/>
 *
 * The passed function and listener object must match the ones previously used for event registration.
 *
 * @see sap.ui.commons.MenuButton#detachItemSelected
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Object on which the given function had to be called.
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @public
 */

/**
 * Fire event press to attached listeners.
 *
 * @see sap.ui.commons.MenuButton#fireItemSelected
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.MenuButton} <code>this</code> to allow method chaining
 * @protected
 */
}; // end of sap.ui.commons.MenuButton
if ( !jQuery.sap.isDeclared('sap.ui.commons.MenuItem') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.MenuItem.
jQuery.sap.declare("sap.ui.commons.MenuItem");



/**
 * Constructor for a new MenuItem.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string (default: '')</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI (default: '')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.MenuItemBase#constructor sap.ui.commons.MenuItemBase}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Smallest unit in the menu hierarchy. An item can be a direct part of a menu bar, of a menu, or of a sub menu.
 * 
 * @extends sap.ui.commons.MenuItemBase
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.MenuItem
 */
sap.ui.commons.MenuItemBase.extend("sap.ui.commons.MenuItem", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"text" : {type : "string", group : "Appearance", defaultValue : ''},
		"icon" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : ''}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.MenuItem with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.MenuItem.extend
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * 
 * Item text
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.commons.MenuItem#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.commons.MenuItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItem#setText
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * 
 * Icon to be displayed
 * 
 *
 * Default value is <code>''</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.commons.MenuItem#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.commons.MenuItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuItem#setIcon
 * @function
 */


// Start of sap/ui/commons/MenuItem.js
sap.ui.commons.MenuItem.prototype.render = function(oRenderManager, oItem, oMenu, oInfo){
	var rm = oRenderManager;
	var oSubMenu = oItem.getSubmenu();
	rm.write("<li ");
	rm.writeAttribute("class", "sapUiMnuItm" + (oMenu.checkEnabled(oItem) ? "" : " sapUiMnuItmDsbl"));
	if(oItem.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oItem.getTooltip_AsString());
	}
	rm.writeElementData(oItem);

	// ARIA
	if(oInfo.bAccessible){
		rm.writeAttribute("role", "menuitem");
		rm.writeAttribute("aria-labelledby", oMenu.getId()+" "+this.getId()+"-txt "+this.getId()+"-scuttxt");
		rm.writeAttribute("aria-disabled", !oMenu.checkEnabled(oItem));
		rm.writeAttribute("aria-posinset", oInfo.iItemNo);
		rm.writeAttribute("aria-setsize", oInfo.iTotalItems);
		if (oSubMenu) {
			rm.writeAttribute("aria-haspopup", true);
			rm.writeAttribute("aria-owns", oSubMenu.getId());
		}
	}

	// Left border
	rm.write("><div class=\"sapUiMnuItmL\"></div>");

	// icon/check column
	rm.write("<div class=\"sapUiMnuItmIco\">");
	if (oItem.getIcon()) {
		rm.write("<img");
		rm.writeAttributeEscaped("src", oItem.getIcon());
		rm.write("/>");
	}
	rm.write("</div>");

	// Text column
	rm.write("<div id=\""+this.getId()+"-txt\" class=\"sapUiMnuItmTxt\">");
	rm.writeEscaped(oItem.getText());
	rm.write("</div>");

	// Shortcut column
	rm.write("<div id=\""+this.getId()+"-scuttxt\" class=\"sapUiMnuItmSCut\"></div>");

	// Submenu column
	rm.write("<div class=\"sapUiMnuItmSbMnu\">");
	if(oSubMenu) {
		rm.write("<div>&nbsp;</div>");
	}
	rm.write("</div>");

	// Right border
	rm.write("<div class=\"sapUiMnuItmR\"></div>");

	rm.write("</li>");
};

/**
 * @protected
 */
sap.ui.commons.MenuItem.prototype.hover = function(bHovered, oMenu){
	if(bHovered){
		jQuery(this.getDomRef()).addClass("sapUiMnuItmHov");
	}else{
		jQuery(this.getDomRef()).removeClass("sapUiMnuItmHov");
	}
};
}; // end of sap.ui.commons.MenuItem
if ( !jQuery.sap.isDeclared('sap.ui.commons.MenuTextFieldItem') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.MenuTextFieldItem.
jQuery.sap.declare("sap.ui.commons.MenuTextFieldItem");



/**
 * Constructor for a new MenuTextFieldItem.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getLabel label} : string</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getValue value} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.MenuItemBase#constructor sap.ui.commons.MenuItemBase}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Menu item which contains an text field. This menu item is e.g. helpful for filters.
 * The aggregation 'submenu' (inherited from parent class) is not supported for this type of menu item.
 * @extends sap.ui.commons.MenuItemBase
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.MenuTextFieldItem
 */
sap.ui.commons.MenuItemBase.extend("sap.ui.commons.MenuTextFieldItem", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"label" : {type : "string", group : "Appearance", defaultValue : null},
		"icon" : {type : "sap.ui.core.URI", group : "Appearance", defaultValue : null},
		"value" : {type : "string", group : "Misc", defaultValue : null}
	},
	aggregations : {
    	"_label" : {type : "sap.ui.commons.Label", multiple : false, visibility : "hidden"}, 
    	"_textfield" : {type : "sap.ui.commons.TextField", multiple : false, visibility : "hidden"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.MenuTextFieldItem with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.MenuTextFieldItem.extend
 * @function
 */


/**
 * Getter for property <code>label</code>.
 * The label of the contained text field.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>label</code>
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#getLabel
 * @function
 */

/**
 * Setter for property <code>label</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sLabel  new value for property <code>label</code>
 * @return {sap.ui.commons.MenuTextFieldItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#setLabel
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * Icon to be displayed.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.commons.MenuTextFieldItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#setIcon
 * @function
 */


/**
 * Getter for property <code>value</code>.
 * Value of the contained text field.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>value</code>
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#getValue
 * @function
 */

/**
 * Setter for property <code>value</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sValue  new value for property <code>value</code>
 * @return {sap.ui.commons.MenuTextFieldItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#setValue
 * @function
 */


// Start of sap/ui/commons/MenuTextFieldItem.js




(function() {

/**
 * Does the setup when the item is created.
 * @private
 */
sap.ui.commons.MenuTextFieldItem.prototype.init = function(){
	sap.ui.commons.MenuItemBase.prototype.init.apply(this, arguments);
	var that = this;
	var oDelegate = {
		onAfterRendering : function(){
			that._tf.$().attr("tabIndex", -1);
			var iLblWidth = that._lbl.$().outerWidth(true) + 6;
			var iIcoWidth = that.$().find(".sapUiMnuItmIco").outerWidth(true);
			that._tf.$().parent().css(sap.ui.getCore().getConfiguration().getRTL() ? "right" : "left", (iLblWidth+iIcoWidth)+"px").css("width", "auto");
		},
		onclick: function(oEvent){
			if(!that._tf.getEnabled() && jQuery.browser.msie){
				that.getParent().focus();
			}
		}
	};
	this._tf = new sap.ui.commons.TextField(this.getId()+"-tf");
	this._tf.addDelegate(oDelegate);
	this.setAggregation("_textfield", this._tf);
	this._lbl = new sap.ui.commons.Label(this.getId()+"-lbl", {labelFor: this._tf});
	this._lbl.addDelegate(oDelegate);
	this.setAggregation("_label", this._lbl);
};


/**
 * Does all the cleanup when the item is to be destroyed.
 * Called from Element's destroy() method.
 * @private
 */
sap.ui.commons.MenuTextFieldItem.prototype.exit = function(){
	this._lbl = null;
	this._tf = null;
};


/**
 * Called by the Menu renderer when the item should be rendered.
 * @private
 */
sap.ui.commons.MenuTextFieldItem.prototype.render = function(oRenderManager, oItem, oMenu, oInfo){
	var rm = oRenderManager;
	rm.write("<li "); 
	rm.writeAttribute("class", "sapUiMnuItm sapUiMnuTfItm" + (oMenu.checkEnabled(oItem) ? "" : " sapUiMnuItmDsbl"));
	if(oItem.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oItem.getTooltip_AsString());
	}	
	rm.writeElementData(oItem);
	
	// ARIA
	if(oInfo.bAccessible){
		rm.writeAttribute("role", "menuitem");
		rm.writeAttribute("aria-labelledby", oMenu.getId()+" "+this.getId()+"-txt "+this.getId()+"-scuttxt");
		rm.writeAttribute("aria-disabled", !oMenu.checkEnabled(oItem));
		rm.writeAttribute("aria-posinset", oInfo.iItemNo);
		rm.writeAttribute("aria-setsize", oInfo.iTotalItems);
	}
	
	// Left border
	rm.write("><div class=\"sapUiMnuItmL\"></div>");
	
	// icon/check column 
	rm.write("<div class=\"sapUiMnuItmIco\">");
	if (oItem.getIcon()) {
		rm.write("<img");
		rm.writeAttributeEscaped("src", oItem.getIcon());
		rm.write("/>");
	}
	rm.write("</div>");
	
	// Text filed column 
	rm.write("<div id=\""+this.getId()+"-txt\" class=\"sapUiMnuItmTxt\">");
	rm.renderControl(this._lbl);
	rm.write("<div id=\""+this.getId()+"-str\" class=\"sapUiMnuTfItmStretch\"></div>"); // Helper to strech the width if needed
	this._tf.setValue(this.getValue()); //Ensure the correct value is rendered
	this._tf.setEnabled(this.getEnabled() && this.getParent().getEnabled()); //Ensure the correct state is rendered
	rm.write("<div class=\"sapUiMnuTfItemWrppr\">");
	rm.renderControl(this._tf);
	rm.write("</div></div>");
	
	// Right border
	rm.write("<div class=\"sapUiMnuItmR\"></div>");

	rm.write("</li>");
};


/**
 * Called by the Menu renderer when the item is hovered.
 * @private
 */
sap.ui.commons.MenuTextFieldItem.prototype.hover = function(bHovered, oMenu){
	if(bHovered){
		jQuery(this.getDomRef()).addClass("sapUiMnuItmHov");
		jQuery(this._tf.getDomRef()).addClass("sapUiTfFoc");
		if(this.getEnabled()){
			var that = this;
			function focusTF() { that._tf.focus(); };
			if(jQuery("html").attr("data-sap-ui-browser") === "ie8"){
				setTimeout(focusTF, 0);
			}else{
				focusTF();
			}
		}
	}else{
		jQuery(this.getDomRef()).removeClass("sapUiMnuItmHov");
		jQuery(this._tf.getDomRef()).removeClass("sapUiTfFoc");
	}
};


sap.ui.commons.MenuTextFieldItem.prototype.onsapup = function(oEvent){
	this.getParent().focus();
	this.getParent().onsapprevious(oEvent);
};


sap.ui.commons.MenuTextFieldItem.prototype.onsapdown = function(oEvent){
	this.getParent().focus();
	this.getParent().onsapnext(oEvent);
};


sap.ui.commons.MenuTextFieldItem.prototype.onsaphome = function(oEvent){
	this.getParent().focus();
	this.getParent().onsaphome(oEvent);
};


sap.ui.commons.MenuTextFieldItem.prototype.onsapend = function(oEvent){
	this.getParent().focus();
	this.getParent().onsapend(oEvent);
};


sap.ui.commons.MenuTextFieldItem.prototype.onsapescape = function(oEvent){
	this.getParent().onsapescape(oEvent);
};


sap.ui.commons.MenuTextFieldItem.prototype.onkeydown = function(oEvent){
	oEvent.stopPropagation();
};


sap.ui.commons.MenuTextFieldItem.prototype.onclick = function(oEvent){
	oEvent.preventDefault();
	oEvent.stopPropagation();
};


sap.ui.commons.MenuTextFieldItem.prototype.onsapenter = function(oEvent){
	var sValue = oEvent.target.value;
	this.setValue(sValue, true);
	this.getParent().selectItem(this);
	oEvent.preventDefault();
	oEvent.stopPropagation();
};


// ************ Overridden API functions *************

/**
 * Getter for aggregation <code>submenu</code>.<br/>
 * Aggregation of a menu item's sub menu.
 * 
 * @return {sap.ui.commons.Menu}
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#getSubmenu
 * @deprecated The aggregation 'submenu' (inherited from parent class) is not supported for this type of menu item.
 * @function
 */
 
/**
 * Destroys the submenu in the aggregation 
 * named <code>submenu</code>.
 * @return {sap.ui.commons.MenuTextFieldItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#destroySubmenu
 * @deprecated The aggregation 'submenu' (inherited from parent class) is not supported for this type of menu item.
 * @function
 */

/**
 * Setter for the aggregated <code>submenu</code>.
 * @param oSubmenu {sap.ui.commons.Menu}
 * @return {sap.ui.commons.MenuTextFieldItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuTextFieldItem#setSubmenu
 * @deprecated The aggregation 'submenu' (inherited from parent class) is not supported for this type of menu item.
 * @function
 */
sap.ui.commons.MenuTextFieldItem.prototype.setSubmenu = function(oMenu){
	jQuery.sap.log.warning("The aggregation 'submenu' is not supported for this type of menu item.", "", "sap.ui.commons.MenuTextFieldItem");
	return this;
};


sap.ui.commons.MenuTextFieldItem.prototype.setLabel = function(sLabel){
	this._lbl.setText(sLabel);
	return this;
};


sap.ui.commons.MenuTextFieldItem.prototype.getLabel = function(){
	return this._lbl.getText();
};


sap.ui.commons.MenuTextFieldItem.prototype.setValue = function(sValue, bSupR){
	this.setProperty("value", sValue, bSupR);
	this._tf.setValue(sValue);
	return this;
};

}());

}; // end of sap.ui.commons.MenuTextFieldItem
if ( !jQuery.sap.isDeclared('sap.ui.commons.PasswordField') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.PasswordField.
jQuery.sap.declare("sap.ui.commons.PasswordField");



/**
 * Constructor for a new PasswordField.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.TextField#constructor sap.ui.commons.TextField}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A text field with masked characters which borrows its properties and methods from TextField.
 * @extends sap.ui.commons.TextField
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.PasswordField
 */
sap.ui.commons.TextField.extend("sap.ui.commons.PasswordField", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons"
}});


/**
 * Creates a new subclass of class sap.ui.commons.PasswordField with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.PasswordField.extend
 * @function
 */


// Start of sap/ui/commons/PasswordField.js

}; // end of sap.ui.commons.PasswordField
if ( !jQuery.sap.isDeclared('sap.ui.commons.RangeSlider') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.RangeSlider.
jQuery.sap.declare("sap.ui.commons.RangeSlider");



/**
 * Constructor for a new RangeSlider.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getValue2 value2} : float (default: 80)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.Slider#constructor sap.ui.commons.Slider}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The interactive control is displayed either as a horizontal or a vertical line with two pointers and units of measurement.
 * Users can move the pointers along the line to change a range with graphical support.
 * @extends sap.ui.commons.Slider
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.8.0
 * @name sap.ui.commons.RangeSlider
 */
sap.ui.commons.Slider.extend("sap.ui.commons.RangeSlider", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"value2" : {type : "float", group : "Appearance", defaultValue : 80}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.RangeSlider with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.RangeSlider.extend
 * @function
 */


/**
 * Getter for property <code>value2</code>.
 * Current second value of the slider. (Position of the second grip.)
 *
 * Default value is <code>80</code>
 *
 * @return {float} the value of property <code>value2</code>
 * @public
 * @name sap.ui.commons.RangeSlider#getValue2
 * @function
 */

/**
 * Setter for property <code>value2</code>.
 *
 * Default value is <code>80</code> 
 *
 * @param {float} fValue2  new value for property <code>value2</code>
 * @return {sap.ui.commons.RangeSlider} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.RangeSlider#setValue2
 * @function
 */


// Start of sap/ui/commons/RangeSlider.js
///**
// * This file defines the control behavior.
// */
sap.ui.commons.RangeSlider.prototype.onAfterRendering = function() {
	
	this.oGrip2 = jQuery.sap.domById(this.getId() + '-grip2');
	// standard behavior of Slider
	sap.ui.commons.Slider.prototype.onAfterRendering.apply(this);

	var fNewValueLeft = this.getValue();
	var fNewValueRight = this.getValue2();

	if (fNewValueLeft >= fNewValueRight) {
		fNewValueLeft = fNewValueRight;
	} else if (fNewValueLeft <= this.getMin()) {
		fNewValueLeft = this.getMin();
	}
	if (fNewValueRight >= this.getMax()) {
		fNewValueRight = this.getMax();
	} else if (fNewValueRight <= fNewValueLeft) {
		fNewValueRight = fNewValueLeft;
	}

	// Calculate grip position
	var iNewPosLeft = (fNewValueLeft - this.getMin())
			/ (this.getMax() - this.getMin()) * this.getBarWidth();
	var iNewPosRight = (fNewValueRight - this.getMin())
			/ (this.getMax() - this.getMin()) * this.getBarWidth();
	
	if (this.bRtl || this.getVertical()) {
		iNewPosLeft = this.getBarWidth()-iNewPosLeft;
		iNewPosRight = this.getBarWidth()-iNewPosRight;
	}
	
	// Move grip to hit the point in the middle
	this.changeGrip(fNewValueLeft, iNewPosLeft, this.oGrip);
	this.changeGrip(fNewValueRight, iNewPosRight, this.oGrip2);

};

/**
 * Function is called when window is resized
 * 
 * @param {jQuery.Event}
 *            oEvent
 * @private
 */
sap.ui.commons.RangeSlider.prototype.onresize = function(oEvent) {

	// If width of control changed -> grip position must be newly calculated

	var fNewValue = this.getValue2();

	var iNewPos = (fNewValue - this.getMin()) / (this.getMax() - this.getMin())
			* this.getBarWidth();
	
	if (this.bRtl || this.getVertical()) {
		iNewPos = this.getBarWidth()-iNewPos;
	}

	this.changeGrip(fNewValue, iNewPos, this.oGrip2);

	sap.ui.commons.Slider.prototype.onresize.apply(this, arguments);

};

/**
 * Function is called when a grip gets focussed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RangeSlider.prototype.onfocusin = function(oEvent) {
	this.oMovingGrip = oEvent.target;
};

/**
 * Function is called when Home key pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RangeSlider.prototype.onsaphome = function(oEvent) {

	if (this.getEditable() && this.getEnabled()){
		if (this.oMovingGrip == this.oGrip) {
			if (this.getVertical()) {
				this.setValue(this.getMin());
			} else {
				this.setValue(this.getMin());
			}
		} else if (this.oMovingGrip == this.oGrip2) {
			if (this.getVertical()) {
				this.setValue2(this.getMin());
			} else {
				this.setValue2(this.getMin());
			}
		}
		this.handleFireChange();
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Function is called when End key pressed
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.RangeSlider.prototype.onsapend = function(oEvent) {

	if (this.getEditable() && this.getEnabled()){
		if (this.oMovingGrip == this.oGrip) {
			if (!this.getVertical()) {
				this.setValue(this.getMax());
			} else {
				this.setValue(this.getMax());
			}
		} else if (this.oMovingGrip == this.oGrip2) {
			if (!this.getVertical()) {
				this.setValue2(this.getMax());
			} else {
				this.setValue2(this.getMax());
			}
		}
		this.handleFireChange();
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * fires the change event. The liveEvent is not fired here.
 *
 * @private
 */
sap.ui.commons.RangeSlider.prototype.handleFireChangeWithoutLive = function() {
	this.fireChange({value: this.getValue(),value2: this.getValue2()});
};

/**
 * Function is called when Slider is moved
 * 
 * @param Grip
 *            oGrip, float fNewValue
 * @private
 */
sap.ui.commons.RangeSlider.prototype.fireLiveChangeForGrip = function(oGrip,
		fNewValue, fOldValue) {
	if (oGrip == this.oGrip) {
		if (fOldValue != fNewValue) {
			// fire event only if value changed
			this.fireLiveChange({
				value : fNewValue,
				value2 : this.getValue2()
			});
		}
	} else if (oGrip == this.oGrip2) {
		if (fOldValue != fNewValue) {
			// fire event only if value changed
			this.fireLiveChange({
				value2 : fNewValue,
				value : this.getValue()
			});
		}
	}
};

/**
 * Function to set width and position of highlight bar
 * 
 * @param int
 *            iNewPos
 * @private
 */
sap.ui.commons.RangeSlider.prototype.adjustHighlightBar = function(iNewPos, oGrip) {
	if (iNewPos < 0 || isNaN(iNewPos))
		iNewPos = 0;
	var iPosLeft = this.getOffsetLeft(this.oGrip) + this.iShiftGrip;
	var iPosRight = this.getOffsetLeft(this.oGrip2) + this.iShiftGrip;
	var iWidth;
	if (this.getVertical()) {
		this.setLeft(iPosRight, this.oHiLi);
		this.setRight(this.getBarWidth() - iPosLeft, this.oHiLi);
		iWidth = Math.round(iPosLeft - iPosRight);
	} else {
		if (this.bRtl) {
			this.setLeft(iPosRight, this.oHiLi);
			this.setRight(this.getBarWidth() - iPosLeft, this.oHiLi);
		} else {
			this.setLeft(iPosLeft, this.oHiLi);
			this.setRight(this.getBarWidth() - iPosRight, this.oHiLi);
		}
		iWidth = Math.abs(Math.round(iPosRight - iPosLeft));
	}
	if (iWidth < 0)
		iWidth = 0;
	this.setObjectWidth(iWidth + 'px', this.oHiLi);

};

/**
 * Set right/bottom for an object. Translates the value for vertical sldiers and
 * RTL
 * 
 * @private
 * @param int
 *            iNewPos New left attribute for specified object
 * @param {jQuery}
 *            oObject
 * @param oObject
 */
sap.ui.commons.RangeSlider.prototype.setRight = function(iNewPos, oObject) {
	if (oObject == undefined)
		return;
	if (this.getVertical()) {
		oObject.style.bottom = iNewPos + 'px';
	} else {
		oObject.style.right = iNewPos + 'px';
	}
};

/**
 * Function to update value property for grip
 * 
 * @param float
 *            fNewValue
 * @private
 */
sap.ui.commons.RangeSlider.prototype.updateValueProperty = function(fNewValue,
		oGrip) {
	// Do not render complete control again
	if (oGrip == this.oGrip) {
		this.setProperty('value', fNewValue, true);
	} else {
		this.setProperty('value2', fNewValue, true);
	}
};

/*
 * Overwrite of generated function - no new JS-doc. Property setter for the
 * value A new rendering is not necessary, only the grip must be moved.
 * 
 * @param fValue @return {sap.ui.commons.Slider} <code>this</code> to allow
 * method chaining @public
 */
sap.ui.commons.RangeSlider.prototype.setValue = function(fValue) {

	this.setProperty('value', fValue, true); // No re-rendering

	// Check for number -> if NaN -> no change
	if (isNaN(fValue)) {
		return this;
	}

	if (!this.oBar) {
		// Not already rendered -> return and render
		return this;
	}

	var fNewValue = parseFloat(fValue);
	var iNewPos;

	if (fNewValue >= this.getValue2()) {
		fNewValue = this.getValue2();
		iNewPos = this.getOffsetLeft(this.oGrip2) + this.iShiftGrip;
		if(this.bRtl && !this.getVertical()){
			iNewPos = this.getBarWidth() - iNewPos;
		}
	} else if (fNewValue <= this.getMin()) {
		fNewValue = this.getMin();
		if (this.getVertical()) {
			iNewPos = this.getBarWidth();
		} else {
			iNewPos = 0;
		}
	} else {
		iNewPos = (fNewValue - this.getMin()) / (this.getMax() - this.getMin())
				* this.getBarWidth();
	}
	
	if(this.bRtl && !this.getVertical()){
		iNewPos = this.getBarWidth() - iNewPos;
	}

	this.changeGrip(fNewValue, iNewPos, this.oGrip);

	return this;

};

/*
 * Overwrite of generated function - no new JS-doc. Property setter for the
 * value A new rendering is not necessary, only the grip must be moved.
 * 
 * @param fValue @return {sap.ui.commons.Slider} <code>this</code> to allow
 * method chaining @public
 */
sap.ui.commons.RangeSlider.prototype.setValue2 = function(fValue) {

	this.setProperty('value2', fValue, true); // No re-rendering

	// Check for number -> if NaN -> no change
	if (isNaN(fValue)) {
		return this;
	}

	if (!this.oBar) {
		// Not already rendered -> return and render
		return this;
	}

	var fNewValue = parseFloat(fValue);
	var iNewPos;

	if (fNewValue >= this.getMax()) {
		fNewValue = this.getMax();
		if (this.getVertical()) {
			iNewPos = 0;
		} else {
			iNewPos = this.getBarWidth();
		}
	} else if (fNewValue <= this.getValue()) {
		fNewValue = this.getValue();
		iNewPos = this.getOffsetLeft(this.oGrip) + this.iShiftGrip;
		if(this.bRtl && !this.getVertical()){
			iNewPos = this.getBarWidth() - iNewPos;
		}
	} else {
		iNewPos = (fNewValue - this.getMin()) / (this.getMax() - this.getMin())
				* this.getBarWidth();
	}

	if(this.bRtl && !this.getVertical()){
		iNewPos = this.getBarWidth() - iNewPos;
	}
	
	this.changeGrip(fNewValue, iNewPos, this.oGrip2);

	return this;

};

/**
 * Function returns grip for click on left side
 * 
 * @private
 */
sap.ui.commons.RangeSlider.prototype.getLeftGrip = function() {
	return this.oGrip;
};

/**
 * Function returns grip for click on left side
 * 
 * @private
 */
sap.ui.commons.RangeSlider.prototype.getRightGrip = function() {
	return this.oGrip2;
};

/**
 * Get value for specified grip.
 * 
 * @private
 * @param oGrip
 * @return float
 */
sap.ui.commons.RangeSlider.prototype.getValueForGrip = function(oGrip) {
	if (oGrip == this.oGrip) {
		return this.getValue();
	} else {
		return this.getValue2();
	}
};

/**
 * Validate new value
 * 
 * @private
 * @param float
 *            fNewValue, int iNewPos, oGrip, boolean bMin
 * @return oCorrectedData
 */
sap.ui.commons.RangeSlider.prototype.validateNewPosition = function(fNewValue,
		iNewPos, oGrip, bMin) {
	if (!this.bRtl || this.getVertical()) {
		if (oGrip == this.oGrip) {
			if (bMin) {
				if (fNewValue <= this.getMin() || iNewPos <= 0) {
					fNewValue = this.getMin();
					if (this.getVertical()) {
						iNewPos   = this.getBarWidth();
					} else {
						iNewPos   = 0;
					}
				}
			} else {
				if (fNewValue >= this.getValue2()) {
					fNewValue = this.getValue2();
					iNewPos = this.getOffsetLeft(this.oGrip2) + this.iShiftLeft;
				}
			}
		} else {
			if (bMin) {
				if (fNewValue <= this.getValue()) {
					fNewValue = this.getValue();
					iNewPos = this.getOffsetLeft(this.oGrip) + this.iShiftLeft;
				}
			} else {
				if (fNewValue >= this.getMax() || iNewPos >= this.getBarWidth()) {
					fNewValue = this.getMax();
					if (!this.getVertical()) {
						iNewPos   = this.getBarWidth();
					} else {
						iNewPos   = 0;
					}
				}
			}
		}
	} else {
		if (oGrip == this.oGrip) {
			if (bMin) {
				if (fNewValue <= this.getMin() || iNewPos >= this.getBarWidth()) {
					fNewValue = this.getMin();
					iNewPos = this.getBarWidth();
				}
			} else {
				if (fNewValue >= this.getValue2()) {
					fNewValue = this.getValue2();
					iNewPos = this.getOffsetLeft(this.oGrip2);
				}
			}
		} else {
			if (bMin) {
				if (fNewValue <= this.getValue()) {
					fNewValue = this.getValue();
					iNewPos = this.getOffsetLeft(this.oGrip);
				}
			} else {
				if (fNewValue >= this.getMax() || iNewPos <= 0) {
					fNewValue = this.getMax();
					iNewPos = 0;
				}
			}
		}
	}
	this.oGrip.setAttribute('aria-valuemax', this.getValue2());
	this.oGrip2.setAttribute('aria-valuemin', this.getValue());
	return {
		fNewValue : fNewValue,
		iNewPos : iNewPos
	};
};

/**
 * Function is called when Slider is moved
 *
 * @param {DOM.Event} Event
 * @private
 */
sap.ui.commons.RangeSlider.prototype.handleMove = function(event) {
	if (this.oMovingGrip == this.oGrip2 && this.getValue2() == this.getMax() && (this.getOffsetLeft(this.oGrip2) - this.getOffsetLeft(this.oGrip) < 2)) {
		this.oMovingGrip = this.oGrip;
		this.oGrip.focus();
	} else if (this.oMovingGrip == this.oGrip && this.getValue() == this.getMin() && (this.getOffsetLeft(this.oGrip2) - this.getOffsetLeft(this.oGrip) < 2)) {
		this.oMovingGrip = this.oGrip2;
		this.oGrip2.focus();
	}
	sap.ui.commons.Slider.prototype.handleMove.apply(this, [event]);
}

/**
 * fires the change event. The liveChange event must be fired too if the change
 * event is fired.
 * 
 * @private
 */
sap.ui.commons.RangeSlider.prototype.handleFireChange = function() {
	this.fireChange({
		value2 : this.getValue2(),
		value : this.getValue()
	});
	this.fireLiveChange({
		value : this.getValue(),
		value2 : this.getValue2()
	});
};

/**
 * Function returns nearest grip
 * 
 * @private
 */
sap.ui.commons.RangeSlider.prototype.getNearestGrip = function(iOffset) {
	var oMovedGrip;

	if (this.getVertical()) {
		var iDistanceLeft = Math.abs(iOffset - this.getOffsetLeft(this.oGrip2));
		var iDistanceRight = Math.abs(this.getOffsetLeft(this.oGrip) - iOffset);
		if (iDistanceLeft == iDistanceRight) {
			if (iOffset > iDistanceRight) {
				oMovedGrip = this.oGrip;
			} else {
				oMovedGrip = this.oGrip2;
			}
		} else if (iDistanceLeft >= iDistanceRight) {
			oMovedGrip = this.oGrip;
		} else {
			oMovedGrip = this.oGrip2;
		}
	} else {
		var iDistanceLeft = Math.abs(iOffset - this.getOffsetLeft(this.oGrip));
		var iDistanceRight = Math
				.abs(this.getOffsetLeft(this.oGrip2) - iOffset);
		if (iDistanceLeft == iDistanceRight) {
			if ((iOffset > iDistanceRight && !this.bRtl) || (iOffset < iDistanceRight && this.bRtl)) {
				oMovedGrip = this.oGrip2;
			} else {
				oMovedGrip = this.oGrip;
			}
		} else if (iDistanceLeft <= iDistanceRight) {
			oMovedGrip = this.oGrip;
		} else {
			oMovedGrip = this.oGrip2;
		}
	}
	return oMovedGrip;
};

/**
 * Set width/height
 * 
 * @private
 * @param int
 *            iNewPos
 * @param oObject
 */
sap.ui.commons.RangeSlider.prototype.setObjectWidth = function(iNewPos, oObject) {
	if (this.getVertical()) {
		oObject.style.height = iNewPos;
	} else {
		oObject.style.width = iNewPos;
	}
};

/**
 * Check if target is a valid grip
 * 
 * @param string
 *            sMyTargetId
 * @private
 */
sap.ui.commons.RangeSlider.prototype.targetIsGrip = function(sMyTargetId) {
	if (sMyTargetId == this.oGrip.id || sMyTargetId == this.oGrip2.id) {
		return true;
	}
	return false;
};
}; // end of sap.ui.commons.RangeSlider
if ( !jQuery.sap.isDeclared('sap.ui.commons.RowRepeaterRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.RowRepeater
jQuery.sap.declare("sap.ui.commons.RowRepeaterRenderer");




/**
 * @class RowRepeater renderer.
 * @static
 */
sap.ui.commons.RowRepeaterRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.commons.RowRepeaterRenderer.render = function(oRenderManager, oControl){

	// escape directly if control is not visible
	if(!oControl.getVisible()) {
		return;
	}

	// opening root DIV
	oRenderManager.write("<div");
	oRenderManager.writeControlData(oControl);
	// add design CSS class: sapUiRrDesignStandard/sapUiRrDesignTransparent/sapUiRrDesignBareShell
	oRenderManager.addClass("sapUiRrDesign" + oControl.getDesign() );
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// render the row repeater header (not in BARESHELL design)
	if( oControl.getDesign() !== sap.ui.commons.RowRepeaterDesign.BareShell){
		this.renderHeader(oRenderManager, oControl);
	}

	// render the row repeater body
	this.renderBody(oRenderManager, oControl);

	// render the row repeater footer (not in BARESHELL design)
	if( oControl.getDesign() !== sap.ui.commons.RowRepeaterDesign.BareShell){
		this.renderFooter(oRenderManager, oControl);
	}

	// closing root DIV
	oRenderManager.write("</div>");

};


sap.ui.commons.RowRepeaterRenderer.renderHeader = function(oRenderManager, oControl) {

	// render the primary toolbar
	this.renderPrimaryToolbar(oRenderManager, oControl);

	// render the secondary toolbar only if more than one sorter is defined
	if(oControl.getSorters().length>1 && oControl.isBound()) {
		this.renderSecondaryToolbar(oRenderManager, oControl);
	}


};


sap.ui.commons.RowRepeaterRenderer.renderPrimaryToolbar = function(oRenderManager, oControl) {

	// opening primary toolbar DIV
	oRenderManager.write("<div");
	oRenderManager.addClass("sapUiRrPtb");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// render a title if the title aggregation is provided
	if(oControl.getTitle()!==null) {
		this.renderTitle(oRenderManager, oControl);
	}

	// render the buttons of the filter
	this.renderFilterToolbar(oRenderManager, oControl);

	// always render the controller that displays either pager or show more
	this.renderController(oRenderManager, oControl);

	// closing primary toolbar DIV
	oRenderManager.write("</div>");

};


sap.ui.commons.RowRepeaterRenderer.renderTitle = function(oRenderManager, oControl) {

	// local variables
	var oTitle = oControl.getTitle();
	var sTooltip = oTitle.getTooltip_AsString();

//BACKUP FOR LOGO AND TITLE IN A SINGLE SHARED DIV:
//	// opening title DIV
//	oRenderManager.write("<div");
//	oRenderManager.addClass("sapUiRrTitle");
//	oRenderManager.writeClasses();
//	if(sTooltip!==undefined) {
//		oRenderManager.writeAttributeEscaped("title", sTooltip);
//	}
//	oRenderManager.write(">");
//
//	// render the icon if it is defined
//	if(oTitle.getIcon()!==null) {
//		oRenderManager.write("<img");
//		oRenderManager.writeAttributeEscaped("src", oTitle.getIcon());
//		oRenderManager.write("/>");
//	}
//
//	// render the text if provided
//	if(oTitle.getText()!==null) {
//		oRenderManager.writeEscaped(oTitle.getText());
//	}
//
//	// closing title DIV
//	oRenderManager.write("</div>");


//LOGO AND TITLE IN 2 SEPARATE DIVs:
	// render the icon if it is defined
	if(oTitle.getIcon()!==null) {
		// opening logo DIV
		oRenderManager.write("<div");
		oRenderManager.addClass("sapUiRrLogo");
		oRenderManager.writeClasses();
		if(sTooltip!==undefined) {
			oRenderManager.writeAttributeEscaped("title", sTooltip);
		}
		oRenderManager.write(">");

		if (oTitle.getIcon()) {
			oRenderManager.write("<img");
			oRenderManager.writeAttributeEscaped("src", oTitle.getIcon());
			oRenderManager.write("/>");
		}
		// closing DIV
		oRenderManager.write("</div>");
	}

	// render the text if provided
	if(oTitle.getText()!==null) {
		// opening title DIV
		oRenderManager.write("<div");
		oRenderManager.addClass("sapUiRrTitle");
		oRenderManager.writeClasses();
		oRenderManager.write(">");

		oRenderManager.writeEscaped(oTitle.getText());

		// closing DIV
		oRenderManager.write("</div>");
	}



};


sap.ui.commons.RowRepeaterRenderer.renderFilterToolbar = function(oRenderManager, oControl) {

	// local variables
	var aFilters = oControl.getFilters();

	// opening filter toolbar DIV
	oRenderManager.write("<div");
	oRenderManager.addClass("sapUiRrFilters");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// don't render any content if there is not minimum 2 filters OR
	// if the row repeater is not bound
	if(aFilters.length>1 && oControl.isBound()) {
		oRenderManager.renderControl(oControl.getAggregation("filterToolbar"));
	}

	// closing filter toolbar DIV
	oRenderManager.write("</div>");

};


sap.ui.commons.RowRepeaterRenderer.renderController = function(oRenderManager, oControl) {

	// opening controller DIV
	oRenderManager.write("<div");
	oRenderManager.addClass("sapUiRrCtrl");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// render "show more" button or pager depending on pager mode flag
	if(!oControl.bPagingMode) {
		oRenderManager.renderControl(oControl.getAggregation("headerShowMoreButton"));
	}

	// closing controller DIV
	oRenderManager.write("</div>");

};


sap.ui.commons.RowRepeaterRenderer.renderSecondaryToolbar = function(oRenderManager, oControl) {

	// local variables
	var aSorters = oControl.getSorters();

	// opening secondary toolbar DIV
	oRenderManager.write("<div");
	oRenderManager.addClass("sapUiRrStb");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// render the "Sort By:" text
	oRenderManager.write("<div");
	oRenderManager.addClass("sapUiRrSortBy");
	oRenderManager.writeClasses();
	oRenderManager.write(">");
	oRenderManager.writeEscaped(oControl.oResourceBundle.getText("SORT_BY") + ":");
	oRenderManager.write("</div>");

	// begin of sorter toolbar wrapping DIV
	oRenderManager.write("<div");
	oRenderManager.addClass("sapUiRrSorters");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// render the toolbar
	oRenderManager.renderControl(oControl.getAggregation("sorterToolbar"));

	// end of sorter toolbar wrapping DIV
	oRenderManager.write("</div>");

	// closing secondary toolbar DIV
	oRenderManager.write("</div>");

};


sap.ui.commons.RowRepeaterRenderer.renderBody = function(oRenderManager, oControl) {

	// variables
	var sId = oControl.getId();
	var iShowMoreSteps = oControl.getShowMoreSteps();
	var iCurrentPage = oControl.getCurrentPage();
	var iNumberOfRows = oControl.getNumberOfRows();
	var iStartIndex = (iCurrentPage-1) * iNumberOfRows;
	var aRows = oControl.getRows();
	var iRowCount = oControl._getRowCount();
	var iMaxRows = iRowCount - iStartIndex;
	var iCurrentVisibleRows = oControl._getRowCount() > iNumberOfRows ? iNumberOfRows : iMaxRows;
	var iLastPage = Math.ceil(iRowCount / iNumberOfRows);
	var iCurrentRow;

	// make sure only to render the max visible rows (not to render pseudo rows)
	iCurrentVisibleRows = Math.min(iCurrentVisibleRows, iMaxRows);

	// in the show more mode we always start with the first row
	if (iShowMoreSteps > 0) {
		iStartIndex = 0;
	}

	// opening body DIV
	oRenderManager.write("<div");
	oRenderManager.writeAttribute("id", sId+"-body");
	oRenderManager.addClass("sapUiRrBody");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// opening UL for current page
	oRenderManager.write("<ul");
	oRenderManager.writeAttribute("id", sId+"-page_"+iCurrentPage);
	oRenderManager.addClass("sapUiRrPage");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// we display a text, if the length of aggregation rows is 0 or we are past the last page
	if(aRows.length===0 || iLastPage<iCurrentPage) {

		// render a "No Data" LI with custom control or default text
			oRenderManager.write("<li");
			oRenderManager.addClass("sapUiRrNoData");
			oRenderManager.writeClasses();
			oRenderManager.write(">");
			var oNoData = oControl.getNoData();
			if (oNoData) {
				oRenderManager.renderControl(oNoData);
			}
			else {
				oRenderManager.writeEscaped(oControl.oResourceBundle.getText("NO_DATA"));
			}
			oRenderManager.write("</li>");

	} else {

		// create additional LI style if row height is fixed
		var sRowHeightStyle;
		if( oControl.getFixedRowHeight() !== "" ) {
			sRowHeightStyle = "height:" + oControl.getFixedRowHeight() + ";overflow:hidden;";
		}

		// loop over all rows visible on current page
		if (oControl.getBinding("rows")) {
			iStartIndex = oControl._bSecondPage ? iNumberOfRows : 0;
		}
		for( iCurrentRow=iStartIndex; iCurrentRow<iStartIndex+iCurrentVisibleRows; iCurrentRow++ ) {

			// open the LI wrapping each row
			oRenderManager.write("<li");
			oRenderManager.writeAttribute("id", sId+"-row_"+iCurrentRow);
			if (sRowHeightStyle) {
				oRenderManager.writeAttribute("style", sRowHeightStyle);
			}
			oRenderManager.addClass("sapUiRrRow");
			oRenderManager.writeClasses();
			oRenderManager.write(">");

			// render the nested control
			oRenderManager.renderControl(aRows[iCurrentRow]);

			// close the wrapping LI
			oRenderManager.write("</li>");

		}

	}

	// closing page UL
	oRenderManager.write("</ul>");

	// closing body DIV
	oRenderManager.write("</div>");

};


sap.ui.commons.RowRepeaterRenderer.renderFooter = function(oRenderManager, oControl) {

	// opening footer DIV
	oRenderManager.write("<div");
	oRenderManager.addClass("sapUiRrFtr");
	oRenderManager.writeClasses();
	oRenderManager.write(">");

	// render "show more" button or pager depending on pager mode flag
	if(oControl.bPagingMode) {
		oRenderManager.renderControl(oControl.getAggregation("footerPager"));
	} else {
		oRenderManager.renderControl(oControl.getAggregation("footerShowMoreButton"));
	}

	// closing footer DIV
	oRenderManager.write("</div>");

};

}; // end of sap.ui.commons.RowRepeaterRenderer
if ( !jQuery.sap.isDeclared('sap.ui.commons.SearchField') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.SearchField.
jQuery.sap.declare("sap.ui.commons.SearchField");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new SearchField.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getEnableListSuggest enableListSuggest} : boolean (default: true)</li>
 * <li>{@link #getShowListExpander showListExpander} : boolean (default: true)</li>
 * <li>{@link #getEnableClear enableClear} : boolean (default: false)</li>
 * <li>{@link #getShowExternalButton showExternalButton} : boolean (default: false)</li>
 * <li>{@link #getEnableCache enableCache} : boolean (default: true)</li>
 * <li>{@link #getEnableFilterMode enableFilterMode} : boolean (default: false)</li>
 * <li>{@link #getValue value} : string (default: '')</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getMaxLength maxLength} : int (default: 0)</li>
 * <li>{@link #getTextAlign textAlign} : sap.ui.core.TextAlign (default: sap.ui.core.TextAlign.Begin)</li>
 * <li>{@link #getVisibleItemCount visibleItemCount} : int (default: 20)</li>
 * <li>{@link #getStartSuggestion startSuggestion} : int (default: 3)</li>
 * <li>{@link #getMaxSuggestionItems maxSuggestionItems} : int (default: 10)</li>
 * <li>{@link #getMaxHistoryItems maxHistoryItems} : int (default: 0)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getSearchProvider searchProvider} : sap.ui.core.search.SearchProvider</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getAriaDescribedBy ariaDescribedBy} : string | sap.ui.core.Control</li>
 * <li>{@link #getAriaLabelledBy ariaLabelledBy} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.SearchField#event:search search} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.commons.SearchField#event:suggest suggest} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Allows the user to type search queries and to trigger the search. Optionally, suggestions can be added.
 * @extends sap.ui.core.Control
 * @implements sap.ui.commons.ToolbarItem
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.SearchField
 */
sap.ui.core.Control.extend("sap.ui.commons.SearchField", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem"
	],
	publicMethods : [
		// methods
		"clearHistory", "suggest"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"enableListSuggest" : {type : "boolean", group : "Behavior", defaultValue : true},
		"showListExpander" : {type : "boolean", group : "Behavior", defaultValue : true},
		"enableClear" : {type : "boolean", group : "Behavior", defaultValue : false},
		"showExternalButton" : {type : "boolean", group : "Behavior", defaultValue : false},
		"enableCache" : {type : "boolean", group : "Behavior", defaultValue : true},
		"enableFilterMode" : {type : "boolean", group : "Behavior", defaultValue : false},
		"value" : {type : "string", group : "Data", defaultValue : ''},
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"maxLength" : {type : "int", group : "Behavior", defaultValue : 0},
		"textAlign" : {type : "sap.ui.core.TextAlign", group : "Appearance", defaultValue : sap.ui.core.TextAlign.Begin},
		"visibleItemCount" : {type : "int", group : "Behavior", defaultValue : 20},
		"startSuggestion" : {type : "int", group : "Behavior", defaultValue : 3},
		"maxSuggestionItems" : {type : "int", group : "Behavior", defaultValue : 10},
		"maxHistoryItems" : {type : "int", group : "Behavior", defaultValue : 0}
	},
	aggregations : {
    	"searchProvider" : {type : "sap.ui.core.search.SearchProvider", multiple : false}
	},
	associations : {
		"ariaDescribedBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaDescribedBy"}, 
		"ariaLabelledBy" : {type : "sap.ui.core.Control", multiple : true, singularName : "ariaLabelledBy"}
	},
	events : {
		"search" : {}, 
		"suggest" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.SearchField with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.SearchField.extend
 * @function
 */

sap.ui.commons.SearchField.M_EVENTS = {'search':'search','suggest':'suggest'};


/**
 * Getter for property <code>enableListSuggest</code>.
 * Defines whether a pop up list shall be provided for suggestions
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableListSuggest</code>
 * @public
 * @name sap.ui.commons.SearchField#getEnableListSuggest
 * @function
 */

/**
 * Setter for property <code>enableListSuggest</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableListSuggest  new value for property <code>enableListSuggest</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setEnableListSuggest
 * @function
 */


/**
 * Getter for property <code>showListExpander</code>.
 * Defines whether the list expander shall be displayed in the case of an enabled list for suggestions. This feature is deactivated on mobile devices.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showListExpander</code>
 * @public
 * @name sap.ui.commons.SearchField#getShowListExpander
 * @function
 */

/**
 * Setter for property <code>showListExpander</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowListExpander  new value for property <code>showListExpander</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setShowListExpander
 * @function
 */


/**
 * Getter for property <code>enableClear</code>.
 * Defines whether the clear functionality shall be active
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>enableClear</code>
 * @public
 * @name sap.ui.commons.SearchField#getEnableClear
 * @function
 */

/**
 * Setter for property <code>enableClear</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bEnableClear  new value for property <code>enableClear</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setEnableClear
 * @function
 */


/**
 * Getter for property <code>showExternalButton</code>.
 * Defines whether an additional search button shall be displayed
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>showExternalButton</code>
 * @public
 * @name sap.ui.commons.SearchField#getShowExternalButton
 * @function
 */

/**
 * Setter for property <code>showExternalButton</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bShowExternalButton  new value for property <code>showExternalButton</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setShowExternalButton
 * @function
 */


/**
 * Getter for property <code>enableCache</code>.
 * When list suggestion is enabled all suggestions are cached and no suggest event is fired.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableCache</code>
 * @public
 * @since 1.10.3
 * @name sap.ui.commons.SearchField#getEnableCache
 * @function
 */

/**
 * Setter for property <code>enableCache</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableCache  new value for property <code>enableCache</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @since 1.10.3
 * @name sap.ui.commons.SearchField#setEnableCache
 * @function
 */


/**
 * Getter for property <code>enableFilterMode</code>.
 * Defines whether the search event should also be fired when the SearchField is empty (like a Filter field) and when the clear button (if activated) is pressed.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>enableFilterMode</code>
 * @public
 * @name sap.ui.commons.SearchField#getEnableFilterMode
 * @function
 */

/**
 * Setter for property <code>enableFilterMode</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bEnableFilterMode  new value for property <code>enableFilterMode</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setEnableFilterMode
 * @function
 */


/**
 * Getter for property <code>value</code>.
 * Text that shall be displayed within the search field
 *
 * Default value is <code>''</code>
 *
 * @return {string} the value of property <code>value</code>
 * @public
 * @name sap.ui.commons.SearchField#getValue
 * @function
 */

/**
 * Setter for property <code>value</code>.
 *
 * Default value is <code>''</code> 
 *
 * @param {string} sValue  new value for property <code>value</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setValue
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * Disabled fields have different colors, and they can not be focused.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.SearchField#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setEnabled
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Non-editable controls have different colors, depending on custom settings
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.SearchField#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setEditable
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.SearchField#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Control width in CSS-size
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.SearchField#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setWidth
 * @function
 */


/**
 * Getter for property <code>maxLength</code>.
 * Maximum number of characters. Value '0' means the feature is switched off.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>maxLength</code>
 * @public
 * @name sap.ui.commons.SearchField#getMaxLength
 * @function
 */

/**
 * Setter for property <code>maxLength</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iMaxLength  new value for property <code>maxLength</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setMaxLength
 * @function
 */


/**
 * Getter for property <code>textAlign</code>.
 * Sets the horizontal alignment of the text
 *
 * Default value is <code>Begin</code>
 *
 * @return {sap.ui.core.TextAlign} the value of property <code>textAlign</code>
 * @public
 * @name sap.ui.commons.SearchField#getTextAlign
 * @function
 */

/**
 * Setter for property <code>textAlign</code>.
 *
 * Default value is <code>Begin</code> 
 *
 * @param {sap.ui.core.TextAlign} oTextAlign  new value for property <code>textAlign</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setTextAlign
 * @function
 */


/**
 * Getter for property <code>visibleItemCount</code>.
 * 
 * Defines the number of items in the suggestion list that shall be displayed at once. If the overall number of list items is higher than the setting,
 * a scroll bar is provided.
 * 
 *
 * Default value is <code>20</code>
 *
 * @return {int} the value of property <code>visibleItemCount</code>
 * @public
 * @name sap.ui.commons.SearchField#getVisibleItemCount
 * @function
 */

/**
 * Setter for property <code>visibleItemCount</code>.
 *
 * Default value is <code>20</code> 
 *
 * @param {int} iVisibleItemCount  new value for property <code>visibleItemCount</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setVisibleItemCount
 * @function
 */


/**
 * Getter for property <code>startSuggestion</code>.
 * 
 * Minimum length of the entered string triggering the suggestion list.
 * 
 *
 * Default value is <code>3</code>
 *
 * @return {int} the value of property <code>startSuggestion</code>
 * @public
 * @name sap.ui.commons.SearchField#getStartSuggestion
 * @function
 */

/**
 * Setter for property <code>startSuggestion</code>.
 *
 * Default value is <code>3</code> 
 *
 * @param {int} iStartSuggestion  new value for property <code>startSuggestion</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setStartSuggestion
 * @function
 */


/**
 * Getter for property <code>maxSuggestionItems</code>.
 * 
 * Maximum number of suggestion items in the suggestion list.
 * 
 *
 * Default value is <code>10</code>
 *
 * @return {int} the value of property <code>maxSuggestionItems</code>
 * @public
 * @name sap.ui.commons.SearchField#getMaxSuggestionItems
 * @function
 */

/**
 * Setter for property <code>maxSuggestionItems</code>.
 *
 * Default value is <code>10</code> 
 *
 * @param {int} iMaxSuggestionItems  new value for property <code>maxSuggestionItems</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setMaxSuggestionItems
 * @function
 */


/**
 * Getter for property <code>maxHistoryItems</code>.
 * Maximum number of history items in the suggestion list.
 * 0 displays and stores no history. The history is locally stored on the client. Therefore do not activate this feature when this control handles confidential data.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>maxHistoryItems</code>
 * @public
 * @name sap.ui.commons.SearchField#getMaxHistoryItems
 * @function
 */

/**
 * Setter for property <code>maxHistoryItems</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iMaxHistoryItems  new value for property <code>maxHistoryItems</code>
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setMaxHistoryItems
 * @function
 */


/**
 * Getter for aggregation <code>searchProvider</code>.<br/>
 * Search provider instance which handles the suggestions for this SearchField (e.g. Open Search Protocol).
 * 
 * @return {sap.ui.core.search.SearchProvider}
 * @public
 * @name sap.ui.commons.SearchField#getSearchProvider
 * @function
 */


/**
 * Setter for the aggregated <code>searchProvider</code>.
 * @param oSearchProvider {sap.ui.core.search.SearchProvider}
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#setSearchProvider
 * @function
 */
	

/**
 * Destroys the searchProvider in the aggregation 
 * named <code>searchProvider</code>.
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#destroySearchProvider
 * @function
 */


/**
 * Association to controls / ids which describe this control (see WAI-ARIA attribute aria-describedby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.SearchField#getAriaDescribedBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaDescribedBy
 *    Id of a ariaDescribedBy which becomes an additional target of this <code>ariaDescribedBy</code> association.
 *    Alternatively, a ariaDescribedBy instance may be given. 
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#addAriaDescribedBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaDescribedBy the ariaDescribedBy to remove or its index or id
 * @return {string} the id of the removed ariaDescribedBy or null
 * @public
 * @name sap.ui.commons.SearchField#removeAriaDescribedBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.SearchField#removeAllAriaDescribedBy
 * @function
 */

	
/**
 * Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.commons.SearchField#getAriaLabelledBy
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Control} vAriaLabelledBy
 *    Id of a ariaLabelledBy which becomes an additional target of this <code>ariaLabelledBy</code> association.
 *    Alternatively, a ariaLabelledBy instance may be given. 
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#addAriaLabelledBy
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Control} vAriaLabelledBy the ariaLabelledBy to remove or its index or id
 * @return {string} the id of the removed ariaLabelledBy or null
 * @public
 * @name sap.ui.commons.SearchField#removeAriaLabelledBy
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.SearchField#removeAllAriaLabelledBy
 * @function
 */

	
/**
 * Event which is fired when the user triggers a search 
 *
 * @name sap.ui.commons.SearchField#search
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.query The search query
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'search' event of this <code>sap.ui.commons.SearchField</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.SearchField</code>.<br/> itself. 
 *  
 * Event which is fired when the user triggers a search 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.SearchField</code>.<br/> itself.
 *
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#attachSearch
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'search' event of this <code>sap.ui.commons.SearchField</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#detachSearch
 * @function
 */

/**
 * Fire event search to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'query' of type <code>string</code> The search query</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.SearchField#fireSearch
 * @function
 */


/**
 * Event which is fired when new suggest values are required. 
 *
 * @name sap.ui.commons.SearchField#suggest
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.value The value for which suggestions are required.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'suggest' event of this <code>sap.ui.commons.SearchField</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.SearchField</code>.<br/> itself. 
 *  
 * Event which is fired when new suggest values are required. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.SearchField</code>.<br/> itself.
 *
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#attachSuggest
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'suggest' event of this <code>sap.ui.commons.SearchField</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.SearchField#detachSuggest
 * @function
 */

/**
 * Fire event suggest to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'value' of type <code>string</code> The value for which suggestions are required.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.SearchField} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.SearchField#fireSuggest
 * @function
 */


/**
 * Clears the history of the control
 *
 * @name sap.ui.commons.SearchField.prototype.clearHistory
 * @function

 * @type void
 * @public
 */


/**
 * Callback function used to provide the suggest values in the handler of the suggest event (only in list suggestion mode)
 *
 * @name sap.ui.commons.SearchField.prototype.suggest
 * @function
 * @param {string} 
 *         sSSuggestValue
 *         The value which was provided in the corresponding suggest event (parameter 'value')
 * @param {string[]} 
 *         aASuggestions
 *         The list of suggestions belonging to the suggest value

 * @type void
 * @public
 */


// Start of sap/ui/commons/SearchField.js





jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.History'); // unlisted dependency retained
 // unlisted dependency retained


(function() {

var _DEFAULT_VISIBLE_ITEM_COUNT = 20;

//***********************************************
// Internal control functions
//***********************************************

/**
 * Does the setup when the control is created.
 * @private
 */
sap.ui.commons.SearchField.prototype.init = function(){
	_initChildControls(this, this.getEnableListSuggest());
	this._oHistory = new sap.ui.core.History(this.getId());
};


/**
 * Does all the cleanup when the control is to be destroyed.
 * Called from Element's destroy() method.
 * @private
 */
sap.ui.commons.SearchField.prototype.exit = function(){
	if(this._ctrl){
		this._ctrl.destroy();
	}
	if(this._lb){
		this._lb.destroy();
	}
	if(this._btn){
		this._btn.destroy();
	}
	this._ctrl = null;
	this._lb = null;
	this._btn = null;
	this._oHistory = null;
};


/**
 * Called when the theme is changed.
 * @private
 */
sap.ui.commons.SearchField.prototype.onThemeChanged = function(oEvent){
	this.invalidate();
};


/**
 * Called when the rendering is complete.
 * @private
 */
sap.ui.commons.SearchField.prototype.onAfterRendering = function(){
	if(this.getShowExternalButton()){
		var iButtonWidth = jQuery.sap.byId(this._btn.getId()).outerWidth(true);
		jQuery.sap.byId(this._ctrl.getId()).css(sap.ui.getCore().getConfiguration().getRTL() ? "left" : "right", iButtonWidth+"px");
    }
};


sap.ui.commons.SearchField.prototype.getFocusDomRef = function() {
	return this._ctrl.getFocusDomRef();
};


sap.ui.commons.SearchField.prototype.getIdForLabel = function () {
	return this._ctrl.getId()+'-input';
};


sap.ui.commons.SearchField.prototype.onpaste = function (oEvent) {
	var that = this;
	setTimeout(function(){
		//Refresh suggestions on cut or paste
		that._ctrl._triggerValueHelp = true;
		that._ctrl.onkeyup();
	}, 0);
};
sap.ui.commons.SearchField.prototype.oncut = sap.ui.commons.SearchField.prototype.onpaste;


sap.ui.commons.SearchField.prototype.fireSearch = function(mArguments) {
	var sVal = jQuery(this._ctrl.getInputDomRef()).val();
	if((!sVal && !this.getEnableFilterMode()) || !this.getEditable() || !this.getEnabled()) {
		return this;
	}
	if(!mArguments) {
		mArguments = {};
	}

	this.setValue(sVal);
	if(!mArguments.noFocus){
		sVal = this.getValue();
		this.focus();
		if(sVal && (this.getMaxHistoryItems() > 0)){
			this._oHistory.add(sVal);
		}
		this.fireEvent("search", {query: sVal});
	}
	return this;
};


/**
 * @private
 */
sap.ui.commons.SearchField.prototype.hasListExpander = function(){
	return isMobile() ? false : this.getShowListExpander();
};


//***********************************************
// Overridden getter und setter, API functions
//***********************************************

sap.ui.commons.SearchField.prototype.clearHistory = function() {
	this._oHistory.clear();
};


sap.ui.commons.SearchField.prototype.suggest = function(sSuggestValue, aSuggestions) {
	if(!this.getEnableListSuggest() || !sSuggestValue || !aSuggestions){
		return;
	}
	this._ctrl.updateSuggestions(sSuggestValue, aSuggestions);
};


sap.ui.commons.SearchField.prototype.setEnableListSuggest = function(bEnableListSuggest) {
	if((this.getEnableListSuggest() && bEnableListSuggest) || (!this.getEnableListSuggest() && !bEnableListSuggest)){
		return;
	}
	_initChildControls(this, bEnableListSuggest);
	this.setProperty("enableListSuggest", bEnableListSuggest);
	return this;
};

sap.ui.commons.SearchField.prototype.getValue = function() {
	return _get(this, "Value");
};

sap.ui.commons.SearchField.prototype.setValue = function(sValue) {
	return _set(this, "Value", sValue, !!this.getDomRef(), true);
};

sap.ui.commons.SearchField.prototype.setEnableCache = function(bEnableCache) {
	return this.setProperty("enableCache", bEnableCache, true);
};

sap.ui.commons.SearchField.prototype.getEnabled = function() {
	return _get(this, "Enabled");
};

sap.ui.commons.SearchField.prototype.setEnabled = function(bEnabled) {
	if(this._btn){
		this._btn.setEnabled(bEnabled && this.getEditable());
	}
	return _set(this, "Enabled", bEnabled, false, true);
};

sap.ui.commons.SearchField.prototype.getEditable = function() {
	return _get(this, "Editable");
};

sap.ui.commons.SearchField.prototype.setEditable = function(bEditable) {
	if(this._btn){
		this._btn.setEnabled(bEditable && this.getEnabled());
	}
	return _set(this, "Editable", bEditable, false, true);
};

sap.ui.commons.SearchField.prototype.getMaxLength = function() {
	return _get(this, "MaxLength");
};

sap.ui.commons.SearchField.prototype.setMaxLength = function(iMaxLength) {
	return _set(this, "MaxLength", iMaxLength, false, true);
};

sap.ui.commons.SearchField.prototype.getTextAlign = function() {
	return _get(this, "TextAlign");
};

sap.ui.commons.SearchField.prototype.setTextAlign = function(oTextAlign) {
	return _set(this, "TextAlign", oTextAlign, false, true);
};

sap.ui.commons.SearchField.prototype.getTooltip = function() {
	return _get(this, "Tooltip");
};

sap.ui.commons.SearchField.prototype.setTooltip = function(oTooltip) {
	return _set(this, "Tooltip", oTooltip);
};

sap.ui.commons.SearchField.prototype.getVisibleItemCount = function() {
	return _get(this, "MaxPopupItems");
};

sap.ui.commons.SearchField.prototype.setVisibleItemCount = function(iVisibleItemCount) {
	return _set(this, "MaxPopupItems", iVisibleItemCount, false, true);
};

sap.ui.commons.SearchField.prototype.setShowExternalButton = function(bShowExternalButton) {
	if(!this._btn){
		jQuery.sap.require("sap.ui.commons.Button");
		var that = this;
		this._btn = new sap.ui.commons.Button(this.getId()+"-btn", {
			text: getText("SEARCHFIELD_BUTTONTEXT"),
			enabled: this.getEditable() && this.getEnabled(),
			press: function(){
				that.fireSearch();
			}
		});
		this._btn.setParent(this);
	}
	this.setProperty("showExternalButton", bShowExternalButton);
	return this;
};


//***********************************************
// Private helper functions
//***********************************************

var _set = function(oThis, sMutator, oVal, bSuppressRerendering, bUpdateModelProperty) {
	var oOldVal = _get(oThis, sMutator);
	oThis._ctrl["set"+sMutator](oVal);
	if(!bSuppressRerendering){
		oThis.invalidate();
	}
	if(bUpdateModelProperty) {
		oThis.updateModelProperty(sMutator.toLowerCase(), oVal, oOldVal);
	}
	return oThis;
};


var _get = function(oThis, sGetter) {
	return oThis._ctrl["get"+sGetter]();
};


var _initChildControls = function(oThis, bEnableListSuggest) {
	if(!oThis._lb){
		oThis._lb = new sap.ui.commons.ListBox(oThis.getId()+"-lb");
	}

	var oOldControl = oThis._ctrl;
	var oNewControl = null;
	if(bEnableListSuggest){
		oNewControl = new sap.ui.commons.SearchField.CB(oThis.getId()+"-cb", {listBox: oThis._lb, maxPopupItems: _DEFAULT_VISIBLE_ITEM_COUNT});
	}else{
		oNewControl = new sap.ui.commons.SearchField.TF(oThis.getId()+"-tf");
	}
	oNewControl.setParent(oThis);
	if(oOldControl){
		oNewControl.setValue(oOldControl.getValue());
		oNewControl.setEnabled(oOldControl.getEnabled());
		oNewControl.setEditable(oOldControl.getEditable());
		oNewControl.setMaxLength(oOldControl.getMaxLength());
		oNewControl.setTextAlign(oOldControl.getTextAlign());
		oNewControl.setTooltip(oOldControl.getTooltip());
		oNewControl.setMaxPopupItems(oOldControl.getMaxPopupItems());
		oOldControl.destroy();
	}
	oThis._ctrl = oNewControl;
};


var getText = function(sKey, aArgs) {
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons");
	if(rb) {
		return rb.getText(sKey, aArgs);
	}
	return sKey;
};


var isMobile = function() {
	return jQuery.device.is.ipad || jQuery.device.is.iphone || jQuery.os.os == "android";
};


//***********************************************
//***********************************************
// Inner Controls
//***********************************************

var _renderSearchIcon = function(oRM, oCtrl){
	oRM.write("<div");
	oRM.writeAttributeEscaped('id', oCtrl.getId() + '-searchico');
	oRM.writeAttribute('unselectable', 'on');
	if(sap.ui.getCore().getConfiguration().getAccessibility()){
		oRM.writeAttribute("role", "presentation");
	}
	oRM.addClass("sapUiSearchFieldIco");
	oRM.writeClasses();
	oRM.write("></div>");
};


//***********************************************
// Inner Control "Search Textfield"
//***********************************************

sap.ui.commons.TextField.extend("sap.ui.commons.SearchField.TF", {
  
	metadata : {
		visibility : "hidden" 
	},
	
  constructor : function (sId, mSettings) {
  	sap.ui.commons.TextField.apply(this, arguments);
  },

  getInputDomRef : function() {
  	return jQuery.sap.domById(this.getId() + "-input");
  },
  
  onkeyup : function(oEvent) {
  	sap.ui.commons.SearchField.CB.prototype.onkeyup.apply(this, arguments);
  },
  
  _triggerSuggest : function(sCurrentValue) {
  	this._sSuggest = null;
  	if((sCurrentValue && sCurrentValue.length >= this.getParent().getStartSuggestion()) || (!sCurrentValue && this.getParent().getStartSuggestion() == 0)){
  		this.getParent().fireSuggest({value: sCurrentValue});
  	}
  },
  
  _checkChange : function(oEvent, bDoNotFireSearch) {
  	this.getParent().fireSearch({noFocus:bDoNotFireSearch});
  },
  
  onfocusout : function(oEvent) {
  	if(this.getEditable() && this.getEnabled() && this.getRenderer().onblur) {
  		this.getRenderer().onblur(this);
  	}
  	this._checkChange(oEvent, true);
  },
  
  onclick : function(oEvent){
  	if(oEvent.target === jQuery.sap.domById(this.getId() + "-searchico")) {
  		if(this.getEditable() && this.getEnabled()){
  			this.focus();
  		}
  		if(!this.getParent().getEnableClear()){
  			this._checkChange(oEvent);
  		}else{
  			this.setValue("");
  			this._triggerValueHelp = true;
  			this.onkeyup();
  			if(this.getParent().getEnableFilterMode()){
  				jQuery(this.getInputDomRef()).val("");
  				this.getParent().fireSearch();
  			}
  		}
  	}
  },
  
  getMaxPopupItems : function(){
  	return this._iVisibleItemCount ? this._iVisibleItemCount : _DEFAULT_VISIBLE_ITEM_COUNT;
  },
  
  setMaxPopupItems : function(iMaxPopupItems){
  	this._iVisibleItemCount = iMaxPopupItems;
  },

  //  extend TextFieldRenderer
  renderer : {
    
    renderOuterContentBefore :_renderSearchIcon,
    
    renderOuterAttributes : function(oRM, oCtrl) {
      oRM.addClass("sapUiSearchFieldTf");
    },
    
    renderInnerAttributes : function(oRM, oCtrl) {
      oRM.writeAttribute("type", "search");
      if(isMobile()){
        oRM.writeAttribute('autocapitalize', 'off');
        oRM.writeAttribute('autocorrect', 'off');
      }
    }
    
  }
});

// TODO enhance Notepad controls to support such assignments (e.g. "a,b" : function () { ... } )
sap.ui.commons.SearchField.TF.prototype.getFocusDomRef = sap.ui.commons.SearchField.TF.prototype.getInputDomRef;


//***********************************************
// Inner Control "Search Combo Box"
//***********************************************

sap.ui.commons.ComboBox.extend("sap.ui.commons.SearchField.CB", {
  
	metadata : {
		visibility : "hidden" 
	},
	
  constructor : function (sId, mSettings) {
  	sap.ui.commons.ComboBox.apply(this, arguments);
  	this._mSuggestions = {};
  	this._aSuggestValues = [];
  	this.mobile = false; //switch off native dropdown version
  },
  
  updateSuggestions : function(sSuggestVal, aSuggestions) {
  	this._mSuggestions[sSuggestVal] = aSuggestions;
  	if(this.getInputDomRef() && jQuery(this.getInputDomRef()).val() === sSuggestVal && this._hasSuggestValue(sSuggestVal)){
  		this._doUpdateList(sSuggestVal);
  		this._aSuggestValues = [sSuggestVal];
  	}
  },
  
  _getListBox : function() {
  	return this.getParent()._lb;
  },
  
  _hasSuggestValue : function(sSuggestVal) {
  	return this._aSuggestValues.length > 0 && sSuggestVal == this._aSuggestValues[this._aSuggestValues.length-1];
  },
  
  _doUpdateList : function(sSuggestVal, bSkipOpen) {
  	if((!this.oPopup || !this.oPopup.isOpen()) && !bSkipOpen){
  		this._open();
  	}else{
  		this._updateList(sSuggestVal);
  	}
  	if(!this._lastKeyIsDel){
  		this._doTypeAhead();
  	}
  },
  
  onclick : function(oEvent) {
  	sap.ui.commons.ComboBox.prototype.onclick.apply(this, arguments);
  	if(oEvent.target === jQuery.sap.domById(this.getId() + "-searchico")) {
  		if(!this.getParent().getEnableClear()){
  			this.getParent().fireSearch();
  		}else{
  			this.setValue("");
  			this._triggerValueHelp = true;
  			this.onkeyup(null, true);
  			this._aSuggestValues = [];
  			if(this.getParent().getEnableFilterMode()){
  				jQuery(this.getInputDomRef()).val("");
  				this.getParent().fireSearch();
  			}
  		}
  		if(this.getEditable() && this.getEnabled()){
  			this.focus();
  		}
  	}else if(jQuery.sap.containsOrEquals(jQuery.sap.domById(this.getId() + "-providerico"), oEvent.target)) {
  		if(this.getEditable() && this.getEnabled()){
  			this.focus();
  		}
  	}
  },
  
  onkeypress : sap.ui.commons.SearchField.TF.prototype.onkeypress,
  
  onkeyup : function(oEvent, bSkipOpen) {
  	if(oEvent){
  		var oKC = jQuery.sap.KeyCodes;
  		if(sap.ui.commons.ComboBox._isHotKey(oEvent) || oEvent.keyCode === oKC.F4 && oEvent.which === 0 /*this is the Firefox case and ensures 's' with same charCode is accepted*/) {
  			return;
  		}
  
  		var iKC = oEvent.which || oEvent.keyCode;
  		if(iKC !== oKC.ESCAPE || this instanceof sap.ui.commons.SearchField.TF/*Textfield uses the same onkeyup function therefore check*/) {
  			this._triggerValueHelp = true;
  			this._lastKeyIsDel = iKC == oKC.DELETE || iKC == oKC.BACKSPACE;
  		}
  	}
  
  	if(this._triggerValueHelp){
  		this._triggerValueHelp = false;
  		if(this._sSuggest){
  			jQuery.sap.clearDelayedCall(this._sSuggest);
  			this._sSuggest = null;
  		}
  		var sCurrentValue = jQuery(this.getInputDomRef()).val();
  		if((sCurrentValue && sCurrentValue.length >= this.getParent().getStartSuggestion()) || (!sCurrentValue && this.getParent().getStartSuggestion() == 0)){
  			this._sSuggest = jQuery.sap.delayedCall(200, this, "_triggerSuggest", [sCurrentValue]);
  		}else if(this._doUpdateList){ //Textfield uses the same onkeyup function -> therefore check existence of this function
  			this._doUpdateList(sCurrentValue, bSkipOpen);
  		}
  	}
  },
  
  _triggerSuggest : function(sSuggestValue) {
  	this._sSuggest = null;
  	if(!this._mSuggestions[sSuggestValue] || !this.getParent().getEnableCache()){
  		this._aSuggestValues.push(sSuggestValue);
  		var oSearchProvider = this.getParent().getSearchProvider();
  		if(oSearchProvider){
  			var oSearchField = this.getParent();
  			oSearchProvider.suggest(sSuggestValue, function(sValue, aSuggestions){
  				if(oSearchField){
  					oSearchField.suggest(sValue, aSuggestions);
  				}
  			});
  		}else{
  			this.getParent().fireSuggest({value: sSuggestValue});
  		}
  	}else{
  		this._doUpdateList(sSuggestValue);
  	}
  },
  
  _updateList : function(sSuggestVal) {
  	var bEmpty = false;
  	var oLb = this._getListBox();
  	oLb.destroyAggregation("items", true);
  
  	var addToListbox = function(oLb, aValues, iMax, bSeparatorBefore){
  		aValues = aValues ? aValues : [];
  		var iCount = Math.min(aValues.length, iMax);
  
  		if(bSeparatorBefore && iCount > 0){
  			oLb.addItem(new sap.ui.core.SeparatorItem());
  		}
  
  		for(var i=0; i<iCount; i++){
  			//oLb.addAggregation("items", new sap.ui.core.ListItem({text: aSug[i]}), true);
  			oLb.addItem(new sap.ui.core.ListItem({text: aValues[i]}));
  		}
  		return iCount;
  	};
  
  	var iHistoryCount = addToListbox(oLb, this.getParent()._oHistory.get(sSuggestVal), this.getParent().getMaxHistoryItems(), false);
  
  	var iSuggestCount = addToListbox(oLb,
  			sSuggestVal && sSuggestVal.length >= this.getParent().getStartSuggestion() ? this._mSuggestions[sSuggestVal] : [],
  			this.getParent().getMaxSuggestionItems(),
  			iHistoryCount > 0);
  
  	if(iHistoryCount <= 0 && iSuggestCount == 0) {
  		oLb.addItem(new sap.ui.core.ListItem({text: getText("SEARCHFIELD_NO_ITEMS"), enabled: false}));
  		bEmpty = true;
  	}
  
  	var iItemsLength = oLb.getItems().length;
  	var iMaxPopupItems = this.getMaxPopupItems();
  	oLb.setVisibleItems(iMaxPopupItems < iItemsLength ? iMaxPopupItems : iItemsLength);
  	oLb.setSelectedIndex(-1);
  	oLb.setMinWidth(jQuery(this.getDomRef()).rect().width + "px");
  	oLb.rerender();
  	return bEmpty;
  },
  
  _prepareOpen : function() {},
  
  _open : function() {
  	sap.ui.commons.ComboBox.prototype._open.apply(this, [0]);
  },
  
  _rerenderListBox : function(){
  	return this._updateList(this._aSuggestValues.length > 0 ? this._aSuggestValues[this._aSuggestValues.length-1] : null);
  },
  
  _checkChange : function(oEvent, bImmediate, bDoNotFireSearch) {
  	this.getParent().fireSearch({noFocus:bDoNotFireSearch});
  },
  
  onsapfocusleave : function(oEvent) {
  	if(oEvent.relatedControlId === this._getListBox().getId()){
  		this.focus();
  		return;
  	}
  	this._checkChange(oEvent, true, true);
  },
  
  onfocusout : function(oEvent) {
  	if(this.getEditable() && this.getEnabled() && this.getRenderer().onblur) {
  		this.getRenderer().onblur(this);
  	}
  	this._checkChange(oEvent, true, true);
  },
  
  onsapshow : function(oEvent){
  	if(this.getParent().hasListExpander()){
  		sap.ui.commons.ComboBox.prototype.onsapshow.apply(this, arguments);
  	}else{
  		oEvent.preventDefault();
  		oEvent.stopImmediatePropagation();
  	}
  },
  
  _handleSelect : function(oControlEvent) {
  	var oItem = sap.ui.commons.ComboBox.prototype._handleSelect.apply(this, arguments);
  	if(oItem && oItem.getEnabled()) {
  		this.getParent().fireSearch();
  	}
  },
  
  // extend ComboBoxRenderer
  renderer : {
    
    renderOuterContentBefore : function(oRM, oCtrl){
    	if(oCtrl.getParent().hasListExpander()){
    		sap.ui.commons.ComboBoxRenderer.renderOuterContentBefore.apply(this, arguments);
    	}
    	_renderSearchIcon.apply(this, arguments);
    
    	if(oCtrl.getParent().getSearchProvider() && oCtrl.getParent().getSearchProvider().getIcon()){
    		oRM.write("<div");
    		oRM.writeAttributeEscaped('id', oCtrl.getId() + '-providerico');
    		oRM.writeAttribute('unselectable', 'on');
    		if(sap.ui.getCore().getConfiguration().getAccessibility()){
    			oRM.writeAttribute("role", "presentation");
    		}
    		oRM.addClass("sapUiSearchFieldProvIco");
    		oRM.writeClasses();
    		oRM.write("><img src=\""+oCtrl.getParent().getSearchProvider().getIcon()+"\"/></div>");
    	}
    },
    
    renderOuterAttributes : function(oRM, oCtrl) {
    	sap.ui.commons.ComboBoxRenderer.renderOuterAttributes.apply(this, arguments);
    	oRM.addClass("sapUiSearchFieldCb");
    	if(oCtrl.getParent().getSearchProvider() && oCtrl.getParent().getSearchProvider().getIcon()){
    		oRM.addClass("sapUiSearchFieldCbProv");
    	}
    },
    
    renderInnerAttributes : function(oRM, oCtrl) {
    	oRM.writeAttribute("type", "search");
    	if(isMobile()){
    		oRM.writeAttribute('autocapitalize', 'off');
    		oRM.writeAttribute('autocorrect', 'off');
    	}
    }
  }
  
});

}());

}; // end of sap.ui.commons.SearchField
if ( !jQuery.sap.isDeclared('sap.ui.commons.TextArea') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.TextArea.
jQuery.sap.declare("sap.ui.commons.TextArea");



/**
 * Constructor for a new TextArea.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getCols cols} : int</li>
 * <li>{@link #getRows rows} : int</li>
 * <li>{@link #getWrapping wrapping} : sap.ui.core.Wrapping</li>
 * <li>{@link #getCursorPos cursorPos} : int</li>
 * <li>{@link #getExplanation explanation} : string</li>
 * <li>{@link #getLabeledBy labeledBy} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.TextField#constructor sap.ui.commons.TextField}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Control to enter or display multible row text.
 * @extends sap.ui.commons.TextField
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.TextArea
 */
sap.ui.commons.TextField.extend("sap.ui.commons.TextArea", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"cols" : {type : "int", group : "Dimension", defaultValue : null},
		"rows" : {type : "int", group : "Dimension", defaultValue : null},
		"wrapping" : {type : "sap.ui.core.Wrapping", group : "Appearance", defaultValue : null},
		"cursorPos" : {type : "int", group : "Appearance", defaultValue : null},
		"explanation" : {type : "string", group : "Misc", defaultValue : null},
		"labeledBy" : {type : "string", group : "Identification", defaultValue : null, deprecated: true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.TextArea with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.TextArea.extend
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Height of text field. When it is set (CSS-size such as % or px), this is the exact size.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.TextArea#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextArea#setHeight
 * @function
 */


/**
 * Getter for property <code>cols</code>.
 * Number of Columns. Cols means number of characters per row. This proprty is only used if Width is not used.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>cols</code>
 * @public
 * @name sap.ui.commons.TextArea#getCols
 * @function
 */

/**
 * Setter for property <code>cols</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iCols  new value for property <code>cols</code>
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextArea#setCols
 * @function
 */


/**
 * Getter for property <code>rows</code>.
 * Number of Rows. This proprty is only used if Height is not used.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>rows</code>
 * @public
 * @name sap.ui.commons.TextArea#getRows
 * @function
 */

/**
 * Setter for property <code>rows</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iRows  new value for property <code>rows</code>
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextArea#setRows
 * @function
 */


/**
 * Getter for property <code>wrapping</code>.
 * Text wrapping. Possible values are: Soft, Hard, Off.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.Wrapping} the value of property <code>wrapping</code>
 * @public
 * @name sap.ui.commons.TextArea#getWrapping
 * @function
 */

/**
 * Setter for property <code>wrapping</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.Wrapping} oWrapping  new value for property <code>wrapping</code>
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextArea#setWrapping
 * @function
 */


/**
 * Getter for property <code>cursorPos</code>.
 * Position of cursor, e.g., to let the user re-start typing at the same position as before the server roundtrip
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>cursorPos</code>
 * @public
 * @name sap.ui.commons.TextArea#getCursorPos
 * @function
 */

/**
 * Setter for property <code>cursorPos</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iCursorPos  new value for property <code>cursorPos</code>
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextArea#setCursorPos
 * @function
 */


/**
 * Getter for property <code>explanation</code>.
 * text which appears, in case quick-help is switched on
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>explanation</code>
 * @public
 * @name sap.ui.commons.TextArea#getExplanation
 * @function
 */

/**
 * Setter for property <code>explanation</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sExplanation  new value for property <code>explanation</code>
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.TextArea#setExplanation
 * @function
 */


/**
 * Getter for property <code>labeledBy</code>.
 * ID of label control
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>labeledBy</code>
 * @public
 * @deprecated Since version 1.5.2. 
 * Please use association AriaLabelledBy instead.
 * @name sap.ui.commons.TextArea#getLabeledBy
 * @function
 */

/**
 * Setter for property <code>labeledBy</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sLabeledBy  new value for property <code>labeledBy</code>
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 1.5.2. 
 * Please use association AriaLabelledBy instead.
 * @name sap.ui.commons.TextArea#setLabeledBy
 * @function
 */


// Start of sap/ui/commons/TextArea.js
///**
// * This file defines the control behavior.
// */
//.TextArea.prototype.init = function(){
//   // do something for initialization...
//};

/**
 * Event handler called before control is rendered
 */
sap.ui.commons.TextArea.prototype.onBeforeRendering = function() {
	// Unbind events
	if(this.pasteHandlerId){
		jQuery(this.getDomRef()).unbind('paste', jQuery.proxy(this.handlePaste, this));
		this.pasteHandlerId = null;
	}

	if(this.inputHandlerId){
		jQuery(this.getDomRef()).unbind('input', jQuery.proxy(this.handleInput, this));
		this.inputHandlerId = null;
	}

	if(this.proChHandlerId){
		jQuery(this.getDomRef()).unbind('propertychange', jQuery.proxy(this.handleInput, this));
		this.proChHandlerId = null;
	}
};

/**
 * Event handler called after control is rendered
 */
sap.ui.commons.TextArea.prototype.onAfterRendering = function () {

	this.pasteHandlerId = jQuery(this.getDomRef()).bind('paste', jQuery.proxy(this.handlePaste, this));
	this.inputHandlerId = jQuery(this.getDomRef()).bind('input', jQuery.proxy(this.handleInput, this)); // for FF
	this.proChHandlerId = jQuery(this.getDomRef()).bind('propertychange', jQuery.proxy(this.handleInput, this)); // for IE

};

/**
 * Event handler called when control is getting the focus
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.TextArea.prototype.onfocusin = function(oEvent){

	sap.ui.commons.TextField.prototype.onfocusin.apply(this, arguments);

	var oFocusDomRef = this.getFocusDomRef();

	// Set focus flag
	this.bFocus = true;

	oEvent.preventDefault();
};

/**
 * Event handler called when control is loosing the focus
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.TextArea.prototype.onfocusout = function(oEvent){

	sap.ui.commons.TextField.prototype.onfocusout.apply(this, arguments);

	var newVal;

	if(this.getDomRef()){
		newVal = this.getDomRef().value;
	}
	var oldVal = this.getValue();

	if(this.getEditable() && this.getEnabled() && oldVal != newVal) {
		this.setProperty("value", newVal, true); // Suppress re-rendering
		this.fireChange({value:newVal});
	}

	var oFocusDomRef = this.getFocusDomRef();
	if (oFocusDomRef && jQuery.browser.mozilla) { // Only for FF -> deselect text
		if (oFocusDomRef.selectionStart != oFocusDomRef.selectionEnd){
			jQuery(oFocusDomRef).selectText(oFocusDomRef.selectionStart, oFocusDomRef.selectionStart);
		}
	}

	// Clear focus flag
	this.bFocus = false;

	oEvent.preventDefault();
	oEvent.stopPropagation();
};

/**
 * Returns an object representing the serialized focus information.
 * Overwrites the standard function.
 * @type Object
 * @return An object representing the serialized focus information.
 * @private
 */
sap.ui.commons.TextArea.prototype.getFocusInfo = function () {
	return {id:this.getId(), cursorPos:this.getCursorPos()};
};

/**
 * Applies the focus info.
 * Overwrites the standard function.
 * @param {object} oFocusInfo
 * @private
 */
sap.ui.commons.TextArea.prototype.applyFocusInfo = function (oFocusInfo) {
	this.focus();
	var oFocusDomRef = this.getFocusDomRef();
	jQuery(oFocusDomRef).cursorPos(this.getCursorPos());
};

/**
 * Event handler called on Key press
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.TextArea.prototype.onkeypress = function(oEvent){

	sap.ui.commons.TextField.prototype.onkeypress.apply(this, arguments);

	if(!this.getEditable() || !this.getEnabled() || this.getMaxLength() <= 0){
		return;
	}

	var oKC = jQuery.sap.KeyCodes;
	var iKC = oEvent.which || oEvent.keyCode;
	var oDom = this.getDomRef();

	// Check if some text is selected since this is different in Internet Explorer and FireFox
	// If some text is selected, it is overwritten by a key press -> Value will not get too large
	if(document.selection){ //IE
		var oSel = document.selection.createRange();
		if (oSel.text.length > 0){
			return
		}
	}else{ // FF
		if(oDom.selectionStart != oDom.selectionEnd){
			return;
		}
	}

	// Only real characters and ENTER, no backspace
	if(oDom.value.length >= this.getMaxLength() && ( iKC >= oKC.INSERT || iKC == oKC.ENTER) && !oEvent.ctrlKey){
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}

};

/**
 * Event handler called on Key up
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.TextArea.prototype.onkeyup = function(oEvent){

// save cursor position
	var oDomRef = this.getDomRef();
	this.setProperty('cursorPos', jQuery(oDomRef).cursorPos(), true); // no re-rendering!

	// call keyup function of TextField to get liveChange event
	sap.ui.commons.TextField.prototype.onkeyup.apply(this, arguments);

};

/**
 * Event handler called when the enter key is pressed.
 * @see sap.ui.commons.TextField#onsapenter
 * @private
 */
sap.ui.commons.TextArea.prototype.onsapenter = function (oEvent) {
// stop bubbling of event when in the textarea so other actions of parent control handlers won't be called.
// don't do a prevent default because we want the default browser behavior...e.g. new line when pressing enter in the text area.
	oEvent.stopPropagation();
}

/**
 * Event handler called on Mouse up
 *
 * @param {jQuery.Event} oEvent
 * @private
 */;
sap.ui.commons.TextArea.prototype.onmouseup = function(oEvent){

// Save cursor position
	var oDomRef = this.getDomRef();
	this.setProperty('cursorPos', jQuery(oDomRef).cursorPos(), true); // no re-rendering!

};

/**
 * Event handler called on Paste
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.TextArea.prototype.handlePaste = function(oEvent){

	if(!this.getEditable() || !this.getEnabled() || this.getMaxLength() <= 0){
		return;
	}

	var oDom = this.getDomRef();

	if(oDom.value.length >= this.getMaxLength() && oDom.selectionStart == oDom.selectionEnd){
		// already maxLenght reached and nothing selected -> no paste possible
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}

};

/**
 * Event handler called on Input
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.TextArea.prototype.handleInput = function(oEvent){

	if (oEvent.originalEvent.propertyName && oEvent.originalEvent.propertyName.toLowerCase () != "value") {
		// In Internet Explorer, check for correct property
		return;
	}

	if(!this.getEditable() || !this.getEnabled() || this.getMaxLength() <= 0){
		return;
	}

	var oDom = this.getDomRef();

	// If text is entered or pasted, cut it if is too long
	if(oDom.value.length > this.getMaxLength()){
		oDom.value = oDom.value.substring(0,this.getMaxLength());
	}
	// The result is if text is pasted via clipboard or drag and drop the result is cut to fit the
	// maxLength. It's not easy to cut only the pasted text because in FireFox there is no access to the clipboard.
	// An option would be to store the old value after each change and compare it after each change.
	// Then the pasted text must be determined and cut. But this would need a lot of effort and script on
	// every change.

};

/**
 * Property setter for MaxLength
 *
 * @param {int} iMaxLength
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TextArea.prototype.setMaxLength = function(iMaxLength) {

	this.setProperty('maxLength', iMaxLength, true); // No re-rendering

	var oDom = this.getDomRef();

	if(oDom && oDom.value.length > iMaxLength && iMaxLength > 0 ){
		oDom.value = oDom.value.substring(0,iMaxLength);
	}

	var sValue = this.getValue();
	if(sValue.length > iMaxLength && iMaxLength > 0 ){
		this.setProperty('value', sValue.substring(0,iMaxLength));
	}

	return this;
};

/**
 * Property setter for the cursor position
 *
 * @param {int} iCursorPos
 * @return {sap.ui.commons.TextArea} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.TextArea.prototype.setCursorPos = function(iCursorPos) {

	this.setProperty('cursorPos', iCursorPos, true); // no re-rendering!

	if(this.bFocus){
		jQuery(this.getDomRef()).cursorPos(iCursorPos);
	}

	return this;
};
}; // end of sap.ui.commons.TextArea
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.AbsoluteLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.AbsoluteLayout.
jQuery.sap.declare("sap.ui.commons.layout.AbsoluteLayout");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/AbsoluteLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getVerticalScrolling verticalScrolling} : sap.ui.core.Scrolling (default: sap.ui.core.Scrolling.Hidden)</li>
 * <li>{@link #getHorizontalScrolling horizontalScrolling} : sap.ui.core.Scrolling (default: sap.ui.core.Scrolling.Hidden)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getPositions positions} : sap.ui.commons.layout.PositionContainer[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * The Absolute Layout positions its child controls absolutely
 * 
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout
 */
sap.ui.core.Control.extend("sap.ui.commons.layout.AbsoluteLayout", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"setPositionOfChild", "destroyContent", "indexOfContent", "removeAllContent", "removeContent", "insertContent", "addContent", "getContent"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
		"verticalScrolling" : {type : "sap.ui.core.Scrolling", group : "Behavior", defaultValue : sap.ui.core.Scrolling.Hidden},
		"horizontalScrolling" : {type : "sap.ui.core.Scrolling", group : "Behavior", defaultValue : sap.ui.core.Scrolling.Hidden}
	},
	defaultAggregation : "positions",
	aggregations : {
    	"positions" : {type : "sap.ui.commons.layout.PositionContainer", multiple : true, singularName : "position"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.AbsoluteLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.AbsoluteLayout.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.layout.AbsoluteLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * The overall width of the control. When not set, 100% is automatically set.
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.layout.AbsoluteLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * The overall height of the control. When not set, 100% is automatically set.
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.layout.AbsoluteLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#setHeight
 * @function
 */


/**
 * Getter for property <code>verticalScrolling</code>.
 * 'Auto', 'Scroll', 'Hidden', and 'None' are the available values for setting the vertical scrolling mode.
 *
 * Default value is <code>Hidden</code>
 *
 * @return {sap.ui.core.Scrolling} the value of property <code>verticalScrolling</code>
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#getVerticalScrolling
 * @function
 */

/**
 * Setter for property <code>verticalScrolling</code>.
 *
 * Default value is <code>Hidden</code> 
 *
 * @param {sap.ui.core.Scrolling} oVerticalScrolling  new value for property <code>verticalScrolling</code>
 * @return {sap.ui.commons.layout.AbsoluteLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#setVerticalScrolling
 * @function
 */


/**
 * Getter for property <code>horizontalScrolling</code>.
 * 'Auto', 'Scroll', 'Hidden', and 'None' are the available values for setting the vertical scrolling mode.
 *
 * Default value is <code>Hidden</code>
 *
 * @return {sap.ui.core.Scrolling} the value of property <code>horizontalScrolling</code>
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#getHorizontalScrolling
 * @function
 */

/**
 * Setter for property <code>horizontalScrolling</code>.
 *
 * Default value is <code>Hidden</code> 
 *
 * @param {sap.ui.core.Scrolling} oHorizontalScrolling  new value for property <code>horizontalScrolling</code>
 * @return {sap.ui.commons.layout.AbsoluteLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#setHorizontalScrolling
 * @function
 */


/**
 * Getter for aggregation <code>positions</code>.<br/>
 * Positioned child controls within the layout
 * 
 * @return {sap.ui.commons.layout.PositionContainer[]}
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#getPositions
 * @function
 */


/**
 * Inserts a position into the aggregation named <code>positions</code>.
 *
 * @param {sap.ui.commons.layout.PositionContainer}
 *          oPosition the position to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the position should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the position is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the position is inserted at 
 *             the last position        
 * @return {sap.ui.commons.layout.AbsoluteLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#insertPosition
 * @function
 */

/**
 * Adds some position <code>oPosition</code> 
 * to the aggregation named <code>positions</code>.
 *
 * @param {sap.ui.commons.layout.PositionContainer}
 *            oPosition the position to add; if empty, nothing is inserted
 * @return {sap.ui.commons.layout.AbsoluteLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#addPosition
 * @function
 */

/**
 * Removes an position from the aggregation named <code>positions</code>.
 *
 * @param {int | string | sap.ui.commons.layout.PositionContainer} vPosition the position to remove or its index or id
 * @return {sap.ui.commons.layout.PositionContainer} the removed position or null
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#removePosition
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>positions</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.layout.PositionContainer[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#removeAllPositions
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.layout.PositionContainer</code> in the aggregation named <code>positions</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.layout.PositionContainer}
 *            oPosition the position whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#indexOfPosition
 * @function
 */
	

/**
 * Destroys all the positions in the aggregation 
 * named <code>positions</code>.
 * @return {sap.ui.commons.layout.AbsoluteLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.AbsoluteLayout#destroyPositions
 * @function
 */


/**
 * Allows to set or change the position information of the given child control
 *
 * @name sap.ui.commons.layout.AbsoluteLayout.prototype.setPositionOfChild
 * @function
 * @param {sap.ui.core.Control} 
 *         oOControl
 *         The child control for which to change the position information; if empty or not aggregated, nothing is changed
 * @param {object} 
 *         oOPos
 *         JSON-like object which defines the position of the child control. The object is expected to have one or more from the attribute set
 * top, bottom, left, right; each with a value of type sap.ui.core.CSSSize.
 * If no object is given, the default is used which is left=0px,right=0px.

 * @type boolean
 * @public
 */


/**
 * Destroys all aggregated position containers and their child controls. Returns 'this' to allow method chaining.
 *
 * @name sap.ui.commons.layout.AbsoluteLayout.prototype.destroyContent
 * @function

 * @type sap.ui.commons.layout.AbsoluteLayout
 * @public
 */


/**
 * Checks for the provided sap.ui.core.Control in the aggregated position containers, and returns the index of the container in the positions aggregation
 * if found, or '-1' otherwise.
 *
 * @name sap.ui.commons.layout.AbsoluteLayout.prototype.indexOfContent
 * @function
 * @param {sap.ui.core.Control} 
 *         oOContent
 *         The content of which the index is looked for

 * @type int
 * @public
 */


/**
 * Removes all aggregated position containers. Returns an array of the controls contained in the removed position containers (might be empty).
 *
 * @name sap.ui.commons.layout.AbsoluteLayout.prototype.removeAllContent
 * @function

 * @type sap.ui.core.Control[]
 * @public
 */


/**
 * Removes the given control and its corresponding position container from the aggregation named 'positions'.
 *
 * @name sap.ui.commons.layout.AbsoluteLayout.prototype.removeContent
 * @function
 * @param {object} 
 *         oVContent
 *         The content control to remove, its ID, or the index of the corresponding position container in the 'positions' aggregation.

 * @type sap.ui.core.Control
 * @public
 */


/**
 * Inserts the given control and a corresponding position container into the aggregation named 'positions'. Returns 'this' to allow method chaining.
 *
 * @name sap.ui.commons.layout.AbsoluteLayout.prototype.insertContent
 * @function
 * @param {sap.ui.core.Control} 
 *         oOContent
 *         The content to insert; if empty, nothing is inserted
 * @param {int} 
 *         iIIndex
 *         The '0'-based index where the content shall be inserted at. For a negative value of iIndex, the content is inserted at position '0';
 * for a value greater than the current size of the aggregation, the content is inserted at the last position.
 * @param {object} 
 *         oOPos
 *         JSON-like object which defines the position of the child control within the layout. The object is expected to have one or more
 * from the attribute set top, bottom, left, right; each with a value of type sap.ui.core.CSSSize. If no object is given, the default is left=0px,right=0px.

 * @type sap.ui.commons.layout.AbsoluteLayout
 * @public
 */


/**
 * Adds the given control and a corresponding position container into the aggregation named 'positions'. Returns 'this' to allow method chaining.
 *
 * @name sap.ui.commons.layout.AbsoluteLayout.prototype.addContent
 * @function
 * @param {sap.ui.core.Control} 
 *         oOContent
 *         The content to add; if empty, nothing is inserted.
 * @param {object} 
 *         oOPos
 *         JSON-like object which defines the position of the child control in the layout. The object is expected to have one or more from the attribute set
 * top, bottom, left, right; each with a value of type sap.ui.core.CSSSize. If no object is given, the default is left=0px,right=0px

 * @type sap.ui.commons.layout.AbsoluteLayout
 * @public
 */


/**
 * Returns an array of the controls contained in the aggregated position containers (might be empty).
 *
 * @name sap.ui.commons.layout.AbsoluteLayout.prototype.getContent
 * @function

 * @type sap.ui.core.Control[]
 * @public
 */


// Start of sap/ui/commons/layout/AbsoluteLayout.js


(function() {

//**** Overridden API Functions ****

sap.ui.commons.layout.AbsoluteLayout.prototype.setWidth = function(sWidth) {
	return setProp(this, "width", sWidth, "LYT_SIZE");
};


sap.ui.commons.layout.AbsoluteLayout.prototype.setHeight = function(sHeight) {
	return setProp(this, "height", sHeight, "LYT_SIZE");
};


sap.ui.commons.layout.AbsoluteLayout.prototype.setVerticalScrolling = function(oVerticalScrolling) {
	return setProp(this, "verticalScrolling", oVerticalScrolling, "LYT_SCROLL");
};


sap.ui.commons.layout.AbsoluteLayout.prototype.setHorizontalScrolling = function(oHorizontalScrolling) {
	return setProp(this, "horizontalScrolling", oHorizontalScrolling, "LYT_SCROLL");
};


sap.ui.commons.layout.AbsoluteLayout.prototype.insertPosition = function(oPosition, iIndex) {
	var bHasDomRef = !!this.getDomRef();
	this.insertAggregation("positions", oPosition, iIndex, bHasDomRef);
	if(bHasDomRef && oPosition && oPosition.getControl()) {
		this.contentChanged(oPosition, "CTRL_ADD");
	}
	return this;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.addPosition = function(oPosition) {
	var bHasDomRef = !!this.getDomRef();
	this.addAggregation("positions", oPosition, bHasDomRef);
	if(bHasDomRef && oPosition && oPosition.getControl()) {
		this.contentChanged(oPosition, "CTRL_ADD");
	}
	return this;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.removePosition = function(vPosition) {
	var bHasDomRef = !!this.getDomRef();
	var oRemovedPosition = this.removeAggregation("positions", vPosition, bHasDomRef);
	if(oRemovedPosition){
		cleanup([oRemovedPosition]);
		this.contentChanged(oRemovedPosition, "CTRL_REMOVE");
	}
	return oRemovedPosition;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.removeAllPositions = function() {
	cleanup(this.getPositions());
	var bHasDomRef = !!this.getDomRef();
	var aRemovedPositions = this.removeAllAggregation("positions", bHasDomRef);
	if(bHasDomRef) {
		this.contentChanged(aRemovedPositions, "CTRL_REMOVE_ALL");
	}
	return aRemovedPositions;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.destroyPositions = function() {
	cleanup(this.getPositions());
	var bHasDomRef = !!this.getDomRef();
	this.destroyAggregation("positions", bHasDomRef);
	if(bHasDomRef) {
		this.contentChanged(null, "CTRL_REMOVE_ALL");
	}
	return this;
};



//**** Additional API Functions ****

sap.ui.commons.layout.AbsoluteLayout.prototype.getContent = function() {
	var aControls = [];
	var aPositions = this.getPositions();
	for(var index=0; index<aPositions.length; index++) {
		aControls.push(aPositions[index].getControl());
	}
	return aControls;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.addContent = function(oContent, oPos) {
	var oPosition = sap.ui.commons.layout.PositionContainer.createPosition(oContent, oPos);
	this.addPosition(oPosition);
	return this;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.insertContent = function(oContent, iIndex, oPos) {
	var oPosition = sap.ui.commons.layout.PositionContainer.createPosition(oContent, oPos);
	this.insertPosition(oPosition, iIndex);
	return this;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.removeContent = function(vContent) {
	var iIndex = vContent;
	if (typeof(vContent) == "string") { // ID of the element is given
		vContent = sap.ui.getCore().byId(vContent);
	}
	if (typeof(vContent) == "object") { // the element itself is given or has just been retrieved
		iIndex = this.indexOfContent(vContent);
	}
	if(iIndex >= 0 && iIndex < this.getContent().length) {
		this.removePosition(iIndex);
		return vContent;
	}
	return null;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.removeAllContent = function() {
	var aControls = this.getContent();
	this.removeAllPositions();
	return aControls;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.indexOfContent = function(oContent) {
	var aControls = this.getContent();
	for(var index=0; index<aControls.length; index++) {
		if(oContent === aControls[index]){
			return index;
		}
	}
	return -1;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.destroyContent = function() {
	this.destroyPositions();
	return this;
};


sap.ui.commons.layout.AbsoluteLayout.prototype.setPositionOfChild = function(oControl, oPos) {
	var iIdx = this.indexOfContent(oControl);
	if(iIdx >= 0){
		var oPosition = this.getPositions()[iIdx];
		oPosition.updatePosition(oPos);
		return true;
	}
	return false;
};



//**** Other Functions ****

/**
 * @see sap.ui.commons.layout.PositionContainer#getComputedPosition
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayout.prototype.getPositionOfChild = function(oControl){
	var iIdx = this.indexOfContent(oControl);
	if(iIdx >= 0){
		//Adapt when width/height attribute on control is set
		var oPosition = this.getPositions()[iIdx];
		return oPosition.getComputedPosition();
	}
	return {};
};


/**
 * Called when the control is destroyed.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayout.prototype.exit = function(){
	cleanup(this.getPositions());
};


/**
 * Called by the Renderer before the control is rendered.
 * Attention: Do not mix it up with onBeforeRendering!
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayout.prototype.doBeforeRendering = function() {
	var aPositions = this.getPositions();
	if(!aPositions || aPositions.length == 0) {
		return;
	}

	for(var index=0; index<aPositions.length; index++) {
		var oPosition = aPositions[index];
		oPosition.reinitializeEventHandlers(true);
		adaptChildControl(oPosition, true);
	}
};


/**
 * Called after the control is rendered.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayout.prototype.onAfterRendering = function() {
	var aPositions = this.getPositions();
	if(!aPositions || aPositions.length == 0) {
		return;
	}

	for(var index=0; index<aPositions.length; index++) {
		aPositions[index].reinitializeEventHandlers();
	}
};


/**
 * Cleanup modifications of the given control.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayout.cleanUpControl = function(oControl) {
	if(oControl && oControl[SAVED_DELEGATOR]){
		oControl.removeDelegate(oControl[SAVED_DELEGATOR]);
		oControl[SAVED_DELEGATOR] = undefined;
	}
};


/**
 * Handles changes on an aggregated position container when it is already in the Dom.
 *
 * @private
 */
sap.ui.commons.layout.AbsoluteLayout.prototype.contentChanged = function(oPosition, sChangeType) {
	switch(sChangeType) {
		case "CTRL_POS":
			sap.ui.commons.layout.AbsoluteLayoutRenderer.updatePositionStyles(oPosition);
			adaptChildControl(oPosition);
			oPosition.reinitializeEventHandlers();
			break;
		case "CTRL_CHANGE":
			adaptChildControl(oPosition, true);
			sap.ui.commons.layout.AbsoluteLayoutRenderer.updatePositionedControl(oPosition);
			oPosition.reinitializeEventHandlers();
			break;
		case "CTRL_REMOVE":
			sap.ui.commons.layout.AbsoluteLayoutRenderer.removePosition(oPosition);
			oPosition.reinitializeEventHandlers(true);
			break;
		case "CTRL_REMOVE_ALL":
			sap.ui.commons.layout.AbsoluteLayoutRenderer.removeAllPositions(this);
			var aPositions = oPosition;
			if(aPositions) {
				for(var index=0; index<aPositions.length; index++) {
					aPositions[index].reinitializeEventHandlers(true);
				}
			}
			break;
		case "CTRL_ADD":
			adaptChildControl(oPosition, true);
			sap.ui.commons.layout.AbsoluteLayoutRenderer.insertPosition(this, oPosition);
			oPosition.reinitializeEventHandlers();
			break;
		case "LYT_SCROLL":
			sap.ui.commons.layout.AbsoluteLayoutRenderer.updateLayoutScolling(this);
			break;
		case "LYT_SIZE":
			sap.ui.commons.layout.AbsoluteLayoutRenderer.updateLayoutSize(this);
			break;
	}
};



//**** Private Helper Functions ****

//Constant which defines the "save location" for the used delegator object
var SAVED_DELEGATOR = "__absolutelayout__delegator";

/**
 * Cleanup modifications of all child controls of the given positions.
 *
 * @private
 */
var cleanup = function(aPositions) {
	for(var index=0; index<aPositions.length; index++) {
		var oPosition = aPositions[index];
		var oChildControl = oPosition.getControl();
		if(oChildControl) {
			sap.ui.commons.layout.AbsoluteLayout.cleanUpControl(oChildControl);
		}
	}
};


/**
 * (Re-)Initialize listening to child rerendering
 *
 * @private
 */
var adaptChildControl = function(oPosition, bRegisterOnly) {
	var oChildControl = oPosition.getControl();
	if(oChildControl) {
		sap.ui.commons.layout.AbsoluteLayout.cleanUpControl(oChildControl);

		if(!bRegisterOnly) {
			adaptControlSize(oChildControl);
		}

		var oDelegate = (function(oControl) {
			return {
				onAfterRendering: function(){
					adaptControlSize(oControl);
				}
			};
		}(oChildControl));

		oChildControl[SAVED_DELEGATOR] = oDelegate;
		oChildControl.addDelegate(oDelegate, true);
	}
};


/**
 * Adapt the sizes of controls if necessary.
 *
 * @private
 */
var adaptControlSize = function(oControl){
	var bAdapted = false;
	if(oControl.getParent() && oControl.getParent().getComputedPosition) {
		var oPos = oControl.getParent().getComputedPosition();
		if(oPos.top && oPos.bottom || oPos.height){
			jQuery(oControl.getDomRef()).height("100%");
			bAdapted = true;
		}
		if(oPos.left && oPos.right || oPos.width){
			jQuery(oControl.getDomRef()).width("100%");
			bAdapted = true;
		}
		if(bAdapted) {
			sap.ui.commons.layout.AbsoluteLayoutRenderer.updatePositionStyles(oControl.getParent());
		}
	}
	return bAdapted;
};


/**
 * Sets the value of the given property and triggers Dom change if
 * possible.
 *
 * @private
 */
var setProp = function(oThis, sProp, oValue, sChangeType) {
	var bHasDomRef = !!oThis.getDomRef();
	oThis.setProperty(sProp, oValue, bHasDomRef);
	if(bHasDomRef) {
		oThis.contentChanged(null, sChangeType);
	}
	return oThis;
};


}());
}; // end of sap.ui.commons.layout.AbsoluteLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.MatrixLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.MatrixLayout.
jQuery.sap.declare("sap.ui.commons.layout.MatrixLayout");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/MatrixLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize</li>
 * <li>{@link #getLayoutFixed layoutFixed} : boolean (default: true)</li>
 * <li>{@link #getColumns columns} : int</li>
 * <li>{@link #getWidths widths} : sap.ui.core.CSSSize[]</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getRows rows} : sap.ui.commons.layout.MatrixLayoutRow[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * <p>
 * A matrix layout arranges controls in a grid structure, using rows which
 * need not have the same number of cells.
 * </p>
 * 
 * <p>
 * It uses predefined cell classes that guarantee appropriate distances
 * between cells in the grid. The cell's <code>vGutter</code> property lets
 * you specify additional horizontal distances easily. You can set these
 * additional distances (known as gutters) with or without separators.
 * The distance for each cell is specified by assigning a specific
 * enumeration value of the class <code>LayoutCellSeparator</code> of the
 * matrix data object.
 * </p>
 * 
 * <p>
 * You should <b>avoid nesting</b> matrix layouts. You should only use a
 * matrix layout if you need to align controls horizontally across rows.
 * </p>
 * 
 * @extends sap.ui.core.Control
 *
 * @author d029921 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.layout.MatrixLayout
 */
sap.ui.core.Control.extend("sap.ui.commons.layout.MatrixLayout", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"createRow"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"visible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"height" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"layoutFixed" : {type : "boolean", group : "Appearance", defaultValue : true},
		"columns" : {type : "int", group : "Appearance", defaultValue : null},
		"widths" : {type : "sap.ui.core.CSSSize[]", group : "Appearance", defaultValue : null}
	},
	defaultAggregation : "rows",
	aggregations : {
    	"rows" : {type : "sap.ui.commons.layout.MatrixLayoutRow", multiple : true, singularName : "row"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.MatrixLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.MatrixLayout.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * 
 * Determines whether the matrix layout, including all its content, is
 * visible. An invisible control will not be rendered.
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * CSS width of the matrix layout.
 * If the LayoutFixed = true a adequate width should be provided.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * 
 * CSS height of the matrix layout.
 * 
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#setHeight
 * @function
 */


/**
 * Getter for property <code>layoutFixed</code>.
 * Sets the table layout. If fixed the width parameter of a column has priority, if not the width of the content of the colums has priority.
 * The default is "fixed".
 * If the fixed layout is used a adequate width of the MatrixLayout should be provided. Otherwise the column width displayed could be different than the given ones because of browser dependend optimazations.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>layoutFixed</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#getLayoutFixed
 * @function
 */

/**
 * Setter for property <code>layoutFixed</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bLayoutFixed  new value for property <code>layoutFixed</code>
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#setLayoutFixed
 * @function
 */


/**
 * Getter for property <code>columns</code>.
 * Number of columns. If not specified, the number of columns will be determined from the given cells.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>columns</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#getColumns
 * @function
 */

/**
 * Setter for property <code>columns</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iColumns  new value for property <code>columns</code>
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#setColumns
 * @function
 */


/**
 * Getter for property <code>widths</code>.
 * Widths of the columns. Use an array to define the widths of the columns.
 * If a column shall have an automatical sizing enter "auto" for this column width.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize[]} the value of property <code>widths</code>
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#getWidths
 * @function
 */

/**
 * Setter for property <code>widths</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize[]} aWidths  new value for property <code>widths</code>
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#setWidths
 * @function
 */


/**
 * Getter for aggregation <code>rows</code>.<br/>
 * 
 * The matrix layout's individual rows.
 * 
 * 
 * @return {sap.ui.commons.layout.MatrixLayoutRow[]}
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#getRows
 * @function
 */


/**
 * Inserts a row into the aggregation named <code>rows</code>.
 *
 * @param {sap.ui.commons.layout.MatrixLayoutRow}
 *          oRow the row to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the row should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the row is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the row is inserted at 
 *             the last position        
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#insertRow
 * @function
 */

/**
 * Adds some row <code>oRow</code> 
 * to the aggregation named <code>rows</code>.
 *
 * @param {sap.ui.commons.layout.MatrixLayoutRow}
 *            oRow the row to add; if empty, nothing is inserted
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#addRow
 * @function
 */

/**
 * Removes an row from the aggregation named <code>rows</code>.
 *
 * @param {int | string | sap.ui.commons.layout.MatrixLayoutRow} vRow the row to remove or its index or id
 * @return {sap.ui.commons.layout.MatrixLayoutRow} the removed row or null
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#removeRow
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>rows</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.layout.MatrixLayoutRow[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#removeAllRows
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.layout.MatrixLayoutRow</code> in the aggregation named <code>rows</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.layout.MatrixLayoutRow}
 *            oRow the row whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#indexOfRow
 * @function
 */
	

/**
 * Destroys all the rows in the aggregation 
 * named <code>rows</code>.
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.MatrixLayout#destroyRows
 * @function
 */


/**
 * Creates a new matrix layout row and appends it to this matrix layout.
 *
 * @name sap.ui.commons.layout.MatrixLayout.prototype.createRow
 * @function
 * @param {sap.ui.core.Control} 
 *         oControls
 *         Each argument must be either a matrix layout cell, which is added to the row "as is", or an arbitrary content control, which is wrapped with a new (default) matrix layout cell first and then added to the row.
 * Supports a variable number of arguments!

 * @type sap.ui.commons.layout.MatrixLayout
 * @public
 */


// Start of sap/ui/commons/layout/MatrixLayout.js
jQuery.sap.require('sap.ui.core.EnabledPropagator'); // unlisted dependency retained
 // unlisted dependency retained




sap.ui.core.EnabledPropagator.call(sap.ui.commons.layout.MatrixLayout.prototype, true, /* legacy mode */ true);

/**
 * Creates a new matrix layout row and appends it to this matrix layout.
 * Each argument must be either a matrix layout cell, which is added to the row
 * "as is", or an arbitrary content control, which is wrapped with a new
 * (default) matrix layout cell first and then added to the row.
 * @param {sap.ui.commons.layout.MatrixLayoutCell|sap.ui.core.Control|string} rowContent to add
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.layout.MatrixLayout.prototype.createRow = function() {
	var oRow = new sap.ui.commons.layout.MatrixLayoutRow();
	this.addRow(oRow);
	for (var i = 0; i < arguments.length; i++) {
		var oContent = arguments[i];
		var oCell;
		if (oContent instanceof sap.ui.commons.layout.MatrixLayoutCell) {
			// matrix layout cell given, use as is
			oCell = oContent;
		} else if (oContent instanceof sap.ui.core.Control) {
			// any control given, wrap with matrix layout cell first
			   oCell = new sap.ui.commons.layout.MatrixLayoutCell({content : oContent});
		} else if (oContent instanceof Object && oContent.height) {
			oRow.setHeight(oContent.height);
		} else {
			// any string(?) given, display it
			var sText = oContent ? oContent.toString() : "";
				oCell = new sap.ui.commons.layout.MatrixLayoutCell({
					content : new sap.ui.commons.TextView({text : sText})});
		}
			oRow.addCell(oCell);
	}
	return this;
};

/*
 * Overwrites Setter for property <code>widths</code>.
 * Sets the widths of the columns. The values must be stored in an array to be used in renderer.
 * to be compatible with previous version also allow list of values.
 * @param {sap.ui.core.CSSSize[]} aWidths new value for property <code>widths</code>
 * @return {sap.ui.commons.layout.MatrixLayout} <code>this</code> to allow method chaining
 * @public
 */
sap.ui.commons.layout.MatrixLayout.prototype.setWidths = function( aWidths ) {

	var aSetWidths;

	if(!jQuery.isArray(aWidths)){
		// a list of values is used instead of an array -> use this as array
		aSetWidths = jQuery.makeArray(arguments);
	}else{
		aSetWidths = aWidths;
	}

	// set "auto" for empty values
	for ( var i = 0; i < aSetWidths.length; i++) {
		if (aSetWidths[i] == "" || !aSetWidths[i]) {
			aSetWidths[i] = "auto";
		}
	}

	this.setProperty("widths", aSetWidths);

	return this;
};
}; // end of sap.ui.commons.layout.MatrixLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.layout.ResponsiveFlowLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.layout.ResponsiveFlowLayout.
jQuery.sap.declare("sap.ui.commons.layout.ResponsiveFlowLayout");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new layout/ResponsiveFlowLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getResponsive responsive} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This is a layout where several controls can be added. These controls are blown up to fit a whole line. If the window resizes the controls are moved between the lines and resized again.
 * @extends sap.ui.core.Control
 *
 * @author SAP 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.commons.layout.ResponsiveFlowLayout
 */
sap.ui.core.Control.extend("sap.ui.commons.layout.ResponsiveFlowLayout", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"responsive" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.layout.ResponsiveFlowLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.layout.ResponsiveFlowLayout.extend
 * @function
 */


/**
 * Getter for property <code>responsive</code>.
 * If this property is 'false' all added controls keep their widths. Otherwise all added controls will be extended to the possible width of a row.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>responsive</code>
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#getResponsive
 * @function
 */

/**
 * Setter for property <code>responsive</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bResponsive  new value for property <code>responsive</code>
 * @return {sap.ui.commons.layout.ResponsiveFlowLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#setResponsive
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Added content that should be positioned. Every content item should have a ResponsiveFlowLayoutData attached otherwise the default values are used.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.layout.ResponsiveFlowLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.layout.ResponsiveFlowLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.layout.ResponsiveFlowLayout} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.layout.ResponsiveFlowLayout#destroyContent
 * @function
 */


// Start of sap/ui/commons/layout/ResponsiveFlowLayout.js

jQuery.sap.require('sap.ui.core.IntervalTrigger'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


(function() {
	// a singelton instance of the centralized interval trigger
	sap.ui.commons.layout.ResponsiveFlowLayout.INTERVAL_TRIGGER = new sap.ui.core.IntervalTrigger(300);

	sap.ui.commons.layout.ResponsiveFlowLayout.prototype.init = function() {
		this._rows = [];

		this._bIsRegistered = false;
		this._proxyComputeWidths = jQuery.proxy(computeWidths, this);
	};
	sap.ui.commons.layout.ResponsiveFlowLayout.prototype.exit = function() {
		delete this._rows;

		if (this._bIsRegistered) {
			sap.ui.commons.layout.ResponsiveFlowLayout.INTERVAL_TRIGGER.removeListener(this._proxyComputeWidths, this);
			delete this._bIsRegistered;
		}

		delete this._proxyComputeWidths;
	};

	var updateRows = function(oThis) {
		var aControls = oThis.getContent();
		var aRows = [];
		var iRow = -1;
		var oItem = {}, oLast = {};
		var sId = "";
		var oLD;
		var minWidth = 0, weight = 0, length = 0;
		var bBreak = false, bMargin = false, bLinebreakable = false;

		for ( var i = 0; i < aControls.length; i++) {
			// use default values -> are overwritten if LayoutData exists
			minWidth = sap.ui.commons.layout.ResponsiveFlowLayoutData.MIN_WIDTH;
			weight = sap.ui.commons.layout.ResponsiveFlowLayoutData.WEIGHT;
			bBreak = sap.ui.commons.layout.ResponsiveFlowLayoutData.LINEBREAK;
			bMargin = sap.ui.commons.layout.ResponsiveFlowLayoutData.MARGIN;
			bLinebreakable = sap.ui.commons.layout.ResponsiveFlowLayoutData.LINEBREAKABLE;

			// set the values of the layout data if available
			oLD = _getLayoutDataForControl(aControls[i]);
			if (oLD instanceof sap.ui.commons.layout.ResponsiveFlowLayoutData) {
				bBreak = oLD.getLinebreak();
				minWidth = oLD.getMinWidth();
				weight = oLD.getWeight();
				bMargin = oLD.getMargin();
				bLinebreakable = oLD.getLinebreakable();
			}

			if (iRow < 0 || bBreak) {
				/*
				 * if first run OR current control should cause a linebreak the
				 * control will be placed in a new row
				 */
				iRow++;
				aRows.push({
					height : -1,
					cont : []
				});
			}

			length = aRows[iRow].cont.length;
			sId = aControls[i].getId() + "-cont" + iRow + "_" + length;
			oItem = {
				minWidth : minWidth,
				weight : weight,
				linebreakable : bLinebreakable,
				// since the margin of the element is used outside of it it
				// becomes padding
				padding : bMargin,
				control : aControls[i],
				id : sId,
				breakWith : []
			};

			// check if item has been pushed needed if no element was found that
			// is allowed to be wrapped into a new line
			var bPushed = false;
			if (!!!bLinebreakable) {
				// if an element mustn't break -> find any previous element that
				// is allowed to do wrapping
				for ( var br = length; br > 0; br--) {
					oLast = aRows[iRow].cont[br - 1];
					if (oLast.linebreakable) {
						oLast.breakWith.push(oItem);
						bPushed = true;
						break;
					}
				}
			}

			if (!bPushed) {
				aRows[iRow].cont.push(oItem);
			}

		}

		oThis._rows = aRows;
	};

	var getCurrrentWrapping = function(oRow, $Row, oThis) {
		var r = [];
		var lastOffsetLeft = 10000000;
		var currentRow = -1;

		// Find out the "rows" within a row
		for ( var j = 0; j < oRow.cont.length; j++) {
			var $cont = jQuery.sap.byId(oRow.cont[j].id);
			if ($cont.length > 0) {
				var offset = $cont[0].offsetLeft;
				if (lastOffsetLeft >= offset) {
					r.push({
						cont : []
					});
					currentRow++;
				}
				lastOffsetLeft = offset;
				r[currentRow].cont.push(oRow.cont[j]);
			}
		}
		return r;
	};

	var getTargetWrapping = function(oRow, $Row) {
		/*
		 * initiating all required variables to increase speed and memory
		 * efficiency
		 */
		var width = $Row.width();
		var r = [];
		var currentRow = -1;
		var currentWidth = 0;
		var totalWeight = 0;
		var indexLinebreak = 0;
		var w1 = 0, w2 = 0;
		var j = 0, k = 0;

		// Find out the "rows" within a row
		for (j = 0; j < oRow.cont.length; j++) {
			currentWidth = 0;
			totalWeight = 0;
			for (k = indexLinebreak; k <= j; k++) {
				totalWeight = totalWeight + oRow.cont[k].weight;
			}
			for (k = indexLinebreak; k <= j; k++) {
				w1 = width / totalWeight * oRow.cont[k].weight;
				w1 = Math.floor(w1);

				w2 = oRow.cont[k].minWidth;

				currentWidth += Math.max(w1, w2);
			}

			if (currentRow == -1 || currentWidth > width) {
				r.push({
					cont : []
				});
				if (currentRow !== -1) {
					/*
					 * if this is NOT the first run -> all coming iterations
					 * needn't to start from '0' since the calculation of a new
					 * row has begun
					 */
					indexLinebreak = j;
				}
				currentRow++;

			}
			r[currentRow].cont.push(oRow.cont[j]);
		}
		return r;
	};

	var checkWrappingDiff = function(wrap1, wrap2) {
		if (wrap1.length != wrap2.length) {
			return true;
		}

		for ( var i = 0; i < wrap1.length; i++) {
			if (wrap1[i].cont.length != wrap2[i].cont.length) {
				return true;
			}
		}

		return false;
	};

	/*
	 * Sets the width of an jQuery-object in percentage. If the percentage value
	 * is 100 (-> 100%) then a CSS-class called 'sapUiRFLFullLength' is added
	 */
	var fSetWidthPercentage = function($element, iProcWidth) {
		if (iProcWidth === 100) {
			$element.addClass("sapUiRFLFullLength");
		} else {
			$element.removeClass("sapUiRFLFullLength");
		}

		$element.css("width", iProcWidth + "%");
	};

	var computeWidths = function(bInitial) {
		if (this.getDomRef) {
			var rows = this._rows;
			var sId = this.getId();

			if (rows) {
				for ( var i = 0; i < rows.length; i++) {
					var $row = jQuery.sap.byId(sId + "-row" + i);
					var oTargetWrapping = getTargetWrapping(rows[i], $row);
					var oCurrentWrapping = getCurrrentWrapping(rows[i], $row, this);

					if (bInitial || this._bLayoutDataChanged || rows[i].height != $row.height() || checkWrappingDiff(oCurrentWrapping, oTargetWrapping)) {
						if (this._bLayoutDataChanged) {
							// reset this to be clean for next check interval
							this._bLayoutDataChanged = false;
						}
						var r = oTargetWrapping;
						var iRowProcWidth = 0;
						var aWidths = [];
						var j = 0, k = 0, z = 0;
						var totalWeight = 0;
						var iProcWidth = 0;
						var oCont, $cont;

						if (oTargetWrapping.length > 1) {
							$row.removeClass("sapUiRFLCompleteRow");
						} else {
							$row.addClass("sapUiRFLCompleteRow");
						}

						for (j = 0; j < r.length; j++) {
							iProcWidth = 0;
							aWidths.length = 0;

							for (k = 0; k < r[j].cont.length; k++) {
								totalWeight = 0;
								for (z = 0; z < r[j].cont.length; z++) {
									totalWeight += r[j].cont[z].weight;
								}

								oCont = r[j].cont[k];
								$cont = jQuery.sap.byId(oCont.id);
								iProcWidth = 100 / totalWeight * oCont.weight;
								iProcWidth = Math.floor(iProcWidth);

								aWidths.push(iProcWidth);
								iRowProcWidth += iProcWidth;

								// set the width of the container
								fSetWidthPercentage($cont, iProcWidth);

								/*
								 * calculate the widths of the elements inside
								 * to set a relative width to the surrounding
								 * container
								 */
								if (oCont.breakWith.length > 0) {
									var tWeight = oCont.weight;
									var tMinWidth = oCont.minWidth;
									for ( var br = 0; br < oCont.breakWith.length; br++) {
										tWeight += oCont.breakWith[br].weight;
										tMinWidth += oCont.breakWith[br].minWidth;
									}

									var aBreakWidths = [];

									// set width of first element
									var percW = 100 / tWeight * oCont.weight;
									percW = Math.floor(percW);
									aBreakWidths.push(percW);

									var $break = jQuery.sap.byId(oCont.id + "-multi0");
									fSetWidthPercentage($break, percW);
									$cont.css("min-width", tMinWidth + "px");

									// total percentage for all elements
									var tPercentage = percW;

									// set the corresponding width for every
									// other element
									for (br = 0; br < oCont.breakWith.length; br++) {
										percW = 100 / tWeight * oCont.breakWith[br].weight;
										percW = Math.floor(percW);

										aBreakWidths.push(percW);
										tPercentage += percW;

										$break = jQuery.sap.byId(oCont.id + "-multi" + (br + 1));
										fSetWidthPercentage($break, percW);
									}

									if (tPercentage < 100) {
										var diff = 100 - tPercentage;
										br = 0;

										while (diff > 0) {
											$break = jQuery.sap.byId(oCont.id + "-multi" + br);
											aBreakWidths[br] = aBreakWidths[br] + 1;
											fSetWidthPercentage($break, aBreakWidths[br]);

											br++;
											br = br >= aBreakWidths.length ? 0 : br;

											diff--;
										}
									}
								}
							}

							/*
							 * If the row isn't at 100% due to rounding mistakes
							 * the missing percentage points are distributed
							 * over the row's items as equal as possible
							 */
							if (iRowProcWidth < 100) {
								var iDiff = 100 - iRowProcWidth;
								var iStep = iDiff / r[j].cont.length;
								iStep = Math.ceil(iStep);

								for ( var k = 0; k < r[j].cont.length; k++) {
									oCont = r[j].cont[k];
									$cont = jQuery.sap.byId(oCont.id);
									var iWidth = aWidths[k];
									iWidth += iStep;

									fSetWidthPercentage($cont, iWidth);
									iDiff -= iStep;

									if (iDiff <= 0) {
										break;
									}
								}
							}
						}
						rows[i].height = $row.height();
					}
				}
			}
		} else {
			if (this._bIsRegistered) {
				this._bIsRegistered = false;
				sap.ui.commons.layout.ResponsiveFlowLayout.INTERVAL_TRIGGER.removeListener(this._proxyComputeWidths, this);
			}
		}
	};

	/**
	 * Before all controls are rendered it is needed to update the internal
	 * structure of the rows
	 */
	sap.ui.commons.layout.ResponsiveFlowLayout.prototype.onBeforeRendering = function() {
		// update the internal structure of the rows
		updateRows(this);
	};

	/**
	 * If the layout should be responsive it is necessary to fix the content's
	 * items' widths corresponding to the layout's width
	 */
	sap.ui.commons.layout.ResponsiveFlowLayout.prototype.onAfterRendering = function(oEvent) {
		if (this.getResponsive()) {
			// Initial Width Adaptation
			this._proxyComputeWidths(true);

			if (!this._bIsRegistered) {
				this._bIsRegistered = true;
				sap.ui.commons.layout.ResponsiveFlowLayout.INTERVAL_TRIGGER.addListener(this._proxyComputeWidths, this);
			}
		}
	};
	sap.ui.commons.layout.ResponsiveFlowLayout.prototype.onThemeChanged = function(oEvent) {

		if (oEvent.type === "LayoutDataChange") {
			this._bLayoutDataChanged = true;
		}

		this.invalidate();
	};

	/**
	 * If any LayoutData was changed the samte stuff like 'onThemeChanged' has
	 * to be done
	 */
	sap.ui.commons.layout.ResponsiveFlowLayout.prototype.onLayoutDataChange = sap.ui.commons.layout.ResponsiveFlowLayout.prototype.onThemeChanged;

	var _getLayoutDataForControl = function(oControl) {
		var oLayoutData = oControl.getLayoutData();

		if (!oLayoutData) {
			return undefined;
		} else if (oLayoutData instanceof sap.ui.commons.layout.ResponsiveFlowLayoutData) {
			return oLayoutData;
		} else if (oLayoutData.getMetadata().getName() == "sap.ui.core.VariantLayoutData") {
			// multiple LayoutData available - search here
			var aLayoutData = oLayoutData.getMultipleLayoutData();
			for ( var i = 0; i < aLayoutData.length; i++) {
				var oLayoutData2 = aLayoutData[i];
				if (oLayoutData2 instanceof sap.ui.commons.layout.ResponsiveFlowLayoutData) {
					return oLayoutData2;
				}
			}
		}
	};
}());

}; // end of sap.ui.commons.layout.ResponsiveFlowLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.AutoComplete') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.AutoComplete.
jQuery.sap.declare("sap.ui.commons.AutoComplete");



/**
 * Constructor for a new AutoComplete.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getEnableScrolling enableScrolling} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.commons.AutoComplete#event:suggest suggest} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.ComboBox#constructor sap.ui.commons.ComboBox}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * 
 * Textfield with list based text completion.
 * 
 * @extends sap.ui.commons.ComboBox
 * @implements sap.ui.commons.ToolbarItem
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.10.0
 * @name sap.ui.commons.AutoComplete
 */
sap.ui.commons.ComboBox.extend("sap.ui.commons.AutoComplete", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.commons.ToolbarItem"
	],
	publicMethods : [
		// methods
		"setFilterFunction"
	],

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"enableScrolling" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	events : {
		"suggest" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.AutoComplete with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.AutoComplete.extend
 * @function
 */

sap.ui.commons.AutoComplete.M_EVENTS = {'suggest':'suggest'};


/**
 * Getter for property <code>enableScrolling</code>.
 * Whether scrolling should be enabled when the number of items is higher than maxPopupItems.
 * If set to false only the first n items (n=maxPopupItems) are shown.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableScrolling</code>
 * @public
 * @name sap.ui.commons.AutoComplete#getEnableScrolling
 * @function
 */

/**
 * Setter for property <code>enableScrolling</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableScrolling  new value for property <code>enableScrolling</code>
 * @return {sap.ui.commons.AutoComplete} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AutoComplete#setEnableScrolling
 * @function
 */


/**
 * Fired when the user has changed the value and a suggestion list update should occur. 
 *
 * @name sap.ui.commons.AutoComplete#suggest
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.suggestValue The current value which was typed in.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'suggest' event of this <code>sap.ui.commons.AutoComplete</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.commons.AutoComplete</code>.<br/> itself. 
 *  
 * Fired when the user has changed the value and a suggestion list update should occur. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.commons.AutoComplete</code>.<br/> itself.
 *
 * @return {sap.ui.commons.AutoComplete} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AutoComplete#attachSuggest
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'suggest' event of this <code>sap.ui.commons.AutoComplete</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.commons.AutoComplete} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.AutoComplete#detachSuggest
 * @function
 */

/**
 * Fire event suggest to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'suggestValue' of type <code>string</code> The current value which was typed in.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.commons.AutoComplete} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.commons.AutoComplete#fireSuggest
 * @function
 */


/**
 * Sets a custom filter function for items. Default is to check whether the item text begins with the typed value.
 *
 * @name sap.ui.commons.AutoComplete.prototype.setFilterFunction
 * @function

 * @type boolean
 * @public
 */


// Start of sap/ui/commons/AutoComplete.js
jQuery.sap.require('jquery.sap.strings'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.commons.AutoComplete._DEFAULTFILTER = function(sValue, oItem){
	return jQuery.sap.startsWithIgnoreCase(oItem.getText(), sValue);
};

sap.ui.commons.AutoComplete.prototype.init = function(){
	sap.ui.commons.ComboBox.prototype.init.apply(this, arguments);
	this.mobile = false;
	this._filter = sap.ui.commons.AutoComplete._DEFAULTFILTER;
};

/**
 * Sets a custom filter function for items. Default is to check whether the item text begins with the typed value.
 * 
 * Example:
 * <code>
 * function(sValue, oItem){
 *	  return jQuery.sap.startsWithIgnoreCase(oItem.getText(), sValue);
 * }
 * </code>
 *
 * @param {function} [fFilter] The filter function. If not set the default filter function will be used.
 * 
 * @name sap.ui.commons.AutoComplete.prototype.setFilterFunction
 * @function
 * @public
 */
sap.ui.commons.AutoComplete.prototype.setFilterFunction = function(fFilter) {
	if(typeof(fFilter) == "function"){
		this._filter = fFilter;
	}else{
		this._filter = sap.ui.commons.AutoComplete._DEFAULTFILTER;
	}
};


sap.ui.commons.AutoComplete.prototype.onkeypress = function(oEvent) {
	var iKC = oEvent.which || oEvent.keyCode;
	if(iKC === jQuery.sap.KeyCodes.ESCAPE){
		sap.ui.commons.TextField.prototype.onkeypress.apply(this, arguments);
		jQuery(this.getInputDomRef()).removeAttr("aria-posinset");
	}
};


(function(){
	
function getAriaDescribedBy(oAuto, bIncludeInfo){
	var aDescBy = oAuto.getAriaDescribedBy();
	var sDescBy = "";
	for(var i=0; i<aDescBy.length; i++){
		sDescBy += aDescBy[i];
		if(i < aDescBy.length-1){
			sDescBy += " ";
		}
	}
	
	if(bIncludeInfo){
		sDescBy += " " + oAuto.getId() + "-ariaLbl";
	}
	
	return sDescBy;
};


function updateOnClose(oAuto){
	var $input = jQuery(oAuto.getInputDomRef());
	var sDescBy = getAriaDescribedBy(oAuto, false);
	
	if(sDescBy.length > 0){
		$input.attr("aria-describedby", sDescBy);
	}else{
		$input.removeAttr("aria-describedby");
	}

	//No posinset and setsize set when popup closed
	$input.removeAttr("aria-posinset");
	$input.removeAttr("aria-setsize");
};


sap.ui.commons.AutoComplete.prototype._close = function(){
	updateOnClose(this);
	sap.ui.commons.ComboBox.prototype._close.apply(this, arguments);
};


sap.ui.commons.AutoComplete.prototype._handleClosed = function(){
	updateOnClose(this);
	sap.ui.commons.ComboBox.prototype._handleClosed.apply(this, arguments);
};


sap.ui.commons.AutoComplete.prototype.onAfterRendering = function(){
	sap.ui.commons.ComboBox.prototype.onAfterRendering.apply(this, arguments);
	jQuery(this.getInputDomRef()).removeAttr("aria-setsize"); // No initial setsize
};


sap.ui.commons.AutoComplete.prototype._prepareOpen = function(oListBox) {
	var $input = jQuery(this.getInputDomRef());
	var sDescBy = getAriaDescribedBy(this, true);
	
	$input.attr("aria-describedby", sDescBy);
	$input.removeAttr("aria-posinset"); //No posinset set when popup opens
};


sap.ui.commons.AutoComplete.prototype._fireLiveChange = function(oEvent) {
	var bFireSuggest = false;
	if (!this.getEnabled() || !this.getEditable()) {
		this._close();
	}else{
		this._sTypedChars = jQuery(this.getInputDomRef()).val();
		
		switch(oEvent.type){
			case "keyup":
				if(!sap.ui.commons.ComboBox._isHotKey(oEvent)){
					var iKC = oEvent.which || oEvent.keyCode;
					if(iKC === jQuery.sap.KeyCodes.ESCAPE){
						this.close();
						break;
					}else{
						bFireSuggest = true;
					}
				}else{
					break;
				}
			default: //paste or no hotkey or not escape
				refreshListBoxItems(this);
				bFireSuggest = true;
		}
	}
	
	if(bFireSuggest){
		this.fireSuggest({suggestValue: this._sTypedChars});
	}

	sap.ui.commons.ComboBox.prototype._fireLiveChange.apply(this, arguments);
};


sap.ui.commons.AutoComplete.prototype._doTypeAhead = function(){
	this._sTypeAhead = null;
	this._sWantedSelectedKey = undefined;
	this._sWantedSelectedItemId = undefined;
	this._sTypedChars = jQuery(this.getInputDomRef()).val();

	refreshListBoxItems(this);
};


sap.ui.commons.AutoComplete.prototype.getItems = function(){
	return this.getAggregation("items", []);
};
sap.ui.commons.AutoComplete.prototype.insertItem = function(oItem, iIndex){
	this.insertAggregation("items", iIndex, oItem, true);
	refreshListBoxItems(this);
	return this;
};
sap.ui.commons.AutoComplete.prototype.addItem = function(oItem){
	this.addAggregation("items", oItem, true);
	refreshListBoxItems(this);
	return this;
};
sap.ui.commons.AutoComplete.prototype.removeItem = function(oItem) {
	var res = this.removeAggregation("items", oItem, true);
	refreshListBoxItems(this);
	return res;
};
sap.ui.commons.AutoComplete.prototype.removeAllItems = function() {
	var res = this.removeAllAggregation("items");
	refreshListBoxItems(this);
	return res;
};
sap.ui.commons.AutoComplete.prototype.indexOfItem = function(oItem){
	return this.indexOfAggregation("items", oItem);
};
sap.ui.commons.AutoComplete.prototype.destroyItems = function(){
	this.destroyAggregation("items", true);
	refreshListBoxItems(this);
	return this;
};

sap.ui.commons.AutoComplete.prototype.setEnableScrolling = function(bEnableScrolling){
	this.setProperty("enableScrolling", bEnableScrolling, true);
	if(this.oPopup && this.oPopup.isOpen()){
		refreshListBoxItems(this);
	}
	return this;
};

function refreshListBoxItems(oAuto){
	if(!oAuto.getDomRef() || !oAuto.$().hasClass("sapUiTfFoc")){ //Nothing to do if not rendered or the TF does not have the focus
		return false;
	}
	
	var oItem,
		aItems = oAuto.getItems(),
		bFilter = oAuto._sTypedChars && oAuto._sTypedChars.length > 0,
		oLB = oAuto._getListBox(),
		iMaxPopupItems = oAuto.getMaxPopupItems(),
		bScroll = oAuto.getEnableScrolling(),
		aHitItems = [];
		
	if(!bFilter){
		oAuto._close();
		return;
	}
	
	oLB.removeAllItems();
	oLB.clearSelection();
	
	for(var i=0; i<aItems.length; i++){
		oItem = aItems[i];
		if(!oItem.__CLONE){
			oItem.__CLONE = oItem.clone(oItem.getId()+"-CLONE", null, {cloneBindings: false});
			oItem.__origexit = oItem.exit;
			oItem.exit = function(){
				this.__CLONE.destroy();
				delete this.__CLONE;
				this.exit = this.__origexit;
				delete this.__origexit;
				// apply restored exit if a function
				if ( typeof this.exit === "function" ) {
					this.exit.apply(this, arguments);
				}
			};
		}

		if((!bFilter || oAuto._filter(oAuto._sTypedChars, oItem)) && (bScroll || (!bScroll && aHitItems.length < iMaxPopupItems))){
			aHitItems.push(oItem.__CLONE);
		}
	}
	
	var iItemsLength = aHitItems.length;
	
	if(iItemsLength > 0){
		
		if(oAuto._sort){
			aHitItems.sort(function(oItem1, oItem2){
				if (oItem1.getText() > oItem2.getText()) 
					return 1;
				if (oItem1.getText() < oItem2.getText())
					return -1; 
				return 0;
			});
		}
		
		for(var i=0; i<iItemsLength; i++){
			oLB.addItem(aHitItems[i]);
		}
		
		oLB.setVisibleItems(iMaxPopupItems < iItemsLength ? iMaxPopupItems : iItemsLength);
		
		if(!oAuto.oPopup || !oAuto.oPopup.isOpen()){
			oAuto._open();
		}
	}else{
		oAuto._close();
	}
};

})();


/**
 * @deprecated NOT SUPPORTED
 * @public
 * @name sap.ui.commons.AutoComplete#getListBox
 * @function
 */


/**
 * @deprecated NOT SUPPORTED
 * @public
 * @name sap.ui.commons.AutoComplete#setListBox
 * @function
 */
sap.ui.commons.AutoComplete.prototype.setListBox = function(){
	return this;
};


/**
 * @deprecated NOT SUPPORTED
 * @public
 * @name sap.ui.commons.AutoComplete#getSelectedKey
 * @function
 */


/**
 * @deprecated NOT SUPPORTED
 * @public
 * @name sap.ui.commons.AutoComplete#setSelectedKey
 * @function
 */
sap.ui.commons.AutoComplete.prototype.setSelectedKey = function(){
	return this;
};


/**
 * @deprecated NOT SUPPORTED
 * @public
 * @name sap.ui.commons.AutoComplete#getSelectedItemId
 * @function
 */


/**
 * @deprecated NOT SUPPORTED
 * @public
 * @name sap.ui.commons.AutoComplete#setSelectedItemId
 * @function
 */
sap.ui.commons.AutoComplete.prototype.setSelectedItemId = function(){
	return this;
};
}; // end of sap.ui.commons.AutoComplete
if ( !jQuery.sap.isDeclared('sap.ui.commons.MenuBar') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.MenuBar.
jQuery.sap.declare("sap.ui.commons.MenuBar");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new MenuBar.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getDesign design} : sap.ui.commons.MenuBarDesign (default: sap.ui.commons.MenuBarDesign.Standard)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.commons.MenuItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Represents a user interface area which is the entry point for menus with their menu items. MenuBar is useful for applications which shall offer a
 * set of actions that shall be provided in a structured way. The MenuBar contains the menu titles from where users navigate to the single items. The control supports
 * for example long menu item texts, automated scrolling for menu items when the browser space is not large enough to display all items, defining images for single
 * or all items in a menu, automated layouting of items with or w/o image, and active/non-active items.
 * 
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.commons.MenuBar
 */
sap.ui.core.Control.extend("sap.ui.commons.MenuBar", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"enabled" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : '100%'},
		"design" : {type : "sap.ui.commons.MenuBarDesign", group : "Appearance", defaultValue : sap.ui.commons.MenuBarDesign.Standard}
	},
	defaultAggregation : "items",
	aggregations : {
    	"items" : {type : "sap.ui.commons.MenuItem", multiple : true, singularName : "item"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.MenuBar with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.MenuBar.extend
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * When the MenuBar is not enabled, automatically all single menu items are also displayed as 'disabled'.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.commons.MenuBar#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.commons.MenuBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuBar#setEnabled
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.commons.MenuBar#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.commons.MenuBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuBar#setVisible
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Specifies the width of the MenuBar
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.commons.MenuBar#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.commons.MenuBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuBar#setWidth
 * @function
 */


/**
 * Getter for property <code>design</code>.
 * Available design options are Header and Standard. Note that design settings are theme-dependent.
 *
 * Default value is <code>Standard</code>
 *
 * @return {sap.ui.commons.MenuBarDesign} the value of property <code>design</code>
 * @public
 * @name sap.ui.commons.MenuBar#getDesign
 * @function
 */

/**
 * Setter for property <code>design</code>.
 *
 * Default value is <code>Standard</code> 
 *
 * @param {sap.ui.commons.MenuBarDesign} oDesign  new value for property <code>design</code>
 * @return {sap.ui.commons.MenuBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuBar#setDesign
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * Aggregation of menu items.
 * 
 * @return {sap.ui.commons.MenuItem[]}
 * @public
 * @name sap.ui.commons.MenuBar#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.commons.MenuItem}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.commons.MenuBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuBar#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.commons.MenuItem}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.commons.MenuBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuBar#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.commons.MenuItem} vItem the item to remove or its index or id
 * @return {sap.ui.commons.MenuItem} the removed item or null
 * @public
 * @name sap.ui.commons.MenuBar#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.MenuItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.MenuBar#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.MenuItem</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.MenuItem}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.MenuBar#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.commons.MenuBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.MenuBar#destroyItems
 * @function
 */


// Start of sap/ui/commons/MenuBar.js



sap.ui.commons.MenuItem.extend("sap.ui.commons._DelegatorMenuItem", {
  constructor : function(oAlterEgoItm) {
    sap.ui.commons.MenuItem.apply(this);
    this.oAlterEgoItm = oAlterEgoItm;
    var that = this;
    this.oAlterEgoItm.getSubmenu().getRootMenu = function(){
    	return that.getParent();
    }
  },
  exit : function () {
	this.oAlterEgoItm.getSubmenu().getRootMenu = sap.ui.commons.Menu.prototype.getRootMenu;
    this.oAlterEgoItm = null;
  },
  getText : function() {
    return this.oAlterEgoItm.getText();
  },
  getIcon : function() {
	  return this.oAlterEgoItm.getIcon();
  },
  getEnabled : function() {
	  return this.oAlterEgoItm.getEnabled();
  },
  getVisible : function() {
	  return this.oAlterEgoItm.getVisible();
  },
  getSubmenu : function() {
	  return this.oAlterEgoItm.getSubmenu();
  }
});

(function() {


/**
 * Initialize this control.
 * @private
 */
sap.ui.commons.MenuBar.prototype.init = function() {
	this.oOvrFlwMnu = null;
	this.sCurrentFocusedItemRefId = null;
};


/**
 * Does all the cleanup when the control is to be destroyed.
 * Called from Element's destroy() method.
 * @private
 */
sap.ui.commons.MenuBar.prototype.exit = function (){
	if(this.oOvrFlwMnu) {
		this.oOvrFlwMnu.destroy();
	}
	this.oOvrFlwMnu = null;
	// Cleanup resize event registration
	if(this.sResizeListenerId){
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};


/**
 * Called before rendering starts by the renderer
 * (This is not the onBeforeRendering method which would be not called for the first rendering)
 * @private
 */
sap.ui.commons.MenuBar.prototype.doBeforeRendering = function() {
	var aItems = this.getItems();
	for(var i=0; i<aItems.length; i++){
		var oMenu = aItems[i].getSubmenu();
		if(oMenu) {
			oMenu.setRootMenuTopStyle(this.getDesign() == sap.ui.commons.MenuBarDesign.Header);
		}
	}

	if(this.oOvrFlwMnu) {
		this.oOvrFlwMnu.setRootMenuTopStyle(this.getDesign() == sap.ui.commons.MenuBarDesign.Header);
	}

	// Cleanup resize event registration before re-rendering
	if(this.sResizeListenerId){
		sap.ui.core.ResizeHandler.deregister(this.sResizeListenerId);
		this.sResizeListenerId = null;
	}
};


/**
 * Called when the rendering is complete
 * @private
 */
sap.ui.commons.MenuBar.prototype.onAfterRendering = function() {
	//Listen to resizing
	this.sResizeListenerId = sap.ui.core.ResizeHandler.register(this.getDomRef(), jQuery.proxy(this.onresize, this));

	//Calculate the overflow
	this.onresize();
};


/**
 * Called when the control is resized
 * @private
 */
sap.ui.commons.MenuBar.prototype.onresize = function(oEvent) {
	updateAfterResize(this);
};


/**
 * Behavior implementation which is executed when the focus comes into the control or on one of its children.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onfocusin = function(oEvent){
	var jTarget = jQuery(oEvent.target);
	var jTargetId = jTarget.attr("id");
	if(!jTargetId || jTargetId == this.getId() || jTargetId == this.getId()+"-area"){
		var jItems = jQuery.sap.byId(this.getId()+"-area").children();
		this.sCurrentFocusedItemRefId = jItems.length == 0 ? null : jQuery(jItems.get(0)).attr("id");
		if(this.sCurrentFocusedItemRefId) {
			jQuery.sap.byId(this.sCurrentFocusedItemRefId).get(0).focus();
		}
	}
	jQuery.sap.byId(this.getId()).attr("tabindex", "-1");
};


/**
 * Behavior implementation which is executed when the focus leaves the control or one of its children.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onfocusout = function(oEvent){
	//Add the control to tab chain again to make tab in working (see onfocusin)
	jQuery.sap.byId(this.getId()).attr("tabindex", "0");
};


/**
 * Function is called when mouse key is clicked down.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onmousedown = function(oEvent) {
	var oMenuItem = _getMenuItem(this, oEvent);
	if(oMenuItem === "ovrflw"){
		this._bOvrFlwMnuSkipOpen = this.oOvrFlwMnu && this.oOvrFlwMnu.bOpen;
	}else if(oMenuItem){
		var oMenu = oMenuItem.getSubmenu();
		oMenuItem._bSkipOpen = oMenu && oMenu.bOpen;
	}
};


/**
 * Function is called when mouse leaves the control.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuButton.prototype.onmouseout = function(oEvent) {
	var oMenuItem = _getMenuItem(this, oEvent);
	if(oMenuItem === "ovrflw"){
		var jRef = get$Item(this, oEvent);
		if(this._bOvrFlwMnuSkipOpen && jQuery.sap.checkMouseEnterOrLeave(oEvent, jRef[0])){
			this._bOvrFlwMnuSkipOpen = false;
		}
	}else if(oMenuItem){
		var jRef = get$Item(this, oEvent);
		if(oMenuItem._bSkipOpen && jQuery.sap.checkMouseEnterOrLeave(oEvent, jRef[0])){
			oMenuItem._bSkipOpen = false;
		}
	}
};


/**
 * Behavior implementation which is executed when the user clicks.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onclick = function(oEvent) {
	openItemMenu(this, oEvent, false);
};


/**
 * Behavior implementation which is executed when the user presses the space or enter key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onsapselect = function(oEvent){
	openItemMenu(this, oEvent, true);
};


/**
 * Function is called when down key is pressed without a modifier key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onsapdown = function(oEvent){
	openItemMenu(this, oEvent, true);
};


/**
 * Function is called when down key is pressed with a modifier key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onsapdownmodifiers = function(oEvent){
	if(oEvent.altKey) {
		openItemMenu(this, oEvent, true);
	}
};


/**
 * Behavior implementation which is executed when the user presses the arrow left (RTL: arrow right) key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onsapprevious = function(oEvent){
	if(oEvent.keyCode != jQuery.sap.KeyCodes.ARROW_UP) {//Ignore arrow up
		focusStep(this, oEvent, "prev");
	}
};


/**
 * Behavior implementation which is executed when the user presses the arrow right (RTL: arrow left) key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onsapnext = function(oEvent){
	if(oEvent.keyCode != jQuery.sap.KeyCodes.ARROW_DOWN) {//Ignore arrow down
		focusStep(this, oEvent, "next");
	}
};


/**
 * Behavior implementation which is executed when the user presses the home/pos1 key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onsaphome = function(oEvent){
	focusStep(this, oEvent, "first");
};


/**
 * Behavior implementation which is executed when the user presses the end key.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.commons.MenuBar.prototype.onsapend = function(oEvent){
	focusStep(this, oEvent, "last");
};


//********* Private *********


//Opens the corresponding menu of the selected menu item
var openItemMenu = function(oThis, oEvent, bWithKeyboard) {
	oEvent.preventDefault();
	oEvent.stopPropagation();
	
	if(oThis.getEnabled()){
		var oMenuItem = _getMenuItem(oThis, oEvent);
		if(oMenuItem === "ovrflw"){
			var jRef = get$Item(oThis, oEvent);
			if(oThis.oOvrFlwMnu && !oThis._bOvrFlwMnuSkipOpen){
				var eDock = sap.ui.core.Popup.Dock;
				oThis.oOvrFlwMnu.open(bWithKeyboard, jRef.get(0), eDock.EndTop, eDock.EndBottom, jRef.get(0));
			}
		}else if(oMenuItem){
			if(oMenuItem.getEnabled()) {
				var jRef = get$Item(oThis, oEvent);
				var oMenu = oMenuItem.getSubmenu();
				if(oMenu && !oMenuItem._bSkipOpen){
					var eDock = sap.ui.core.Popup.Dock;
					oMenu.open(bWithKeyboard, jRef.get(0), eDock.BeginTop, eDock.BeginBottom, jRef.get(0));
				}
			}
		}
	}
	
	//Resets all skip open flags
	oThis._bOvrFlwMnuSkipOpen = false;
	var aItems = oThis.getItems();
	for(var i=0; i<aItems.length; i++){
		aItems[i]._bSkipOpen = false;
	}
};


//Returns the jQuery Object of the item which was the target of the event (if exists)
var get$Item = function(oThis, oEvent){
	var jRef = jQuery(oEvent.target);
	if(!jRef.attr("itemidx")) {
		jRef = jRef.parent();
	}
	return jRef.attr("itemidx") ? jRef : null;
};


//Returns the item which was the target of the event (if exists) or "ovrflow" for the overflow
var _getMenuItem = function(oThis, oEvent) {
	var jRef = get$Item(oThis, oEvent);
	if(jRef){
		var sItemIdx = jRef.attr("itemidx");
		if(sItemIdx){
			if(sItemIdx == "ovrflw"){
				return "ovrflw";
			}else{
				var iIdx = parseInt(sItemIdx, 10);
				var oMenuItem = oThis.getItems()[iIdx];
				return oMenuItem;
			}
		}
	}
	return null;
};


//Compute actual number of items currently hidden due to overflow
var getVisibleItemCount = function(oThis){
	var iVisibleItems = 0;

	var jAreaRef = jQuery.sap.byId(oThis.getId()+"-area");
	var jItems = jAreaRef.children();

	var bRtl = sap.ui.getCore().getConfiguration().getRTL();
	var lastOffsetLeft = (bRtl ? 100000 : 0);

	jItems.each(function(iIdx) {
		if(iIdx == 0) {
			return true;
		}

		var currentOffsetLeft = this.offsetLeft;
		var bLineBreak = (bRtl ? (currentOffsetLeft >= lastOffsetLeft) : (currentOffsetLeft <= lastOffsetLeft));

		if(bLineBreak){
			iVisibleItems = iIdx;
			return false;
		}else if(jQuery(this).attr("id") == oThis.getId()+"-ovrflw"){
			// This is the overflow button, there was no line break
			iVisibleItems = iIdx;
			return false;
		}else{
			// Regular item, to the right of the last one, so just proceed
			lastOffsetLeft = currentOffsetLeft;
			return true;
		}
	});

	return iVisibleItems;
};


//Handle the resize of the menubar
var updateAfterResize = function(oThis){
	var iVisibleItems = getVisibleItemCount(oThis);
	var _iVisibleItems = iVisibleItems;

	var jAreaRef = jQuery.sap.byId(oThis.getId()+"-area");
	var jItems = jAreaRef.children();
	var jOvrFlwRef = jQuery.sap.byId(oThis.getId()+"-ovrflw");

	var bUpdateFocus = false;

	if(iVisibleItems < jItems.length-1){
		jOvrFlwRef.attr("style", "display:block;");
		if(!oThis.oOvrFlwMnu){
			oThis.oOvrFlwMnu = new sap.ui.commons.Menu(oThis.getId()+"-ovrflwmnu");
			oThis.oOvrFlwMnu.bUseTopStyle = oThis.getDesign() == sap.ui.commons.MenuBarDesign.Header;
			oThis.oOvrFlwMnu.attachItemSelect(function(oEvent){
				var oItem = oEvent.getParameter("item");
				if(!(oItem instanceof sap.ui.commons._DelegatorMenuItem)){
					var oItemRootMenu = sap.ui.commons.Menu.prototype.getRootMenu.apply(oItem.getParent());
					oItemRootMenu.fireItemSelect({item: oItem});
				}
			});
		}
		oThis.oOvrFlwMnu.destroyItems();
		var aItems = oThis.getItems();
		for(var i=0; i<aItems.length; i++){
			var oItem = aItems[i];
			if(iVisibleItems != 0){
				if(oItem.getVisible()) {
					iVisibleItems--;
				}
				if(iVisibleItems == 0) {
					oThis.sLastVisibleItemId = oItem.getId();
				}
			}else{
				oThis.oOvrFlwMnu.addItem(new sap.ui.commons._DelegatorMenuItem(oItem));
				if(oItem.getId() == oThis.sCurrentFocusedItemRefId){
					bUpdateFocus = true;
				}
			}
		}
		if(sap.ui.getCore().getConfiguration().getAccessibility()){
			jItems.attr("aria-setsize", _iVisibleItems+1);
			jOvrFlwRef.attr("aria-posinset", _iVisibleItems+1);
		}
	}else{
		jOvrFlwRef.attr("style", "display:none;");
		if(oThis.oOvrFlwMnu) {
			oThis.oOvrFlwMnu.destroyItems();
		}
		oThis.sLastVisibleItemId = null;
		if(sap.ui.getCore().getConfiguration().getAccessibility()){
			jItems.attr("aria-setsize", _iVisibleItems);
			jOvrFlwRef.attr("aria-posinset", 0);
		}
	}

	jAreaRef.scrollTop(0);

	if(bUpdateFocus){
		oThis.sCurrentFocusedItemRefId = oThis.sLastVisibleItemId;
		jQuery.sap.byId(oThis.sLastVisibleItemId).get(0).focus();
	}
};


//Focus the next (depending on the given direction) step
var focusStep = function(oThis, oEvent, sDir){
	oEvent.stopPropagation();
	oEvent.preventDefault();

	if(!oThis.sCurrentFocusedItemRefId) {
		return;
	}

	var sFollowingFocusItemId = null;
	if(oThis.sLastVisibleItemId && ((oThis.sCurrentFocusedItemRefId == oThis.sLastVisibleItemId && sDir == "next") || sDir == "last")){
		sFollowingFocusItemId = oThis.getId()+"-ovrflw";
	}else if(oThis.sLastVisibleItemId && oThis.sCurrentFocusedItemRefId == oThis.getId()+"-ovrflw" && sDir == "prev"){
		sFollowingFocusItemId = oThis.sLastVisibleItemId;
	}else{
		var sFoo = sDir+"All";
		var bIsJumpToEnd = false;
		if(sDir == "first"){
			sFoo = "prevAll";
			bIsJumpToEnd = true;
		}else if(sDir == "last"){
			sFoo = "nextAll";
			bIsJumpToEnd = true;
		}

		var jCurrentFocusItem = jQuery.sap.byId(oThis.sCurrentFocusedItemRefId);
		var jFollowingItems = jCurrentFocusItem[sFoo](":visible");

		sFollowingFocusItemId = jQuery(jFollowingItems.get(bIsJumpToEnd ? jFollowingItems.length-1 : 0)).attr("id");
	}
	if(sFollowingFocusItemId){
		oThis.sCurrentFocusedItemRefId = sFollowingFocusItemId;
		jQuery.sap.byId(sFollowingFocusItemId).get(0).focus();
	}
};


}());
}; // end of sap.ui.commons.MenuBar
if ( !jQuery.sap.isDeclared('sap.ui.commons.MessageBox') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides class sap.ui.commons.MessageBox
jQuery.sap.declare("sap.ui.commons.MessageBox");






/**
 * @class Provides methods to create standard alerts, confirmation dialogs, or arbitrary message boxes.
 *
 * As <code>MessageBox</code> is a static class, a <code>jQuery.sap.require("sap.ui.commons.MessageBox");</code> statement
 * must be explicitly executed before the class can be used. Example:
 * <pre>
 *   jQuery.sap.require("sap.ui.commons.MessageBox");
 *   sap.ui.commons.MessageBox.show(
 *       "This message should appear in the message box.",
 *       sap.ui.commons.MessageBox.Icon.INFORMATION,
 *       "My message box title",
 *       [sap.ui.commons.MessageBox.Action.YES, sap.ui.commons.MessageBox.Action.NO],
 *       function() { / * do something * / }
 *	 );
 * </pre>
 *
 * @static
 * @author Frank Weigel
 * @public
 * @since 0.8.8
 */
sap.ui.commons.MessageBox = {};

/**
 * @class Enumeration of supported actions in a MessageBox.
 *
 * Each action is represented as a button in the message box. The values of this enumeration are used for both,
 * specifying the set of allowed actions as well as reporting back the user choice.
 * @static
 * @public
 */
sap.ui.commons.MessageBox.Action = {

  /**
   * Adds an "Ok" button to the message box.
   * @public
   */
  OK : "OK",

  /**
   * Adds a "Cancel" button to the message box.
   * @public
   */
  CANCEL : "CANCEL",

  /**
   * Adds a "Yes" button to the message box.
   * @public
   */
  YES : "YES",

  /**
   * Adds a "No" button to the message box.
   * @public
   */
  NO : "NO",

  /**
   * Adds an "Abort" button to the message box.
   * @public
   */
  ABORT : "ABORT",

  /**
   * Adds a "Retry" button to the message box.
   * @public
   */
  RETRY : "RETRY",

  /**
   * Adds an "Ignore" button to the message box.
   * @public
   */
  IGNORE : "IGNORE",

  /**
   * Adds a "Close" button to the message box.
   * @public
   */
  CLOSE : "CLOSE"
};

/**
 * @class Enumeration of the pre-defined icons that can be used in a MessageBox.
 * @static
 * @public
 */
sap.ui.commons.MessageBox.Icon = {

  /**
   * Shows no icon in the message box.
   * @public
   */
  NONE : "NONE",

  /**
   * Shows the information icon in the message box.
   * @public
   */
  INFORMATION : "INFORMATION",

  /**
   * Shows the warning icon in the message box.
   * @public
   */
  WARNING : "WARNING",

  /**
   * Shows the error icon in the message box.
   * @public
   */
  ERROR : "ERROR",

  /**
   * Shows the critical error icon in the message box.
   * @public
   * @deprecated since 1.9.1: The error icon is used instead
   */
  CRITICAL : "CRITICAL",

  /**
   * Shows the success icon in the message box.
   * @public
   */
  SUCCESS : "SUCCESS",

  /**
   * Shows the question icon in the message box.
   * @public
   */
  QUESTION : "QUESTION"
};

(function() {

	var c = sap.ui.commons,
		Action = c.MessageBox.Action,
		Icon = c.MessageBox.Icon,
		mIconClass = {
			// Note: keys must be equal to values(!) of the Icon enumeration above
			INFORMATION : "sapUiMboxInfo",
			CRITICAL : "sapUiMboxCritical",
			ERROR : "sapUiMboxError",
			WARNING : "sapUiMboxWarning",
			SUCCESS : "sapUiMboxSuccess",
			QUESTION : "sapUiMboxQuestion"
		};

	/**
	 * Creates and displays a simple message box with the given text and buttons, and optionally other parts.
	 * After the user has selected a button or closed the message box using the close icon, the <code>callback</code>
	 * function is invoked when given.
	 *
	 * The only mandatory parameter is <code>sMessage</code>.
	 *
	 * The created dialog box is executed asynchronously. When it has been created and registered for rendering,
	 * this function returns without waiting for a user reaction.
	 *
	 * When applications have to react on the users choice, they have to provide a callback function and
	 * postpone any reaction on the user choice until that callback is triggered.
	 *
	 * The signature of the callback is
	 *
	 *   function (oAction);
	 *
	 * where <code>oAction</code> is the button that the user has pressed. When the user has pressed the close button,
	 * a MessageBox.Action.Close is returned.
	 *
	 * @param {string} sMessage The message to be displayed.
	 * @param {sap.ui.commons.MessageBox.Icon} [oIcon=None] The icon to be displayed.
	 * @param {string} [sTitle=''] The title of the message box.
	 * @param {sap.ui.commons.MessageBox.Action|sap.ui.commons.MessageBox.Action[]} [vActions] Either a single action, or an array of actions.
	 *      If no action(s) are given, the single action MessageBox.Action.OK is taken as a default for the parameter.
	 * @param {function} [fnCallback] Function to be called when the user has pressed a button or has closed the message box.
	 * @param {sap.ui.commons.MessageBox.Action} [oDefaultAction] Must be one of the actions provided in vActions.
	 * @param {string} [sDialogId] ID to be used for the dialog. Intended for test scenarios, not recommended for productive apps
	 * @public
	 */
	sap.ui.commons.MessageBox.show = function(sMessage, oIcon, sTitle, vActions, fnCallback, oDefaultAction, sDialogId) {

		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.commons"),
			oDialog, oResult, oContent, oMsg, oDefaultButton;

		// normalize the vActions array
		if ( typeof vActions !== "undefined" && !jQuery.isArray(vActions) ) {
			vActions = [vActions];
		}
		if ( !vActions || vActions.length === 0 ) {
			vActions = [Action.OK];
		}

		// create a unique ID
		sDialogId = sDialogId || sap.ui.core.ElementMetadata.uid("mbox");

		/** creates a button for the given action */
		function button(sAction) {
			var sText = rb && rb.getText("MSGBOX_" + sAction),
				oButton = new c.Button({
					id : sDialogId + "--btn-" + sAction,
					text : sText || sAction,
					press : function () {
						oResult = sAction;
						oDialog.close();
					}
				});
			if ( sAction === oDefaultAction ) {
				oDefaultButton = oButton;
			}
			return oButton;
		}

		/** wraps the given control in a top aligned MatrixLayoutCell with no padding */
		function cell(oContent) {
			return new c.layout.MatrixLayoutCell({
				padding: c.layout.Padding.None,
				vAlign: c.layout.VAlign.Top,
				content: oContent
			});
		}

		/** creates an Image for the given icon type */
		function image(oIcon) {
			var oImage = new c.Image({
					id : sDialogId + "--icon",
					tooltip : rb && rb.getText("MSGBOX_ICON_" + oIcon),
					decorative : true});
			oImage.addStyleClass("sapUiMboxIcon");
			oImage.addStyleClass(mIconClass[oIcon]);
			return oImage;
		}

		function onclose() {
			if ( typeof fnCallback === "function" ) {
				fnCallback(oResult || Action.CLOSE);
			}

			// first detach close handler (to avoid recursion and multiple reports)
			oDialog.detachClosed(onclose);

			// then destroy dialog (would call onclose again)
			oDialog.destroy();
		}

		oContent = new c.layout.MatrixLayout({id : sDialogId + "--lyt", layoutFixed:false}).addStyleClass("sapUiMboxCont");
		oMsg = new c.TextView({id : sDialogId + "--msg", text:sMessage}).addStyleClass("sapUiMboxText");
		if ( oIcon !== Icon.NONE ) {
			oContent.createRow(cell(image(oIcon)), cell(oMsg));
		} else {
			oContent.createRow(cell(oMsg));
		}
		// oContent.addStyleClass("sapUiDbgMeasure");

		oDialog = new c.Dialog({
			id : sDialogId,
			applyContentPadding : false,
			title : sTitle,
			accessibleRole : sap.ui.core.AccessibleRole.AlertDialog,
			resizable : false,
			modal: true,
			buttons : jQuery.map(vActions, button), // determines oDefaultButton as a side effect!
			content : oContent,
			defaultButton : oDefaultButton,
			closed : onclose
		});

		oDialog.open();

	};

	/**
	 * Displays an alert box with the given message and an OK button (no icons).
	 * If a callback is given, it is called after the alert box has been closed
	 * by the user via the OK button or via the Close icon. The callback is called
	 * with the following signature:
	 *
	 * <pre>
	 *   function ()
	 * </pre>
	 *
	 * The alert box opened by this method is modal and it is processed asynchronously.
	 * Applications have to use the <code>fnCallback</code> to continue work after the
	 * user closed the alert box.
	 *
	 * @param {string} sMessage Message to be displayed in the alert box
	 * @param {function} [fnCallback] callback function to be called when the user closed the dialog
	 * @param {string } [sTitle] Title to be displayed in the alert box
	 * @param {string} [sDialogId] ID to be used for the alert box. Intended for test scenarios, not recommended for productive apps
	 * @public
	 */
	sap.ui.commons.MessageBox.alert = function(sMessage, fnCallback, sTitle, sDialogId) {
		return c.MessageBox.show(sMessage, Icon.NONE, sTitle, Action.OK,
				function(oAction) {
					if ( typeof fnCallback === "function" ) {
						fnCallback();
					}
				}, Action.OK, sDialogId || sap.ui.core.ElementMetadata.uid("alert"));
	};

	/**
	 * Displays a confirmation dialog box with the given message, a question icon,
	 * an OK button, and a Cancel button. If a callback is given, it is called after the
	 * alert box has been closed by the user via one of the buttons or via the close icon.
	 * The callback is called with the following signature
	 *
	 * <pre>
	 *   function(bConfirmed)
	 * </pre>
	 *
	 * where bConfirmed is set to true when the user has activated the OK button.
	 *
	 * The confirmation dialog box opened by this method is modal and it is processed asynchronously.
	 * Applications have to use the <code>fnCallback</code> to continue work after the
	 * user closed the alert box.
	 *
	 * @param {string} sMessage Message to display
	 * @param {function} [fnCallback] Callback to be called
	 * @param {string} [sTitle] Title to display
	 * @param {string} [sDialogId] ID to be used for the confirmation dialog. Intended for test scenarios, not recommended for productive apps
	 * @public
	 */
	sap.ui.commons.MessageBox.confirm = function(sMessage, fnCallback, sTitle, sDialogId) {
		return c.MessageBox.show(sMessage, Icon.QUESTION, sTitle, [Action.OK, Action.CANCEL],
				function(oAction) {
					if ( typeof fnCallback === "function" ) {
						fnCallback(oAction === Action.OK);
					}
				},  /* no default */ undefined, sDialogId || sap.ui.core.ElementMetadata.uid("confirm"));
	};

}());

}; // end of sap.ui.commons.MessageBox
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.ResponsiveLayout') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.ResponsiveLayout.
jQuery.sap.declare("sap.ui.commons.form.ResponsiveLayout");



/**
 * Constructor for a new form/ResponsiveLayout.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.form.FormLayout#constructor sap.ui.commons.form.FormLayout}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Renders a form with responsive layout. Internally the ResponsiveFlowLayout is used.
 * @extends sap.ui.commons.form.FormLayout
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.10.0
 * @name sap.ui.commons.form.ResponsiveLayout
 */
sap.ui.commons.form.FormLayout.extend("sap.ui.commons.form.ResponsiveLayout", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons"
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.ResponsiveLayout with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.ResponsiveLayout.extend
 * @function
 */


// Start of sap/ui/commons/form/ResponsiveLayout.js
/**
 * This file defines behavior for the control,
 */




/*
 * The ResponsiveLayout for forms inside is using ResponsiveFlowLayouts to render the form.
 * There is no own rendering for FormContainers or FormElements.
 * The whole Layout has a Responsive FlowLayout inside to make the FormContainers responsive.
 * Only if there is only one FormContainer inside the Form there is no ResponsiveFlowLayout
 * for the whole layout.
 * A FormContainer is rendered as a Panel if it has a title or an expander. Inside the panel there
 * is a ResponsiveFlowLayout for the single FormElements. If the FormContainer has no title or
 * expander, just the ResponsiveFlowLayout is rendered.
 * A FormElement is rendered as ResponsiveFlowLayout to make the label and the fields responsive.
 * If the Element has a label and more than 1 Field a ResponsiveFlowLayout including the fields is rendered.
 * The Panels and ResponsiveFlowLayouts are stored in object this.mContainers. This has the following
 * structure:
 * - For each FormContainer there is an entry inside the object. (this.mContainers[FormContainerId])
 * - For each FormContainer there is an array with 3 entries:
 *   - [0]: The Panel that renders the Container (undefined if no panel is used)
 *          - It's not the standard Panel, is an special panel defined for the ResponsiveLayout
 *   - [1]: The ResponsiveFlowLayout that holds the Containers content
 *          - the getLayoutData function of this ResponsiveFlowLayouts is overwritten to get the LayoutData of the FormContainer
 *            (If no panel is used)
 *   - [2]: An object that holds the ResponsiveFlowLayouts for the FormElements:
 *          - For each FormElement there is an entry inside the object. (this.mContainers[FormElementId])
 *          - Each object includes an array with 2 entries:
 *            - [0]: The ResponsiveFlowLayout for the FormElement
 *            - [1]: If more than 1 Field and a label, here the ResponsiveFlowLayout for the fields is stored
 *          - the getContent function of this ResponsiveFlowLayouts is overwritten to get the content of the FormElement
 *          - the getLayoutData function of this ResponsiveFlowLayouts is overwritten to get the LayoutData of the FormElement
 *
 * It must be made sure to hold this object up to date. So it is filled onBeforeRendering. Entries no longer used are deleted
 *
 * In this._mainRFLayout the ResponsiveFlowLayout of the whole layout is stored. (If more than one Container.)
 */

/*
 * as the panel can not be used in mobile environment a own internal control is needed to render the containers
 * use FormContainer as association to have access to it's content directly. So no mapping of properties and aggregations needed
 */
sap.ui.core.Control.extend("sap.ui.commons.form.ResponsiveLayoutPanel", {

	metadata : {
		aggregations: {
			"content"   : {type: "sap.ui.commons.layout.ResponsiveFlowLayout", multiple: false}
		},
		associations: {
			"container" : {type: "sap.ui.commons.form.FormContainer", multiple: false},
			"layout"    : {type: "sap.ui.commons.form.ResponsiveLayout", multiple: false},
		}
	},

	getLayoutData :  function(){

		// only ResponsiveFlowLayoutData are interesting
		var oContainer = sap.ui.getCore().byId(this.getContainer());
		var oLayout    = sap.ui.getCore().byId(this.getLayout());
		var oLD;
		if (oLayout && oContainer) {
			oLD = oLayout.getLayoutDataForElement(oContainer, "sap.ui.commons.layout.ResponsiveFlowLayoutData");
		}
		return oLD;

	},

	getCustomData :  function(){

		var oContainer = sap.ui.getCore().byId(this.getContainer());
		if (oContainer) {
			return oContainer.getCustomData();
		}

	},

	refreshExpanded :  function(){

		var oContainer = sap.ui.getCore().byId(this.getContainer());
		if (oContainer) {
			if (oContainer.getExpanded()) {
				jQuery.sap.byId(this.getId()).removeClass("sapUiRLContainerColl");
			}else {
				jQuery.sap.byId(this.getId()).addClass("sapUiRLContainerColl");
			}
		}
	},

	renderer : function(oRm, oPanel) {

		var oContainer = sap.ui.getCore().byId(oPanel.getContainer());
		var oLayout    = sap.ui.getCore().byId(oPanel.getLayout());
		var oContent   = oPanel.getContent();

		var bExpandable = oContainer.getExpandable();
		var sTooltip = oContainer.getTooltip_AsString();

		oRm.write("<div");
		oRm.writeControlData(oPanel);
		oRm.addClass("sapUiRLContainer");
		if (bExpandable && !oContainer.getExpanded()) {
			oRm.addClass("sapUiRLContainerColl");
		}

		if (sTooltip) {
			oRm.writeAttributeEscaped('title', sTooltip);
		}
		oRm.writeClasses();
		oRm.write(">");

		// container header
		if (oContainer.getTitle()) {
			oLayout.getRenderer().renderTitle(oRm, oContainer.getTitle(), oContainer._oExpandButton, bExpandable, sap.ui.commons.TitleLevel.H4, oContainer.getId());
		}

		if (oContent) {
			oRm.write("<div");
			oRm.addClass("sapUiRLContainerCont");
			oRm.writeClasses();
			oRm.write(">");
			// container is not expandable or is expanded -> render elements
			oRm.renderControl(oContent);
			oRm.write("</div>");
		}

		oRm.write("</div>");
	}

});

(function() {

	sap.ui.commons.form.ResponsiveLayout.prototype.init = function(){

		this.mContainers = {}; //association of container to panel and ResponsiveFlowLayout
		this._defaultLayoutData = new sap.ui.commons.layout.ResponsiveFlowLayoutData({margin: false});

	};

	sap.ui.commons.form.ResponsiveLayout.prototype.exit = function(){

		var that = this;

		// clear panels
		for ( var sContainerId in this.mContainers) {
			_cleanContainer(that, sContainerId);
		}

		// clear ResponsiveFlowLayouts
		if (this._mainRFLayout) {
			this._mainRFLayout.destroy();
			delete this._mainRFLayout;
		}

		this._defaultLayoutData.destroy();
		delete this._defaultLayoutData;

	};

	sap.ui.commons.form.ResponsiveLayout.prototype.onBeforeRendering = function( oEvent ){

		var oForm = this.getParent();
		if (!oForm || !(oForm instanceof sap.ui.commons.form.Form)) {
			// layout not assigned to form - nothing to do
			return;
		}

		var that = this;
		_createPanels(that, oForm);
		_createMainResponsiveFlowLayout(that, oForm);

	};

	/*
	 * If onAfterRendering of a field is processed the width must be set to 100% (if no other width set)
	 */
	sap.ui.commons.form.ResponsiveLayout.prototype.contentOnAfterRendering = function(oFormElement, oControl){

		sap.ui.commons.form.FormLayout.prototype.contentOnAfterRendering.apply(this, arguments);

		if (oControl.getWidth && !oControl.getWidth()) {
			oControl.$().css("width", "100%");
		}

	};

	sap.ui.commons.form.ResponsiveLayout.prototype.toggleContainerExpanded = function(oContainer){

		//adapt the corresponding panel
		var bExpanded = oContainer.getExpanded();
		var sContainerId = oContainer.getId();
		if (this.mContainers[sContainerId] && this.mContainers[sContainerId][0]) {
			var oPanel = this.mContainers[sContainerId][0];
			oPanel.refreshExpanded();
		}

	};

	sap.ui.commons.form.ResponsiveLayout.prototype.onLayoutDataChange = function(oEvent){

		var oSource = oEvent.srcControl;

		// if layoutData changed for a Container, Element, or Field call the
		// onLayoutDataChange function of the parent ResponsiveFlowLayout

		if (oSource instanceof sap.ui.commons.form.FormContainer) {
			if (this._mainRFLayout) {
				this._mainRFLayout.onLayoutDataChange(oEvent);
			}
		}else if (oSource instanceof sap.ui.commons.form.FormElement) {
			var sContainerId = oSource.getParent().getId();
			if (this.mContainers[sContainerId] && this.mContainers[sContainerId][1]) {
				this.mContainers[sContainerId][1].onLayoutDataChange(oEvent);
			}
		}else{
			var oParent = oSource.getParent();
			if (oParent instanceof sap.ui.commons.form.FormElement) {
				var oContainer = oParent.getParent();
				var sContainerId = oContainer.getId();
				var sElementId = oParent.getId();
				if (this.mContainers[sContainerId] && this.mContainers[sContainerId][2] &&
					this.mContainers[sContainerId][2][sElementId]) {
					this.mContainers[sContainerId][2][sElementId][0].onLayoutDataChange(oEvent);
				}
			}
		}

	};

	sap.ui.commons.form.ResponsiveLayout.prototype.onsapup = function(oEvent){
		this.onsapleft(oEvent);
	};

	sap.ui.commons.form.ResponsiveLayout.prototype.onsapdown = function(oEvent){
		this.onsapright(oEvent);
	};

	var _createPanels = function( oLayout, oForm ) {

		var aContainers = oForm.getFormContainers();
		var iLength = aContainers.length;
		var iVisibleContainers = 0;
		for ( var i = 0; i < iLength; i++) {
			var oContainer = aContainers[i];
			if (oContainer.getVisible()) {
				iVisibleContainers++;
				var sContainerId = oContainer.getId();
				var oPanel = undefined;
				var oRFLayout = undefined;
				if (oLayout.mContainers[sContainerId] && oLayout.mContainers[sContainerId][1]) {
					// ResponsiveFlowLayout already created
					oRFLayout = oLayout.mContainers[sContainerId][1];
				}else{
					oRFLayout = _createResponsiveFlowLayout(oLayout, oContainer, undefined);
				}

				var oTitle = oContainer.getTitle();
				if (oTitle || oContainer.getExpandable()) {
					// only if container has a title a panel is used
					if (oLayout.mContainers[sContainerId] && oLayout.mContainers[sContainerId][0]) {
						// Panel already created
						oPanel = oLayout.mContainers[sContainerId][0];
					}else{
						oPanel = _createPanel(oLayout, oContainer, oRFLayout);
						_changeGetLayoutDataOfResponsiveFlowLayout(oRFLayout, true);
					}
				}else{
					// panel not longer needed
					if (oLayout.mContainers[sContainerId] && oLayout.mContainers[sContainerId][0]) {
						_deletePanel(oLayout.mContainers[sContainerId][0]);
						_changeGetLayoutDataOfResponsiveFlowLayout(oRFLayout, false);
					}
				}

				var mContent = _createContent(oLayout, oContainer, oRFLayout);

				oLayout.mContainers[sContainerId] = [oPanel, oRFLayout, mContent];
			}
		}

		var iObjectLength = _objectLength(oLayout.mContainers);
		if (iVisibleContainers < iObjectLength) {
			// delete old containers panels
			for ( var sContainerId in oLayout.mContainers) {
				var bFound = false;
				for ( var i = 0; i < iLength; i++) {
					var oContainer = aContainers[i];
					if (sContainerId == oContainer.getId() && oContainer.getVisible()) {
						bFound = true;
						break;
					}
				}
				if (!bFound) {
					_cleanContainer(oLayout, sContainerId);
				}
			}
		}

	};

	var _createPanel = function( oLayout, oContainer, oRFLayout ) {

		var sContainerId = oContainer.getId();
		var oPanel = new sap.ui.commons.form.ResponsiveLayoutPanel(sContainerId+"--Panel", {
			container: oContainer,
			layout   : oLayout,
			content : oRFLayout
		});

		return oPanel;

	};

	/*
	 * clear variables before delete it
	 */
	var _deletePanel = function( oPanel ) {

		oPanel.setContent("");
		oPanel.setLayout("");
		oPanel.setContainer("");
		oPanel.destroy();
		delete oPanel;

	};

	var _createContent = function( oLayout, oContainer, oContainerLayout ) {

		var sContainerId = oContainer.getId();
		var aElements = oContainer.getFormElements();
		var iLength = aElements.length;
		var iVisibleElements = 0;
		var mRFLayouts = {};
		if (oLayout.mContainers[sContainerId] && oLayout.mContainers[sContainerId][2]) {
			mRFLayouts = oLayout.mContainers[sContainerId][2];
		}

		var oRFLayout;
		var oFieldsRFLayout;
		for (var i = 0; i < iLength; i++) {
			var oElement = aElements[i];
			if (oElement.getVisible()) {
				iVisibleElements++;
				var sElementId = oElement.getId();
				if (mRFLayouts[sElementId]) {
					// ResponsiveFlowLayout already created
					oRFLayout = mRFLayouts[sElementId][0];
				}else{
					oRFLayout = _createResponsiveFlowLayout(oLayout, oContainer, oElement);
					oRFLayout.addStyleClass("sapUiRLElement");
					mRFLayouts[sElementId] = [oRFLayout, undefined];
					oContainerLayout.insertContent(oRFLayout, i);
				}

				// if more fields after a label put the fields in an additional ResponsiveFlowLayout
				var aFields = oElement.getFields();
				if (oElement.getLabel() && aFields.length > 1) {
					if (mRFLayouts[sElementId][1]) {
						oFieldsRFLayout = mRFLayouts[sElementId][1];
					} else {
						oFieldsRFLayout = _createResponsiveFlowLayout(oLayout, oContainer, oElement, true);
						oFieldsRFLayout.addStyleClass("sapUiRLElementFields");
						mRFLayouts[sElementId][1] = oFieldsRFLayout;
					}
					_updateLayoutDataOfContentResponsiveFlowLayout(oLayout, oFieldsRFLayout, aFields);
				} else {
					if (mRFLayouts[sElementId][1]) {
						// ResponsiveFlowLayout for fields not longer needed
						oFieldsRFLayout = mRFLayouts[sElementId][1];
						_deleteResponsiveFlowLayout(oFieldsRFLayout);
						mRFLayouts[sElementId][1] = undefined;
					}
				}
			}
		}

		var iObjectLength = _objectLength(mRFLayouts);
		if (iVisibleElements < iObjectLength) {
			// delete old elements RFLayouts
			for ( var sElementId in mRFLayouts) {
				var bFound = false;
				for ( var i = 0; i < iLength; i++) {
					var oElement = aElements[i];
					if (sElementId == oElement.getId() && oElement.getVisible()) {
						bFound = true;
						break;
					}
				}
				if (!bFound) {
					if (mRFLayouts[sElementId][1]) {
						// ResponsiveFlowLayout for fields not longer needed
						oFieldsRFLayout = mRFLayouts[sElementId][1];
						_deleteResponsiveFlowLayout(oFieldsRFLayout);
					}
					oRFLayout = mRFLayouts[sElementId][0];
					oContainerLayout.removeContent(oRFLayout);
					_deleteResponsiveFlowLayout(oRFLayout);
					delete mRFLayouts[sElementId];
				}
			}
		}

		return mRFLayouts;

	};

	var _createResponsiveFlowLayout = function( oLayout, oContainer, oElement, bElementContent ) {

		var sId;
		if (oElement && !bElementContent) {
			sId = oElement.getId()+"--RFLayout";
		} else if (oElement && bElementContent) {
			sId = oElement.getId()+"--content--RFLayout";
		} else if (oContainer) {
			sId = oContainer.getId()+"--RFLayout";
		} else{
			return;
		}

		var oRFLayout = new sap.ui.commons.layout.ResponsiveFlowLayout(sId);
		oRFLayout.__myParentLayout = oLayout;
		oRFLayout.__myParentContainer = oContainer;

		if (oElement) {
			oRFLayout.__myParentElement = oElement;
			// assign Elements content -> overwrite getContent function of responsiveFlowLayout
			// to not change parent assignment of controls
			if (!bElementContent) {
				oRFLayout.getContent = function(){
					var oElement = this.__myParentElement;
					if (oElement) {
						var aContent = new Array();
						var oLabel = oElement.getLabelControl();
						var aFields = oElement.getFields();
						if (!oLabel || aFields.length <= 1) {
							var aContent = aFields;
							if (oLabel) {
								aContent.unshift(oLabel);
							}
						}else{
							// more than one field -> put in the content RFLayout
							var oLayout = this.__myParentLayout;
							var oContainer = this.__myParentContainer;
							var sContainerId = oContainer.getId();
							var sElementId = oElement.getId();
							if (oLabel) {
								aContent.push(oLabel);
							}
							if(oLayout.mContainers[sContainerId] && oLayout.mContainers[sContainerId][2] &&
									oLayout.mContainers[sContainerId][2][sElementId]){
								aContent.push(oLayout.mContainers[sContainerId][2][sElementId][1]);
							}
						}

						return aContent;
					}else{
						return false;
					}
				}
			}else{
				oRFLayout.getContent = function(){
					var oElement = this.__myParentElement;
					if (oElement) {
						return oElement.getFields();
					}else{
						return false;
					}
				}
			}
		}

		if ((oElement && !bElementContent) || (!oElement && !oContainer.getTitle() && !oContainer.getExpandable())) {
			// use LayoutData of container only if no panel is used
			_changeGetLayoutDataOfResponsiveFlowLayout(oRFLayout, false);
		}else{
			// create LayoutData to disable margins
			oRFLayout.setLayoutData(new sap.ui.commons.layout.ResponsiveFlowLayoutData({margin: false}));
		}

		return oRFLayout;

	};

	var _changeGetLayoutDataOfResponsiveFlowLayout = function( oRFLayout, bOriginal ) {
		// only ResponsiveFlowLayoutData are from interest
		// if none maintained use default one to disable margins

		if (bOriginal) {
			if (oRFLayout.__originalGetLayoutData) {
				oRFLayout.getLayoutData = oRFLayout.__originalGetLayoutData;
				delete oRFLayout.__originalGetLayoutData;
			}
		}else if(!oRFLayout.__originalGetLayoutData){
			oRFLayout.__originalGetLayoutData = oRFLayout.getLayoutData;
			oRFLayout.getLayoutData = function(){
				var oLayout = this.__myParentLayout;
				var oContainer = this.__myParentContainer;
				var oElement = this.__myParentElement;

				var oLD;
				if (oElement) {
					oLD = oLayout.getLayoutDataForElement(oElement, "sap.ui.commons.layout.ResponsiveFlowLayoutData");
				}else if (oContainer) {
					oLD = oLayout.getLayoutDataForElement(oContainer, "sap.ui.commons.layout.ResponsiveFlowLayoutData");
				}

				if (oLD) {
					return oLD;
				}else {
					return oLayout._defaultLayoutData;
				}
			};
		}

	};

	/*
	 * If a ResponsiveFlowLayout for the fields of an FormElement is used it must get the weight
	 * of all fields to have the right weight relative to the label.
	 */
	var _updateLayoutDataOfContentResponsiveFlowLayout = function( oLayout, oRFLayout, aFields ) {

		var oLD;
		var iWeight = 0;
		for ( var i = 0; i < aFields.length; i++) {
			var oField = aFields[i];
			oLD = oLayout.getLayoutDataForElement(oField, "sap.ui.commons.layout.ResponsiveFlowLayoutData");
			if (oLD) {
				iWeight = iWeight + oLD.getWeight();
			} else {
				iWeight++;
			}
		}

		oLD = oRFLayout.getLayoutData();
		if (oLD) {
			oLD.setWeight(iWeight);
		} else {
			oRFLayout.setLayoutData(
					new sap.ui.commons.layout.ResponsiveFlowLayoutData({weight: iWeight})
			);
		}

	};

	/*
	 * clear variables before delete it
	 */
	var _deleteResponsiveFlowLayout = function( oRFLayout ) {

		if (oRFLayout.__myParentContainer) {
			oRFLayout.__myParentContainer = undefined;
		}
		if (oRFLayout.__myParentElement) {
			oRFLayout.__myParentElement = undefined;
		}
		oRFLayout.__myParentLayout = undefined;

		oRFLayout.destroy();
		delete oRFLayout;

	};

	var _cleanContainer = function( oLayout, sContainerId ) {

		var aContainerContent = oLayout.mContainers[sContainerId];
		var oRFLayout;

		//delete Elements Content
		var oElementRFLayouts = aContainerContent[2];
		if (oElementRFLayouts) {
			for ( var sElementId in oElementRFLayouts) {
				if (oElementRFLayouts[sElementId][1]) {
					// ResponsiveFlowLayout for fields not longer needed
					_deleteResponsiveFlowLayout(oElementRFLayouts[sElementId][1]);
				}
				oRFLayout = oElementRFLayouts[sElementId][0];
				_deleteResponsiveFlowLayout(oRFLayout);
				delete oElementRFLayouts[sElementId];
			}
		}

		//delete ResponsiveFlowLayout
		oRFLayout = aContainerContent[1]
		if (oRFLayout) {
			oRFLayout.removeAllContent();
			_deleteResponsiveFlowLayout(oRFLayout);
		}

		//delete panel
		var oPanel = aContainerContent[0];
		if (oPanel) {
			_deletePanel(oPanel);
		}

		delete oLayout.mContainers[sContainerId];

	};

	var _createMainResponsiveFlowLayout = function( oLayout, oForm ) {

		var aContainers = oForm.getFormContainers();
		var iLength = 0;
		var iContentLenght = 0;

		// count only visible containers
		for ( var i = 0; i < aContainers.length; i++) {
			var oContainer = aContainers[i];
			if (oContainer.getVisible()) {
				iLength++;
			}
		}

		// special case: only one container -> do not render an outer ResponsiveFlowLayout
		if (iLength > 1) {
			if (!oLayout._mainRFLayout) {
				oLayout._mainRFLayout = new sap.ui.commons.layout.ResponsiveFlowLayout(oForm.getId()+"--RFLayout").setParent(oLayout);
			}else{
				// update containers
				var aLayoutContent = oLayout._mainRFLayout.getContent();
				iContentLenght = aLayoutContent.length;
				var bExchangeContent = false;
				// check if content has changed
				for ( var i = 0; i < iContentLenght; i++) {
					var oContentElement = aLayoutContent[i];
					var oContainer = undefined;
					if (oContentElement.getContainer) {
						// it's a panel
						oContainer = sap.ui.getCore().byId(oContentElement.getContainer());
					} else {
						// it's a RFLayout
						oContainer = oContentElement.__myParentContainer;
					}
					if (oContainer && oContainer.getVisible()) {
						var aContainerContent = oLayout.mContainers[oContainer.getId()];
						if (aContainerContent[0] && aContainerContent[0] != oContentElement) {
							// container uses panel but panel not the same element in content
							bExchangeContent = true;
							break;
						}
						if (!aContainerContent[0] && aContainerContent[1] && aContainerContent[1] != oContentElement) {
							// container uses no panel but RFLayout not the same element in content
							bExchangeContent = true;
							break;
						}
					}else{
						// no container exits for content -> just remove this content
						oLayout._mainRFLayout.removeContent(oContentElement);
					}
				}
				if (bExchangeContent) {
					// remove all content and add it new.
					oLayout._mainRFLayout.removeAllContent();
					iContentLenght = 0;
				}
			}
			if (iContentLenght < iLength) {
				// new containers added
				for ( var i = 0; i < aContainers.length; i++) {
					var oContainer = aContainers[i];
					if (oContainer.getVisible()) {
						var sContainerId = oContainer.getId();
						if (oLayout.mContainers[sContainerId]) {
							if (oLayout.mContainers[sContainerId][0]) {
								// panel used
								oLayout._mainRFLayout.addContent(oLayout.mContainers[sContainerId][0]);
							} else if (oLayout.mContainers[sContainerId][1]){
								// no panel - used ResponsiveFlowLayot directly
								oLayout._mainRFLayout.addContent(oLayout.mContainers[sContainerId][1]);
							}
						}
					}
				}
			}
		}

	};

	var _objectLength = function(oObject){

		var iLength = 0;

		if (!Object.keys) {
			jQuery.each(oObject, function(){iLength++});
		} else {
			iLength = Object.keys(oObject).length;
		}

		return iLength;

	}

}());
}; // end of sap.ui.commons.form.ResponsiveLayout
if ( !jQuery.sap.isDeclared('sap.ui.commons.form.SimpleForm') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.commons.form.SimpleForm.
jQuery.sap.declare("sap.ui.commons.form.SimpleForm");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new form/SimpleForm.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getMaxContainerCols maxContainerCols} : int (default: 2)</li>
 * <li>{@link #getMinWidth minWidth} : int (default: -1)</li>
 * <li>{@link #getEditable editable} : boolean</li>
 * <li>{@link #getLabelMinWidth labelMinWidth} : int (default: 192)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Element[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Use the SimpleForm to create a form based on title, label and fields that are stacked in the content aggregation. Add Title to start a new FormContainer(Group). Add Label to start a new row in the container. Add Input/Display controls as needed. Use LayoutData to influence the layout for special cases in the Input/Display controls.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.12
 * @name sap.ui.commons.form.SimpleForm
 */
sap.ui.core.Control.extend("sap.ui.commons.form.SimpleForm", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.commons",
	properties : {
		"maxContainerCols" : {type : "int", group : "Appearance", defaultValue : 2},
		"minWidth" : {type : "int", group : "Appearance", defaultValue : -1},
		"editable" : {type : "boolean", group : "Misc", defaultValue : null},
		"labelMinWidth" : {type : "int", group : "Misc", defaultValue : 192}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Element", multiple : true, singularName : "content"}, 
    	"form" : {type : "sap.ui.commons.form.Form", multiple : false, visibility : "hidden"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.commons.form.SimpleForm with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.commons.form.SimpleForm.extend
 * @function
 */


/**
 * Getter for property <code>maxContainerCols</code>.
 * The maximum amount of inner FormContainers per row that is used before before a new row is started.
 *
 * Default value is <code>2</code>
 *
 * @return {int} the value of property <code>maxContainerCols</code>
 * @public
 * @name sap.ui.commons.form.SimpleForm#getMaxContainerCols
 * @function
 */

/**
 * Setter for property <code>maxContainerCols</code>.
 *
 * Default value is <code>2</code> 
 *
 * @param {int} iMaxContainerCols  new value for property <code>maxContainerCols</code>
 * @return {sap.ui.commons.form.SimpleForm} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.SimpleForm#setMaxContainerCols
 * @function
 */


/**
 * Getter for property <code>minWidth</code>.
 * The overall minimal width that is used for the SimpleForm. If the available width is below the given minWidth the SimpleForm will create a new row for the next FormContainer.
 * -1 value is default meaning that inner FormContainers will be stacked until maxCols is reached, irrespective if a maxWidth is reached or the available parents width is reached.
 *
 * Default value is <code>-1</code>
 *
 * @return {int} the value of property <code>minWidth</code>
 * @public
 * @name sap.ui.commons.form.SimpleForm#getMinWidth
 * @function
 */

/**
 * Setter for property <code>minWidth</code>.
 *
 * Default value is <code>-1</code> 
 *
 * @param {int} iMinWidth  new value for property <code>minWidth</code>
 * @return {sap.ui.commons.form.SimpleForm} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.SimpleForm#setMinWidth
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Applies a device and theme specific line-height to the form elements if the form has editable content.
 * In this case all (not only the editable) rows of the form will get the line height.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.commons.form.SimpleForm#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.commons.form.SimpleForm} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.SimpleForm#setEditable
 * @function
 */


/**
 * Getter for property <code>labelMinWidth</code>.
 * Specifies the min width of the label in all form containers.
 *
 * Default value is <code>192</code>
 *
 * @return {int} the value of property <code>labelMinWidth</code>
 * @public
 * @name sap.ui.commons.form.SimpleForm#getLabelMinWidth
 * @function
 */

/**
 * Setter for property <code>labelMinWidth</code>.
 *
 * Default value is <code>192</code> 
 *
 * @param {int} iLabelMinWidth  new value for property <code>labelMinWidth</code>
 * @return {sap.ui.commons.form.SimpleForm} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.SimpleForm#setLabelMinWidth
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * The form content. Add Title to start a new group. Add Label to start a new row. Add Input controls as needed. Use LayoutData to influence the layout for special cases in the Input controls.
 * The form content is weighted to a responsive layout using weight 3 for the labels and weight 5 for the fields part. Per default the label column become 192 pixels wide.
 * If your Input controls like to influence their width you can add sap.ui.commons.layout.ResponsiveFlowLayoutData to them via setLayoutData method.
 * Ensure that the sum of the weights in the ResponsiveFlowLayoutData does not use more than 5 as this is the total width of Input control part of each form row.
 * Example for on row where the Input takes 4 and the Text takes 1 weight:
 * new sap.ui.commons.Label({text:"Label"});
 * new sap.ui.commons.TextField({value:"Weight 4",
 * layoutData:new sap.ui.commons.layout.ResponsiveFlowLayoutData({weight:4})}),
 * new sap.ui.commons.TextView({text:"Weight 1",
 * layoutData: new sap.ui.commons.layout.ResponsiveFlowLayoutData({weight:1})}),
 * 
 * 
 * @return {sap.ui.core.Element[]}
 * @public
 * @name sap.ui.commons.form.SimpleForm#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Element}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.commons.form.SimpleForm} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.SimpleForm#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Element}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.commons.form.SimpleForm} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.SimpleForm#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Element} vContent the content to remove or its index or id
 * @return {sap.ui.core.Element} the removed content or null
 * @public
 * @name sap.ui.commons.form.SimpleForm#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Element[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.commons.form.SimpleForm#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Element</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Element}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.commons.form.SimpleForm#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.commons.form.SimpleForm} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.commons.form.SimpleForm#destroyContent
 * @function
 */


// Start of sap/ui/commons/form/SimpleForm.js
///**
// * This file defines behavior for the control,
// */






/**
 * Initializes the control
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype.init = function() {
	
	this._iCurrentWidth = 0;
	this._bUpdateNeeded = true;
	var oForm = new sap.ui.commons.form.Form();
	oForm.setLayout(new sap.ui.commons.form.ResponsiveLayout());
	this.setAggregation("form",oForm);
	this._aElements = null;
	this._aLayouts = [];
	var that = this;
	this.fHandleContentChange = function(oEvt) {
		if (oEvt.getParameter("name") == "visible") {
			that.invalidate();
		}
	};
};

/**
 * Handles the onBeforeRendering event. 
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype.onBeforeRendering = function() {
	
	//unregister resize
	if (this._sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this._sResizeListenerId);
		this._sResizeListenerId = null;
	}
	this._updateFormContainers();
};


/**
 * Handles the onAfterRendering event and initializes the resize handling.
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype.onAfterRendering = function() {
	
	this.getDomRef().style.visibility = "hidden"; //avoid that a wrong layouting is visible
	//TODO:Strange timeout ... needs to wait for content sizes to be set.
	setTimeout( jQuery.proxy( this._applyLinebreaks, this ), 10 ); 
	
	//attach the resize handler
	this._sResizeListenerId = sap.ui.core.ResizeHandler.register(this.getDomRef(),  jQuery.proxy(this._resize, this));
};

/**
 * Called if the control is invalidated by setting a property or adding/removing an aggregation.
 * @override
 * @see sap.ui.core.Control.prototype.invalidate
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype.invalidate = function() {
	sap.ui.core.Control.prototype.invalidate.apply(this,arguments);
	this._bUpdateNeeded = true;
};

/**
 * Handles the destruction of the control and unregisters the resize handling.
 * @see sap.ui.core.Element.destroy
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype.exit = function() {
	if (this._sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this._sResizeListenerId);
		this._sResizeListenerId = null;
	}
	for (var i=0;i<this._aLayouts.length;i++) {
		this._aLayouts[i].destroy();
	}
};

/**
 * Checks for the provided managed object <code>oObject</code> in the aggregation
 * named <code>sAggregationName</code> and returns its index if found, or -1
 * otherwise. Returns -2 if the given named aggregation is not a multiple one
 * (and does not contain the given child).
 *
 * @param {string}
 *            sAggregationName the name of the aggregation
 * @param {sap.ui.base.ManagedObject}
 *            oObject the ManagedObject whose index is looked for.
 * @return {int} the index of the provided managed object in the aggregation.
 * @override
 * @protected
 */
sap.ui.commons.form.SimpleForm.prototype.indexOfAggregation = function(sAggregationName, oObject) {
	if (sAggregationName == "content") {
		var aChildren = this._aElements;
		if (aChildren) {
			for (var i = 0; i < aChildren.length; i++) {
				if (aChildren[i] == oObject) {
					return i;
				}
			}
		}
		return -1;
	} else {
		return sap.ui.core.Control.prototype.indexOfAggregation.apply(this,arguments);
	}
};

/**
 * Adds some entity <code>oObject</code> to the content.
 *
 * @param {sap.ui.base.ManagedObject}
 *            oObject the object to add; if empty, nothing is added
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject as well as the added child are not marked as changed
 * @return {sap.ui.commons.form.SimpleForm} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.commons.form.SimpleForm.prototype.addContent = function(oElement, bSuppressInvalidate) {
	if (this._aElements) {
		sap.ui.core.Control.prototype.setAggregation.apply(this,["content",this._aElements,true]);
	}
	sap.ui.core.Control.prototype.addAggregation.apply(this,["content",oElement,true]);
	if (!bSuppressInvalidate) {
		this.invalidate();
	}
	return this;
};

/**
 * Inserts managed object <code>oElement</code> to the content at
 * position <code>iIndex</code>.
 *
 * @param {sap.ui.base.ManagedObject}
 *            oObject the ManagedObject to add; if empty, nothing is inserted.
 * @param {int}
 *            iIndex the <code>0</code>-based index the managed object should be inserted at; for a negative
 *            value <code>iIndex</code>, <code>oObject</code> is inserted at position 0; for a value
 *            greater than the current size of the aggregation, <code>oObject</code> is inserted at
 *            the last position
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject as well as the added child are not marked as changed
 * @return {sap.ui.commons.form.SimpleForm} Returns <code>this</code> to allow method chaining
 * @protected
 */
sap.ui.commons.form.SimpleForm.prototype.insertContent = function(oElement,iIndex, bSuppressInvalidate) {
	if (this._aElements) {
		sap.ui.core.Control.prototype.setAggregation.apply(this,["content",this._aElements,true]);
	}

	sap.ui.core.Control.prototype.insertAggregation.apply(this,["content", oElement, iIndex, true]);
	this._aElements = sap.ui.core.Control.prototype.getAggregation.apply(this,["content"]);
	if (!bSuppressInvalidate) {
		this.invalidate();
	}
	return this;
};

/**
 * Removes the given content element.
 *
 * @param {int | string | sap.ui.base.ManagedObject}
 *            vObject the position or ID of the ManagedObject to remove or the ManagedObject itself; if <code>vObject</code> is invalid,
 *            a negative value or a value greater or equal than the current size of the aggregation, nothing is removed
 * @param {boolean}
 *            [bSuppressInvalidate] if true, this ManagedObject is not marked as changed
 * @type sap.ui.commons.form.SimpleForm
 * @return the removed object or null
 * @protected
 */
sap.ui.commons.form.SimpleForm.prototype.removeContent = function(oElement, bSuppressInvalidate) {
	if (this._aElements) {
		for (var i=0;i<this._aElements.length;i++) {
			if (oElement == this._aElements[i]) {
				this._aElements.splice(i,1);
				if (!bSuppressInvalidate) {
					this.invalidate();
				}
				if (oElement && oElement.getVisible) {
					oElement.detachEventOnce("_change", this.fHandleContentChange, this);
				}
				return oElement;
			}
		}
	}
	return null;
};

/**
 * Returns the content of the simple form
 * @override 
 */
sap.ui.commons.form.SimpleForm.prototype.getContent = function() {
	if (!this._aElements) {
		this._aElements = sap.ui.core.Control.prototype.getAggregation.apply(this,["content"]);
	}
	return this._aElements;
};

sap.ui.commons.form.SimpleForm.prototype._hasVisibleFields = function(oElement) {
	if (!oElement) return false;
	var aFields = oElement.getFields(),
		bVisible = false;
	for (var i=0;i<aFields.length;i++) {
		var oField = aFields[0];
		if (oField && oField.getVisible && oField.getVisible()) {
			return true;
		}
	}
	return false;
};

/**
 * Updates the FormContainers of the simple form.
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype._updateFormContainers = function() {
	
	if (!this._bUpdateNeeded) return;
	
	//create content
	var aContent = this.getContent(),
		oCurrentContainer = null,
		oCurrentElement = null,
		bAvoidApply = false,
		oForm = this.getAggregation("form");
	
	//remove the inner controls from their parents before destroying the form containers otherwise the controls are not
	//not usable anymore
	if (this._aElements) {
		for (var i=0;i<this._aElements.length;i++) {
			var oElement = this._aElements[i];
			if (oElement && oElement.getVisible) {
				oElement.attachEventOnce("_change", this.fHandleContentChange, this);
			} 
			
			//TODO: shouldn't this be part of the ManagedObject, something like removeFromParent
			//Could we user setParent here or _removeChild
			if (oElement && oElement.getParent() && oElement.getParent() != this) {
				var oParent = oElement.getParent(),
					oAggMeta = oParent.getMetadata().getManagedAggregation(oElement.sParentAggregationName);
				if (oAggMeta.multiple) {
					oParent.removeAggregation(oElement.sParentAggregationName,oElement);
				} else {
					oParent.setAggregation(oElement.sParentAggregationName,null);
				}
			}
		}
	}
	
	oForm.destroyFormContainers();
	for (var i=0;i<aContent.length;i++) {
		var oControl = aContent[i];
		if (oControl instanceof sap.ui.commons.Title) { 
			//start a new container with a title
			oCurrentContainer = this._addFormContainer(oForm,oControl);
		} else if (oControl.getMetadata().isInstanceOf("sap.ui.core.Label")) { // if the control implements the label interface
			if (!oCurrentContainer) {
				oCurrentContainer = this._addFormContainer(oForm);
			}
			//set the weights of the current element
			if (oCurrentElement) {
				if (this._hasVisibleFields(oCurrentElement)) {
					oCurrentElement.setVisible(true);
				} else {
					oCurrentElement.setVisible(false);
				}
				if (!bAvoidApply) {
					this._applyFieldWeight(oCurrentElement);
				}
			}
			bAvoidApply = false;
			//start a new row
			oCurrentElement = this._addFormElement(oCurrentContainer, oControl);
		} else {
			if (!oCurrentElement) {
				oCurrentElement = this._addFormElement(oCurrentContainer);
			}
			if (oControl.getLayoutData() instanceof sap.ui.commons.layout.ResponsiveFlowLayoutData && !this._isMyLayoutData(oControl.getLayoutData())) {
				if (oControl.getLayoutData().getLinebreak()) {
					//end the previous row if flow layout data is given
					if (oCurrentElement) {
						this._applyFieldWeight(oCurrentElement);
					}
					
					oCurrentElement = this._addFormElement(oCurrentContainer);
					bAvoidApply = true;
				}
			} else {
				oControl.setLayoutData(this._createLayoutData(5,false,true));
			}
			oCurrentElement.addField(oControl);
		}
		if (oCurrentElement) {
			if (this._hasVisibleFields(oCurrentElement)) {
				oCurrentElement.setVisible(true);
			} else {
				oCurrentElement.setVisible(false);
			}
			if (!bAvoidApply) {
				this._applyFieldWeight(oCurrentElement);
			}
		}
	}
	this._bUpdateNeeded = false;
};

/**
 * Checks whether the given LayoutData is created and added by this Simple Form
 * @param { sap.ui.commons.layout.ResponsiveFlowLayoutData} optional (interface) The layout data
 * @returns {boolean} Whether the given layout was created by this Simple Form
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype._isMyLayoutData = function(oLayoutData) {
	var sId = oLayoutData.getId(),
		sLayouts = " " + this._aLayouts.join(" ") + " ";
	return sLayouts.indexOf(" " + sId + " ") >-1;
};

/**
 * Creates new sap.ui.commons.layout.ResponsiveFlowLayoutData with the given parameters
 * @param {int} iWeight the weight for the layout data
 * @param {boolean} bLinebreak Whether the layout data has a linebreak
 * @param {boolean} bLinebreakable Whether the layout data is linebreakable
 * @returns {sap.ui.commons.layout.ResponsiveFlowLayoutData} The newly created ResponsiveFlowLayoutData
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype._createLayoutData = function(iWeight, bLinebreak, bLinebreakable) {
	var oLayout = new sap.ui.commons.layout.ResponsiveFlowLayoutData({weight:iWeight,linebreak:bLinebreak===true,linebreakable: bLinebreakable===true});
	this._aLayouts.push(oLayout.getId());
	return oLayout;
};

/**
 * Adds a new form element to the given FormContainer and adds the given label to it.
 * @param {sap.ui.commons.form.FormContainer} The form container
 * @param {sap.ui.core.Label} optional (interface) The label of the element
 * @returns {sap.ui.commons.form.FormElement} The newly created FormElement
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype._addFormElement = function(oFormContainer, oLabel) {
	var oElement = new sap.ui.commons.form.FormElement();
	oElement.setLayoutData(new sap.ui.commons.layout.ResponsiveFlowLayoutData({linebreak:true,margin:false}));
	if (oLabel) {
		oLabel.addStyleClass("sapUiFormLabel-CTX");
		oElement.setLabel(oLabel);
		oLabel.setLayoutData(new sap.ui.commons.layout.ResponsiveFlowLayoutData({weight:3,minWidth:this.getLabelMinWidth()}));
	}
	oElement.setVisible(false);
	oFormContainer.addFormElement(oElement);
	return oElement;
};

/**
 * Adds a new form container to the given Form and adds the given title to it.
 * @param {sap.ui.commons.form.Form} The form
 * @param {sap.ui.commons.Title} optional The titel of the container
 * @returns {sap.ui.commons.form.FormContainer} The newly created FormContainer
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype._addFormContainer = function(oForm, oTitle) {
	var oContainer = new sap.ui.commons.form.FormContainer();
	oContainer.setLayoutData(new sap.ui.commons.layout.ResponsiveFlowLayoutData({minWidth:280}));
	oForm.addFormContainer(oContainer);
	if (oTitle) {
		oContainer.setTitle(oTitle);
	}
	return oContainer;
};

/**
 * Applies the weight property for the fields in the responsive layout.
 * @param {sap.ui.commons.form.FormElement} oElement The FormElement where the weight is applied.
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype._applyFieldWeight = function(oElement){
	
	var aFields = oElement.getFields(),
		iWeight = Math.floor(5/aFields.length),
		iRest = 5 % aFields.length;
	for (var i=0;i<aFields.length;i++) {
		var oField = aFields[i],
			iCurrentWeight = iWeight,
			oLayoutData = oField.getLayoutData();
		if (i == aFields.length-1) {
			iCurrentWeight += iRest;
		}
		if (!oLayoutData) {
			oField.setLayoutData(this._createLayoutData(iCurrentWeight,false,i==0));
		} else if (this._isMyLayoutData(oLayoutData)) {
			oLayoutData.setWeight(iCurrentWeight);
		} 
	}
};

/**
 * Applies the linebreaks of form containers according the minWidth and maxContainerCol settings of the SimpleForm
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype._applyLinebreaks = function(){
	var oForm = this.getAggregation("form"),
		aContainers = oForm.getFormContainers();
	// set line break on every container if Form is smaller than getMinWidth pixel
	// and reset it if it's larger
	for (var i=1; i<aContainers.length; i++){
		var oContainer = aContainers[i],
			oLayoutData = oContainer.getLayoutData();
		if (this.$().outerWidth(true) > this.getMinWidth()){
			if (oLayoutData.getLinebreak()) {
				oLayoutData.setLinebreak(false);
			}
			if (i % this.getMaxContainerCols() == 0) {
				oLayoutData.setLinebreak(true);
			}
		} else {
			oLayoutData.setLinebreak(true);
		}
	}
	var that = this;
	setTimeout(function() {
		if (that.getDomRef()) {
			that.getDomRef().style.visibility = "visible";
		}
	},10);
};

/**	
 * Handles the resize event 
 * @private
 */
sap.ui.commons.form.SimpleForm.prototype._resize = function(){
	if (this._iCurrentWidth == this.$().outerWidth()) return;
	this._iCurrentWidth = this.$().outerWidth();
	this._applyLinebreaks(); 
};
}; // end of sap.ui.commons.form.SimpleForm

}; // end of sap.ui.commons.library-all
if ( !jQuery.sap.isDeclared('sap.ui.table.library-all') ) {
// This file has been generated by the SAPUI5 'AllInOne' Builder
jQuery.sap.declare('sap.ui.table.library-all');
if ( !jQuery.sap.isDeclared('sap.ui.table.ColumnMenuRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for control sap.ui.commons.ComboBox
jQuery.sap.declare("sap.ui.table.ColumnMenuRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.MenuRenderer'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class Renderer for the sap.ui.commons.ComboBox
 * @static
 */
sap.ui.table.ColumnMenuRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.MenuRenderer);
}; // end of sap.ui.table.ColumnMenuRenderer
if ( !jQuery.sap.isDeclared('sap.ui.table.TableRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides default renderer for control sap.ui.table.Table
jQuery.sap.declare("sap.ui.table.TableRenderer");

/**
 * @class Table renderer.
 * @static
 */
sap.ui.table.TableRenderer = {};

/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} rm the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oTable an object representation of the control that should be rendered
 */
sap.ui.table.TableRenderer.render = function(rm, oTable) {

	// return immediately if control is invisible
	if (!oTable.getVisible()) {
		return;
	}
	
	// create the rows of the table 
	// (here we could think about a swith to allow the programmatic usage of the table)
	oTable._createRows();

	// basic table div
	rm.write("<div");
	if (oTable._bAccMode) {
		var aAriaOwnsIds = [];
		if (oTable.getToolbar()) {
			aAriaOwnsIds.push(oTable.getToolbar().getId());
		}
		aAriaOwnsIds.push(oTable.getId() + "-table");
		rm.writeAttribute("aria-owns", aAriaOwnsIds.join(" "));
		rm.writeAttribute("aria-readonly", "true");
		if (oTable.getTitle()) {
			rm.writeAttribute("aria-labelledby", oTable.getTitle().getId());
		}
		if (oTable.getSelectionMode() === sap.ui.table.SelectionMode.Multi) {
			rm.writeAttribute("aria-multiselectable", "true");
		}
	}
	rm.writeControlData(oTable);
	rm.addClass("sapUiTable");
	if (oTable.getColumnHeaderVisible()) {
		rm.addClass("sapUiTableCHdr"); // show column headers
	}
	if (oTable.getSelectionMode() !== sap.ui.table.SelectionMode.None &&
			oTable.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowOnly) {
		rm.addClass("sapUiTableRSel"); // show row selector
	}
	rm.addClass("sapUiTableSelMode" + oTable.getSelectionMode()); // row selection mode
	//rm.addClass("sapUiTableHScr"); // show horizontal scrollbar
	if (oTable.getNavigationMode() === sap.ui.table.NavigationMode.Scrollbar) {
		rm.addClass("sapUiTableVScr"); // show vertical scrollbar
	}
	if (oTable.getEditable()) {
		rm.addClass("sapUiTableEdt"); // editable (background color)
	}
	rm.addClass("sapUiTableShNoDa");
	if (oTable.getShowNoData() && oTable._getRowCount() === 0) {
		rm.addClass("sapUiTableEmpty"); // no data!
	}
	rm.writeClasses();
	if (oTable.getWidth()) {
		rm.addStyle("width", oTable.getWidth());
	}
	rm.writeStyles();
	rm.write(">");

	if (oTable.getTitle()) {
		this.renderHeader(rm, oTable, oTable.getTitle());
	}

	if (oTable.getToolbar()) {
		this.renderToolbar(rm, oTable, oTable.getToolbar());
	}

	if (oTable.getExtension() && oTable.getExtension().length > 0) {
		this.renderExtensions(rm, oTable, oTable.getExtension());
	}

	rm.write("<div");
	rm.addClass("sapUiTableCnt");
	rm.writeClasses();
	if (oTable._bAccMode) {
		rm.writeAttribute("aria-describedby", oTable.getId() + "-ariacount");
	}
	rm.write(">");

	this.renderColHdr(rm, oTable);

	this.renderTable(rm, oTable);

	if (oTable._bAccMode) {
		// aria description for the row count
		rm.write("<span");
		rm.writeAttribute("id", oTable.getId() + "-ariadesc");
		rm.addStyle("position", "absolute");
		rm.addStyle("top", "-20000px");
		rm.writeStyles();
		rm.write(">");
		rm.write(oTable._oResBundle.getText("TBL_TABLE"));
		rm.write("</span>");
		// aria description for the row count
		rm.write("<span");
		rm.writeAttribute("id", oTable.getId() + "-ariacount");
		rm.addStyle("position", "absolute");
		rm.addStyle("top", "-20000px");
		rm.writeStyles();
		rm.write(">");
		rm.write("</span>");
		// aria description for toggling the edit mode
		rm.write("<span");
		rm.writeAttribute("id", oTable.getId() + "-toggleedit");
		rm.addStyle("position", "absolute");
		rm.addStyle("top", "-20000px");
		rm.writeStyles();
		rm.write(">");
		rm.write(oTable._oResBundle.getText("TBL_TOGGLE_EDIT_KEY"));
		rm.write("</span>");
		// aria description for row selection behavior with no line selected
		rm.write("<span");
		rm.writeAttribute("id", oTable.getId() + "-selectrow");
		rm.addStyle("position", "absolute");
		rm.addStyle("top", "-20000px");
		rm.writeStyles();
		rm.write(">");
		rm.write(oTable._oResBundle.getText("TBL_ROW_SELECT_KEY"));
		rm.write("</span>");
		// aria description for row selection behavior with line selected
		rm.write("<span");
		rm.writeAttribute("id", oTable.getId() + "-selectrowmulti");
		rm.addStyle("position", "absolute");
		rm.addStyle("top", "-20000px");
		rm.writeStyles();
		rm.write(">");
		rm.write(oTable._oResBundle.getText("TBL_ROW_SELECT_MULTI_KEY"));
		rm.write("</span>");
		// aria description for row deselection behavior with no line selected
		rm.write("<span");
		rm.writeAttribute("id", oTable.getId() + "-deselectrow");
		rm.addStyle("position", "absolute");
		rm.addStyle("top", "-20000px");
		rm.writeStyles();
		rm.write(">");
		rm.write(oTable._oResBundle.getText("TBL_ROW_DESELECT_KEY"));
		rm.write("</span>");
		// aria description for row deselection behavior with line selected
		rm.write("<span");
		rm.writeAttribute("id", oTable.getId() + "-deselectrowmulti");
		rm.addStyle("position", "absolute");
		rm.addStyle("top", "-20000px");
		rm.writeStyles();
		rm.write(">");
		rm.write(oTable._oResBundle.getText("TBL_ROW_DESELECT_MULTI_KEY"));
		rm.write("</span>");
	}

	rm.write("</div>");

	if (oTable.getNavigationMode() === sap.ui.table.NavigationMode.Paginator) {
		rm.write("<div");
		rm.addClass("sapUiTablePaginator");
		rm.writeClasses();
		rm.write(">");
		if (!oTable._oPaginator) {
			jQuery.sap.require("sap.ui.commons.Paginator");
			oTable._oPaginator = new sap.ui.commons.Paginator(oTable.getId() + "-paginator");
			oTable._oPaginator.attachPage(jQuery.proxy(oTable.onvscroll, oTable));
		}
		rm.renderControl(oTable._oPaginator);
		rm.write("</div>");
	}

	if (oTable.getFooter()) {
		this.renderFooter(rm, oTable, oTable.getFooter());
	}

	if (oTable.getVisibleRowCountMode() == sap.ui.table.VisibleRowCountMode.Interactive) {
		this.renderVariableHeight(rm ,oTable);
	}

	rm.write("</div>");

};

// =============================================================================
// BASIC AREAS OF THE TABLE
// =============================================================================

sap.ui.table.TableRenderer.renderHeader = function(rm, oTable, oTitle) {
	rm.write("<div");
	rm.addClass("sapUiTableHdr");
	rm.writeClasses();
	if (oTable._bAccMode) {
		rm.writeAttribute("role", "heading");
	}
	rm.write(">");

	rm.renderControl(oTitle);

	rm.write("</div>");
};

sap.ui.table.TableRenderer.renderToolbar = function(rm, oTable, oToolbar) {
	rm.write("<div");
	rm.addClass("sapUiTableTbr");
	rm.writeClasses();
	rm.write(">");

	rm.renderControl(oToolbar);

	rm.write("</div>");
};

sap.ui.table.TableRenderer.renderExtensions = function(rm, oTable, aExtensions) {
	for (var i = 0, l = aExtensions.length; i < l; i++) {
		this.renderExtension(rm, oTable, aExtensions[i]);
	}
};

sap.ui.table.TableRenderer.renderExtension = function(rm, oTable, oExtension) {
	rm.write("<div");
	rm.addClass("sapUiTableExt");
	rm.writeClasses();
	rm.write(">");
	
	rm.renderControl(oExtension);
	
	rm.write("</div>");
};

sap.ui.table.TableRenderer.renderTable = function(rm, oTable) {
	rm.write("<div");
	rm.addClass("sapUiTableCCnt");
	rm.writeClasses();
	rm.write(">");

	this.renderRowHdr(rm, oTable);
	this.renderTableCtrl(rm, oTable);
	this.renderVSb(rm, oTable);

	rm.write("</div>");
	
	this.renderHSb(rm, oTable);
	
};

sap.ui.table.TableRenderer.renderFooter = function(rm, oTable, oFooter) {
	rm.write("<div");
	rm.addClass("sapUiTableFtr");
	rm.writeClasses();
	rm.write(">");

	rm.renderControl(oFooter);

	rm.write("</div>");
};

sap.ui.table.TableRenderer.renderVariableHeight = function(rm, oTable) {
	rm.write('<div id="' + oTable.getId() + '-sb" tabIndex="-1"');
	rm.addClass("sapUiTableSplitterBar");
	rm.addStyle("height", "5px");
	rm.writeClasses();
	rm.writeStyles();
	rm.write(">");
	rm.write("</div>");
};

// =============================================================================
// COLUMN HEADER OF THE TABLE
// =============================================================================

sap.ui.table.TableRenderer.renderColHdr = function(rm, oTable) {

	rm.write("<div");
	rm.addClass("sapUiTableColHdrCnt");
	rm.writeClasses();
	if (oTable.getColumnHeaderHeight() > 0) {
		rm.addStyle("height", oTable.getColumnHeaderHeight() + "px");
	}
	if (oTable._bAccMode &&
		 (oTable.getSelectionMode() === sap.ui.table.SelectionMode.None ||
				 oTable.getSelectionBehavior() === sap.ui.table.SelectionBehavior.RowOnly)) {
		rm.writeAttribute("role", "row");
	}
	rm.writeStyles();
	rm.write(">");

	this.renderColRowHdr(rm, oTable);

	var aCols = oTable.getColumns();

	if (oTable.getFixedColumnCount() > 0) {
		rm.write("<div");
		rm.addClass("sapUiTableColHdrFixed");
		rm.writeClasses();
		rm.write(">");

		rm.write("<div");
		rm.addClass("sapUiTableColHdr");
		rm.writeClasses();
		rm.addStyle("min-width", oTable._getColumnsWidth(0, oTable.getFixedColumnCount()) + "px");
		rm.writeStyles();
		rm.write(">");

		for (var i = 0, l = oTable.getFixedColumnCount(); i < l; i++) {
			if (aCols[i].getVisible() && !aCols[i].getGrouped()) {
				this.renderCol(rm, oTable, aCols[i], i);
				this.renderColRsz(rm, oTable, aCols[i], i);
			}
		}

		rm.write("<p style=\"clear: both;\"></p>");
		rm.write("</div>");

		rm.write("</div>");
	}

	rm.write("<div");
	rm.addClass("sapUiTableColHdrScr");
	rm.writeClasses();
	if (oTable.getFixedColumnCount() > 0) {
		if (oTable._bRtlMode) {
			rm.addStyle("margin-right", "0");
		} else {
			rm.addStyle("margin-left", "0");
		}
		rm.writeStyles();
	}
	rm.write(">");

	rm.write("<div");
	rm.addClass("sapUiTableColHdr");
	rm.writeClasses();
	rm.addStyle("min-width", oTable._getColumnsWidth(oTable.getFixedColumnCount(), aCols.length) + "px");
	rm.writeStyles();
	rm.write(">");

	for (var i = oTable.getFixedColumnCount(), l = aCols.length; i < l; i++) {
		if (aCols[i].getVisible() && !aCols[i].getGrouped()) {
			this.renderCol(rm, oTable, aCols[i], i);
			this.renderColRsz(rm, oTable, aCols[i], i);
		}
	}

	rm.write("<p style=\"clear: both;\"></p>");
	rm.write("</div>");

	rm.write("</div>");

	rm.write("</div>");

};

sap.ui.table.TableRenderer.renderColRowHdr = function(rm, oTable) {
	rm.write("<div");
	rm.writeAttribute("id", oTable.getId() + "-selall");
	rm.writeAttributeEscaped("title", oTable._oResBundle.getText("TBL_SELECT_ALL"));
	rm.addClass("sapUiTableColRowHdr");
	rm.writeClasses();
	if (oTable._bAccMode) {
		rm.writeAttribute("tabindex", "-1");
		rm.writeAttributeEscaped("aria-label", oTable._oResBundle.getText("TBL_SELECT_ALL_KEY"));
	}
	rm.write(">");
	if (oTable.getSelectionMode() !== sap.ui.table.SelectionMode.Single) {
		rm.write("<div");
		rm.addClass("sapUiTableColRowHdrIco");
		rm.writeClasses();
		if (oTable.getColumnHeaderHeight() > 0) {
			rm.addStyle("height", oTable.getColumnHeaderHeight() + "px");
		}
		rm.write(">");
		rm.write("</div>");
	}
	rm.write("</div>");
};

sap.ui.table.TableRenderer.renderCol = function(rm, oTable, oColumn, iIndex) {
	rm.write("<div");
	rm.writeElementData(oColumn);
	rm.writeAttribute("data-sap-ui-colindex", iIndex);
	if (oTable._bAccMode) {
		if (jQuery.browser.msie) {
			rm.writeAttribute("role", "columnheader");
		}
		// TODO: determine if the column has a column menu
		rm.writeAttribute("aria-haspopup", "true");
		rm.writeAttribute("tabindex", "-1");
	}
	rm.addClass("sapUiTableCol");
	rm.writeClasses();
	rm.addStyle("width", oColumn.getWidth());
	if (oTable.getColumnHeaderHeight() > 0) {
		rm.addStyle("height", oTable.getColumnHeaderHeight() + "px");
	}
	rm.writeStyles();
	var sTooltip = oColumn.getTooltip_AsString();
	if (sTooltip) {
		rm.writeAttributeEscaped("title", sTooltip);
	}
	rm.write("><div");
	rm.addClass("sapUiTableColCell");
	rm.writeClasses();
	rm.write(">");

	// TODO: rework column sort / filter status integration
	rm.write("<div id=\"" + oColumn.getId() + "-icons\" class=\"sapUiTableColIcons\"></div>");
	rm.renderControl(oColumn.getLabel());

	rm.write("</div></div>");
};

sap.ui.table.TableRenderer.renderColRsz = function(rm, oTable, oColumn, iIndex) {
	if (oColumn.getResizable()) {
		rm.write("<div");
		rm.writeAttribute("id", oColumn.getId() + "-rsz");
		rm.writeAttribute("data-sap-ui-colindex", iIndex);
		rm.writeAttribute("tabindex", "-1");
		rm.addClass("sapUiTableColRsz");
		rm.writeClasses();
		rm.addStyle("left", oTable._bRtlMode ? "99000px" : "-99000px");
		rm.writeStyles();
		rm.write("></div>");
	}
};


// =============================================================================
// CONTENT AREA OF THE TABLE
// =============================================================================

sap.ui.table.TableRenderer.renderRowHdr = function(rm, oTable) {
	rm.write("<div");
	rm.addClass("sapUiTableRowHdrScr");
	rm.writeClasses();
	rm.write(">");

	// start with the first current top visible row
	for (var row = 0, count = oTable.getRows().length; row < count; row++) {
		this.renderRowHdrRow(rm, oTable, oTable.getRows()[row], row);
	}

	rm.write("</div>");
};

sap.ui.table.TableRenderer.renderRowHdrRow = function(rm, oTable, oRow, iRowIndex) {
	rm.write("<div");
	rm.writeAttribute("id", oTable.getId() + "-rowsel" + iRowIndex);
	rm.writeAttribute("data-sap-ui-rowindex", iRowIndex);
	rm.addClass("sapUiTableRowHdr");
	rm.writeClasses();
	if (oTable.getRowHeight() > 0) {
		rm.addStyle("height", oTable.getRowHeight() + "px");
	}
	if (oTable._bAccMode) {
		// defined via ARIA spec but not yet supported
		var aCellIds = [];
		jQuery.each(oRow.getCells(), function(iIndex, oCell) {
			aCellIds.push(oRow.getId() + "-col" + iIndex);
		});
		if (oTable.getSelectionMode() === sap.ui.table.SelectionMode.Multi) {
			rm.writeAttribute("aria-selected", "false");
		}
		if (oTable.getSelectionMode() !== sap.ui.table.SelectionMode.None) {
			rm.writeAttributeEscaped("title", oTable._oResBundle.getText("TBL_ROW_SELECT"));
			if (oTable.getSelectionMode() === sap.ui.table.SelectionMode.Multi && oTable._oSelection.getSelectedIndices().length > 1) {
				rm.writeAttributeEscaped("aria-label", oTable._oResBundle.getText("TBL_ROW_SELECT_MULTI_KEY"));
			} else {
				rm.writeAttributeEscaped("aria-label", oTable._oResBundle.getText("TBL_ROW_SELECT_KEY"));
			}
		}
		rm.writeAttribute("tabindex", "-1");
	}
	rm.writeStyles();
	rm.write("></div>");
};

sap.ui.table.TableRenderer.renderTableCtrl = function(rm, oTable) {

	if (oTable.getFixedColumnCount() > 0) {
		rm.write("<div");
		rm.addClass("sapUiTableCtrlScrFixed");
		rm.writeClasses();
		rm.write(">");
		rm.write("<div");
		rm.addClass("sapUiTableCtrlBefore");
		rm.writeClasses();
		rm.writeAttribute("tabindex", "0");
		rm.write("></div>");

		this.renderTableControl(rm, oTable, true);

		rm.write("<div");
		rm.addClass("sapUiTableCtrlAfter");
		rm.writeClasses();
		rm.writeAttribute("tabindex", "0");
		rm.write("></div>");

		rm.write("</div>");
	}

	rm.write("<div");
	rm.addClass("sapUiTableCtrlScr");
	rm.writeClasses();
	if (oTable.getFixedColumnCount() > 0) {
		if (oTable._bRtlMode) {
			rm.addStyle("margin-right", "0");
		} else {
			rm.addStyle("margin-left", "0");
		}
		rm.writeStyles();
	}
	rm.write(">");

	rm.write("<div");
	rm.addClass("sapUiTableCtrlCnt");
	rm.writeClasses();
	rm.write(">");

	rm.write("<div");
	rm.addClass("sapUiTableCtrlBefore");
	rm.writeClasses();
	rm.writeAttribute("tabindex", "0");
	rm.write("></div>");

	this.renderTableControl(rm, oTable, false);

	rm.write("<div");
	rm.addClass("sapUiTableCtrlAfter");
	rm.writeClasses();
	rm.writeAttribute("tabindex", "0");
	rm.write("></div>");
	rm.write("</div>");

	rm.write("</div>");

	rm.write("<div");
	rm.addClass("sapUiTableCtrlEmpty");
	rm.writeClasses();
	rm.writeAttribute("tabindex", "0");
	rm.write(">");
	if (oTable.getNoData()) {
		rm.renderControl(oTable.getNoData());
	} else {
		rm.write("<span");
		rm.addClass("sapUiTableCtrlEmptyMsg");
		rm.writeClasses();
		rm.write(">");
		rm.writeEscaped(oTable._oResBundle.getText("TBL_NO_DATA"));
		rm.write("</span>");
	}
	rm.write("</div>");
};


sap.ui.table.TableRenderer.renderTableControl = function(rm, oTable, bFixedTable) {
	var iStartColumn, iEndColumn;
	if (bFixedTable) {
		iStartColumn = 0;
		iEndColumn = oTable.getFixedColumnCount();
	} else {
		iStartColumn = oTable.getFixedColumnCount();
		iEndColumn = oTable.getColumns().length;
	}
	var iFixedRows = oTable.getFixedRowCount();
	var aRows = oTable.getRows();

	if (iFixedRows > 0) {
		this.renderTableControlCnt(rm, oTable, bFixedTable, iStartColumn, iEndColumn, true, 0, iFixedRows);
	}
	this.renderTableControlCnt(rm, oTable, bFixedTable, iStartColumn, iEndColumn, false, iFixedRows, aRows.length);
};

sap.ui.table.TableRenderer.renderTableControlCnt = function(rm, oTable, bFixedTable, iStartColumn, iEndColumn, bFixedRow, iStartRow, iEndRow) {
	rm.write("<table");
	var sId = oTable.getId() + "-table";
	if (bFixedTable) {
		sId += "-fixed";
		rm.addClass("sapUiTableCtrlFixed");
	} else {
		rm.addClass("sapUiTableCtrlScroll");
	}
	if (bFixedRow) {
		sId += "-fixrow";
		rm.addClass("sapUiTableCtrlRowFixed");
	} else {
		rm.addClass("sapUiTableCtrlRowScroll");
	}
	rm.writeAttribute("id", sId);
	if (oTable._bAccMode) {
		rm.writeAttribute("role", "grid");
	}
	rm.addClass("sapUiTableCtrl");
	rm.writeClasses();
	rm.addStyle("min-width", oTable._getColumnsWidth(iStartColumn, iEndColumn) + "px");
	//Firefox and chrome need a defined width for the fixed table
	if (bFixedTable && (jQuery.browser.mozilla || jQuery.browser.chrome)) {
		rm.addStyle("width", oTable._getColumnsWidth(iStartColumn, iEndColumn) + "px");
	}
	rm.writeStyles();
	rm.write(">");

	rm.write("<thead>");

	rm.write("<tr");
	rm.addClass("sapUiTableCtrlCol");
	if (iStartRow == 0) {
		rm.addClass("sapUiTableCtrlFirstCol");
	}
	rm.writeClasses();
	rm.write(">");

	var aCols = oTable.getColumns();
	if (oTable.getSelectionMode() !== sap.ui.table.SelectionMode.None &&
			oTable.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowOnly) {
		rm.write("<th");
		rm.addStyle("width", "0px");
		rm.writeStyles();
		if (oTable._bAccMode && iStartRow == 0) {
			rm.writeAttribute("role", "columnheader");
			rm.writeAttribute("scope", "col");
			rm.writeAttribute("id", oTable.getId() + "_colsel");
		}
		rm.write("></th>");
	} else {
		if (aCols.length === 0) {
			// no cols => render th => avoids rendering issue in firefox
			rm.write("<th></th>");
		}
	}

	for (var col = iStartColumn, count = iEndColumn; col < count; col++) {
		var oColumn = aCols[col];
		if (oColumn.getVisible() && !oColumn.getGrouped()) {
			rm.write("<th");
			rm.addStyle("width", oColumn.getWidth());
			rm.writeStyles();
			if (iStartRow == 0) {
				if (oTable._bAccMode) {
					rm.writeAttribute("aria-owns", oColumn.getId());
					rm.writeAttribute("aria-labelledby", oColumn.getId());
					rm.writeAttribute("role", "columnheader");
					rm.writeAttribute("scope", "col");
					rm.writeAttribute("id", oTable.getId() + "_col" + col);
				}
			}
			rm.writeAttribute("data-sap-ui-headcolindex", col);
			rm.write(">");
			if (iStartRow == 0) {
				rm.renderControl(oColumn.getLabel());
			}
			rm.write("</th>");
		}
	}

	rm.write("</tr>");
	rm.write("</thead>");

	rm.write("<tbody>");

	// render the table rows
	var aRows = oTable.getRows();
	for (var row = iStartRow, count = iEndRow; row < count; row++) {
		this.renderTableRow(rm, oTable, aRows[row], row, bFixedTable, iStartColumn, iEndColumn, false);
	}

	rm.write("</tbody>");
	rm.write("</table>");
};

sap.ui.table.TableRenderer.renderTableRow = function(rm, oTable, oRow, iRowIndex, bFixedTable, iStartColumn, iEndColumn, bFixedRow) {

	rm.write("<tr");
	rm.addClass("sapUiTableTr");
	if (bFixedTable) {
		rm.writeAttribute("id", oRow.getId() + "-fixed");
	} else {
		rm.writeElementData(oRow);
	}
	if (oRow._bHidden) {
		rm.addClass("sapUiTableRowHidden");
	}
	if (iRowIndex % 2 === 0) {
		rm.addClass("sapUiTableRowEven");
	} else {
		rm.addClass("sapUiTableRowOdd");
	}
	rm.writeClasses();
	rm.writeAttribute("data-sap-ui-rowindex", iRowIndex);
	if (oTable.getRowHeight() > 0) {
		rm.addStyle("height", oTable.getRowHeight() + "px");
	}
	rm.writeStyles();
	if (oTable._bAccMode) {
		rm.writeAttribute("role", "row");
		if (oTable.getSelectionMode() === sap.ui.table.SelectionMode.Multi) {
			rm.writeAttribute("aria-selected", "false");
		}
//		if (oTable.getSelectionMode() !== sap.ui.table.SelectionMode.None) {
//			rm.writeAttributeEscaped("title", oTable._oResBundle.getText("TBL_ROW_SELECT"));
//			rm.writeAttributeEscaped("aria-label", oTable._oResBundle.getText("TBL_ROW_SELECT_KEY"));
//		}
	}
	rm.write(">");
	var aCells = oRow.getCells();
	if (oTable.getSelectionMode() !== sap.ui.table.SelectionMode.None &&
			oTable.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowOnly) {
		rm.write("<td");
		if (oTable._bAccMode) {
			rm.writeAttribute("role", "gridcell");
			rm.writeAttribute("headers", oTable.getId() + "_colsel");
			rm.writeAttribute("aria-owns", oTable.getId() + "-rowsel" + iRowIndex);
			if (oTable.getSelectionMode() === sap.ui.table.SelectionMode.Multi) {
				rm.writeAttribute("aria-selected", "false");
			}
		}
		rm.write(">");
		if (oTable._bAccMode) {
			rm.write("<div");
			rm.addClass("sapUiTableAriaRowSel");
			rm.writeClasses();
			rm.write(">");
			rm.write(oTable._oResBundle.getText("TBL_ROW_SELECT_KEY"));
			rm.write("</div>");
		}
		rm.write("</td>");
	} else {
		if (aCells.length === 0) {
			rm.write("<td");
			if (oTable._bAccMode) {
				rm.writeAttribute("role", "gridcell");
				rm.writeAttribute("headers", oTable.getId() + "_colsel");
				rm.writeAttribute("aria-owns", oTable.getId() + "-rowsel" + iRowIndex);
				if (oTable.getSelectionMode() === sap.ui.table.SelectionMode.Multi) {
					rm.writeAttribute("aria-selected", "false");
				}
			}
			rm.write(">");
			if (oTable._bAccMode) {
				rm.write("<div");
				rm.addClass("sapUiTableAriaRowSel");
				rm.writeClasses();
				rm.write(">");
				rm.write(oTable._oResBundle.getText("TBL_ROW_SELECT_KEY"));
				rm.write("</div>");
			}
			rm.write("</td>");
		}
	}
	for (var cell = 0, count = aCells.length; cell < count; cell++) {
		this.renderTableCell(rm, oTable, oRow, aCells[cell], cell, bFixedTable, iStartColumn, iEndColumn);
	}
	rm.write("</tr>");

};

sap.ui.table.TableRenderer.renderTableCell = function(rm, oTable, oRow, oCell, iCellIndex, bFixedTable, iStartColumn, iEndColumn) {
	var iColIndex = oCell.data("sap-ui-colindex");
	var oColumn = oTable.getColumns()[iColIndex];
	if (oColumn.getVisible() && !oColumn.getGrouped() && iStartColumn <= iColIndex && iEndColumn > iColIndex) {
		rm.write("<td");
		var sId = oRow.getId() + "-col" + iCellIndex;
		rm.writeAttribute("id", sId);
		if (oTable._bAccMode) {
			// correct would be aria-labelledby but doesn't work for JAWS
			rm.writeAttribute("headers", oTable.getId() + "_col" + iColIndex);
			rm.writeAttribute("role", "gridcell");
			rm.writeAttribute("aria-labelledby", oTable.getId() + "-ariadesc " + oColumn.getId() + " " + oCell.getId());
			rm.writeAttribute("aria-describedby", oTable.getId() + "-toggleedit");
			rm.writeAttribute("aria-activedescendant", oCell.getId());
			rm.writeAttribute("tabindex", "-1");
			if (oTable.getSelectionMode() === sap.ui.table.SelectionMode.Multi) {
				rm.writeAttribute("aria-selected", "false");
			}
		}
		var sHAlign = this.getHAlign(oColumn.getHAlign(), oTable._bRtlMode);
		if (sHAlign) {
			rm.addStyle("text-align", sHAlign);
		}
		rm.writeStyles();
		if (iCellIndex === 0) {
			rm.addClass("sapUiTableTdFirst");
		}
		rm.writeClasses();
		rm.write("><div");
		rm.addClass("sapUiTableCell");
		rm.writeClasses();
		/*
		if (oTable.getRowHeight() > 0) {
			rm.addStyle("height", oTable.getRowHeight() + "px");
		}
		rm.writeStyles();
		*/
		rm.write(">");
		this.renderTableCellControl(rm, oTable, oCell, iCellIndex);
		rm.write("</div></td>");
	}
};

sap.ui.table.TableRenderer.renderTableCellControl = function(rm, oTable, oCell, iCellIndex) {
	rm.renderControl(oCell);
};

sap.ui.table.TableRenderer.renderVSb = function(rm, oTable) {
	rm.write("<div");
	rm.addClass("sapUiTableVSb");
	rm.writeClasses();
	rm.write(">");
	rm.renderControl(oTable._oVSb);
	rm.write("</div>");
};

sap.ui.table.TableRenderer.renderHSb = function(rm, oTable) {
	rm.write("<div");
	rm.addClass("sapUiTableHSb");
	rm.writeClasses();
	rm.write(">");
	rm.renderControl(oTable._oHSb);
	rm.write("</div>");
};


// =============================================================================
// HELPER FUNCTIONALITY
// =============================================================================

/**
 * Returns the value for the HTML "align" attribute according to the given
 * horizontal alignment and RTL mode, or NULL if the HTML default is fine.
 *
 * @param {sap.ui.commons.layout.HAlign} oHAlign
 * @param {boolean} bRTL
 * @type string
 */
sap.ui.table.TableRenderer.getHAlign = function(oHAlign, bRTL) {
  switch (oHAlign) {
	case sap.ui.commons.layout.HAlign.Center:
	  return "center";
	case sap.ui.commons.layout.HAlign.End:
	case sap.ui.commons.layout.HAlign.Right:
	  return bRTL ? "left" : "right";
  }
  // case sap.ui.commons.layout.HAlign.Left:
  // case sap.ui.commons.layout.HAlign.Begin:
  return bRTL ? "right" : "left";
};

}; // end of sap.ui.table.TableRenderer
if ( !jQuery.sap.isDeclared('sap.ui.table.TreeTableRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides default renderer for control sap.ui.table.TreeTable
jQuery.sap.declare("sap.ui.table.TreeTableRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained



/**
 * @class TreeTable renderer.
 * @static
 */
sap.ui.table.TreeTableRenderer = sap.ui.core.Renderer.extend(sap.ui.table.TableRenderer);


sap.ui.table.TreeTableRenderer.renderTableCellControl = function(rm, oTable, oCell, iCellIndex) {
	if (oTable.isTreeBinding("rows") && iCellIndex === 0) {
		rm.write("<span class=\"sapUiTableTreeIcon sapUiTableTreeIconLeaf\" tabindex=\"-1\">&nbsp;</span>");
	}
	rm.renderControl(oCell);
};

}; // end of sap.ui.table.TreeTableRenderer
if ( !jQuery.sap.isDeclared('sap.ui.table.library') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

/**
 * Initialization Code and shared classes of library sap.ui.table (1.12.0)
 */
jQuery.sap.declare("sap.ui.table.library");
jQuery.sap.require('sap.ui.core.Core'); // unlisted dependency retained
 // unlisted dependency retained

/**
 * SAPUI5 library with table controls.
 *
 * @namespace
 * @name sap.ui.table
 * @public
 */


// library dependencies
jQuery.sap.require('sap.ui.core.library'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.library'); // unlisted dependency retained
 // unlisted dependency retained


// delegate further initialization of this library to the Core
sap.ui.getCore().initLibrary({
  name : "sap.ui.table",
  dependencies : ["sap.ui.core","sap.ui.commons"],
  types: [
    "sap.ui.table.NavigationMode",
    "sap.ui.table.SelectionBehavior",
    "sap.ui.table.SelectionMode",
    "sap.ui.table.SortOrder",
    "sap.ui.table.VisibleRowCountMode"
  ],
  interfaces: [],
  controls: [
    "sap.ui.table.ColumnMenu",
    "sap.ui.table.DataTable",
    "sap.ui.table.Table",
    "sap.ui.table.TreeTable"
  ],
  elements: [
    "sap.ui.table.Column",
    "sap.ui.table.Row"
  ],
  version: "1.12.0"});

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.table.NavigationMode.
jQuery.sap.declare("sap.ui.table.NavigationMode");

/**
 * @class Navigation mode of the table
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.table.NavigationMode = {
  
    /**
     * Uses the scrollbar control. 
     * @public
     */
    Scrollbar : "Scrollbar",

    /**
     * Uses the paginator control. 
     * @public
     */
    Paginator : "Paginator"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.table.SelectionBehavior.
jQuery.sap.declare("sap.ui.table.SelectionBehavior");

/**
 * @class Selection behavior of the table
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.table.SelectionBehavior = {
  
    /**
     * Rows can be selected on the complete row. 
     * @public
     */
    Row : "Row",

    /**
     * Rows can only be selected on the row selector. 
     * @public
     */
    RowSelector : "RowSelector",

    /**
     * Rows can only be selected on the row (and the selector is hidden). 
     * @public
     */
    RowOnly : "RowOnly"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.table.SelectionMode.
jQuery.sap.declare("sap.ui.table.SelectionMode");

/**
 * @class Selection mode of the table
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.table.SelectionMode = {
  
    /**
     * Select multiple rows at a time. 
     * @public
     */
    Multi : "Multi",

    /**
     * Select one row at a time. 
     * @public
     */
    Single : "Single",

    /**
     * No rows can be selected. 
     * @public
     */
    None : "None"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.table.SortOrder.
jQuery.sap.declare("sap.ui.table.SortOrder");

/**
 * @class Sort order of a column
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.table.SortOrder = {
  
    /**
     * Sort Order: ascending. 
     * @public
     */
    Ascending : "Ascending",

    /**
     * Sort Order: descending. 
     * @public
     */
    Descending : "Descending"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.table.VisibleRowCountMode.
jQuery.sap.declare("sap.ui.table.VisibleRowCountMode");

/**
 * @class VisibleRowCountMode of the table
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.table.VisibleRowCountMode = {
  
    /**
     * The table always has as many rows as defined in the visibleRowCount property. 
     * @public
     */
    Fixed : "Fixed",

    /**
     * After rendering the table has as many rows as defined in visibleRowCount property. The user is able to change the visible rows by moving a grip with the mouse. The visibleRowCount property is changed accordingly. 
     * @public
     */
    Interactive : "Interactive",

    /**
     * The table automatically fills the height of the surrounding container. The visibleRowCount property is automatically changed accordingly. All rows need the same height, otherwise the auto mode doesn't always work as expected. 
     * @public
     */
    Auto : "Auto"

  };
  

// -----------------------------------------------------------------------------
// Begin of Library Initialization coding, copied from shared.js
// -----------------------------------------------------------------------------

// map the new Column to the old ColumnHeader
sap.ui.table.ColumnHeader = sap.ui.table.Column;

// map the SelectionMode All and MultiToggle to Multi
sap.ui.table.SelectionMode.All = sap.ui.table.SelectionMode.Multi;
sap.ui.table.SelectionMode.MultiToggle = sap.ui.table.SelectionMode.Multi;
}; // end of sap.ui.table.library
if ( !jQuery.sap.isDeclared('sap.ui.table.Column') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.table.Column.
jQuery.sap.declare("sap.ui.table.Column");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Column.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getFlexible flexible} : boolean (default: true)</li>
 * <li>{@link #getResizable resizable} : boolean (default: true)</li>
 * <li>{@link #getHAlign hAlign} : sap.ui.commons.layout.HAlign (default: sap.ui.commons.layout.HAlign.Begin)</li>
 * <li>{@link #getSorted sorted} : boolean (default: false)</li>
 * <li>{@link #getSortOrder sortOrder} : sap.ui.table.SortOrder (default: sap.ui.table.SortOrder.Ascending)</li>
 * <li>{@link #getSortProperty sortProperty} : string</li>
 * <li>{@link #getFiltered filtered} : boolean (default: false)</li>
 * <li>{@link #getFilterProperty filterProperty} : string</li>
 * <li>{@link #getFilterValue filterValue} : string</li>
 * <li>{@link #getFilterOperator filterOperator} : string</li>
 * <li>{@link #getGrouped grouped} : boolean (default: false)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getFilterType filterType} : any</li>
 * <li>{@link #getName name} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getLabel label} : sap.ui.core.Control</li>
 * <li>{@link #getTemplate template} : sap.ui.core.Control</li>
 * <li>{@link #getMenu menu} : sap.ui.commons.Menu</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The column allows to define column specific properties that will be applied when rendering the table.
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.table.Column
 */
sap.ui.core.Element.extend("sap.ui.table.Column", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"sort", "toggleSort"
	],

	// ---- control specific ----
	library : "sap.ui.table",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"flexible" : {type : "boolean", group : "Behavior", defaultValue : true},
		"resizable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"hAlign" : {type : "sap.ui.commons.layout.HAlign", group : "Appearance", defaultValue : sap.ui.commons.layout.HAlign.Begin},
		"sorted" : {type : "boolean", group : "Appearance", defaultValue : false},
		"sortOrder" : {type : "sap.ui.table.SortOrder", group : "Appearance", defaultValue : sap.ui.table.SortOrder.Ascending},
		"sortProperty" : {type : "string", group : "Behavior", defaultValue : null},
		"filtered" : {type : "boolean", group : "Appearance", defaultValue : false},
		"filterProperty" : {type : "string", group : "Behavior", defaultValue : null},
		"filterValue" : {type : "string", group : "Behavior", defaultValue : null},
		"filterOperator" : {type : "string", group : "Behavior", defaultValue : null},
		"grouped" : {type : "boolean", group : "Appearance", defaultValue : false},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"filterType" : {type : "any", group : "Misc", defaultValue : null},
		"name" : {type : "string", group : "Appearance", defaultValue : null}
	},
	defaultAggregation : "label",
	aggregations : {
    	"label" : {type : "sap.ui.core.Control", multiple : false}, 
    	"template" : {type : "sap.ui.core.Control", multiple : false}, 
    	"menu" : {type : "sap.ui.commons.Menu", multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.table.Column with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.table.Column.extend
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Width of the column.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.table.Column#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setWidth
 * @function
 */


/**
 * Getter for property <code>flexible</code>.
 * Is the width of the column flexible (grows on resize)?
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>flexible</code>
 * @public
 * @name sap.ui.table.Column#getFlexible
 * @function
 */

/**
 * Setter for property <code>flexible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFlexible  new value for property <code>flexible</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setFlexible
 * @function
 */


/**
 * Getter for property <code>resizable</code>.
 * Is the column resizable or not?
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>resizable</code>
 * @public
 * @name sap.ui.table.Column#getResizable
 * @function
 */

/**
 * Setter for property <code>resizable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bResizable  new value for property <code>resizable</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setResizable
 * @function
 */


/**
 * Getter for property <code>hAlign</code>.
 * Horizontal alignment of the column content. Controls with a text align do not inherit the horizontal alignment. You have to set the text align directly on the template.
 *
 * Default value is <code>Begin</code>
 *
 * @return {sap.ui.commons.layout.HAlign} the value of property <code>hAlign</code>
 * @public
 * @name sap.ui.table.Column#getHAlign
 * @function
 */

/**
 * Setter for property <code>hAlign</code>.
 *
 * Default value is <code>Begin</code> 
 *
 * @param {sap.ui.commons.layout.HAlign} oHAlign  new value for property <code>hAlign</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setHAlign
 * @function
 */


/**
 * Getter for property <code>sorted</code>.
 * flag, if the column is sorted or not (displays the sorting indicator, does not trigger the sort method!)
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>sorted</code>
 * @public
 * @name sap.ui.table.Column#getSorted
 * @function
 */

/**
 * Setter for property <code>sorted</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bSorted  new value for property <code>sorted</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setSorted
 * @function
 */


/**
 * Getter for property <code>sortOrder</code>.
 * @see sap.ui.table.SortOrder (default value: "Ascending")
 *
 * Default value is <code>Ascending</code>
 *
 * @return {sap.ui.table.SortOrder} the value of property <code>sortOrder</code>
 * @public
 * @name sap.ui.table.Column#getSortOrder
 * @function
 */

/**
 * Setter for property <code>sortOrder</code>.
 *
 * Default value is <code>Ascending</code> 
 *
 * @param {sap.ui.table.SortOrder} oSortOrder  new value for property <code>sortOrder</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setSortOrder
 * @function
 */


/**
 * Getter for property <code>sortProperty</code>.
 * Specifies the binding property on which the column will sort.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>sortProperty</code>
 * @public
 * @name sap.ui.table.Column#getSortProperty
 * @function
 */

/**
 * Setter for property <code>sortProperty</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSortProperty  new value for property <code>sortProperty</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setSortProperty
 * @function
 */


/**
 * Getter for property <code>filtered</code>.
 * flag, if the column is filtered or not (displays the filter indicator, does not trigger the filter method!)
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>filtered</code>
 * @public
 * @name sap.ui.table.Column#getFiltered
 * @function
 */

/**
 * Setter for property <code>filtered</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bFiltered  new value for property <code>filtered</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setFiltered
 * @function
 */


/**
 * Getter for property <code>filterProperty</code>.
 * Specifies the binding property on which the column will filter.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>filterProperty</code>
 * @public
 * @name sap.ui.table.Column#getFilterProperty
 * @function
 */

/**
 * Setter for property <code>filterProperty</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFilterProperty  new value for property <code>filterProperty</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setFilterProperty
 * @function
 */


/**
 * Getter for property <code>filterValue</code>.
 * Specifies the value of the filter as string (will be converted into the propert data type).
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>filterValue</code>
 * @public
 * @name sap.ui.table.Column#getFilterValue
 * @function
 */

/**
 * Setter for property <code>filterValue</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFilterValue  new value for property <code>filterValue</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setFilterValue
 * @function
 */


/**
 * Getter for property <code>filterOperator</code>.
 * @see sap.ui.model.FilterOperator (default value: "Contains")
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>filterOperator</code>
 * @public
 * @name sap.ui.table.Column#getFilterOperator
 * @function
 */

/**
 * Setter for property <code>filterOperator</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFilterOperator  new value for property <code>filterOperator</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setFilterOperator
 * @function
 */


/**
 * Getter for property <code>grouped</code>.
 * flag, if the column is grouped or not (hides the column!)
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>grouped</code>
 * @public
 * @name sap.ui.table.Column#getGrouped
 * @function
 */

/**
 * Setter for property <code>grouped</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bGrouped  new value for property <code>grouped</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setGrouped
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.table.Column#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setVisible
 * @function
 */


/**
 * Getter for property <code>filterType</code>.
 * Type of Filter. This is used to transform the search term to the specified type, to make sure that the right columns are displayed. This should be the same as defined in binding for this column. Alternativly, you can pass a function which does the conversion. The functions only parameter is the string to convert.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {any} the value of property <code>filterType</code>
 * @public
 * @since 1.9.2
 * @name sap.ui.table.Column#getFilterType
 * @function
 */

/**
 * Setter for property <code>filterType</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {any} oFilterType  new value for property <code>filterType</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.2
 * @name sap.ui.table.Column#setFilterType
 * @function
 */


/**
 * Getter for property <code>name</code>.
 * The name of the column which is used in the column visibility menu item as text. If not set as fallback the column menu tries to get the text from the nested Label.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>name</code>
 * @public
 * @since 1.11.1
 * @name sap.ui.table.Column#getName
 * @function
 */

/**
 * Setter for property <code>name</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sName  new value for property <code>name</code>
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.1
 * @name sap.ui.table.Column#setName
 * @function
 */


/**
 * Getter for aggregation <code>label</code>.<br/>
 * Label (header renderer) of the column which is displayed in the column header.
 * 
 * @return {sap.ui.core.Control}
 * @public
 * @name sap.ui.table.Column#getLabel
 * @function
 */


/**
 * Setter for the aggregated <code>label</code>.
 * @param oLabel {sap.ui.core.Control}
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setLabel
 * @function
 */
	

/**
 * Destroys the label in the aggregation 
 * named <code>label</code>.
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#destroyLabel
 * @function
 */


/**
 * Getter for aggregation <code>template</code>.<br/>
 * Template (cell renderer) of this column. A template is decoupled from the column which means after changing the templates' properties or aggregations an explicit invalidation of the column or table is required. The default is: sap.ui.commons.TextView.
 * 
 * @return {sap.ui.core.Control}
 * @public
 * @name sap.ui.table.Column#getTemplate
 * @function
 */


/**
 * Setter for the aggregated <code>template</code>.
 * @param oTemplate {sap.ui.core.Control}
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setTemplate
 * @function
 */
	

/**
 * Destroys the template in the aggregation 
 * named <code>template</code>.
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#destroyTemplate
 * @function
 */


/**
 * Getter for aggregation <code>menu</code>.<br/>
 * The menu used by the column. By default the {@link sap.ui.table.ColumnMenu} is used.
 * 
 * @return {sap.ui.commons.Menu}
 * @public
 * @name sap.ui.table.Column#getMenu
 * @function
 */


/**
 * Setter for the aggregated <code>menu</code>.
 * @param oMenu {sap.ui.commons.Menu}
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#setMenu
 * @function
 */
	

/**
 * Destroys the menu in the aggregation 
 * named <code>menu</code>.
 * @return {sap.ui.table.Column} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Column#destroyMenu
 * @function
 */


/**
 * sorts the current column ascending or descending
 *
 * @name sap.ui.table.Column.prototype.sort
 * @function
 * @param {boolean} 
 *         bDescending
 *         sort order of the column (if undefined the default will be ascending)

 * @type sap.ui.table.Column
 * @public
 * @deprecated Since version 1.5.1. 
 * Please use the function "sap.ui.Table.prototype.sort".
 */


/**
 * toggles the sort order of the column
 *
 * @name sap.ui.table.Column.prototype.toggleSort
 * @function

 * @type sap.ui.table.Column
 * @public
 * @deprecated Since version 1.5.1. 
 * Please use the function "sap.ui.Table.prototype.sort".
 */


// Start of sap/ui/table/Column.js
jQuery.sap.require('sap.ui.core.RenderManager'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.model.Type'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.model.Filter'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.model.Sorter'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Image'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Label'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.TextField'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * called when the column is initialized
 */
sap.ui.table.Column.prototype.init = function() {

	this.oResBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.table");

};

/**
 * called when the column is destroyed
 */
sap.ui.table.Column.prototype.exit = function() {

	// destroy the sort image
	var oSortImage = sap.ui.getCore().byId(this.getId() + "-sortIcon");
	if (oSortImage) {
		oSortImage.destroy();
	}
	
	// destroy the filter image
	var oFilterImage = sap.ui.getCore().byId(this.getId() + "-filterIcon");
	if (oFilterImage) {
		oFilterImage.destroy();
	}
	
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.invalidate = function(oOrigin) {
	// prevent changes in the template (especially the databinding ones)
	//  - what about exchanging the template? => implemented in setTemplate
	//  - what about modifiying properties? => developer must call invalidate!
	// The problem is that we just need to prevent databinding changes. The
	// problem here is that the databinding bindings are created ones the template
	// is created and has its own model. If now changes are done in the model
	// this directly affects the template which invalidates the column invalidating
	// the complete Table.  
	/*
	 * PART1: When you create the Tooltip (deferred) then it establishes the
	 * connection to its data (also for the template of the column!) and this
	 * finally invalidates the Table which triggers the re-rendering. One
	 * option is to complete decouple the template from the Table by
	 * supressing the invalidate. But this finally also decouples the Table
	 * from any changes on the template after the template has been applied
	 * to the Column. But when re-rendering it would update the column cells.
	 * To notify the Table on proper changes one has to call the method
	 * invalidate on the Table.
	*/
	/* 
	 * PART2: we also suppress the re-rendering in case of the column menu is
	 * rerendered. This is a popup and we use the instance check because of the
	 * menu behind the getMenu function is lazy created when first accessed.
	 */
  if (oOrigin !== this.getTemplate() && !(oOrigin instanceof sap.ui.table.ColumnMenu)) {
  	// changes on the template require to call invalidate on the column or table
    sap.ui.core.Element.prototype.invalidate.apply(this, arguments);
  }
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setVisible = function(bVisible) {
	var oTable = this.getParent();
	var bExecuteDefault = true;
	if (oTable) {	
		// forward the event
		bExecuteDefault = oTable.fireColumnVisibility({
			column: this,
			newVisible: bVisible
		});
	}
	if (bExecuteDefault) {
		this.setProperty("visible", bVisible);
	}
	return this;
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setLabel = function(vLabel) {
	var oLabel = vLabel;
	if (typeof (vLabel) === "string") {
		oLabel = new sap.ui.commons.Label({
			text : vLabel
		});
	}
	this.setAggregation("label", oLabel);
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setTemplate = function(vTemplate) {
	var oTemplate = vTemplate;
	if (typeof (vTemplate) === "string") {
		oTemplate = new sap.ui.commons.TextView().bindText(vTemplate);
	}
	this.setAggregation("template", oTemplate);
	// manually invalidate the Column (because of the invalidate decoupling to 
	// prevent invalidations from the databinding part)
	this.invalidate();
	return this;
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.getMenu = function() {
	var oMenu = this.getAggregation("menu");
	if (!oMenu) {
		oMenu = this._createMenu();
		this.setMenu(oMenu);
	}
	return oMenu;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setMenu = function(oMenu) {
	this.setAggregation("menu", oMenu, true);
	return this;
};

/*
 * Factory method. Creates the column menu.
 * 
 * @return {sap.ui.table.ColumnMenu} The created column menu.
 */
sap.ui.table.Column.prototype._createMenu = function() {
	jQuery.sap.require("sap.ui.table.ColumnMenu");
	return new sap.ui.table.ColumnMenu(this.getId() + "-menu");
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
sap.ui.table.Column.prototype.setEditorTemplate = function(vTemplate) {
	var oTemplate = vTemplate;
	if (typeof (vTemplate) === "string") {
		oTemplate = new sap.ui.commons.TextField().bindValue(vTemplate);
	}
	this.setAggregation("editorTemplate", oTemplate);
	return this;
};
*/

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setWidth = function(sWidth) {
	this.setProperty("width", sWidth);
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setSorted = function(bFlag) {
	this.setProperty("sorted", bFlag, true);
	this._renderSortIcon();
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setSortOrder = function(tSortOrder) {
	this.setProperty("sortOrder", tSortOrder, true);
	this._renderSortIcon();
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setFiltered = function(bFlag) {
	this.setProperty("filtered", bFlag, true);
	this._renderFilterIcon();
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Column.prototype.setFilterValue = function(sValue) {
	this.setProperty("filterValue", sValue, true);
	if (this.getDomRef()) {
		this.getMenu()._setFilterValue(sValue);
	}
	return this;
};


/**
 * Function is called when mouse key is clicked down.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.table.Column.prototype.onmousedown = function(oEvent) {
	var oMenu = this.getAggregation("menu");
	this._bSkipOpen = oMenu && oMenu.bOpen;
};


/**
 * Function is called when mouse leaves the control.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.table.Column.prototype.onmouseout = function(oEvent) {
	if(this._bSkipOpen && jQuery.sap.checkMouseEnterOrLeave(oEvent, jQuery.sap.domById(this.getId()))){
		this._bSkipOpen = false;
	}
};


sap.ui.table.Column.prototype._openMenu = function() {
	if(this._bSkipOpen){
		this._bSkipOpen = false;
		return;
	}
	var oMenu = this.getMenu();
	var eDock = sap.ui.core.Popup.Dock;
	oMenu.open(false, this.getFocusDomRef(), eDock.BeginTop, eDock.BeginBottom, this.getDomRef(), "none none");
};

sap.ui.table.Column.prototype.toggleSort = function() {
	// by default we sort ascending / only if already is sorted ascending then we toggle
	this.sort(this.getSorted() && this.getSortOrder() === sap.ui.table.SortOrder.Ascending);
};

sap.ui.table.Column.prototype.sort = function(bDescending) {

	var oTable = this.getParent();
	if (oTable) {

		// get the sort order type
		var oNewSortOrder = bDescending ? sap.ui.table.SortOrder.Descending : sap.ui.table.SortOrder.Ascending;
	
		// notify the event listeners
		var bExecuteDefault = oTable.fireSort({
			column: this,
			sortOrder: oNewSortOrder
		});

		if (bExecuteDefault) {
		
			// reset the sorting status of all columns
			var aCols = oTable.getColumns();
			for (var i = 0, l = aCols.length; i < l; i++) {
				if (aCols[i] !== this) {
					aCols[i].setProperty("sorted", false, true);
					aCols[i].setProperty("sortOrder", sap.ui.table.SortOrder.Ascending, true);
					aCols[i]._renderSortIcon();
				}
			}
			
			// set the sorted flag and sort the model
			if (oTable.isBound("rows")) {
		
				// set the sort property of the current column
				this.setProperty("sorted", true, true);
				this.setProperty("sortOrder", oNewSortOrder, true);
			
				// sort the binding 
				var oSorter = new sap.ui.model.Sorter(this.getSortProperty(), this.getSortOrder() === sap.ui.table.SortOrder.Descending);
				oTable.getBinding("rows").sort(oSorter);
				
			}
			
			// update the sort icon
			this._renderSortIcon();
			
		}
		
	}
	
	return this;
	
};

sap.ui.table.Column.prototype._renderSortIcon = function() {

	var oTable = this.getParent();
	if (oTable && oTable.getDomRef()) {
		if (this.getSorted()) {
		
			// create the image for the sort order visualization
			var sCurrentTheme = sap.ui.getCore().getConfiguration().getTheme();
			var oImage = sap.ui.getCore().byId(this.getId() + "-sortIcon") || new sap.ui.commons.Image(this.getId() + "-sortIcon");
			oImage.addStyleClass("sapUiTableColIconsOrder");
			if (this.getSortOrder() === sap.ui.table.SortOrder.Ascending) {
				oImage.setSrc(sap.ui.resource("sap.ui.table", "themes/" + sCurrentTheme + "/img/ico12_sort_asc.gif"));
			} else {
				oImage.setSrc(sap.ui.resource("sap.ui.table", "themes/" + sCurrentTheme + "/img/ico12_sort_desc.gif"));
			}
			
			// apply the image and aria property to the column
			var oRenderManager = new sap.ui.core.RenderManager();
			var htmlImage = oRenderManager.getHTML(oImage);
			this.$().find(".sapUiTableColIconsOrder").remove();
			jQuery(htmlImage).prependTo(jQuery.sap.domById(this.getId() + "-icons"));
			this.$().attr("aria-sort", this.getSortOrder() === sap.ui.table.SortOrder.Ascending ? "ascending" : "descending");
			
			this.$().find(".sapUiTableColCell").addClass("sapUiTableColSorted");
			
		} else {
		
			// remove the sort indicators
			this.$().find(".sapUiTableColIconsOrder").remove();
			this.$().removeAttr("aria-sort");

			this.$().find(".sapUiTableColCell").removeClass("sapUiTableColSorted");
			
		}
	}

};

sap.ui.table.Column.prototype._getFilter = function() {

	var oFilter = undefined,
	    sPath = this.getFilterProperty(),
	    sValue = this.getFilterValue(),
	    sOperator = this.getFilterOperator(),
	    sParsedValue,
	    sType = this._sType || "string";

	if (sValue) {
	
		// determine the type of the filter property
		// (only once to avoid issue when the filter has no data to avoid the string as type)
		// TODO: add metadata to the model to do this in a better shape
		if (!this._sType) {
			var oTable = this.getParent(),
			    oBinding = oTable.getBinding("rows");
			if (oBinding && oBinding.getLength() > 0) {
				sType = typeof oBinding.getContexts(0, 1)[0].getProperty(sPath);
				this._sType = sType;
			}
		}
	
		// determine the operator 
		if (!sOperator) {
		
			// determine the filter operator depending on the
			if (sValue.indexOf("=") == 0) {
				sOperator = sap.ui.model.FilterOperator.EQ;
				sParsedValue = sValue.substr(1);
			} else if (sValue.indexOf("!=") == 0) {
				sOperator = sap.ui.model.FilterOperator.NE;
				sParsedValue = sValue.substr(2);
			} else if (sValue.indexOf("<=") == 0) {
				sOperator = sap.ui.model.FilterOperator.LE;
				sParsedValue = sValue.substr(2);
			} else if (sValue.indexOf("<") == 0) {
				sOperator = sap.ui.model.FilterOperator.LT;
				sParsedValue = sValue.substr(1);
			} else if (sValue.indexOf(">=") == 0) {
				sOperator = sap.ui.model.FilterOperator.GE;
				sParsedValue = sValue.substr(2);
			} else if (sValue.indexOf(">") == 0) {
				sOperator = sap.ui.model.FilterOperator.GT;
				sParsedValue = sValue.substr(1);
			} else if (sType === "string" && sValue.indexOf("*") == 0 && sValue.lastIndexOf("*") == sValue.length - 1) {
				sOperator = sap.ui.model.FilterOperator.Contains;
				sParsedValue = sValue.substr(1, sValue.length - 2);
			} else if (sType === "string" && sValue.indexOf("*") == 0) {
				sOperator = sap.ui.model.FilterOperator.EndsWith;
				sParsedValue = sValue.substr(1);
			} else if (sType === "string" && sValue.lastIndexOf("*") == sValue.length - 1) {
				sOperator = sap.ui.model.FilterOperator.StartsWith;
				sParsedValue = sValue.substr(0, sValue.length - 1);
			} else {
				if (sType === "string") {
					// Due to compatibility reason we need to use Contains for Strings instead of EQ as default!!
					sOperator = sap.ui.model.FilterOperator.Contains;
				} else {
					sOperator = sap.ui.model.FilterOperator.EQ;
				}
				sParsedValue = sValue.substr(0);
			}
			oFilter = new sap.ui.model.Filter(sPath, sOperator, this._parseFilterValue(sParsedValue))
		} else {
			oFilter = new sap.ui.model.Filter(sPath, sOperator, this._parseFilterValue(sValue))
		}

	}

	return oFilter;

};

sap.ui.table.Column.prototype.filter = function(sValue) {

	var oTable = this.getParent();
	if (oTable.isBound("rows")) {
	
		// notify the event listeners
		var bExecuteDefault = oTable.fireFilter({
			column: this,
			value: sValue
		});
		
		if (bExecuteDefault) {
		
			this.setProperty("filtered", !!sValue, true);
			this.setProperty("filterValue", sValue, true);
		
			var aFilters = [];
			var aCols = oTable.getColumns();
			for (var i = 0, l = aCols.length; i < l; i++) {
				var oFilter = aCols[i]._getFilter();
				if (oFilter) {
					aFilters.push(oFilter);
				}
			}
			oTable.getBinding("rows").filter(aFilters);
			
			this._renderFilterIcon();
			
		}
		
	}

	return this;
	
};

sap.ui.table.Column.prototype._parseFilterValue = function(sValue) {
	var oFilterType = this.getFilterType();

	if (oFilterType) {
		if (jQuery.isFunction(oFilterType)) {
			sValue = oFilterType(sValue);
		} else {
			try {
				sValue = oFilterType.parseValue(sValue, "string");
			} catch (e) {
				jQuery.sap.log.error(e.message);
			}
		}
	}

	return sValue;
}

sap.ui.table.Column.prototype._renderFilterIcon = function() {
	var oTable = this.getParent();
	if (oTable && oTable.getDomRef()) {
		var sCurrentTheme = sap.ui.getCore().getConfiguration().getTheme();
		var oImage = sap.ui.getCore().byId(this.getId() + "-filterIcon") || new sap.ui.commons.Image(this.getId() + "-filterIcon");
		jQuery.sap.byId(oImage.getId()).remove();
		oImage.addStyleClass("sapUiTableColIconsFilter");
		if (this.getFiltered()) {
			oImage.setSrc(sap.ui.resource("sap.ui.table", "themes/" + sCurrentTheme + "/img/ico12_filter.gif"));
			var oRenderManager = new sap.ui.core.RenderManager();
			var htmlImage = oRenderManager.getHTML(oImage);
			jQuery(htmlImage).prependTo(jQuery.sap.domById(this.getId() + "-icons"));
			this.$().find(".sapUiTableColCell").addClass("sapUiTableColFiltered");
		} else {
			this.$().find(".sapUiTableColCell").removeClass("sapUiTableColFiltered");
		}
	}
};

sap.ui.table.Column.prototype._restoreIcons = function() {

	if (this.getSorted()) {
		this._renderSortIcon();
	}

	if (this.getFiltered()) {
		this._renderFilterIcon();
	}

};

}; // end of sap.ui.table.Column
if ( !jQuery.sap.isDeclared('sap.ui.table.ColumnMenu') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.table.ColumnMenu.
jQuery.sap.declare("sap.ui.table.ColumnMenu");

jQuery.sap.require('sap.ui.commons.Menu'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ColumnMenu.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.Menu#constructor sap.ui.commons.Menu}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The column menu provides all common actions that can be performed on a column.
 * @extends sap.ui.commons.Menu
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.table.ColumnMenu
 */
sap.ui.commons.Menu.extend("sap.ui.table.ColumnMenu", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.table"
}});


/**
 * Creates a new subclass of class sap.ui.table.ColumnMenu with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.table.ColumnMenu.extend
 * @function
 */


// Start of sap/ui/table/ColumnMenu.js
jQuery.sap.require('sap.ui.core.RenderManager'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Menu'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.MenuItem'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.TextField'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * This file defines behavior for the control,
 */


/**
 * Initialization of the ColumnMenu control
 * @private
 */
sap.ui.table.ColumnMenu.prototype.init = function() {
	this.addStyleClass("sapUiTableColumnMenu");
	this.oResBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.table");
	this._bInvalidated = true;
	this._iPopupClosedTimeoutId = null;
	this._oColumn = null;
	this._oTable = null;
	this._attachPopupClosed();
};


/**
 * Termination of the ColumnMenu control
 * @private
 */
sap.ui.table.ColumnMenu.prototype.exit = function() {
	window.clearTimeout(this._iPopupClosedTimeoutId);
	this._detachEvents();
	this._oColumn = this._oTable = null;
};


/**
 * Event handler. Called when the theme is changed.
 * @private
 */
sap.ui.table.ColumnMenu.prototype.onThemeChanged = function() {
	this._invalidate();
};


/**
 * Overwrite of {@link sap.ui.commons.Menu#setParent} method.
 * @see {sap.ui.commons.Menu#setParent}
 * @private
 */
sap.ui.table.ColumnMenu.prototype.setParent = function(oParent) {
	this._detachEvents();
	this._invalidate();
	this._oColumn = oParent;
	if (oParent) {
		jQuery.sap.assert(oParent instanceof sap.ui.table.Column, "ColumnMenu.setParent: parent must be a subclass of sap.ui.table.Column");

		this._oTable = this._oColumn.getParent();
		if (this._oTable) {
			jQuery.sap.assert(this._oTable instanceof sap.ui.table.Table, "ColumnMenu.setParent: parent of parent must be subclass of sap.ui.table.Table");	
		}
	}
	this._attachEvents();
	return sap.ui.commons.Menu.prototype.setParent.apply(this, arguments);
};


/**
 * Attaches the required event handlers.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._attachEvents = function() {
	if (this._oTable) {
		this._oTable.attachColumnVisibility(this._invalidate, this);
		this._oTable.attachColumnMove(this._invalidate, this);
	}
};


/**
 * Detaches the required event handlers.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._detachEvents = function() {
	if (this._oTable) {
		this._oTable.detachColumnVisibility(this._invalidate, this);
		this._oTable.detachColumnMove(this._invalidate, this);
	}
};

/**
 * Invalidates the column menu control items. Forces recreation of the menu items when the menu is opened.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._invalidate = function() {
	this._bInvalidated = true;
};


/**
 * Special handling for IE < 9 when the popup is closed.
 * The associated column of the menu is focused when the menu is closed.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._attachPopupClosed = function() {
	// put the focus back into the column header after the 
	// popup is being closed.
	var that = this;

	if (!jQuery.support.touch) {
		this.getPopup().attachClosed(function(oEvent) {
			that._iPopupClosedTimeoutId = window.setTimeout(function() {
				if (that._oColumn) {
					that._oColumn.focus();
				}
			}, 0);
		});	
	}
};


/**
 * Overwrite of {@link sap.ui.commons.Menu#open} method.
 * @see {sap.ui.commons.Menu#open}
 * @private
 */
sap.ui.table.ColumnMenu.prototype.open = function() {
	if (this._bInvalidated) {
		this._bInvalidated = false;
		this.destroyItems();
		this._addMenuItems();
	}

	if (this.getItems().length > 0) {
		sap.ui.commons.Menu.prototype.open.apply(this, arguments);
	}
};


/**
 * Adds the menu items to the menu.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._addMenuItems = function() {
	if (this._oColumn) {
		this._addSortMenuItem(false);
		this._addSortMenuItem(true);
		this._addFilterMenuItem();
		this._addGroupMenuItem();
		this._addColumnVisibilityMenuItem();
	}
};


/**
 * Adds the sort menu item to the menu.
 * @param {boolean} bDesc the sort direction. <code>true</code> for descending.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._addSortMenuItem = function(bDesc) {
	var oColumn = this._oColumn;

	var sDir = bDesc ? "desc" : "asc";
	if (oColumn.getSortProperty()) {
		this.addItem(this._createMenuItem(
			sDir,
			"TBL_SORT_" + sDir.toUpperCase(),
			"ico12_sort_" + sDir + ".gif",
			function(oEvent) {
				oColumn.sort(bDesc);
			}
		));
	}
};


/**
 * Adds the filter menu item to the menu.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._addFilterMenuItem = function() {
	var oColumn = this._oColumn;

	if (oColumn.getFilterProperty()) {
		this.addItem(this._createMenuTextFieldItem(
			"filter",
			"TBL_FILTER",
			"ico12_filter.gif",
			oColumn.getFilterValue(),
			function(oEvent) {
				oColumn.filter(this.getValue());
			}
		));
	}
};


/**
 * Adds the group menu item to the menu.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._addGroupMenuItem = function() {
	var oColumn = this._oColumn;
	var oTable = this._oTable;
	if (oTable && oTable.getEnableGrouping() && oColumn.getSortProperty()) {
		this.addItem(this._createMenuItem(
			"group",
			"TBL_GROUP",
			null,
			jQuery.proxy(function(oEvent) {
				oTable.setGroupBy(oColumn);
			},this)
		));
	}
};


/**
 * Adds the column visibility menu item to the menu.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._addColumnVisibilityMenuItem = function() {
	var oTable = this._oTable;

	if (oTable && oTable.getShowColumnVisibilityMenu()) {
		var oColumnVisibiltyMenuItem = this._createMenuItem("column-visibilty", "TBL_COLUMNS");
		this.addItem(oColumnVisibiltyMenuItem);

		var oColumnVisibiltyMenu = new sap.ui.commons.Menu(oColumnVisibiltyMenuItem.getId() + "-menu");
		oColumnVisibiltyMenu.addStyleClass("sapUiTableColumnVisibilityMenu");
		oColumnVisibiltyMenuItem.setSubmenu(oColumnVisibiltyMenu);

		var aColumns = oTable.getColumns();
		for (var i = 0, l = aColumns.length; i < l; i++) {
			var oMenuItem = this._createColumnVisibilityMenuItem(oColumnVisibiltyMenu.getId() + "-item-" + i, aColumns[i]);
			oColumnVisibiltyMenu.addItem(oMenuItem);
		}
	}
};


/**
 * Factory method for the column visibility menu item.
 * @param {string} sId the id of the menu item.
 * @param {sap.ui.table.Column} oColumn the associated column to the menu item.
 * @return {sap.ui.commons.MenuItem} the created menu item.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._createColumnVisibilityMenuItem = function(sId, oColumn) {
	var sText = oColumn.getName() || (oColumn.getLabel() && oColumn.getLabel().getText ? oColumn.getLabel().getText() : null); 
	return new sap.ui.commons.MenuItem(sId, {
		text: sText,
		icon: oColumn.getVisible() ? this._getThemedIcon("ico_tick.png") : null,
		select: jQuery.proxy(function(oEvent) {
			var oMenuItem = oEvent.getSource();
			var bVisible = !oColumn.getVisible();
			if (bVisible || this._oTable._getVisibleColumnCount() > 1) {
				oColumn.setVisible(bVisible);
				oMenuItem.setIcon(bVisible ? this._getThemedIcon("ico_tick.png") : null);
			}
		}, this)
	});
};


/**
 * Factory method for a menu item.
 * @param {string} sId the id of the menu item.
 * @param {string} sTextI18nKey the i18n key that should be used for the menu item text.
 * @param {string} sIcon the icon name
 * @param {function} fHandler the handler function to call when the item gets selected.
 * @return {sap.ui.commons.MenuItem} the created menu item.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._createMenuItem = function(sId, sTextI18nKey, sIcon, fHandler) {
	return new sap.ui.commons.MenuItem(this.getId() + "-" + sId, {
		text: this.oResBundle.getText(sTextI18nKey),
		icon: sIcon ? this._getThemedIcon(sIcon) : null,
		select: fHandler || function() {}
	});
};


/**
 * Factory method for a menu text field item.
 * @param {string} sId the id of the menu item.
 * @param {string} sTextI18nKey the i18n key that should be used for the menu item text.
 * @param {string} sIcon the icon name
 * @param {string} sValue the default value of the text field
 * @param {function} fHandler the handler function to call when the item gets selected.
 * @return {sap.ui.commons.MenuTextFieldItem} the created menu text field item.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._createMenuTextFieldItem = function(sId, sTextI18nKey, sIcon, sValue, fHandler) {
	jQuery.sap.require("sap.ui.commons.MenuTextFieldItem");
	fHandler = fHandler || function() {};
	return new sap.ui.commons.MenuTextFieldItem(this.getId() + "-" + sId, {
		label: this.oResBundle.getText(sTextI18nKey),
		icon: sIcon ? this._getThemedIcon(sIcon) : null,
		value: sValue,
		select: fHandler || function() {}
	});
};


/**
 * Returns the path to the themed icon for a given icon.
 * @param {string} sIcon the icon name
 * @return {string} the path to the themed icon.
 * @private
 */
sap.ui.table.ColumnMenu.prototype._getThemedIcon = function(sIcon) {
	var sCurrentTheme = sap.ui.getCore().getConfiguration().getTheme();
	return sap.ui.resource("sap.ui.table", "themes/" + sCurrentTheme + "/img/" + sIcon);
};


/**
 * sets a new filter value into the filter field
 * @private
 */
sap.ui.table.ColumnMenu.prototype._setFilterValue = function(sValue) {
	var oFilterField = sap.ui.getCore().byId(this.getId() + "-filter");
	if (oFilterField) {
		oFilterField.setValue(sValue);
	}
	return this;
};


}; // end of sap.ui.table.ColumnMenu
if ( !jQuery.sap.isDeclared('sap.ui.table.DataTableRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides default renderer for control sap.ui.table.DataTable
jQuery.sap.declare("sap.ui.table.DataTableRenderer");
jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained



/**
 * @class DataTableRenderer
 * @static
 */
sap.ui.table.DataTableRenderer = sap.ui.core.Renderer.extend(sap.ui.table.TreeTableRenderer);

}; // end of sap.ui.table.DataTableRenderer
if ( !jQuery.sap.isDeclared('sap.ui.table.Row') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.table.Row.
jQuery.sap.declare("sap.ui.table.Row");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Row.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getCells cells} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The row.
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.table.Row
 */
sap.ui.core.Element.extend("sap.ui.table.Row", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getIndex"
	],

	// ---- control specific ----
	library : "sap.ui.table",
	defaultAggregation : "cells",
	aggregations : {
    	"cells" : {type : "sap.ui.core.Control", multiple : true, singularName : "cell"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.table.Row with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.table.Row.extend
 * @function
 */


/**
 * Getter for aggregation <code>cells</code>.<br/>
 * The controls for the cells.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.table.Row#getCells
 * @function
 */


/**
 * Inserts a cell into the aggregation named <code>cells</code>.
 *
 * @param {sap.ui.core.Control}
 *          oCell the cell to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the cell should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the cell is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the cell is inserted at 
 *             the last position        
 * @return {sap.ui.table.Row} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Row#insertCell
 * @function
 */

/**
 * Adds some cell <code>oCell</code> 
 * to the aggregation named <code>cells</code>.
 *
 * @param {sap.ui.core.Control}
 *            oCell the cell to add; if empty, nothing is inserted
 * @return {sap.ui.table.Row} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Row#addCell
 * @function
 */

/**
 * Removes an cell from the aggregation named <code>cells</code>.
 *
 * @param {int | string | sap.ui.core.Control} vCell the cell to remove or its index or id
 * @return {sap.ui.core.Control} the removed cell or null
 * @public
 * @name sap.ui.table.Row#removeCell
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>cells</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.table.Row#removeAllCells
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>cells</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oCell the cell whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.table.Row#indexOfCell
 * @function
 */
	

/**
 * Destroys all the cells in the aggregation 
 * named <code>cells</code>.
 * @return {sap.ui.table.Row} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Row#destroyCells
 * @function
 */


/**
 * Returns the index of the row in the table or -1 if not added to a table.
 *
 * @name sap.ui.table.Row.prototype.getIndex
 * @function

 * @type int
 * @public
 */


// Start of sap/ui/table/Row.js
sap.ui.table.Row.prototype.getIndex = function() {
	var oTable = this.getParent();
	if (oTable) {
		var iFirstRow = oTable.getFirstVisibleRow();
		var iRowIndex = oTable.indexOfRow(this);
		return iFirstRow + iRowIndex;
	}
	return -1;
};
}; // end of sap.ui.table.Row
if ( !jQuery.sap.isDeclared('sap.ui.table.Table') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.table.Table.
jQuery.sap.declare("sap.ui.table.Table");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Table.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: 'auto')</li>
 * <li>{@link #getRowHeight rowHeight} : int</li>
 * <li>{@link #getColumnHeaderHeight columnHeaderHeight} : int</li>
 * <li>{@link #getColumnHeaderVisible columnHeaderVisible} : boolean (default: true)</li>
 * <li>{@link #getVisibleRowCount visibleRowCount} : int (default: 10)</li>
 * <li>{@link #getFirstVisibleRow firstVisibleRow} : int (default: 0)</li>
 * <li>{@link #getSelectionMode selectionMode} : sap.ui.table.SelectionMode (default: sap.ui.table.SelectionMode.Multi)</li>
 * <li>{@link #getSelectionBehavior selectionBehavior} : sap.ui.table.SelectionBehavior (default: sap.ui.table.SelectionBehavior.RowSelector)</li>
 * <li>{@link #getSelectedIndex selectedIndex} : int (default: -1)</li>
 * <li>{@link #getAllowColumnReordering allowColumnReordering} : boolean (default: true)</li>
 * <li>{@link #getEditable editable} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getNavigationMode navigationMode} : sap.ui.table.NavigationMode (default: sap.ui.table.NavigationMode.Scrollbar)</li>
 * <li>{@link #getThreshold threshold} : int (default: 100)</li>
 * <li>{@link #getEnableColumnReordering enableColumnReordering} : boolean (default: true)</li>
 * <li>{@link #getEnableGrouping enableGrouping} : boolean (default: false)</li>
 * <li>{@link #getShowColumnVisibilityMenu showColumnVisibilityMenu} : boolean (default: false)</li>
 * <li>{@link #getShowNoData showNoData} : boolean (default: true)</li>
 * <li>{@link #getVisibleRowCountMode visibleRowCountMode} : sap.ui.table.VisibleRowCountMode (default: sap.ui.table.VisibleRowCountMode.Fixed)</li>
 * <li>{@link #getFixedColumnCount fixedColumnCount} : int (default: 0)</li>
 * <li>{@link #getFixedRowCount fixedRowCount} : int (default: 0)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getTitle title} : sap.ui.core.Control|string</li>
 * <li>{@link #getFooter footer} : sap.ui.core.Control|string</li>
 * <li>{@link #getToolbar toolbar} : sap.ui.commons.Toolbar</li>
 * <li>{@link #getExtension extension} : sap.ui.core.Control[]</li>
 * <li>{@link #getColumns columns} : sap.ui.table.Column[]</li>
 * <li>{@link #getRows rows} : sap.ui.table.Row[]</li>
 * <li>{@link #getNoData noData} : sap.ui.core.Control</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getGroupBy groupBy} : string | sap.ui.table.Column</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.table.Table#event:rowSelectionChange rowSelectionChange} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.table.Table#event:columnSelect columnSelect} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.table.Table#event:columnResize columnResize} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.table.Table#event:columnMove columnMove} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.table.Table#event:sort sort} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.table.Table#event:filter filter} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.table.Table#event:group group} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.table.Table#event:columnVisibility columnVisibility} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The Table control provides a set of sophisticated and comfort functions for table design. For example, you can make settings for the number of visible rows. The first visible row can be explicitly set. For the selection of rows, a Multi, a Single, and a None mode are available.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.table.Table
 */
sap.ui.core.Control.extend("sap.ui.table.Table", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getSelectedIndices", "addSelectionInterval", "setSelectionInterval", "removeSelectionInterval", "isIndexSelected", "clearSelection", "selectAll", "getContextByIndex", "sort", "filter"
	],

	// ---- control specific ----
	library : "sap.ui.table",
	properties : {
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : 'auto'},
		"rowHeight" : {type : "int", group : "Appearance", defaultValue : null},
		"columnHeaderHeight" : {type : "int", group : "Appearance", defaultValue : null},
		"columnHeaderVisible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"visibleRowCount" : {type : "int", group : "Appearance", defaultValue : 10},
		"firstVisibleRow" : {type : "int", group : "Appearance", defaultValue : 0},
		"selectionMode" : {type : "sap.ui.table.SelectionMode", group : "Behavior", defaultValue : sap.ui.table.SelectionMode.Multi},
		"selectionBehavior" : {type : "sap.ui.table.SelectionBehavior", group : "Behavior", defaultValue : sap.ui.table.SelectionBehavior.RowSelector},
		"selectedIndex" : {type : "int", group : "Appearance", defaultValue : -1},
		"allowColumnReordering" : {type : "boolean", group : "Behavior", defaultValue : true, deprecated: true},
		"editable" : {type : "boolean", group : "Behavior", defaultValue : true},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"navigationMode" : {type : "sap.ui.table.NavigationMode", group : "Behavior", defaultValue : sap.ui.table.NavigationMode.Scrollbar},
		"threshold" : {type : "int", group : "", defaultValue : 100},
		"enableColumnReordering" : {type : "boolean", group : "Behavior", defaultValue : true},
		"enableGrouping" : {type : "boolean", group : "Behavior", defaultValue : false},
		"showColumnVisibilityMenu" : {type : "boolean", group : "Misc", defaultValue : false},
		"showNoData" : {type : "boolean", group : "Misc", defaultValue : true},
		"visibleRowCountMode" : {type : "sap.ui.table.VisibleRowCountMode", group : "Appearance", defaultValue : sap.ui.table.VisibleRowCountMode.Fixed},
		"fixedColumnCount" : {type : "int", group : "Appearance", defaultValue : 0},
		"fixedRowCount" : {type : "int", group : "Appearance", defaultValue : 0}
	},
	defaultAggregation : "columns",
	aggregations : {
    	"title" : {type : "sap.ui.core.Control", altTypes : ["string"], multiple : false}, 
    	"footer" : {type : "sap.ui.core.Control", altTypes : ["string"], multiple : false}, 
    	"toolbar" : {type : "sap.ui.commons.Toolbar", multiple : false}, 
    	"extension" : {type : "sap.ui.core.Control", multiple : true, singularName : "extension"}, 
    	"columns" : {type : "sap.ui.table.Column", multiple : true, singularName : "column", bindable : "bindable"}, 
    	"rows" : {type : "sap.ui.table.Row", multiple : true, singularName : "row", bindable : "bindable"}, 
    	"noData" : {type : "sap.ui.core.Control", multiple : false}
	},
	associations : {
		"groupBy" : {type : "sap.ui.table.Column", multiple : false}
	},
	events : {
		"rowSelectionChange" : {}, 
		"columnSelect" : {allowPreventDefault : true}, 
		"columnResize" : {allowPreventDefault : true}, 
		"columnMove" : {allowPreventDefault : true}, 
		"sort" : {allowPreventDefault : true}, 
		"filter" : {allowPreventDefault : true}, 
		"group" : {allowPreventDefault : true}, 
		"columnVisibility" : {allowPreventDefault : true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.table.Table with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.table.Table.extend
 * @function
 */

sap.ui.table.Table.M_EVENTS = {'rowSelectionChange':'rowSelectionChange','columnSelect':'columnSelect','columnResize':'columnResize','columnMove':'columnMove','sort':'sort','filter':'filter','group':'group','columnVisibility':'columnVisibility'};


/**
 * Getter for property <code>width</code>.
 * Width of the Table.
 *
 * Default value is <code>auto</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.table.Table#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>auto</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setWidth
 * @function
 */


/**
 * Getter for property <code>rowHeight</code>.
 * Height of a row of the Table in pixel.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>rowHeight</code>
 * @public
 * @name sap.ui.table.Table#getRowHeight
 * @function
 */

/**
 * Setter for property <code>rowHeight</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iRowHeight  new value for property <code>rowHeight</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setRowHeight
 * @function
 */


/**
 * Getter for property <code>columnHeaderHeight</code>.
 * Height of the column header of the Table in pixel.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>columnHeaderHeight</code>
 * @public
 * @name sap.ui.table.Table#getColumnHeaderHeight
 * @function
 */

/**
 * Setter for property <code>columnHeaderHeight</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iColumnHeaderHeight  new value for property <code>columnHeaderHeight</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setColumnHeaderHeight
 * @function
 */


/**
 * Getter for property <code>columnHeaderVisible</code>.
 * Flag whether the column header is visible or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>columnHeaderVisible</code>
 * @public
 * @name sap.ui.table.Table#getColumnHeaderVisible
 * @function
 */

/**
 * Setter for property <code>columnHeaderVisible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bColumnHeaderVisible  new value for property <code>columnHeaderVisible</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setColumnHeaderVisible
 * @function
 */


/**
 * Getter for property <code>visibleRowCount</code>.
 * Count of visible rows (will overwrite the height property).
 *
 * Default value is <code>10</code>
 *
 * @return {int} the value of property <code>visibleRowCount</code>
 * @public
 * @name sap.ui.table.Table#getVisibleRowCount
 * @function
 */

/**
 * Setter for property <code>visibleRowCount</code>.
 *
 * Default value is <code>10</code> 
 *
 * @param {int} iVisibleRowCount  new value for property <code>visibleRowCount</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setVisibleRowCount
 * @function
 */


/**
 * Getter for property <code>firstVisibleRow</code>.
 * First visible row.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>firstVisibleRow</code>
 * @public
 * @name sap.ui.table.Table#getFirstVisibleRow
 * @function
 */

/**
 * Setter for property <code>firstVisibleRow</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iFirstVisibleRow  new value for property <code>firstVisibleRow</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setFirstVisibleRow
 * @function
 */


/**
 * Getter for property <code>selectionMode</code>.
 * Selection mode of the Table.
 *
 * Default value is <code>Multi</code>
 *
 * @return {sap.ui.table.SelectionMode} the value of property <code>selectionMode</code>
 * @public
 * @name sap.ui.table.Table#getSelectionMode
 * @function
 */

/**
 * Setter for property <code>selectionMode</code>.
 *
 * Default value is <code>Multi</code> 
 *
 * @param {sap.ui.table.SelectionMode} oSelectionMode  new value for property <code>selectionMode</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setSelectionMode
 * @function
 */


/**
 * Getter for property <code>selectionBehavior</code>.
 * Selection behavior of the Table.
 *
 * Default value is <code>RowSelector</code>
 *
 * @return {sap.ui.table.SelectionBehavior} the value of property <code>selectionBehavior</code>
 * @public
 * @name sap.ui.table.Table#getSelectionBehavior
 * @function
 */

/**
 * Setter for property <code>selectionBehavior</code>.
 *
 * Default value is <code>RowSelector</code> 
 *
 * @param {sap.ui.table.SelectionBehavior} oSelectionBehavior  new value for property <code>selectionBehavior</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setSelectionBehavior
 * @function
 */


/**
 * Getter for property <code>selectedIndex</code>.
 * Zero-based index of selected item. Index value for no selection is -1. When multi-selection is enabled and multiple items are selected, the method returns the lead selected item. Sets the zero-based index of the currently selected item. This method removes any previous selections. When the given index is invalid, the call is ignored.
 *
 * Default value is <code>-1</code>
 *
 * @return {int} the value of property <code>selectedIndex</code>
 * @public
 * @name sap.ui.table.Table#getSelectedIndex
 * @function
 */

/**
 * Setter for property <code>selectedIndex</code>.
 *
 * Default value is <code>-1</code> 
 *
 * @param {int} iSelectedIndex  new value for property <code>selectedIndex</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setSelectedIndex
 * @function
 */


/**
 * Getter for property <code>allowColumnReordering</code>.
 * Flag to enable or disable column reordering
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>allowColumnReordering</code>
 * @public
 * @deprecated Since version 1.5.2. 
 * Use the property enableColumnReordering instead.
 * @name sap.ui.table.Table#getAllowColumnReordering
 * @function
 */

/**
 * Setter for property <code>allowColumnReordering</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bAllowColumnReordering  new value for property <code>allowColumnReordering</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 1.5.2. 
 * Use the property enableColumnReordering instead.
 * @name sap.ui.table.Table#setAllowColumnReordering
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * Flag whether the controls of the Table are editable or not (currently this only controls the background color!)
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.table.Table#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setEditable
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.table.Table#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setVisible
 * @function
 */


/**
 * Getter for property <code>navigationMode</code>.
 * Flag whether to use the scroll mode or paging mode.
 *
 * Default value is <code>Scrollbar</code>
 *
 * @return {sap.ui.table.NavigationMode} the value of property <code>navigationMode</code>
 * @public
 * @name sap.ui.table.Table#getNavigationMode
 * @function
 */

/**
 * Setter for property <code>navigationMode</code>.
 *
 * Default value is <code>Scrollbar</code> 
 *
 * @param {sap.ui.table.NavigationMode} oNavigationMode  new value for property <code>navigationMode</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setNavigationMode
 * @function
 */


/**
 * Getter for property <code>threshold</code>.
 * Threshold to fetch the next chunk of data. The minimal threshold can be the visible row count of the DataTable. (**experimental**!!)
 *
 * Default value is <code>100</code>
 *
 * @return {int} the value of property <code>threshold</code>
 * @public
 * @name sap.ui.table.Table#getThreshold
 * @function
 */

/**
 * Setter for property <code>threshold</code>.
 *
 * Default value is <code>100</code> 
 *
 * @param {int} iThreshold  new value for property <code>threshold</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setThreshold
 * @function
 */


/**
 * Getter for property <code>enableColumnReordering</code>.
 * Flag to enable or disable column reordering
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableColumnReordering</code>
 * @public
 * @name sap.ui.table.Table#getEnableColumnReordering
 * @function
 */

/**
 * Setter for property <code>enableColumnReordering</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableColumnReordering  new value for property <code>enableColumnReordering</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setEnableColumnReordering
 * @function
 */


/**
 * Getter for property <code>enableGrouping</code>.
 * Flag to enable or disable column grouping. (experimental)
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>enableGrouping</code>
 * @public
 * @name sap.ui.table.Table#getEnableGrouping
 * @function
 */

/**
 * Setter for property <code>enableGrouping</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bEnableGrouping  new value for property <code>enableGrouping</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setEnableGrouping
 * @function
 */


/**
 * Getter for property <code>showColumnVisibilityMenu</code>.
 * Flag to show or hide the column visibility menu.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>showColumnVisibilityMenu</code>
 * @public
 * @name sap.ui.table.Table#getShowColumnVisibilityMenu
 * @function
 */

/**
 * Setter for property <code>showColumnVisibilityMenu</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bShowColumnVisibilityMenu  new value for property <code>showColumnVisibilityMenu</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setShowColumnVisibilityMenu
 * @function
 */


/**
 * Getter for property <code>showNoData</code>.
 * Flag whether to show the no data overlay or not once the table is empty.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showNoData</code>
 * @public
 * @name sap.ui.table.Table#getShowNoData
 * @function
 */

/**
 * Setter for property <code>showNoData</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowNoData  new value for property <code>showNoData</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setShowNoData
 * @function
 */


/**
 * Getter for property <code>visibleRowCountMode</code>.
 * This defines how the table handles the visible rows in the table. The default behavior is, that a fixed row count is defined. If you change it to auto the visibleRowCount property is changed by the table automatically. In manual mode the user can change the visibleRowCount interactively
 *
 * Default value is <code>Fixed</code>
 *
 * @return {sap.ui.table.VisibleRowCountMode} the value of property <code>visibleRowCountMode</code>
 * @public
 * @since 1.9.2
 * @name sap.ui.table.Table#getVisibleRowCountMode
 * @function
 */

/**
 * Setter for property <code>visibleRowCountMode</code>.
 *
 * Default value is <code>Fixed</code> 
 *
 * @param {sap.ui.table.VisibleRowCountMode} oVisibleRowCountMode  new value for property <code>visibleRowCountMode</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.2
 * @name sap.ui.table.Table#setVisibleRowCountMode
 * @function
 */


/**
 * Getter for property <code>fixedColumnCount</code>.
 * Number of columns that are fix on the left. When you use a horizontal scroll bar, only the columns which are not fixed, will scroll. Fixed columns need a defined width for the feature to work.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>fixedColumnCount</code>
 * @public
 * @name sap.ui.table.Table#getFixedColumnCount
 * @function
 */

/**
 * Setter for property <code>fixedColumnCount</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iFixedColumnCount  new value for property <code>fixedColumnCount</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setFixedColumnCount
 * @function
 */


/**
 * Getter for property <code>fixedRowCount</code>.
 * Number of rows that are fix on the top. When you use a vertical scroll bar, only the rows which are not fixed, will scroll.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>fixedRowCount</code>
 * @public
 * @name sap.ui.table.Table#getFixedRowCount
 * @function
 */

/**
 * Setter for property <code>fixedRowCount</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iFixedRowCount  new value for property <code>fixedRowCount</code>
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setFixedRowCount
 * @function
 */


/**
 * Getter for aggregation <code>title</code>.<br/>
 * Control or text of title section of the Table (if not set it will be hidden)
 * 
 * @return {sap.ui.core.Control|string}
 * @public
 * @name sap.ui.table.Table#getTitle
 * @function
 */


/**
 * Setter for the aggregated <code>title</code>.
 * @param oTitle {sap.ui.core.Control|string}
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setTitle
 * @function
 */
	

/**
 * Destroys the title in the aggregation 
 * named <code>title</code>.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#destroyTitle
 * @function
 */


/**
 * Getter for aggregation <code>footer</code>.<br/>
 * Control or text of footer section of the Table (if not set it will be hidden)
 * 
 * @return {sap.ui.core.Control|string}
 * @public
 * @name sap.ui.table.Table#getFooter
 * @function
 */


/**
 * Setter for the aggregated <code>footer</code>.
 * @param oFooter {sap.ui.core.Control|string}
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setFooter
 * @function
 */
	

/**
 * Destroys the footer in the aggregation 
 * named <code>footer</code>.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#destroyFooter
 * @function
 */


/**
 * Getter for aggregation <code>toolbar</code>.<br/>
 * Toolbar of the Table (if not set it will be hidden)
 * 
 * @return {sap.ui.commons.Toolbar}
 * @public
 * @name sap.ui.table.Table#getToolbar
 * @function
 */


/**
 * Setter for the aggregated <code>toolbar</code>.
 * @param oToolbar {sap.ui.commons.Toolbar}
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setToolbar
 * @function
 */
	

/**
 * Destroys the toolbar in the aggregation 
 * named <code>toolbar</code>.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#destroyToolbar
 * @function
 */


/**
 * Getter for aggregation <code>extension</code>.<br/>
 * Extension section of the Table (if not set it will be hidden)
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.table.Table#getExtension
 * @function
 */


/**
 * Inserts a extension into the aggregation named <code>extension</code>.
 *
 * @param {sap.ui.core.Control}
 *          oExtension the extension to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the extension should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the extension is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the extension is inserted at 
 *             the last position        
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#insertExtension
 * @function
 */

/**
 * Adds some extension <code>oExtension</code> 
 * to the aggregation named <code>extension</code>.
 *
 * @param {sap.ui.core.Control}
 *            oExtension the extension to add; if empty, nothing is inserted
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#addExtension
 * @function
 */

/**
 * Removes an extension from the aggregation named <code>extension</code>.
 *
 * @param {int | string | sap.ui.core.Control} vExtension the extension to remove or its index or id
 * @return {sap.ui.core.Control} the removed extension or null
 * @public
 * @name sap.ui.table.Table#removeExtension
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>extension</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.table.Table#removeAllExtension
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>extension</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oExtension the extension whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.table.Table#indexOfExtension
 * @function
 */
	

/**
 * Destroys all the extension in the aggregation 
 * named <code>extension</code>.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#destroyExtension
 * @function
 */


/**
 * Getter for aggregation <code>columns</code>.<br/>
 * Columns of the Table
 * 
 * @return {sap.ui.table.Column[]}
 * @public
 * @name sap.ui.table.Table#getColumns
 * @function
 */


/**
 * Inserts a column into the aggregation named <code>columns</code>.
 *
 * @param {sap.ui.table.Column}
 *          oColumn the column to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the column should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the column is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the column is inserted at 
 *             the last position        
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#insertColumn
 * @function
 */

/**
 * Adds some column <code>oColumn</code> 
 * to the aggregation named <code>columns</code>.
 *
 * @param {sap.ui.table.Column}
 *            oColumn the column to add; if empty, nothing is inserted
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#addColumn
 * @function
 */

/**
 * Removes an column from the aggregation named <code>columns</code>.
 *
 * @param {int | string | sap.ui.table.Column} vColumn the column to remove or its index or id
 * @return {sap.ui.table.Column} the removed column or null
 * @public
 * @name sap.ui.table.Table#removeColumn
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>columns</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.table.Column[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.table.Table#removeAllColumns
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.table.Column</code> in the aggregation named <code>columns</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.table.Column}
 *            oColumn the column whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.table.Table#indexOfColumn
 * @function
 */
	

/**
 * Destroys all the columns in the aggregation 
 * named <code>columns</code>.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#destroyColumns
 * @function
 */


/**
 * Binder for aggregation <code>columns</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#bindColumns
 * @function
 */

/**
 * Unbinder for aggregation <code>columns</code>.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#unbindColumns
 * @function
 */


/**
 * Getter for aggregation <code>rows</code>.<br/>
 * Rows of the Table
 * 
 * @return {sap.ui.table.Row[]}
 * @public
 * @name sap.ui.table.Table#getRows
 * @function
 */


/**
 * Inserts a row into the aggregation named <code>rows</code>.
 *
 * @param {sap.ui.table.Row}
 *          oRow the row to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the row should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the row is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the row is inserted at 
 *             the last position        
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#insertRow
 * @function
 */

/**
 * Adds some row <code>oRow</code> 
 * to the aggregation named <code>rows</code>.
 *
 * @param {sap.ui.table.Row}
 *            oRow the row to add; if empty, nothing is inserted
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#addRow
 * @function
 */

/**
 * Removes an row from the aggregation named <code>rows</code>.
 *
 * @param {int | string | sap.ui.table.Row} vRow the row to remove or its index or id
 * @return {sap.ui.table.Row} the removed row or null
 * @public
 * @name sap.ui.table.Table#removeRow
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>rows</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.table.Row[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.table.Table#removeAllRows
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.table.Row</code> in the aggregation named <code>rows</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.table.Row}
 *            oRow the row whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.table.Table#indexOfRow
 * @function
 */
	

/**
 * Destroys all the rows in the aggregation 
 * named <code>rows</code>.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#destroyRows
 * @function
 */


/**
 * Binder for aggregation <code>rows</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#bindRows
 * @function
 */

/**
 * Unbinder for aggregation <code>rows</code>.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#unbindRows
 * @function
 */


/**
 * Getter for aggregation <code>noData</code>.<br/>
 * This control is shown, in case there is no data available to be displayed in the Table.
 * 
 * @return {sap.ui.core.Control}
 * @public
 * @name sap.ui.table.Table#getNoData
 * @function
 */


/**
 * Setter for the aggregated <code>noData</code>.
 * @param oNoData {sap.ui.core.Control}
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setNoData
 * @function
 */
	

/**
 * Destroys the noData in the aggregation 
 * named <code>noData</code>.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#destroyNoData
 * @function
 */


/**
 * Group By Column (experimental)
 *
 * @return {string} Id of the element which is the current target of the <code>groupBy</code> association, or null
 * @public
 * @name sap.ui.table.Table#getGroupBy
 * @function
 */

/**
 * Group By Column (experimental)
 *
 * @param {string | sap.ui.table.Column} vGroupBy 
 *    Id of an element which becomes the new target of this <code>groupBy</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#setGroupBy
 * @function
 */


	
/**
 * fired when the row selection of the table has been changed (the event parameters can be used to determine selection changes - to find out the selected rows you should better use the table selection API) 
 *
 * @name sap.ui.table.Table#rowSelectionChange
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.rowIndex row index which has been clicked so that the selection has been changed (either selected or deselected)
 * @param {object} oControlEvent.getParameters.rowContext binding context of the row which has been clicked so that selection has been changed
 * @param {int[]} oControlEvent.getParameters.rowIndices array of row indices which selection has been changed (either selected or deselected)
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'rowSelectionChange' event of this <code>sap.ui.table.Table</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.Table</code>.<br/> itself. 
 *  
 * fired when the row selection of the table has been changed (the event parameters can be used to determine selection changes - to find out the selected rows you should better use the table selection API) 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.Table</code>.<br/> itself.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#attachRowSelectionChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'rowSelectionChange' event of this <code>sap.ui.table.Table</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#detachRowSelectionChange
 * @function
 */

/**
 * Fire event rowSelectionChange to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'rowIndex' of type <code>int</code> row index which has been clicked so that the selection has been changed (either selected or deselected)</li>
 * <li>'rowContext' of type <code>object</code> binding context of the row which has been clicked so that selection has been changed</li>
 * <li>'rowIndices' of type <code>int[]</code> array of row indices which selection has been changed (either selected or deselected)</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.table.Table#fireRowSelectionChange
 * @function
 */


/**
 * fired when a column of the table has been selected 
 *
 * @name sap.ui.table.Table#columnSelect
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.table.Column} oControlEvent.getParameters.column reference to the selected column
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'columnSelect' event of this <code>sap.ui.table.Table</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.Table</code>.<br/> itself. 
 *  
 * fired when a column of the table has been selected 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.Table</code>.<br/> itself.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#attachColumnSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'columnSelect' event of this <code>sap.ui.table.Table</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#detachColumnSelect
 * @function
 */

/**
 * Fire event columnSelect to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'column' of type <code>sap.ui.table.Column</code> reference to the selected column</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.table.Table#fireColumnSelect
 * @function
 */


/**
 * fired when a table column is resized. 
 *
 * @name sap.ui.table.Table#columnResize
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.table.Column} oControlEvent.getParameters.column resized column.
 * @param {int} oControlEvent.getParameters.width new width of the table in pixel.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'columnResize' event of this <code>sap.ui.table.Table</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.Table</code>.<br/> itself. 
 *  
 * fired when a table column is resized. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.Table</code>.<br/> itself.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#attachColumnResize
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'columnResize' event of this <code>sap.ui.table.Table</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#detachColumnResize
 * @function
 */

/**
 * Fire event columnResize to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'column' of type <code>sap.ui.table.Column</code> resized column.</li>
 * <li>'width' of type <code>int</code> new width of the table in pixel.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.table.Table#fireColumnResize
 * @function
 */


/**
 * fired when a table column is moved. 
 *
 * @name sap.ui.table.Table#columnMove
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.table.Column} oControlEvent.getParameters.column moved column.
 * @param {int} oControlEvent.getParameters.newPos new position of the column.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'columnMove' event of this <code>sap.ui.table.Table</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.Table</code>.<br/> itself. 
 *  
 * fired when a table column is moved. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.Table</code>.<br/> itself.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#attachColumnMove
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'columnMove' event of this <code>sap.ui.table.Table</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#detachColumnMove
 * @function
 */

/**
 * Fire event columnMove to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'column' of type <code>sap.ui.table.Column</code> moved column.</li>
 * <li>'newPos' of type <code>int</code> new position of the column.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.table.Table#fireColumnMove
 * @function
 */


/**
 * fired when the table is sorted. 
 *
 * @name sap.ui.table.Table#sort
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.table.Column} oControlEvent.getParameters.column sorted column.
 * @param {sap.ui.table.SortOrder} oControlEvent.getParameters.sortOrder Sort Order
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'sort' event of this <code>sap.ui.table.Table</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.Table</code>.<br/> itself. 
 *  
 * fired when the table is sorted. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.Table</code>.<br/> itself.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#attachSort
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'sort' event of this <code>sap.ui.table.Table</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#detachSort
 * @function
 */

/**
 * Fire event sort to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'column' of type <code>sap.ui.table.Column</code> sorted column.</li>
 * <li>'sortOrder' of type <code>sap.ui.table.SortOrder</code> Sort Order</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.table.Table#fireSort
 * @function
 */


/**
 * fired when the table is filtered. 
 *
 * @name sap.ui.table.Table#filter
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.table.Column} oControlEvent.getParameters.column filtered column.
 * @param {string} oControlEvent.getParameters.value filter value.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'filter' event of this <code>sap.ui.table.Table</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.Table</code>.<br/> itself. 
 *  
 * fired when the table is filtered. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.Table</code>.<br/> itself.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#attachFilter
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'filter' event of this <code>sap.ui.table.Table</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#detachFilter
 * @function
 */

/**
 * Fire event filter to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'column' of type <code>sap.ui.table.Column</code> filtered column.</li>
 * <li>'value' of type <code>string</code> filter value.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.table.Table#fireFilter
 * @function
 */


/**
 * fired when the table is grouped. 
 *
 * @name sap.ui.table.Table#group
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.table.Column} oControlEvent.getParameters.column grouped column.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'group' event of this <code>sap.ui.table.Table</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.Table</code>.<br/> itself. 
 *  
 * fired when the table is grouped. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.Table</code>.<br/> itself.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#attachGroup
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'group' event of this <code>sap.ui.table.Table</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#detachGroup
 * @function
 */

/**
 * Fire event group to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'column' of type <code>sap.ui.table.Column</code> grouped column.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.table.Table#fireGroup
 * @function
 */


/**
 * fired when the visibility of a table column is changed. 
 *
 * @name sap.ui.table.Table#columnVisibility
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.table.Column} oControlEvent.getParameters.column affected column.
 * @param {boolean} oControlEvent.getParameters.visible new value of the visible property.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'columnVisibility' event of this <code>sap.ui.table.Table</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.Table</code>.<br/> itself. 
 *  
 * fired when the visibility of a table column is changed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.Table</code>.<br/> itself.
 *
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#attachColumnVisibility
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'columnVisibility' event of this <code>sap.ui.table.Table</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.Table} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.Table#detachColumnVisibility
 * @function
 */

/**
 * Fire event columnVisibility to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'column' of type <code>sap.ui.table.Column</code> affected column.</li>
 * <li>'visible' of type <code>boolean</code> new value of the visible property.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.table.Table#fireColumnVisibility
 * @function
 */


/**
 * Zero-based indices of selected items, wrapped in an array. An empty array means "no selection".
 *
 * @name sap.ui.table.Table.prototype.getSelectedIndices
 * @function

 * @type int[]
 * @public
 */


/**
 * Adds the given selection interval to the selection. In case of single selection the "indexTo" value will be used for as selected index.
 *
 * @name sap.ui.table.Table.prototype.addSelectionInterval
 * @function
 * @param {int} 
 *         iIndexFrom
 *         Index from which .
 * @param {int} 
 *         iIndexTo
 *         Indices of the items that shall additionally be selected.

 * @type sap.ui.table.Table
 * @public
 */


/**
 * Sets the given selection interval as selection. In case of single selection the "indexTo" value will be used for as selected index.
 *
 * @name sap.ui.table.Table.prototype.setSelectionInterval
 * @function
 * @param {int} 
 *         iIndexFrom
 *         Index from which .
 * @param {int} 
 *         iIndexTo
 *         Indices of the items that shall additionally be selected.

 * @type sap.ui.table.Table
 * @public
 */


/**
 * Removes the given selection interval from the selection. In case of single selection this call removeSelectedIndex with the "indexTo" value.
 *
 * @name sap.ui.table.Table.prototype.removeSelectionInterval
 * @function
 * @param {int} 
 *         iIndexFrom
 *         Index from which .
 * @param {int} 
 *         iIndexTo
 *         Indices of the items that shall additionally be selected.

 * @type sap.ui.table.Table
 * @public
 */


/**
 * Returns whether the given index is selected.
 *
 * @name sap.ui.table.Table.prototype.isIndexSelected
 * @function
 * @param {int} 
 *         iIndex
 *         Index which is checked for selection state.

 * @type boolean
 * @public
 */


/**
 * Removes complete selection.
 *
 * @name sap.ui.table.Table.prototype.clearSelection
 * @function

 * @type sap.ui.table.Table
 * @public
 */


/**
 * Add all rows to the selection.
 *
 * @name sap.ui.table.Table.prototype.selectAll
 * @function

 * @type sap.ui.table.Table
 * @public
 */


/**
 * Returns the context of a row by its index.
 *
 * @name sap.ui.table.Table.prototype.getContextByIndex
 * @function
 * @param {int} 
 *         iIndex
 *         Index of the row to return the context from.

 * @type object
 * @public
 */


/**
 * sorts the given column ascending or descending
 *
 * @name sap.ui.table.Table.prototype.sort
 * @function
 * @param {sap.ui.table.Column} 
 *         oColumn
 *         column to be sorted
 * @param {sap.ui.table.SortOrder} 
 *         oSortOrder
 *         sort order of the column (if undefined the default will be ascending)

 * @type sap.ui.table.Table
 * @public
 */


/**
 * filter the given column by the given value
 *
 * @name sap.ui.table.Table.prototype.filter
 * @function
 * @param {sap.ui.table.Column} 
 *         oColumn
 *         column to be filtered
 * @param {string} 
 *         sValue
 *         filter value as string (will be converted)

 * @type sap.ui.table.Table
 * @public
 */


// Start of sap/ui/table/Table.js
jQuery.sap.require('sap.ui.model.SelectionModel'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.ScrollBar'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.TextView'); // unlisted dependency retained
 // unlisted dependency retained




// =============================================================================
// BASIC CONTROL API
// =============================================================================

/**
 * Initialization of the Table control
 * @private
 */
sap.ui.table.Table.prototype.init = function() {

	// create an information object which contains always required infos
	this._oResBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.table");
	this._bAccMode = sap.ui.getCore().getConfiguration().getAccessibility();
	this._bRtlMode = sap.ui.getCore().getConfiguration().getRTL();

	// basic selection model (by default the table uses multi selection)
	this._oSelection = new sap.ui.model.SelectionModel(sap.ui.model.SelectionModel.MULTI_SELECTION);
	this._oSelection.attachSelectionChanged(this._onSelectionChanged, this);

	// minimum width of a table column in pixel:
	// should at least be larger than the paddings for cols and cells!
	this._iColMinWidth = 20;

	// visible columns
	this._aVisibleColumns = [];

	// we add a delegate to enable to focus the scrollbar when clicking on them
	// to avoid that the table control grabs the focus and scrolls to the focus
	// element (hide the outline)
	var fnFocusIndex = {
		onAfterRendering: function(oEvent) {
			jQuery.sap.byId(oEvent.srcControl.getId() + "-sb").attr("tabindex", "-1").css("outline", "none");
		}	
	};
	
	// vertical scrollbar
	this._oVSb = new sap.ui.core.ScrollBar(this.getId() + "-vsb", {size: "100%"});
	this._oVSb.attachScroll(this.onvscroll, this);
	this._oVSb.addDelegate(fnFocusIndex);

	// horizontal scrollbar (configure by default for the pixel mode)
	this._oHSb = new sap.ui.core.ScrollBar(this.getId() + "-hsb", {size: "100%", contentSize: "0px", vertical: false});
	this._oHSb.attachScroll(this.onhscroll, this);
	this._oHSb.addDelegate(fnFocusIndex);

	// action mode flag (for keyboard navigation)
	this._bActionMode = false;
	
	// column index of the last fixed column (to prevent column reordering!)
	this._iLastFixedColIndex = -1;
	
	// flag whether the editable property should be inherited or not
	this._bInheritEditableToControls = false;
	
	// text selection for column headers?
	this._bAllowColumnHeaderTextSelection = false;
	
	// flag, whether to call _updateTableCell on cell control or not?
	this._bCallUpdateTableCell = false;
	
	// timer delay in ms
	this._iTimerDelay = 250;
	
	// determine jQuery version less than 1.8 (height and width behaves different!!)
	this._bjQueryLess18 = parseFloat(jQuery.fn.jquery) < 1.8;
	
};


/**
 * Termination of the Table control
 * @private
 */
sap.ui.table.Table.prototype.exit = function() {
	// destroy the child controls
	this._oVSb.destroy();
	this._oHSb.destroy();
	if (this._oPaginator) {
		this._oPaginator.destroy();
	}
	// destroy helpers
	this._destroyItemNavigation();
	// cleanup
	this._cleanUpTimers();
	this._detachEvents();
};


/**
 * theme changed
 * @private
 */
sap.ui.table.Table.prototype.onThemeChanged = function() {
	this.invalidate();
};


/**
 * Rerendering handling
 * @private
 */
sap.ui.table.Table.prototype.onBeforeRendering = function() {
	this._cleanUpTimers();
	this._detachEvents();
};


/**
 * Rerendering handling
 * @private
 */
sap.ui.table.Table.prototype.onAfterRendering = function() {

	this._bOnAfterRendering = true;

	var $this = this.$();

	this._updateVSb();
	this._updateTableContent();
	this._handleResize();
	this._attachEvents();

	// restore the column icons
	var aCols = this.getColumns();
	for (var i = 0, l = aCols.length; i < l; i++) {
		if (aCols[i].getVisible()) {
			aCols[i]._restoreIcons();
		}
	}
	
	// enable/disable text selection for column headers
	if (!this._bAllowColumnHeaderTextSelection) {
		this._disableTextSelection($this.find(".sapUiTableColHdrCnt"));
	} 

	this._bOnAfterRendering = false;

	this._initItemNavigation();
	
	this._sTimer = jQuery.sap.delayedCall(this._iTimerDelay, this, this._onTimer);

};


/**
 * update the table content (scrollbar, no data overlay, selection, row header, ...)
 * @private
 */
sap.ui.table.Table.prototype._updateTableContent = function() {

	// show or hide the no data container
	this._updateNoData();
	
	// update the selection visualization
	this._updateSelection();
	
	// update the rows (TODO: generalize this for 1.6)
	if (this._modifyRow) {
		var that = this;
		jQuery.each(this.getRows(), function(iIndex, oRow) {
			that._modifyRow(iIndex + that.getFirstVisibleRow(), oRow.$());
			that._modifyRow(iIndex + that.getFirstVisibleRow(), jQuery.sap.byId(oRow.getId() + "-fixed"));
		});
	}
	
	// update the row header (sync row heights)
	this._updateRowHeader();
	
	// hook for update table cell after rendering is complete 
	if (this._bOnAfterRendering && this._bCallUpdateTableCell) {
		jQuery.each(this.getRows(), function(iIndex, oRow) {
			jQuery.each(oRow.getCells(), function(iIndex, oCell) {
				if (oCell._updateTableCell) {
					oCell._updateTableCell(oCell /* cell control */, 
					                       oCell.getBindingContext() /* cell context */, 
					                       oCell.$().closest("td") /* jQuery object for td */);
				}
			});
		});
	}
	
};


// =============================================================================
// ITEMNAVIGATION
// =============================================================================


/**
 * initialize ItemNavigation. Transfer relevant controls to ItemNavigation.
 * TabIndexes are set by ItemNavigation
 * @private
*/
sap.ui.table.Table.prototype._initItemNavigation = function() {

	var $this = this.$();
	var iColumnCount = this._getVisibleColumnCount();
	var bHasRowHeader = false; 

	// initialization of item navigation for the Column Headers
	if (!this._oColHdrItemNav) {
		this._oColHdrItemNav = new sap.ui.core.delegate.ItemNavigation();
		this._oColHdrItemNav.setCycling(false);
		this.addDelegate(this._oColHdrItemNav);
	}

	// create the list of item dom refs
	var aItemDomRefs = [];
	if (this.getFixedColumnCount() == 0) {
		aItemDomRefs = $this.find(".sapUiTableCtrl td[tabindex]").get();
	} else {
		var $topLeft = this.$().find('.sapUiTableCtrlFixed.sapUiTableCtrlRowFixed');
		var $topRight = this.$().find('.sapUiTableCtrlScroll.sapUiTableCtrlRowFixed');
		var $bottomLeft = this.$().find('.sapUiTableCtrlFixed.sapUiTableCtrlRowScroll');
		var $bottomRight = this.$().find('.sapUiTableCtrlScroll.sapUiTableCtrlRowScroll');
		for (var i = 0; i < this.getVisibleRowCount(); i++) {
			aItemDomRefs = aItemDomRefs.concat($topLeft.find('tr[data-sap-ui-rowindex="' + i +'"]').find('td[tabindex]').get());
			aItemDomRefs = aItemDomRefs.concat($topRight.find('tr[data-sap-ui-rowindex="' + i +'"]').find('td[tabindex]').get());
			aItemDomRefs = aItemDomRefs.concat($bottomLeft.find('tr[data-sap-ui-rowindex="' + i +'"]').find('td[tabindex]').get());
			aItemDomRefs = aItemDomRefs.concat($bottomRight.find('tr[data-sap-ui-rowindex="' + i +'"]').find('td[tabindex]').get());
		}
	}
	
	// add the row header items (if visible)
	if (this.getSelectionMode() !== sap.ui.table.SelectionMode.None &&
			this.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowOnly) {
		var aRowHdrDomRefs = $this.find(".sapUiTableRowHdr").get();
		for (var i = aRowHdrDomRefs.length - 1; i >= 0; i--) {
			aItemDomRefs.splice(i * iColumnCount, 0, aRowHdrDomRefs[i]);
		}
		iColumnCount++;
		bHasRowHeader = true;
	}
	
	// add the column items
	if (this.getColumnHeaderVisible()) {
		aItemDomRefs = $this.find(".sapUiTableCol").get().concat(aItemDomRefs);
	}
	
	// add the select all item
	if (this.getSelectionMode() !== sap.ui.table.SelectionMode.None &&
			this.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowOnly &&
			this.getColumnHeaderVisible()) {
		aItemDomRefs = $this.find(".sapUiTableColRowHdr").get().concat(aItemDomRefs);
	}
	
	// initialization of item navigation for the Table control
	if (!this._oItemNavigation) {
		this._oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
		this._oItemNavigation.setTableMode(true);
		this._oItemNavigation.attachEvent(sap.ui.core.delegate.ItemNavigation.Events.BeforeFocus, function(oEvent) {
			jQuery.sap.byId(this.getId() + "-ariadesc").text("");
		}, this);
		this.addDelegate(this._oItemNavigation);
	}

	// configure the item navigation
	this._oItemNavigation.setColumns(iColumnCount);
	this._oItemNavigation.setRootDomRef($this.find(".sapUiTableCnt").get(0));
	this._oItemNavigation.setItemDomRefs(aItemDomRefs);
	this._oItemNavigation.setFocusedIndex((this.getColumnHeaderVisible() ? iColumnCount : 0) + (bHasRowHeader ? 1 : 0));

};

/**
 * destroys ItemNavigation
 * @private
*/
sap.ui.table.Table.prototype._destroyItemNavigation = function() {

	// destroy of item navigation for the Table control
	if (this._oItemNavigation) {
		this._oItemNavigation.destroy();
		this._oItemNavigation = undefined;
	}

};


/*
 * @see JSDoc generated by SAPUI5 control
 */
sap.ui.table.Table.prototype.getFocusInfo = function() {
	var sId = this.$().find(":focus").attr("id");
	if (sId) {
		return {customId: sId};
	} else {
		return sap.ui.core.Element.prototype.getFocusInfo.apply(this, arguments);
	}
};

/*
 * @see JSDoc generated by SAPUI5 control
 */
sap.ui.table.Table.prototype.applyFocusInfo = function(mFocusInfo) {
	if (mFocusInfo && mFocusInfo.customId) {
		this.$().find("#" + mFocusInfo.customId).focus();
	} else {
		sap.ui.core.Element.prototype.getFocusInfo.apply(this, arguments);
	}
	return this;
};


// =============================================================================
// PUBLIC TABLE API
// =============================================================================


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.setTitle = function(vTitle) {
	var oTitle = vTitle;
	if (typeof (vTitle) === "string" || vTitle instanceof String) {
		oTitle = new sap.ui.commons.TextView({
			text: vTitle,
			wrapping: false,
			width: "100%"
		}).addStyleClass("sapUiTableHdrTitle");
	}
	this.setAggregation("title", oTitle);
	return this;
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.setFooter = function(vFooter) {
	var oFooter = vFooter;
	if (typeof (vFooter) === "string" || vFooter instanceof String) {
		oFooter = new sap.ui.commons.TextView({
			text: vFooter,
			wrapping: false,
			width: "100%"
		});
	}
	this.setAggregation("footer", oFooter);
	return this;
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.setSelectionMode = function(oSelectionMode) {
	this._oSelection.clearSelection();
	if (oSelectionMode === sap.ui.table.SelectionMode.Single) {
		this._oSelection.setSelectionMode(sap.ui.model.SelectionModel.SINGLE_SELECTION);
	} else {
		this._oSelection.setSelectionMode(sap.ui.model.SelectionModel.MULTI_SELECTION);
	}
	this.setProperty("selectionMode", oSelectionMode);
	return this;
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.setFirstVisibleRow = function(iRowIndex, bOnScroll) {
	// TODO: think about this optimization - for now it doesn't work since
	//       this API is used to update the rows afterwards
	//if (iRowIndex !== this.getFirstVisibleRow()) {
		// update the property
		this.setProperty("firstVisibleRow", iRowIndex, true);
		// update the bindings:
		//  - prevent the rerendering
		//  - use the databinding fwk to update the content of the rows
		if (this.getBinding("rows")) {
			this.updateRows();
		}
	//}
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.getAllowColumnReordering = function() {
	jQuery.sap.log.warning("getAllowColumnReordering is deprecated - please use getEnableColumnReordering!");
	return sap.ui.table.Table.prototype.getEnableColumnReordering.apply(this, arguments);
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.setAllowColumnReordering = function() {
	jQuery.sap.log.warning("setAllowColumnReordering is deprecated - please use setEnableColumnReordering!");
	return sap.ui.table.Table.prototype.setEnableColumnReordering.apply(this, arguments);
};


// enable calling 'bindAggregation("rows")' without a factory
sap.ui.table.Table.getMetadata().getAllAggregations()["rows"]._doesNotRequireFactory = true;

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.bindRows = function(oBindingInfo, vTemplate, oSorter, aFilters) {
	// ensure old Table API compatibility (sPath, [oSorter], [aFilters])
	if (typeof oBindingInfo === "string" &&
		  (vTemplate instanceof sap.ui.model.Sorter || jQuery.isArray(oSorter) && oSorter[0] instanceof sap.ui.model.Filter) ) {
		aFilters = oSorter;
		oSorter = vTemplate;
		vTemplate = undefined;
	}

	return this.bindAggregation("rows", oBindingInfo, vTemplate, oSorter, aFilters);
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype._bindAggregation = function(sName, sPath, oTemplate, oSorter, aFilters) {
	sap.ui.core.Element.prototype._bindAggregation.apply(this, arguments);
	var oBinding = this.getBinding("rows");
	if (sName === "rows" && oBinding) {
		oBinding.attachChange(this._onBindingChange, this);
	}
	return this;
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.unbindAggregation = function(sName, sPath, oTemplate, oSorter, aFilters) {
	var oBinding = this.getBinding("rows");
	if (sName === "rows" && oBinding) {
		oBinding.detachChange(this._onBindingChange);
	}
	this.updateRows(); // TODO: shouldn't this be more a central feature?!
	return sap.ui.core.Element.prototype.unbindAggregation.apply(this, arguments);
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.setVisibleRowCountMode = function(oVisibleRowCountMode) {
	this.setProperty("visibleRowCountMode", oVisibleRowCountMode);
	this._handleRowCountMode();
};

/**
 * updates the rows - called internally by the updateAggregation function when
 * anything in the model has been changed.
 * @private
 */
sap.ui.table.Table.prototype.updateRows = function() {

	// by default the start index is the first visible row
	var iStartIndex = this.getFirstVisibleRow();

	// calculate the boundaries (at least 0 - max the row count - visible row count)
	iStartIndex = Math.max(iStartIndex, 0);
	if (this.getNavigationMode() === sap.ui.table.NavigationMode.Scrollbar) {
		iStartIndex = Math.min(iStartIndex, Math.max(this._getRowCount() - this.getVisibleRowCount(), 0));
	}
	this.setProperty("firstVisibleRow", iStartIndex, true);
	
	// when not scrolling we update also the scroll position of the scrollbar
	if (this._oVSb.getScrollPosition() !== iStartIndex) {
		this._oVSb.setScrollPosition(iStartIndex);
	} 
	
	// update the paginator
	if (this._oPaginator && this.getNavigationMode() === sap.ui.table.NavigationMode.Paginator) {
		//If iStartIndex is greater than the number of total rows go back to page 1
		if (iStartIndex > this.getBinding("rows").getLength()) {
			var iNewPage = 1;
		} else {
			var iNewPage = Math.ceil((iStartIndex + 1) / this.getVisibleRowCount());
		}
		if (iNewPage !== this._oPaginator.getCurrentPage()) {
			this._oPaginator.setCurrentPage(iNewPage);
			this._oPaginator.rerender();
		}
	}

	// update the bindings only once the table is rendered
	if (this.getDomRef()) {

		// update the bindings by using a delayed mechanism to avoid to many update
		// requests: by using the mechanism below it will trigger an update each 50ms
		this._sBindingTimer = this._sBindingTimer || jQuery.sap.delayedCall(50, this, function() {
	
			this._determineVisibleCols();
			this._updateVSb(); // due to boundary check this needs to be done before the binding contexts are applied
			this._updateBindingContexts();
			this._updateTableContent();
			this._sBindingTimer = undefined;
	
		});
	
	}

};

/**
 * handler for change events of the binding
 * @param {sap.ui.base.Event} oEvent change event
 * @private
 */
sap.ui.table.Table.prototype._onBindingChange = function(oEvent) {
	var sReason = oEvent.getParameter("reason");
	if (sReason === "sort" || sReason === "filter") {
		this.clearSelection();
		this.setFirstVisibleRow(0);
	}
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.insertRow = function() {
	jQuery.sap.log.error("The control manages the rows aggregation. The method \"insertRow\" cannot be used programmatically!");
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.addRow = function() {
	jQuery.sap.log.error("The control manages the rows aggregation. The method \"addRow\" cannot be used programmatically!");
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.removeRow = function() {
	jQuery.sap.log.error("The control manages the rows aggregation. The method \"removeRow\" cannot be used programmatically!");
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.removeAllRows = function() {
	jQuery.sap.log.error("The control manages the rows aggregation. The method \"removeAllRows\" cannot be used programmatically!");
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.destroyRows = function() {
	jQuery.sap.log.error("The control manages the rows aggregation. The method \"destroyRows\" cannot be used programmatically!");
};


// =============================================================================
// EVENT HANDLING & CLEANUP
// =============================================================================

/**
 * attaches the required native event handlers
 * @private
 */
sap.ui.table.Table.prototype._attachEvents = function() {

	var $this = this.$();

	// listen to the scroll events of the containers (for keyboard navigation)
	$this.find(".sapUiTableColHdrScr").scroll(jQuery.proxy(this._oncolscroll, this));
	$this.find(".sapUiTableCtrlScr").scroll(jQuery.proxy(this._oncntscroll, this));
	$this.find(".sapUiTableCtrlScrFixed").scroll(jQuery.proxy(this._oncntscroll, this));

	// sync row header > content (hover effect)
	$this.find(".sapUiTableRowHdr").hover(function() {
		jQuery(this).addClass("sapUiTableRowHvr");
		var iIndex = $this.find(".sapUiTableRowHdr").index(this);
		$this.find(".sapUiTableCtrl > tbody > tr").filter(":eq(" + iIndex + ")").addClass("sapUiTableRowHvr");
	}, function() {
		jQuery(this).removeClass("sapUiTableRowHvr");
		$this.find(".sapUiTableCtrl > tbody > tr").removeClass("sapUiTableRowHvr");
	});

	// sync content fixed > row header (hover effect)
	$this.find(".sapUiTableCtrlFixed > tbody > tr").hover(function() {
		jQuery(this).addClass("sapUiTableRowHvr");
		var iIndex = $this.find(".sapUiTableCtrlFixed > tbody > tr").index(this);
		$this.find(".sapUiTableRowHdr").filter(":eq(" + (iIndex) + ")").addClass("sapUiTableRowHvr");
		$this.find(".sapUiTableCtrlScroll > tbody > tr").filter(":eq(" + iIndex + ")").addClass("sapUiTableRowHvr");
	}, function() {
		jQuery(this).removeClass("sapUiTableRowHvr");
		$this.find(".sapUiTableRowHdr").removeClass("sapUiTableRowHvr");
		$this.find(".sapUiTableCtrlScroll > tbody > tr").removeClass("sapUiTableRowHvr");
	});

	// sync content scroll > row header (hover effect)
	$this.find(".sapUiTableCtrlScroll > tbody > tr").hover(function() {
		jQuery(this).addClass("sapUiTableRowHvr");
		var iIndex = $this.find(".sapUiTableCtrlScroll > tbody > tr").index(this);
		$this.find(".sapUiTableRowHdr").filter(":eq(" + iIndex + ")").addClass("sapUiTableRowHvr");
		$this.find(".sapUiTableCtrlFixed > tbody > tr").filter(":eq(" + iIndex + ")").addClass("sapUiTableRowHvr");
	}, function() {
		jQuery(this).removeClass("sapUiTableRowHvr");
		$this.find(".sapUiTableRowHdr").removeClass("sapUiTableRowHvr");
		$this.find(".sapUiTableCtrlFixed > tbody > tr").removeClass("sapUiTableRowHvr");
	});

	// listen to the resize handlers
	$this.find(".sapUiTableColRsz").mousedown(jQuery.proxy(this._onColumnResizeStart, this));

	// listen to resize events of the browser (or surrounding DOM elements)
	this._sResizeListenerId = sap.ui.core.ResizeHandler.register($this.find(".sapUiTableCtrlCnt").get(0), jQuery.proxy(this.onresize, this));

	// the vertical scrollbar listens to the mousewheel on the content section
	this._oHSb.bind($this.find(".sapUiTableCtrlScr").get(0));
	this._oVSb.bind($this.find(".sapUiTableCtrlScr").get(0));
	this._oHSb.bind($this.find(".sapUiTableCtrlScrFixed").get(0));
	this._oVSb.bind($this.find(".sapUiTableCtrlScrFixed").get(0));
	
	
};


/**
 * detaches the required native event handlers
 * @private
 */
sap.ui.table.Table.prototype._detachEvents = function() {

	var $this = this.$();

	$this.find(".sapUiTableRowHdrScr").unbind();
	$this.find(".sapUiTableColHdrScr").unbind();

	$this.find(".sapUiTableCtrl > tbody > tr").unbind();
	$this.find(".sapUiTableRowHdr").unbind();

	if (this._sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this._sResizeListenerId);
		this._sResizeListenerId = null;
	}

	$this.find(".sapUiTableColRsz").unbind();

	this._oHSb.unbind($this.find(".sapUiTableCtrlScr").get(0));
	this._oVSb.unbind($this.find(".sapUiTableCtrlScr").get(0));
	this._oHSb.unbind($this.find(".sapUiTableCtrlScrFixed").get(0));
	this._oVSb.unbind($this.find(".sapUiTableCtrlScrFixed").get(0));
	
};


/**
 * cleanup the timers when not required anymore
 * @private
 */
sap.ui.table.Table.prototype._cleanUpTimers = function() {

	if (this._sBindingTimer) {
		jQuery.sap.clearDelayedCall(this._sBindingTimer);
		this._sBindingTimer = undefined;
	}

	if (this._sRenderingTimer) {
		jQuery.sap.clearDelayedCall(this._sRenderingTimer);
		this._sRenderingTimer = undefined;
	}

	if (this._sDelayedMenuTimer) {
		jQuery.sap.clearDelayedCall(this._sDelayedMenuTimer);
		this._sDelayedMenuTimer = undefined;
	}

	if (this._sDelayedActionTimer) {
		jQuery.sap.clearDelayedCall(this._sDelayedActionTimer);
		this._sDelayedActionTimer = undefined;
	}

	if (this._sColHdrPosTimer) {
		jQuery.sap.clearDelayedCall(this._sColHdrPosTimer);
		this._sColHdrPosTimer = undefined;
	}

	if (this._sTimer) {
		jQuery.sap.clearDelayedCall(this._sTimer);
		this._sTimer = undefined;
	}

	if (this._visibleRowCountTimer) {
		jQuery.sap.clearDelayedCall(this._visibleRowCountTimer);
		this._visibleRowCountTimer = undefined;
	}
};


// =============================================================================
// PRIVATE TABLE STUFF
// =============================================================================


/**
 * creates the rows for the rows aggregation
 * @private
 */
sap.ui.table.Table.prototype._createRows = function(iStartIndex) {

	var iFirstVisibleRow = this.getFirstVisibleRow();
	var iVisibleRowCount = this.getVisibleRowCount();

	// by default the start index is the first visible row
	iStartIndex = iStartIndex === undefined ? iFirstVisibleRow : iStartIndex;

	// create the new template
	var oTemplate = new sap.ui.table.Row(this.getId() + "-rows");
	var aCols = this.getColumns();
	for (var i = 0, l = aCols.length; i < l; i++) {
		if (aCols[i].getVisible()) {
			var oColTemplate = aCols[i].getTemplate();
			if (oColTemplate) {
				var oClone = oColTemplate.clone("col" + i);
				// inherit the editable property if required to the child controls
				if (this._bInheritEditableToControls && !this.getEditable() && oClone.setEditable) {
					oClone.setEditable(false);
				}
				oClone.data("sap-ui-colindex", i);
				oTemplate.addCell(oClone);
			}
		}
	}

	// initially called without iStartIndex and iLength
	this.destroyAggregation("rows");
	var aContexts = undefined;
	var oBinding = this.getBinding("rows");
	var oBindingInfo = this.mBindingInfos["rows"];
	if (oBinding) {
		aContexts = oBinding.getContexts(iStartIndex, iVisibleRowCount, Math.max(this.getVisibleRowCount(), this.getThreshold()));
	}
	for (var i = 0; i < iVisibleRowCount; i++) {
		var oClone = oTemplate.clone("row" + i); // TODO: Isn't the following required! + "-" + this.getId());
		if (aContexts && aContexts[i]) {
			oClone.setBindingContext(aContexts[i], oBindingInfo.model);
			oClone._bHidden = false;
		} else {
			oClone._bHidden = true;
		}
		this.addAggregation("rows", oClone, true);
	}

	// destroy the template
	oTemplate.destroy();

};


/**
 * updates the horizontal scrollbar
 * @private
 */
sap.ui.table.Table.prototype._updateHSb = function() {

	// get the width of the container
	var $this = this.$();

	// apply the new content size
	var iColsWidth = $this.find(".sapUiTableCtrlScroll").width();
	if (jQuery.browser.safari) {
		iColsWidth = Math.max(iColsWidth, this._getColumnsWidth(this.getFixedColumnCount()));
	}
	// add the horizontal scrollbar
	if (iColsWidth > $this.find(".sapUiTableCtrlScr").width()) {
		// show the scrollbar
		if (!$this.hasClass("sapUiTableHScr")) {
			$this.addClass("sapUiTableHScr");
			if (jQuery.browser.safari) {
				// min-width on table elements does not work for safari
				if (this._bjQueryLess18) {
					$this.find(".sapUiTableCtrlScroll, .sapUiTableColHdrScr > .sapUiTableColHdr").width(iColsWidth);
				} else {
					$this.find(".sapUiTableCtrlScroll, .sapUiTableColHdrScr > .sapUiTableColHdr").outerWidth(iColsWidth);
				}
			}
		}
		var iScrollPadding = $this.find(".sapUiTableCtrlFixed").width();
		if ($this.find(".sapUiTableRowHdrScr:visible").length > 0) {
			iScrollPadding += $this.find(".sapUiTableRowHdrScr").width();
		}
		if (this._bRtlMode) {
			$this.find(".sapUiTableHSb").css('padding-right', iScrollPadding + 'px');
		} else {
			$this.find(".sapUiTableHSb").css('padding-left', iScrollPadding + 'px');
		}
		this._oHSb.setContentSize(iColsWidth + "px");
		this._oHSb.rerender();
	} else {
		// hide the scrollbar
		if ($this.hasClass("sapUiTableHScr")) {
			$this.removeClass("sapUiTableHScr");
			if (jQuery.browser.safari) {
				// min-width on table elements does not work for safari
				$this.find(".sapUiTableCtrlScroll, .sapUiTableColHdr").css("width", "");
			}
		}
	}

	this._syncHeaderAndContent();
	
};


/**
 * updates the vertical scrollbar
 * @private
 */
sap.ui.table.Table.prototype._updateVSb = function() {
	var $this = this.$();
	var bDoResize = false;
	var oBinding = this.getBinding("rows");
	if (oBinding) {
		var iSteps = Math.max(0, oBinding.getLength() - this.getVisibleRowCount());
		// check for paging mode or scrollbar mode
		if (this._oPaginator && this.getNavigationMode() === sap.ui.table.NavigationMode.Paginator) {
			// update the paginator (set the first visible row property)
			this._oPaginator.setNumberOfPages(Math.ceil(oBinding.getLength() / this.getVisibleRowCount()));
			var iPage = Math.ceil((this.getFirstVisibleRow() + 1) / this.getVisibleRowCount());
			this.setProperty("firstVisibleRow", (iPage - 1) * this.getVisibleRowCount(), true);
			this._oPaginator.setCurrentPage(iPage);
			this._oPaginator.rerender();
			if ($this.hasClass("sapUiTableVScr")) {
				$this.removeClass("sapUiTableVScr");
			}
		} else {
			// in case of scrollbar mode show or hide the scrollbar dependening on the
			// calculated steps:
			if (iSteps > 0) {
				if (!$this.hasClass("sapUiTableVScr")) {
					$this.addClass("sapUiTableVScr");
					bDoResize = true;
				}
			} else {
				if ($this.hasClass("sapUiTableVScr")) {
					$this.removeClass("sapUiTableVScr");
					bDoResize = true;
				}
			}
		}
		// update the scrollbar only if it is required
		if (iSteps !== this._oVSb.getSteps() || this.getFirstVisibleRow() !== this._oVSb.getScrollPosition()) {
			this._oVSb.setSteps(iSteps);
			this._oVSb.rerender();
			this._oVSb.setScrollPosition(this.getFirstVisibleRow());
		}
	} else {
		// check for paging mode or scrollbar mode
		if (this._oPaginator && this.getNavigationMode() === sap.ui.table.NavigationMode.Paginator) {
			// update the paginator (set the first visible row property)
			this._oPaginator.setNumberOfPages(0);
			this._oPaginator.setCurrentPage(0);
			this._oPaginator.rerender();
		} else {
			if ($this.hasClass("sapUiTableVScr")) {
				$this.removeClass("sapUiTableVScr");
				bDoResize = true;
			}
		}
	}
	if (bDoResize && !this._bOnAfterRendering) {
		this._handleResize();
	}
};


/**
 * updates the binding contexts of the currently visible controls
 * @private
 */
sap.ui.table.Table.prototype._updateBindingContexts = function() {

	var aRows = this.getRows(),
	    oBinding = this.getBinding("rows"),
	    oBindinginfo = this.mBindingInfos["rows"],
	    aFixedContexts = undefined,
	    aContexts = undefined,
	    iFixedRows = this.getFixedRowCount();

	// fetch the contexts from the binding
	if (oBinding) {
		if (iFixedRows > 0) {
			aFixedContexts = oBinding.getContexts(0, iFixedRows, Math.max(iFixedRows, this.getThreshold()));
			aContexts = oBinding.getContexts(this.getFirstVisibleRow() + iFixedRows, aRows.length - iFixedRows, Math.max((this.getVisibleRowCount() - iFixedRows), this.getThreshold()));
			aContexts = aFixedContexts.concat(aContexts);
		} else {
			aContexts = oBinding.getContexts(this.getFirstVisibleRow(), aRows.length, Math.max(this.getVisibleRowCount(), this.getThreshold()));
		}
	}

	// update the binding contexts only for the visible columns
	//for (var iIndex = 0, iLength = this.getRows().length; iIndex < iLength; iIndex++) {
	for (var iIndex = aRows.length - 1; iIndex >= 0; iIndex--) {
		var oContext = aContexts ? aContexts[iIndex] : undefined;
		var oRow = aRows[iIndex];
		if (oRow) {
			this._updateRowBindingContext(oRow, oContext, oBindinginfo.model);
		}
	}

};

/**
 * updates the binding context a row
 * @param {sap.ui.table.Row} row to update
 * @param {sap.ui.model.Context} binding context of the row
 * @private
 */
sap.ui.table.Table.prototype._updateRowBindingContext = function(oRow, oContext, sModelName) {
	var aCells = oRow.getCells();
	var $row = oRow.$();
	var $fixedRow = jQuery.sap.byId(oRow.getId() + "-fixed");
	// check for a context object (in case of grouping there could be custom context objects)
	if (oContext && oContext instanceof sap.ui.model.Context) {
		for (var i = 0, l = this._aVisibleColumns.length; i < l; i++) {
			var col = this._aVisibleColumns[i];
			this._updateCellBindingContext(aCells[col], oContext, sModelName);
		}
		if ($row.hasClass("sapUiTableRowHidden")) {
			$row.removeClass("sapUiTableRowHidden");
			$fixedRow.removeClass("sapUiTableRowHidden");
		}
		oRow._bHidden = false;
	} else {
		if (!$row.hasClass("sapUiTableRowHidden")) {
			$row.addClass("sapUiTableRowHidden");
			$fixedRow.addClass("sapUiTableRowHidden");
		}
		oRow._bHidden = true;
		for (var i = 0, l = this._aVisibleColumns.length; i < l; i++) {
			var col = this._aVisibleColumns[i];
			this._updateCellBindingContext(aCells[col], oContext, sModelName);
		}
	}
};

/**
 * updates the binding context a cell
 * @param {sap.ui.core.Control} control of the cell
 * @param {sap.ui.model.Context} binding context of the cell
 * @private
 */
sap.ui.table.Table.prototype._updateCellBindingContext = function(oCell, oContext, sModelName) {
		oCell.setBindingContext(oContext, sModelName);
		if (this._bCallUpdateTableCell && oCell._updateTableCell) {
			oCell._updateTableCell(oCell /* cell control */, oContext /* cell context */, oCell.$().closest("td") /* jQuery object for td */);
		}
};


/**
 * show or hide the no data container
 * @private
 */
sap.ui.table.Table.prototype._updateNoData = function() {
	// no data?
	if (this.getShowNoData()) {
		var oBinding = this.getBinding("rows");
		if (!oBinding || oBinding.getLength() === 0) {
			if (!this.$().hasClass("sapUiTableEmpty")) {
				this.$().addClass("sapUiTableEmpty");
			}
			// update the ARIA text for the row count
			jQuery.sap.byId(this.getId() + "-ariacount").text(this._oResBundle.getText("TBL_DATA_ROWS", [0]));
		} else {
			if (this.$().hasClass("sapUiTableEmpty")) {
				this.$().removeClass("sapUiTableEmpty");
			}
			// update the ARIA text for the row count
			jQuery.sap.byId(this.getId() + "-ariacount").text(this._oResBundle.getText("TBL_DATA_ROWS", [oBinding.getLength()]));
		}
	}
};


/**
 * determines the currently visible columns (used for simply updating only the
 * controls of the visible columns instead of the complete row!)
 * @private
 */
sap.ui.table.Table.prototype._determineVisibleCols = function() {

	// determine the visible colums
	var $this = this.$();

	if ($this.hasClass("sapUiTableHScr")) {

		// calculate the view port
		var iScrollLeft = this._oHSb.getNativeScrollPosition();
		var iScrollRight = iScrollLeft + this._getScrollWidth();

		// has the view port changed?
		if (this._iOldScrollLeft !== iScrollLeft || this._iOldScrollRight !== iScrollRight) {

			// calculate the first and last visible column
			var bRtl = this._bRtlMode;
			var iLeft = bRtl ? $this.find(".sapUiTableCtrlScroll").width() : 0;
			this._aVisibleColumns = [];
			for (var i = 0, l = this.getFixedColumnCount(); i < l; i++) {
				this._aVisibleColumns.push(i);
			};
			var that = this;
			var $ths = $this.find(".sapUiTableCtrl.sapUiTableCtrlScroll .sapUiTableCtrlFirstCol > th[data-sap-ui-headcolindex]");
			$ths.each(function(iIndex, oElement) {
				var iWidth = jQuery(oElement).width();
				if (bRtl) {
					iLeft -= iWidth;
				}
				if (iLeft + iWidth >= iScrollLeft && iLeft <= iScrollRight) {
					that._aVisibleColumns.push(parseInt(jQuery(oElement).data('sap-ui-headcolindex'),10));
				}
				if (!bRtl) {
					iLeft += iWidth;
				}
			});

			// keep the view port information (performance!!)
			this._iOldScrollLeft = iScrollLeft;
			this._iOldScrollRight = iScrollRight;

		}

	} else {
		this._aVisibleColumns = [];
		for (var i = 0, l = this._getVisibleColumnCount(); i < l; i++) {
			this._aVisibleColumns.push(i);
		};
	}
	
};

/**
 * returns the count of rows when bound or 0
 * @private
 */
sap.ui.table.Table.prototype._getRowCount = function() {
	var oBinding = this.getBinding("rows");
	return oBinding ? oBinding.getLength() : 0;
};


/**
 * returns the current top scroll position of the scrollbar (row number)
 * @private
 */
sap.ui.table.Table.prototype._getScrollTop = function() {
	if (this.$().hasClass("sapUiTableVScr")) {
		return this._oVSb.getScrollPosition() || 0;
	} else {
		if (this.getNavigationMode() === sap.ui.table.NavigationMode.Paginator) {
			return (((this._oPaginator.getCurrentPage() || 1) - 1) * this.getVisibleRowCount());
		} else {
			return 0;
		}
	}
};

/**
 * returns the width of the table scroll container
 * @private
 */
sap.ui.table.Table.prototype._getScrollWidth = function() {
	return this.$().find(".sapUiTableCtrlScr").width();
};

/**
 * returns the height of the table scroll container
 * @private
 */
sap.ui.table.Table.prototype._getScrollHeight = function() {
	return this.$().find(".sapUiTableCtrlScr").height();
};

/**
 * returns the count of visible columns
 * @private
 */
sap.ui.table.Table.prototype._getVisibleColumns = function() {
	var aColumns = [];
	var aCols = this.getColumns();
	for (var i = 0, l = aCols.length; i < l; i++) {
		if (aCols[i].getVisible() && !aCols[i].getGrouped()) {
			aColumns.push(aCols[i]);
		}
	}
	return aColumns;
};

/**
 * returns the count of visible columns
 * @private
 */
sap.ui.table.Table.prototype._getVisibleColumnCount = function() {
	return this._getVisibleColumns().length;
};

/**
 * returns the min width of all columns
 * @private
 */
sap.ui.table.Table.prototype._getColumnsWidth = function(iStartColumn, iEndColumn) {

	// first calculate the min width of the table for all columns
	var aCols = this.getColumns();
	var iColsWidth = 0;

	if (iStartColumn !== 0 && !iStartColumn) {
		iStartColumn = 0;
	}
	if (iEndColumn !== 0 && !iEndColumn) {
		iEndColumn = aCols.length;
	}
	
	for (var i = iStartColumn, l = iEndColumn; i < l; i++) {
		if (aCols[i].getVisible()) {
			var sWidth = aCols[i].getWidth();
			var iWidth = parseInt(sWidth, 10);
			if (jQuery.sap.endsWith(sWidth, "px")) {
				iColsWidth += iWidth;
			} else {
				// for unknown width we use the min width
				iColsWidth += /* aCols[i].getMinWidth() || */ this._iColMinWidth;
			}
		}
	}
	
	return iColsWidth;

};

/**
 * calculates the width of the columns by using the browsers calculation
 * mechanism and setting a fix width to the columns
 * @private
 */
sap.ui.table.Table.prototype._handleResize = function() {

	// when using the native resize handler then this function could be called
	// before the table has been rendered - therefore we interrupt this method
	if (!this.getDomRef()) {
		return;
	}
	
	// update the horizontal scrollbar
	this._updateHSb();

	// update the column header (sync column widths)
	this._updateColumnHeader();
	
	this._handleRowCountMode();
	
};

sap.ui.table.Table.prototype._handleRowCountMode = function() {
	//if visibleRowCountMode is auto change the visibleRowCount according to the parents container height
	if (this.getVisibleRowCountMode() == sap.ui.table.VisibleRowCountMode.Auto) {
		var iCanvasHeight = this.$().parent().height();
		var iRows = this._calculateRowsToDisplay(iCanvasHeight);
		if (isNaN(iRows)) {
			return;
		}
		//Currently this needs to be executed in a timeout because invalidate is lost wenn method is called during onAfterRendering
		//This can be reverted when keeping the invalidate calls, that occur during onAfterRendering are kept
		var that = this;
		this._visibleRowCountTimer = setTimeout(function() {
	        that.setVisibleRowCount(iRows);
		}, 0);
	}
};

/**
 * updates the row headers
 * @private
 */
sap.ui.table.Table.prototype._updateRowHeader = function() {

	var $this = this.$();

	var $fixedRows = $this.find(".sapUiTableCtrlFixed > tbody > tr");
	var $scrollRows = $this.find(".sapUiTableCtrlScroll > tbody > tr");
	var $rowHeaders = $this.find(".sapUiTableRowHdr");

	if (this.getFixedColumnCount() > 0 && !this.getRowHeight()) {
		$fixedRows.css('height','');
		$scrollRows.css('height','');
	}

	for (var i = 0, l = $scrollRows.length; i < l; i++) {
		var iHeight = Math.max(jQuery($fixedRows[i]).height(), jQuery($scrollRows[i]).height());
		if (this._bjQueryLess18) {
			jQuery($rowHeaders[i]).height(iHeight);
			if (this.getFixedColumnCount() > 0 && !this.getRowHeight()) {
				jQuery($fixedRows[i]).height(iHeight);
				jQuery($scrollRows[i]).height(iHeight);
			}
		} else {
			jQuery($rowHeaders[i]).outerHeight(iHeight);
			if (this.getFixedColumnCount() > 0 && !this.getRowHeight()) {
				jQuery($fixedRows[i]).outerHeight(iHeight);
				jQuery($scrollRows[i]).outerHeight(iHeight);
			}
		}
	}
	
	var iFixedRows = this.getFixedRowCount();
	if (iFixedRows > 0) {
		var iOffsetTop = $this.find('.sapUiTableCtrl.sapUiTableCtrlRowScroll.sapUiTableCtrlScroll')[0].offsetTop;
		this.$().find('.sapUiTableVSb').css('top', (iOffsetTop - 1) + 'px');
	}

};

/**
 * updates the column headers (width and position of the resize handles)
 * @private
 */
sap.ui.table.Table.prototype._updateColumnHeader = function(bUpdateResizeHandlers) {
	if (this._sColHdrPosTimer) {
		jQuery.sap.clearDelayedCall(this._sColHdrPosTimer);
	}
	var bRtl = this._bRtlMode;
	var iLeftAway = this._bRtlMode ? "99000px" : "-99000px";
	this._resizeDependentColumns();
	
	var fnSyncColumnHeaders = function() {
		var that = this, $this = this.$();
		var $cols = $this.find(".sapUiTableColHdr .sapUiTableCol");
		var aCols = this._getVisibleColumns();
		//If no header items exist an emty th is rendered but aCols.length is 0
		//Because of that we don't have to do anything of aCols.length = 0
		if (aCols.length == 0) return;
		var iTableWidth = $this.width();
		var $ths = $this.find(".sapUiTableCtrlFirstCol > th");
		if (this.getSelectionMode() !== sap.ui.table.SelectionMode.None &&
				this.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowOnly) {
			$ths = $ths.not(":nth-child(1)");
		}
		$ths.each(function(iIndex, oElement) {
			jQuery(oElement).css('width', aCols[iIndex].getWidth());
		});
		$ths.each(function(iIndex, oElement) {
			// apply the width of the column
			var iWidth = oElement.offsetWidth; //jQuery(oElement).width();
			var $col = jQuery($cols.get(iIndex));
			if ($col.length > 0) {
				if (!bUpdateResizeHandlers) {
					// to avoid flickering we store the last real width of the column
					// and update the width of the column only when it has been changed
					var oCol = sap.ui.getCore().byId($col.attr("id"));
					//if (!oCol._iRealWidth || oCol._iRealWidth != iWidth) {
						if (that._bjQueryLess18) {
							$col.width(iWidth);
						} else {
							$col.outerWidth(iWidth);
						}
						oCol._iRealWidth = iWidth;
					//}
				}
				// the left position is calculated from the sapUiTableCnt element (therefore we need the offset!)
				var iLeft = $col.position().left + (bRtl ? -2 : iWidth - 3);
				// PERF-OPT: only positon the visible resize handlers
				var $colrsz = jQuery.sap.byId($col.attr("id") + "-rsz");
				if (iLeft >= 0 && iLeft <= iTableWidth) {
					$colrsz.css({
						"left": iLeft
					});
				} else if ($colrsz.css("left") !== iLeftAway) {
					$colrsz.css({
						"left": iLeftAway
					});
				}
			}
		});
		// we change the height of the cols, col header and the row header to auto to
		// find out whether to use the height of a cell or the min height of the col header 
		var bHasColHdrHeight = this.getColumnHeaderHeight() > 0;
		if (!bHasColHdrHeight && !bUpdateResizeHandlers) {
			var $jqColHdr = $this.find(".sapUiTableColHdr");
			var $jqColHdrCnt = $this.find(".sapUiTableColHdrCnt");
			var $jqColRowHdr = $this.find(".sapUiTableColRowHdr");
			var $jqo = $cols.add($jqColRowHdr).add($jqColHdrCnt);
			$jqo.height("auto");
			var iHeight = Math.max($jqColHdr.height(), $jqColHdrCnt.height());
			if (this._bjQueryLess18) {
				$jqo.height(iHeight);
			} else {
				$jqo.outerHeight(iHeight);
			}
		}
	};
	
	// instantly execute the synchronization or delay it
	if (this._bOnAfterRendering) {
		fnSyncColumnHeaders.apply(this, arguments);
	} else {
		this._sColHdrPosTimer = jQuery.sap.delayedCall(150, this, fnSyncColumnHeaders);
	}
	
};

/**
 * disables text selection on the document (disabled fro Dnd)
 * @private
 */
sap.ui.table.Table.prototype._disableTextSelection = function (oElement) {
	// prevent text selection
	jQuery(oElement || document.body).
		attr("unselectable", "on").
		css({
			"-moz-user-select": "none",
			"-webkit-user-select": "none",
			"user-select": "none"
        }).
		bind("selectstart", function(oEvent) {
			oEvent.preventDefault();
			return false;
		});
};

/**
 * enables text selection on the document (disabled fro Dnd)
 * @private
 */
sap.ui.table.Table.prototype._enableTextSelection = function (oElement) {
	jQuery(oElement || document.body).
		attr("unselectable", "off").
		css({
			"-moz-user-select": "",
			"-webkit-user-select": "",
			"user-select": ""
        }).
		unbind("selectstart");
};

/**
 * clears the text selection on the document (disabled fro Dnd)
 * @private
 */
sap.ui.table.Table.prototype._clearTextSelection = function () {
	if (window.getSelection) {
	  if (window.getSelection().empty) {  // Chrome
	    window.getSelection().empty();
	  } else if (window.getSelection().removeAllRanges) {  // Firefox
	    window.getSelection().removeAllRanges();
	  }
	} else if (document.selection && document.selection.empty) {  // IE?
		try {
		    document.selection.empty();
		} catch (ex) {
		    // ignore error to as a workaround for bug in IE8
		}
	}
};


// =============================================================================
// BASIC TIMER FOR VARIOUS PURPOSES => e.g. ROW HEADER SYNC
// =============================================================================

/**
 * global timer for e.g. handling of synchronization stuff
 * @private
 */
sap.ui.table.Table.prototype._onTimer = function() {
	this._sTimer = undefined;
	if (this.getDomRef()) {
		this._updateRowHeader();
		this._sTimer = jQuery.sap.delayedCall(this._iTimerDelay, this, this._onTimer);
	}
};


// =============================================================================
// CONTROL EVENT HANDLING
// =============================================================================

/**
 * will be called by the ResizeHandler listening to size changes of the table
 * control depending on the DOM element or window size changes.
 * @private
 */
sap.ui.table.Table.prototype.onresize = function(oEvent) {
	this._handleResize();
	// update the bindings
	if (this.getBinding("rows")) {
		this.updateRows();
	}
};

/**
 * will be called by the vertical scrollbar. updates the visualized data by
 * applying the first visible (scrollpos) row from the vertical scrollbar
 * @private
 */
sap.ui.table.Table.prototype.onvscroll = function(oEvent) {
	// do not scroll in action mode!
	this._leaveActionMode();
	// set the first visible row
	this.setFirstVisibleRow(this._getScrollTop(), true);
};

/**
 * sync the column header and content 
 * @private
 */
sap.ui.table.Table.prototype._syncHeaderAndContent = function() {
	if (!this._bSyncScrollLeft) {
		this._bSyncScrollLeft = true;
		// synchronize the scroll areas
		var $this = this.$();
		var iScrollLeft = this._oHSb.getNativeScrollPosition();
		$this.find(".sapUiTableCtrlScr").scrollLeft(iScrollLeft);
		if (jQuery.browser.webkit && this._bRtlMode) {
			var oScrollDomRef = $this.find(".sapUiTableColHdrScr").get(0);
			iScrollLeft = oScrollDomRef.scrollWidth - oScrollDomRef.clientWidth - this._oHSb.getScrollPosition();
		}
		$this.find(".sapUiTableColHdrScr").scrollLeft(iScrollLeft);
		this._bSyncScrollLeft = false;
	}

};

/**
 * will be called when the horizontal scrollbar is used. since the table does
 * not render/update the data of all columns (only the visible ones) in case
 * of scrolling horizontally we need to update the content of the columns which
 * became visible.
 * @private
 */
sap.ui.table.Table.prototype.onhscroll = function(oEvent) {

	if (!this._bOnAfterRendering) {

		// sync the column header and the content area
		this._syncHeaderAndContent();

		// update the column headers (resize handles)
		this._updateColumnHeader(true);

		// update the bindings
		if (this.getBinding("rows")) {
			this.updateRows();
		}

	}

};

/**
 * when navigating within the column header we need to synchronize the content
 * area with the position (scrollLeft) of the column header.
 * @private
 */
sap.ui.table.Table.prototype._oncolscroll = function(oEvent) {
	if (!this._bSyncScrollLeft) {
		var $cnt = this.$().find(".sapUiTableColHdrScr");
		if (jQuery.browser.webkit && this._bRtlMode) {
			var oScrollDomRef = this.$().find(".sapUiTableColHdrScr").get(0);
			this._oHSb.setScrollPosition(oScrollDomRef.scrollWidth - oScrollDomRef.clientWidth - $cnt.scrollLeft());
		} else {
			this._oHSb.setNativeScrollPosition($cnt.scrollLeft());
		}
	}
};

/**
 * when navigating within the content area we need to synchronize the column
 * header with the position (scrollLeft) of the content area.
 * @private
 */
sap.ui.table.Table.prototype._oncntscroll = function(oEvent) {
	if (!this._bSyncScrollLeft) {
		var $cnt = this.$().find(".sapUiTableCtrlScr");
		this._oHSb.setNativeScrollPosition($cnt.scrollLeft());
	}
};


/**
 * listens to the mousedown events for starting column drag & drop. therefore
 * we wait 200ms to make sure it is no click on the column to open the menu.
 * @private
 */
sap.ui.table.Table.prototype.onmousedown = function(oEvent) {

	var $target = jQuery(oEvent.target);

	var $splitter = jQuery.sap.byId(this.getId() + "-sb");
	if (oEvent.target == $splitter[0]) {

		// Fix for IE text selection while dragging
		jQuery(document.body).bind("selectstart",jQuery.proxy(this._splitterSelectStart,this));

		var offset = $splitter.offset();
		var height = $splitter.height();
		var width = $splitter.width();

		jQuery(document.body).append(
				"<div id=\"" + this.getId() + "-ghost\" class=\"sapUiHSBGhost\" style =\" height:" + height + "px; width:"
				+ width + "px; left:" + offset.left + "px; top:" + offset.top + "px\" ></div>");

		// append overlay over splitter to enable correct functionality of moving the splitter
		$splitter.append(
				"<div id=\"" + this.getId() + "-overlay\" style =\"left: 0px;" +
						" right: 0px; bottom: 0px; top: 0px; position:absolute\" ></div>");

		jQuery(document).bind("mouseup", jQuery.proxy(this._onGhostMouseRelease, this));
		jQuery(document).bind("mousemove", jQuery.proxy(this._onGhostMouseMove, this));
		// cancel the event
		oEvent.preventDefault();
		oEvent.stopPropagation();
		return;
	}

	var $col = $target.closest(".sapUiTableCol");
	if ($col.length === 1) {

		this._bShowMenu = true;
		this._sDelayedMenuTimer = jQuery.sap.delayedCall(200, this, function() {
			this._bShowMenu = false;
		});
				
		if (this.getEnableColumnReordering()) {
	
			var iIndex = parseInt($col.attr("data-sap-ui-colindex"), 10);
			if (iIndex > this._iLastFixedColIndex) {
			
				var oColumn = this.getColumns()[iIndex];
				
				this._sDelayedActionTimer = jQuery.sap.delayedCall(200, this, function() {
					this._onColumnMoveStart(oColumn);
				});
				
			}

		}
	}

	// in case of FireFox and CTRL+CLICK it selects the target TD 
	//   => prevent the default behavior only in this case (to still allow text selection)
	var bCtrl = !!(oEvent.metaKey || oEvent.ctrlKey);
	if (jQuery.browser.mozilla && bCtrl) {
		oEvent.preventDefault();
	}

};

/**
 * controls the action mode when clicking into the table control
 * @private
 */
sap.ui.table.Table.prototype.onmouseup = function(oEvent) {
	if (this.$().find(".sapUiTableCtrl td :focus").length > 0) {
		// when clicking into a focusable control we enter the action mode!
		this._enterActionMode(this.$().find(".sapUiTableCtrl td :focus").get(0));
	} else {
		// when clicking anywhere else in the table we leave the action mode!
		this._leaveActionMode(oEvent);
	}
};

/**
 * handles the selection when clicking on the table
 * @private
 */
sap.ui.table.Table.prototype.onclick = function(oEvent) {
	// clean up the timer
	jQuery.sap.clearDelayedCall(this._sDelayedActionTimer);
	// forward the event
	this._onSelect(oEvent);
};

/**
 * handles the focus in to reposition the focus or prevent default handling for
 * column resizing
 * @private
 */
sap.ui.table.Table.prototype.onfocusin = function(oEvent) {
	var $target = jQuery(oEvent.target);
	// KEYBOARD HANDLING (_bIgnoreFocusIn is set in onsaptabXXX)
	if (!this._bIgnoreFocusIn && ($target.hasClass("sapUiTableCtrlBefore") || $target.hasClass("sapUiTableCtrlAfter"))) {
		// reset the aria description of the table that the table is announced the
		// first time the table grabs the focus
		jQuery.sap.byId(this.getId() + "-ariadesc").text(this._oResBundle.getText("TBL_TABLE"));
		// when entering the before or after helper DOM elements we put the
		// focus on the current focus element of the item navigation and we
		// leave the action mode!
		this._leaveActionMode();
		// set the focus on the last focused dom ref of the item navigation or
		// in case if not set yet (tab previous into item nav) then we set the
		// focus to the root domref
		jQuery(this._oItemNavigation.getFocusedDomRef() || this._oItemNavigation.getRootDomRef()).focus();
	} else if (jQuery.sap.endsWith(oEvent.target.id, "-rsz")) {
		// prevent that the ItemNavigation grabs the focus!
		// only for the column resizing
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
};


// =============================================================================
// SELECTION HANDLING
// =============================================================================

/**
 * handles the row selection and the column header menu
 * @private
 */
sap.ui.table.Table.prototype._onSelect = function(oEvent) {

	// trigger column menu
	var $target = jQuery(oEvent.target);

	// determine modifier keys
	var bShift = oEvent.shiftKey;
	var bCtrl = !!(oEvent.metaKey || oEvent.ctrlKey);

	// column header?
	var $col = $target.closest(".sapUiTableCol");
	if (this._bShowMenu && $col.length === 1) {
		var iIndex = parseInt($col.attr("data-sap-ui-colindex"), 10);
		var oColumn = this.getColumns()[iIndex];
		this._onColumnSelect(oColumn);
		return;
	}

	// row header?
	var $row = $target.closest(".sapUiTableRowHdr");
	if ($row.length === 1) {
		var iIndex = parseInt($row.attr("data-sap-ui-rowindex"), 10);
		this._onRowSelect(this.getFirstVisibleRow() + iIndex, bShift, bCtrl);
		return;
	}

	// table control? (only if the selection behavior is set to row)
	if (/*!this._bActionMode && */ (
	    this.getSelectionBehavior() === sap.ui.table.SelectionBehavior.Row ||
	    this.getSelectionBehavior() === sap.ui.table.SelectionBehavior.RowOnly)) {
		var $row = $target.closest(".sapUiTableCtrl > tbody > tr");
		if ($row.length === 1) {
			var iIndex = parseInt($row.attr("data-sap-ui-rowindex"), 10);
			this._onRowSelect(this.getFirstVisibleRow() + iIndex, bShift, bCtrl);
			return;
		}
	}

	// select all?
	if (jQuery.sap.containsOrEquals(jQuery.sap.domById(this.getId() + "-selall"), oEvent.target)) {
		if (this._getRowCount() === this.getSelectedIndices().length) {
			this.clearSelection();
		} else {
			this.selectAll();
		}
		if (jQuery.browser.msie) {
			jQuery.sap.byId(this.getId() + "-selall").focus();
		}
		return;
	}

};


// =============================================================================
// ROW EVENT HANDLING
// =============================================================================

/**
 * handles the row selection (depending on the mode)
 * @private
 */
sap.ui.table.Table.prototype._onRowSelect = function(iRowIndex, bShift, bCtrl) {

	// in case of IE and SHIFT we clear the text selection
	if (jQuery.browser.msie && bShift) {
		this._clearTextSelection();
	}

	// is the table bound?
	var oBinding = this.getBinding("rows");
	if (!oBinding) {
		return;
	}

	//var iRowIndex = Math.min(Math.max(0, iRowIndex), this.getBinding("rows").getLength() - 1);
	if (iRowIndex < 0 || iRowIndex >= oBinding.getLength()) {
		return;
	}

	this._iSourceRowIndex = iRowIndex;

	var oSelMode = this.getSelectionMode();
	if (oSelMode !== sap.ui.table.SelectionMode.None) {
		if (oSelMode === sap.ui.table.SelectionMode.Single) {
			if (!this.isIndexSelected(iRowIndex)) {
				this.setSelectedIndex(iRowIndex);
			} else {
				this.clearSelection();
			}
		} else {
			if (bShift) {
				// If no row is selected getSelectedIndex returns -1 - then we simply 
				// select the clicked row:
				var iSelectedIndex = this.getSelectedIndex(); 
				if (iSelectedIndex >= 0) {
					this.addSelectionInterval(iSelectedIndex, iRowIndex);
				} else {
					this.setSelectedIndex(iRowIndex);
				}
			} else {
				if (!this.isIndexSelected(iRowIndex)) {
					if (bCtrl) {
						this.addSelectionInterval(iRowIndex, iRowIndex);
					} else {
						this.setSelectedIndex(iRowIndex);
					}
				} else {
					if (bCtrl) {
						this.removeSelectionInterval(iRowIndex, iRowIndex);
					} else {
						if (this.getSelectedIndices().length === 1) {
							this.clearSelection();
						} else {
							this.setSelectedIndex(iRowIndex);
						}
					}
				}
			}
		}
	}

	this._iSourceRowIndex = undefined;

};


// =============================================================================
// COLUMN EVENT HANDLING
// =============================================================================

/**
 * column select event => opens the column menu
 * @private
 */
sap.ui.table.Table.prototype._onColumnSelect = function(oColumn) {

	// forward the event
	var bExecuteDefault = this.fireColumnSelect({
		column: oColumn
	});

	// if the default behavior should be prevented we suppress to open
	// the column menu!
	if (bExecuteDefault) {
		oColumn._openMenu();
	}

};

/**
 * start column moveing
 * @private
 */
sap.ui.table.Table.prototype._onColumnMoveStart = function(oColumn) {


	this._disableTextSelection();

	var $col = oColumn.$();
	var iColIndex = parseInt($col.attr("data-sap-ui-colindex"), 10);
	
	if (iColIndex < this.getFixedColumnCount()) {
		return;
	}

	this._$colGhost = $col.clone().removeAttr("id");

	$col.css({
		"opacity": ".25"
	});

	this._$colGhost.addClass("sapUiTableColGhost").css({
		"left": -10000,
		"top": -10000
	});

	// TODO: only for the visible columns!?
	this.$().find(".sapUiTableCol").each(function(iIndex, oElement) {

		var $col = jQuery(this);
		$col.css({position: "relative"});

		$col.data("pos", {
			left: $col.position().left,
			center: $col.position().left + $col.outerWidth() / 2,
			right:  $col.position().left + $col.outerWidth()
		});

	});

	this._$colGhost.appendTo(document.body);

	jQuery(document.body).
		mousemove(jQuery.proxy(this._onColumnMove, this)).
		mouseup(jQuery.proxy(this._onColumnMoved, this));

};

/**
 * move the column position the ghost
 * @private
 */
sap.ui.table.Table.prototype._onColumnMove = function(oEvent) {

	var $this = this.$();
	var bRtl = this._bRtlMode;
	var iRelX = oEvent.pageX - $this.offset().left;
	var iDnDColIndex = parseInt(this._$colGhost.attr("data-sap-ui-colindex"), 10);
	var $DnDCol = this.getColumns()[iDnDColIndex].$();

	// find out the new col position
	var iOldColPos = this._iNewColPos;
	this._iNewColPos = iDnDColIndex;
	var that = this;
	$this.find(".sapUiTableCol").each(function(iIndex, oCol) {

		var $col = jQuery(oCol);
		var iColIndex = parseInt($col.attr("data-sap-ui-colindex"), 10);

		if ($col.get(0) !== $DnDCol.get(0)) {

			var oPos = $col.data("pos");

			var bBefore = iRelX >= oPos.left && iRelX <= oPos.center;
			var bAfter = iRelX >= oPos.center && iRelX <= oPos.right;

			if (!bRtl) {
				that._iNewColPos = bBefore ? iColIndex : bAfter ? iColIndex + 1 : that._iNewColPos;
			} else {
				that._iNewColPos = bAfter ? iColIndex : bBefore ? iColIndex + 1 : that._iNewColPos;
			}

			if ((bBefore || bAfter) && iColIndex > iDnDColIndex) {
				that._iNewColPos--;
			}

		}

	});

	// prevent the reordering of the fixed columns
	if (this._iNewColPos <= this._iLastFixedColIndex) {
		this._iNewColPos = iOldColPos;
	}
	if (this._iNewColPos < this.getFixedColumnCount()) {
		this._iNewColPos = iOldColPos;
	}

	// animate the column move
	this._animateColumnMove(iDnDColIndex, iOldColPos, this._iNewColPos);

	// update the ghost position
	this._$colGhost.css({
		"left": oEvent.pageX + 5,
		"top": oEvent.pageY + 5
	});

};

/**
 * animates the column movement
 */
sap.ui.table.Table.prototype._animateColumnMove = function(iColIndex, iOldPos, iNewPos) {

	var bRtl = this._bRtlMode;
	var $DnDCol = this.getColumns()[iColIndex].$();

	// position has been changed => reorder
	if (iOldPos !== iNewPos) {

		for (var i = Math.min(iOldPos, iNewPos), l = Math.max(iOldPos, iNewPos); i <= l; i++) {
			var oCol = this.getColumns()[i];
			if (i !== iColIndex && oCol.getVisible()) {
				oCol.$().stop(true, true).animate({left: "0px"});
			}
		}

		var iOffsetLeft = 0;
		if (iNewPos < iColIndex) {
			for (var i = iNewPos; i < iColIndex; i++) {
				var oCol = this.getColumns()[i];
				if (oCol.getVisible()) {
					var $col = oCol.$();
					iOffsetLeft -= $col.outerWidth();
					$col.stop(true, true).animate({left: $DnDCol.outerWidth() * (bRtl ? -1 : 1) + "px"});
				}
			}
		} else {
			for (var i = iColIndex + 1, l = iNewPos + 1; i < l; i++) {
				var oCol = this.getColumns()[i];
				if (oCol.getVisible()) {
					var $col = oCol.$();
					iOffsetLeft += $col.outerWidth();
					$col.stop(true, true).animate({left: $DnDCol.outerWidth() * (bRtl ? 1 : -1) + "px"});
				}
			}
		}
		$DnDCol.stop(true, true).animate({left: iOffsetLeft * (bRtl ? -1 : 1) + "px"});

	}
	
};

/**
 * columns is moved => update!
 * @private
 */
sap.ui.table.Table.prototype._onColumnMoved = function(oEvent) {

	var iDnDColIndex = parseInt(this._$colGhost.attr("data-sap-ui-colindex"), 10);
	var oDnDCol = this.getColumns()[iDnDColIndex];

	jQuery(document.body).
		unbind("mousemove", this._onColumnMove).
		unbind("mouseup", this._onColumnMoved);

	this._$colGhost.remove();
	this._$colGhost = undefined;

	this._enableTextSelection();

	// forward the event
	var bExecuteDefault = this.fireColumnMove({
		column: oDnDCol,
		newPos: this._iNewColPos
	});

	if (bExecuteDefault && this._iNewColPos !== undefined && this._iNewColPos !== iDnDColIndex) {
		this.removeColumn(oDnDCol);
		this.insertColumn(oDnDCol, this._iNewColPos);
		this._oColHdrItemNav.setFocusedIndex(this._iNewColPos);
	} else {
		this._animateColumnMove(iDnDColIndex, this._iNewColPos, iDnDColIndex);
		oDnDCol.$().css({
			"backgroundColor": "",
			"backgroundImage": "",
			"opacity": ""
		});
	}
	delete this._iNewColPos;

};

/**
 * start the column resize
 * @private
 */
sap.ui.table.Table.prototype._onColumnResizeStart = function(oEvent) {

	this._disableTextSelection();
	this._$colResize = jQuery(oEvent.target).addClass("sapUiTableColRszActive");

	jQuery(document.body).
		mousemove(jQuery.proxy(this._onColumnResize, this)).
		mouseup(jQuery.proxy(this._onColumnResized, this));

};

/**
 * resize the column
 * @private
 */
sap.ui.table.Table.prototype._onColumnResize = function(oEvent) {

	var $this = this.$();

	var bRtl = this._bRtlMode;
	var iColIndex = parseInt(this._$colResize.attr("data-sap-ui-colindex"), 10);
	var oColumn = this.getColumns()[iColIndex];
	var $col = oColumn.$();

	// find the total left offset from the document (required for pageX info)
	var iOffsetLeft = $this.find(".sapUiTableCnt").offset().left;

	// relative left position within the table scroll container
	var iRelLeft = oEvent.pageX - iOffsetLeft;

	// get the left position of the column to calculate the new width
	// relative to the parent container (sapUiTableCnt)!
	var iColLeft = $col.position().left;

	// calculate the new width
	var iPos = iRelLeft - iColLeft;

	// check the boundaries for the column width
	var iWidth = bRtl ? $col.outerWidth() - iPos : iPos;
	iWidth = Math.max(iWidth, /* oColumn.getMinWidth() || */ this._iColMinWidth);
	//iWidth = Math.min(iWidth, oColumn.getMaxWidth() || iWidth);

	// calculate and set the position of the resize handle
	var iRszLeft = iColLeft + (bRtl ? $col.outerWidth() - iWidth : iWidth);
	iRszLeft -= (this._$colResize.width() - 2) / 2;
	this._$colResize.css("left", iRszLeft);

	// store the width of the column to apply later
	oColumn._iNewWidth = iWidth;

};

/**
 * column is resized => update!
 * @private
 */
sap.ui.table.Table.prototype._onColumnResized = function(oEvent) {

	// ignore when no resize column is set
	if (!this._$colResize) {
		return;
	}

	// get the width of the new column
	var iColIndex = parseInt(this._$colResize.attr("data-sap-ui-colindex"), 10);
	var oColumn = this.getColumns()[iColIndex];

	// ignore when no resize happened
	if (!oColumn._iNewWidth) {
		return;
	}
	
	var sWidth;
	var iAvailableSpace = this.$().find(".sapUiTableCtrl").width();
	if (!this._checkPercentageColumnWidth()) {
		sWidth = oColumn._iNewWidth + "px";
	} else {
		var iColumnWidth = Math.round(100 / iAvailableSpace * oColumn._iNewWidth);
		sWidth = iColumnWidth + "%";
	}

	this._updateColumnWidth(oColumn, sWidth);
	this._resizeDependentColumns(oColumn, sWidth);

	delete oColumn._iNewWidth;

	// unbind the event handlers
	jQuery(document.body).
		unbind("mousemove", this._onColumnResize).
		unbind("mouseup", this._onColumnResized);

	// focus the column
	oColumn.focus();

	// hide the text selection
	this._$colResize.removeClass("sapUiTableColRszActive");
	this._$colResize = undefined;
	this._enableTextSelection();
	
	// rerender
	this.invalidate();

};

sap.ui.table.Table.prototype._resizeDependentColumns = function(oColumn, sWidth) {

	//Adjust columns only if the columns have percentage values
	if (this._checkPercentageColumnWidth()) {
		var aVisibleColumns = this._getVisibleColumns();
		//var oLastVisibleColumn = aVisibleColumns[aVisibleColumns.length - 1]; // NOT USED!
		//var bAllFollowingColumnsFlexible = true; // NOT USED!

		var iColumnIndex = undefined;
		jQuery.each(aVisibleColumns, function(iIndex, oCurrentColumn) {
			if (oColumn === oCurrentColumn) {
				iColumnIndex = iIndex;
			//} else if (iColumnIndex !== undefined && !oCurrentColumn.getFlexible()) { // NOT REQUIRED?
				//bAllFollowingColumnsFlexible = false;
			}
		});

		var iOthersWidth = 0;
		var iLastIndex = aVisibleColumns.length - 1;
		var iTotalPercentage;
		if (iColumnIndex === undefined) {
			iTotalPercentage = 0;
		} else {
			iTotalPercentage = parseInt(sWidth,10);
		}
		var iPercentages = 0;
		var aOtherColumns = [];
		var that = this;

		jQuery.each(aVisibleColumns, function(iIndex, oCurrentColumn) {
			var iColumnPercentage = that._getColumnPercentageWidth(oCurrentColumn);
			if ((((iColumnIndex === iLastIndex && iIndex < iColumnIndex) || ((iColumnIndex !== iLastIndex) && iIndex > iColumnIndex)) && oCurrentColumn.getFlexible()) || iColumnIndex === undefined) {
				iOthersWidth += oCurrentColumn.$().outerWidth();
				iPercentages += iColumnPercentage;
				aOtherColumns.push(oCurrentColumn);
			} else if (iIndex !== iColumnIndex) {
				iTotalPercentage += iColumnPercentage;
			}
		});

		var iCalcPercentage = iTotalPercentage;
		jQuery.each(aOtherColumns, function(iIndex, oCurrentColumn){
			var iColumnPercentage = that._getColumnPercentageWidth(oCurrentColumn);
			var iNewWidth = Math.round((100 - iCalcPercentage) / iPercentages * iColumnPercentage);
			if (iIndex === aOtherColumns.length - 1) {
				iNewWidth = 100 - iTotalPercentage;
			} else {
				iTotalPercentage += iNewWidth;
			}
			that._updateColumnWidth(oCurrentColumn, iNewWidth + "%");
		});
	}
};

sap.ui.table.Table.prototype._getColumnPercentageWidth = function(oColumn) {
	var sColumnWidth = oColumn.getWidth();
	var iColumnPercentage = parseInt(oColumn.getWidth(),10);
	var iTotalWidth = this.$().find(".sapUiTableCtrl").width();
	if (jQuery.sap.endsWith(sColumnWidth, "px")) {
		iColumnPercentage = Math.round(100 / iTotalWidth * iColumnPercentage);
	} else if (!jQuery.sap.endsWith(sColumnWidth, "%")) {
		iColumnPercentage = Math.round(100 / iTotalWidth * oColumn.$().width());
	}
	return iColumnPercentage;
};

sap.ui.table.Table.prototype._updateColumnWidth = function(oColumn, sWidth) {
	// forward the event
	var bExecuteDefault = this.fireColumnResize({
		column: oColumn,
		width: sWidth
	});

	// set the width of the column (when not cancelled)
	if (bExecuteDefault) {
		oColumn.setProperty("width", sWidth, true);
	}
};

/**
 * Check if at least one column has a percentage value
 */
sap.ui.table.Table.prototype._checkPercentageColumnWidth = function() {
	var aColumns = this.getColumns();
	var bHasPercentageColumns = false;
	jQuery.each(aColumns, function(iIndex, oColumn) {
		if (jQuery.sap.endsWith(oColumn.getWidth(), "%")) {
			bHasPercentageColumns = true;
			return false;
		}
	});
	return bHasPercentageColumns;
};


// =============================================================================
// SORTING & FILTERING
// =============================================================================

sap.ui.table.Table.prototype.sort = function(oColumn, oSortOrder) {
	if (jQuery.inArray(oColumn, this.getColumns()) >= 0) {
		oColumn.sort(oSortOrder === sap.ui.table.SortOrder.Descending);
	}
};

sap.ui.table.Table.prototype.filter = function(oColumn, sValue) {
	if (jQuery.inArray(oColumn, this.getColumns()) >= 0) {
		oColumn.filter(sValue);
	}
};


// =============================================================================
// SELECTION HANDLING
// =============================================================================

/**
 * updates the visual selection in the HTML markup
 */
sap.ui.table.Table.prototype._updateSelection = function() {
	if (this.getSelectionMode() === sap.ui.table.SelectionMode.None) {
		return;
	}
	var $this = this.$();
	var iFirstRow = this.getFirstVisibleRow();
	var that = this;
	var oResBundle = this._oResBundle;
	var bMultiSelection = this._oSelection.getSelectedIndices().length > 1;
	$this.find(".sapUiTableRowHdr").each(function(iIndex, oElement) {
		var $jqTR1 = jQuery($this.find(".sapUiTableCtrlFixed > tbody > tr").get(iIndex));
		var $jqTR2 = jQuery($this.find(".sapUiTableCtrlScroll > tbody > tr").get(iIndex));
		var $jqTR = $jqTR1.add($jqTR2);
		var $jqDIV = jQuery(this);
		var $jqRow = $jqDIV.add($jqTR);
		if (that.isIndexSelected(iFirstRow + iIndex)) {
			if (!jQuery(this).hasClass("sapUiTableRowSel")) {
				jQuery(this).addClass("sapUiTableRowSel");
				$jqTR.addClass("sapUiTableRowSel");
				$jqRow.attr("aria-selected", "true");
				$jqTR.children("td").attr("aria-selected", "true");
			}
			if (bMultiSelection) {
				$jqRow.attr("title", oResBundle.getText("TBL_ROW_DESELECT_MULTI")).
				  attr("aria-label", oResBundle.getText("TBL_ROW_DESELECT_MULTI_KEY"));
				$jqTR.find(".sapUiTableAriaRowSel").text(oResBundle.getText("TBL_ROW_DESELECT_MULTI_KEY"));
				if (that.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowSelector) {
					$jqTR.children("td").attr('aria-describedby', that.getId() + "-toggleedit " + that.getId() + "-deselectrowmulti");
				}
			} else {
				$jqRow.attr("title", oResBundle.getText("TBL_ROW_DESELECT")).
					attr("aria-label", oResBundle.getText("TBL_ROW_DESELECT_KEY"));
				$jqTR.find(".sapUiTableAriaRowSel").text(oResBundle.getText("TBL_ROW_DESELECT_KEY"));
				if (that.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowSelector) {
					$jqTR.children("td").attr('aria-describedby', that.getId() + "-toggleedit " + that.getId() + "-deselectrow");
				}
			}
		} else {
			if (jQuery(this).hasClass("sapUiTableRowSel")) {
				jQuery(this).removeClass("sapUiTableRowSel");
				$jqTR.removeClass("sapUiTableRowSel");
				if (that.getSelectionMode()  === sap.ui.table.SelectionMode.Multi) {
					$jqRow.attr("aria-selected", "false");
					$jqTR.children("td").attr("aria-selected", "false");
				} else {
					$jqRow.removeAttr("aria-selected");
					$jqTR.children("td").removeAttr("aria-selected");
				}
			}
			if (that.getSelectionMode() === sap.ui.table.SelectionMode.Multi && that._oSelection.getSelectedIndices().length > 0) {
				$jqRow.attr("title", oResBundle.getText("TBL_ROW_SELECT")).
			  	  attr("aria-label", oResBundle.getText("TBL_ROW_SELECT_MULTI_KEY"));
				$jqTR.find(".sapUiTableAriaRowSel").text(oResBundle.getText("TBL_ROW_SELECT_MULTI_KEY"));
				if (that.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowSelector) {
					$jqTR.children("td").attr('aria-describedby', that.getId() + "-toggleedit " + that.getId() + "-selectrowmulti");
				}
			} else {
				$jqRow.attr("title", oResBundle.getText("TBL_ROW_SELECT")).
				  attr("aria-label", oResBundle.getText("TBL_ROW_SELECT_KEY"));
				$jqTR.find(".sapUiTableAriaRowSel").text(oResBundle.getText("TBL_ROW_SELECT_KEY"));
				if (that.getSelectionBehavior() !== sap.ui.table.SelectionBehavior.RowSelector) {
					$jqTR.children("td").attr('aria-describedby', that.getId() + "-toggleedit " + that.getId() + "-selectrow");
				}
			}
		}
	});
	// update internal property to reflect the correct index
	this.setProperty("selectedIndex", this.getSelectedIndex(), true); 
};


/**
 * notifies the selection listeners about the changed rows
 */
sap.ui.table.Table.prototype._onSelectionChanged = function(oEvent) {
	var aRowIndices = oEvent.getParameter("rowIndices");
	var iRowIndex = this._iSourceRowIndex !== undefined ? this._iSourceRowIndex : this.getSelectedIndex();
	this._updateSelection();
	jQuery.sap.byId(this.getId() + "-selall").attr('title',this._oResBundle.getText("TBL_SELECT_ALL"));
	this.fireRowSelectionChange({
		rowIndex: iRowIndex,
		rowContext: this.getContextByIndex(iRowIndex),
		rowIndices: aRowIndices
	});
};


/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.getContextByIndex = function(iIndex) {
	// TODO: ODataListBinding needs to make sure to prevent loading multiple times
	// index must not be smaller than 0! otherwise the ODataModel fails
	var oBinding = this.getBinding("rows");
	return iIndex >= 0 && oBinding ? oBinding.getContexts(iIndex, 1)[0] : null;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.getSelectedIndex = function() {
	return this._oSelection.getLeadSelectedIndex();
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.setSelectedIndex = function(iIndex) {
	if (iIndex === -1) {
		//If Index eq -1 no item is selected, therefore clear selection is called
		//SelectionModel doesn't know that -1 means no selection
		this._oSelection.clearSelection();
	} else {
		this._oSelection.setSelectionInterval(iIndex, iIndex);
	}
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.clearSelection = function() {
	this._oSelection.clearSelection();
	jQuery.sap.byId(this.getId() + "-selall").attr('title',this._oResBundle.getText("TBL_SELECT_ALL"));
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.selectAll = function() {
	var oBinding = this.getBinding("rows");
	if (oBinding) {
		this._oSelection.setSelectionInterval(0, oBinding.getLength() - 1);
		jQuery.sap.byId(this.getId() + "-selall").attr('title',this._oResBundle.getText("TBL_DESELECT_ALL"));
	}
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.getSelectedIndices = function() {
	return this._oSelection.getSelectedIndices();
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.addSelectionInterval = function(iIndexFrom, iIndexTo) {
	this._oSelection.addSelectionInterval(iIndexFrom, iIndexTo);
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.setSelectionInterval = function(iIndexFrom, iIndexTo) {
	this._oSelection.setSelectionInterval(iIndexFrom, iIndexTo);
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.removeSelectionInterval = function(iIndexFrom, iIndexTo) {
	this._oSelection.removeSelectionInterval(iIndexFrom, iIndexTo);
	return this;
};

/*
 * @see JSDoc generated by SAPUI5 control API generator
 */
sap.ui.table.Table.prototype.isIndexSelected = function(iIndex) {
	return this._oSelection.isSelectedIndex(iIndex);
};


// =============================================================================
// KEYBOARD HANDLING HELPERS
// =============================================================================

/**
 * scrolls down a single row
 * @private
 */
sap.ui.table.Table.prototype._scrollNext = function() {
	// we are at the end => scroll one down if possible
	if (this.getFirstVisibleRow() < this._getRowCount() - this.getVisibleRowCount()) {
		this.setFirstVisibleRow(Math.min(this.getFirstVisibleRow() + 1, this._getRowCount() - this.getVisibleRowCount()));
	}
};

/**
 * scrolls up a single row
 * @private
 */
sap.ui.table.Table.prototype._scrollPrevious = function() {
	// we are at the beginning => scroll one up if possible
	if (this.getFirstVisibleRow() > 0) {
		this.setFirstVisibleRow(Math.max(this.getFirstVisibleRow() - 1, 0));
	}
};

/**
 * scrolls down a up page
 * @private
 */
sap.ui.table.Table.prototype._scrollPageUp = function() {
	this.setFirstVisibleRow(Math.max(this.getFirstVisibleRow() - this.getVisibleRowCount(), 0));
};

/**
 * scrolls down a complete page
 * @private
 */
sap.ui.table.Table.prototype._scrollPageDown = function() {
	this.setFirstVisibleRow(Math.min(this.getFirstVisibleRow() + this.getVisibleRowCount(), this._getRowCount() - this.getVisibleRowCount()));
};

/**
 * checks if the current target domref is in the first row of the table
 * @private
 */
sap.ui.table.Table.prototype._isTopRow = function(oEvent) {
	var $target = jQuery(oEvent.target);
	var iRowIndex = parseInt($target.add($target.parent()).filter("[data-sap-ui-rowindex]").attr("data-sap-ui-rowindex"), 10);
	var iFixedRows = this.getFixedRowCount();
	if (iFixedRows > 0 && iRowIndex >= iFixedRows) {
		return iRowIndex === iFixedRows;
	}
	return iRowIndex === 0;
};

/**
 * checks if the current target domref is in the last row of the table
 * @private
 */
sap.ui.table.Table.prototype._isBottomRow = function(oEvent) {
	var $target = jQuery(oEvent.target);
	var iRowIndex = parseInt($target.add($target.parent()).filter("[data-sap-ui-rowindex]").attr("data-sap-ui-rowindex"), 10);
	return iRowIndex === this.getVisibleRowCount() - 1;
};

/**
 * enters the action mode. in the action mode the user can navigate through the
 * interactive controls of the table by using the TAB & SHIFT-TAB. this table is
 * aligned with the official WAI-ARIA 1.0.
 * @private
 */
sap.ui.table.Table.prototype._enterActionMode = function(oDomRef) {
	// only enter the action mode when not already in action mode and:
	if (oDomRef && !this._bActionMode) {

		// in the action mode we need no item navigation
		this._bActionMode = true;
		this.removeDelegate(this._oItemNavigation);

		// remove the tab index from the item navigation
		jQuery(this._oItemNavigation.getFocusedDomRef()).attr("tabindex", "-1");

		// set the focus to the active control
		jQuery(oDomRef).focus();

	}
};

/**
 * leaves the action mode and enters the navigation mode. in the navigation mode
 * the user can navigate through the cells of the table by using the arrow keys,
 * page up & down keys, home and end keys. this table is aligned with the
 * official WAI-ARIA 1.0.
 * @private
 */
sap.ui.table.Table.prototype._leaveActionMode = function(oEvent) {

 // TODO: update ItemNavigation position otherwise the position is strange!
 //        EDIT AN SCROLL!

	if (this._bActionMode) {

		// in the navigation mode we use the item navigation
		this._bActionMode = false;
		this.addDelegate(this._oItemNavigation);

		// reset the tabindex of the focused domref of the item navigation
		jQuery(this._oItemNavigation.getFocusedDomRef()).attr("tabindex", "0");

		// when we have an event which is responsible to leave the action mode
		// we search for the closest
		if (oEvent) {
			if (jQuery(oEvent.target).closest("td[tabindex=-1]").length > 0) {
				// triggered when clicking into a cell, then we focus the cell
				var iIndex = jQuery(this._oItemNavigation.aItemDomRefs).index(jQuery(oEvent.target).closest("td[tabindex=-1]").get(0));
				this._oItemNavigation.focusItem(iIndex, null);
			} else {
				// somewhere else means whe check if the click happend inside
				// the container, then we focus the last focused element
				// (DON'T KNOW IF THIS IS OK - but we don't know where the focus was!)
				if (jQuery.sap.containsOrEquals(this.$().find(".sapUiTableCtrl").get(0), oEvent.target)) {
					this._oItemNavigation.focusItem(this._oItemNavigation.getFocusedIndex(), null);
				}
			}
		} else {
			// when no event is given we just focus the last focused index
			this._oItemNavigation.focusItem(this._oItemNavigation.getFocusedIndex(), null);
		}
		
	}

};


// =============================================================================
// KEYBOARD HANDLING EVENTS
// =============================================================================

// FYI: two more relevant things are handled in the onclick and onfocusin event

/**
 * handle the row selection via SPACE or ENTER key
 * @private
 */
sap.ui.table.Table.prototype.onsapselectmodifiers = 
sap.ui.table.Table.prototype.onsapselect = function(oEvent) {
	if (oEvent.srcControl !== this && jQuery.inArray(oEvent.srcControl,this.getRows()) === -1) {
		return;
	}
	this._bShowMenu = true;
	this._onSelect(oEvent);
	this._bShowMenu = false;
	oEvent.preventDefault();
};

/**
 * handle the row selection via SPACE or ENTER key
 * @private
 */
sap.ui.table.Table.prototype.onkeydown = function(oEvent) {
	var $this = this.$();
	if (!this._bActionMode &&
		oEvent.keyCode == jQuery.sap.KeyCodes.F2 ||
		oEvent.keyCode == jQuery.sap.KeyCodes.ENTER) {
		if ($this.find(".sapUiTableCtrl td:focus").length > 0) {
			this._enterActionMode($this.find(".sapUiTableCtrl td:focus :sapFocusable").get(0));
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	} else if (this._bActionMode &&
		oEvent.keyCode == jQuery.sap.KeyCodes.F2) {
		this._leaveActionMode(oEvent);
	} else if (oEvent.keyCode == jQuery.sap.KeyCodes.TAB && this._bActionMode) {
		//Set tabindex to second table if fixed columns are used
		if (this.getFixedColumnCount() > 0) {
			var $cell = jQuery(oEvent.target);
			if ($cell.is("td[role=gridcell]") == false) {
				$cell = $cell.parents("td[role=gridcell]");
			}
			var $row = $cell.parent("tr[data-sap-ui-rowindex]");
			var $table = $row.parents("table[role=grid]");
			var iRowIndex = parseInt($row.attr("data-sap-ui-rowindex"),10);
			var $cells = $row.find("td[role=gridcell]");
			var iColIndex = $cells.index($cell);
			var iTableCols = $cells.length;
			if (iColIndex === (iTableCols - 1)) {
				var $otherTable;
				if ($table.hasClass("sapUiTableCtrlFixed")) {
					$otherTable = $this.find(".sapUiTableCtrl.sapUiTableCtrlScroll");
				} else {
					$otherTable = $this.find(".sapUiTableCtrl.sapUiTableCtrlFixed");
					iRowIndex++;
					if (iRowIndex == this.getVisibleRowCount()) {
						iRowIndex = 0;
					}
				}
				var $otherRow = $otherTable.find("tr[data-sap-ui-rowindex=" + iRowIndex + "]");
				var $nextFocus = $otherRow.find("td :sapFocusable[tabindex=0]").first();
				if ($nextFocus.length > 0) {
					$nextFocus.focus();
					oEvent.preventDefault();
				}
			}
		}
	}
};

/**
 * handle the ESCAPE key to leave the action mode
 * @private
 */
sap.ui.table.Table.prototype.onsapescape = function(oEvent) {
	this._leaveActionMode(oEvent);
};

/**
 * handle the SHIFT-TAB key
 * <ul>
 *   <li>Navigation Mode: jump to the next focusable control before the table</li>
 *   <li>Action Mode: focus previous focusable control (wrap at the beginning)</li>
 * </ul>
 * @private
 */
sap.ui.table.Table.prototype.onsaptabprevious = function(oEvent) {
	var $this = this.$();
	if (this._bActionMode) {
		if ($this.find(".sapUiTableCtrlFixed").firstFocusableDomRef() === oEvent.target) {
			$this.find(".sapUiTableCtrlScroll").lastFocusableDomRef().focus();
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	} else {
		// in case of having the focus in the row or column header we do not need to
		// place the focus to the div before the table control because there we do
		// not need to skip the table controls anymore.
		if (this._oItemNavigation.getFocusedDomRef() === oEvent.target &&
				jQuery.sap.containsOrEquals($this.find(".sapUiTableCtrl").get(0), oEvent.target)) {
			this._bIgnoreFocusIn = true;
			$this.find(".sapUiTableCtrlBefore").focus();
			this._bIgnoreFocusIn = false;
		}
	}
};

/**
 * handle the TAB key:
 * <ul>
 *   <li>Navigation Mode: jump to the next focusable control after the table</li>
 *   <li>Action Mode: focus next focusable control (wrap at the end)</li>
 * </ul>
 * @private
 */
sap.ui.table.Table.prototype.onsaptabnext = function(oEvent) {
	var $this = this.$();
	if (this._bActionMode) {
		if ($this.find(".sapUiTableCtrl").lastFocusableDomRef() === oEvent.target) {
			$this.find(".sapUiTableCtrl").firstFocusableDomRef().focus();
			oEvent.preventDefault();
			oEvent.stopPropagation();
		}
	} else {
		if (this._oItemNavigation.getFocusedDomRef() === oEvent.target) {
			this._bIgnoreFocusIn = true;
			$this.find(".sapUiTableCtrlAfter").focus();
			this._bIgnoreFocusIn = false;
		}
	}
};

/**
 * dynamic scrolling when reaching the bottom row with the ARROW DOWN key
 * @private
 */
sap.ui.table.Table.prototype.onsapdown = function(oEvent) {
	if (!this._bActionMode && this._isBottomRow(oEvent)) {
		if (this.getNavigationMode() === sap.ui.table.NavigationMode.Scrollbar) {
			this._scrollNext();
		} else {
			this._scrollPageDown();
		}
	}
	oEvent.preventDefault();
};

/**
 * dynamic scrolling when reaching the top row with the ARROW UP key
 * @private
 */
sap.ui.table.Table.prototype.onsapup = function(oEvent) {
	if (!this._bActionMode && this._isTopRow(oEvent)) {
		if (this.getFirstVisibleRow() != 0) {
			oEvent.stopImmediatePropagation(true);
		}
		if (this.getNavigationMode() === sap.ui.table.NavigationMode.Scrollbar) {
			this._scrollPrevious();
		} else {
			this._scrollPageUp();
		}
	}
	oEvent.preventDefault();
};

/**
 * dynamic scrolling when reaching the bottom row with the PAGE DOWN key
 * @private
 */
sap.ui.table.Table.prototype.onsappagedown = function(oEvent) {
	if (!this._bActionMode && this._isBottomRow(oEvent)) {
		this._scrollPageDown();
	}
	oEvent.preventDefault();
};

/**
 * dynamic scrolling when reaching the top row with the PAGE UP key
 * @private
 */
sap.ui.table.Table.prototype.onsappageup = function(oEvent) {
	if (!this._bActionMode) {
		var oIN = this._oItemNavigation;
		var iIndex = this.getColumnHeaderVisible() ? oIN.iColumns : 0;
		// we need to make sure to move to the first row before switching into the column header
		if (oIN.iFocusedIndex >= iIndex && this.getFirstVisibleRow() != 0) {
			var iCol = oIN.iFocusedIndex % oIN.iColumns;
			oIN.focusItem(iIndex + iCol, oEvent);
			oEvent.stopImmediatePropagation(true);
		}
		if (this._isTopRow(oEvent)) {
			this._scrollPageUp();
		}
	}
	oEvent.preventDefault();
};

/**
 * dynamic scrolling when using CTRL + HOME key
 * @private
 */
sap.ui.table.Table.prototype.onsaphomemodifiers = function(oEvent) {
	if (oEvent.metaKey || oEvent.ctrlKey) {
		this.setFirstVisibleRow(0);
	}
};

/**
 * dynamic scrolling when using CTRL + END key
 * @private
 */
sap.ui.table.Table.prototype.onsapendmodifiers = function(oEvent) {
	if (oEvent.metaKey || oEvent.ctrlKey) {
		this.setFirstVisibleRow(this._getRowCount() - this.getVisibleRowCount());
	}
};


// =============================================================================
// GROUPING
// =============================================================================

/* 
 * overriden to hide the group by column when set
 */
sap.ui.table.Table.prototype.setGroupBy = function(vValue) {

	// determine the group by column
	var oGroupBy = vValue;
	if (typeof oGroupBy === "string") {
		oGroupBy = sap.ui.getCore().byId(oGroupBy);
	}

	// only for columns we do the full handling here - otherwise the method
	// setAssociation will fail below with a specific fwk error message
	var bReset = false;
	if (oGroupBy && oGroupBy instanceof sap.ui.table.Column) {
	
		// check for column being part of the columns aggregation
		if (jQuery.inArray(oGroupBy, this.getColumns()) === -1) {
			throw new Error("Column has to be part of the columns aggregation!");
		} 
	
		// fire the event (to allow to cancel the event)
		var bExecuteDefault = this.fireGroup({column: oGroupBy});
	
		// first we reset the grouping indicator of the old column (will show the column)
		var oOldGroupBy = sap.ui.getCore().byId(this.getGroupBy());
		if (oOldGroupBy) {
			oOldGroupBy.setGrouped(false);
			bReset = true; 
		}
	
		// then we set the grouping indicator of the new column (will hide the column)
		// ==> only if the default behavior is not prevented 
		if (bExecuteDefault && oGroupBy instanceof sap.ui.table.Column) {
			oGroupBy.setGrouped(true);
		}
		
	}
	
	// reset the binding when no value is given or the binding needs to be reseted
	// TODO: think about a better handling to recreate the group binding
	if (!oGroupBy || bReset) {
		var oBindingInfo = this.getBindingInfo("rows");
		delete oBindingInfo.binding;
		this._bindAggregation("rows", oBindingInfo);
	}

	// set the new group by column (TODO: undefined doesn't work!)
	return this.setAssociation("groupBy", oGroupBy);
};

/*
 * override the getBinding to inject the grouping information into the JSON model.
 *
 * !!EXPERIMENTAL FEATURE!!
 * 
 * TODO: 
 *   - Grouping is not really possible for models based on OData: 
 *     - it works when loading data from the beginning because in this case the
 *       model has the relevant information (distinct values) to determine the
 *       count of rows and add them properly in the scrollbar as well as adding
 *       the group information to the contexts array which is used by the 
 *       _modifyRow to display the group headers
 *     - it doesn't work when not knowing how many groups are available before
 *       and on which position the group header has to be added - e.g. when 
 *       displaying a snapshot in the middle of the model.
 *   - For OData it might be a server-side feature?
 */
sap.ui.table.Table.prototype.getBinding = function(sName) {

	// default binding is the "rows" binding
	sName = sName || "rows";
	var oBinding = sap.ui.core.Element.prototype.getBinding.call(this, sName);

	// we do all the extended stuff only when grouping is enabled
	if (this.getEnableGrouping()) {

		// require the binding types (think about loading them only if required)
		jQuery.sap.require("sap.ui.model.json.JSONListBinding");
		jQuery.sap.require("sap.ui.model.xml.XMLListBinding");
	
		// check for grouping being supported or not (only for JSON and XML ListBinding!!) 
		var oGroupBy = sap.ui.getCore().byId(this.getGroupBy());
		var bIsSupported = oGroupBy && oGroupBy.getGrouped() &&
		                   sName === "rows" && oBinding && (
		                     oBinding instanceof sap.ui.model.json.JSONListBinding || 
		                     oBinding instanceof sap.ui.model.xml.XMLListBinding);
	
		// only enhance the binding if it has not been done yet and supported!
		if (bIsSupported && !oBinding._modified) {
			
			// once the binding is modified we always return the modified binding
			// and don't wanna modifiy the binding once again
			oBinding._modified = true;
			 
			// hook into the row modification and add the grouping specifics
			this._modifyRow = function(iRowIndex, $row) {
	
				// we add the style override to display the row header
				this.$().find(".sapUiTableRowHdrScr").css("display", "block");

				// modify the rows
				var $rowHdr = this.$().find("div[data-sap-ui-rowindex=" + $row.attr("data-sap-ui-rowindex") + "]");
				if (oBinding.isGroupHeader(iRowIndex)) {
					$row.addClass("sapUiTableGroupHeader sapUiTableRowHidden");
					var sClass = oBinding.isExpanded(iRowIndex) ? "sapUiTableGroupIconOpen" : "sapUiTableGroupIconClosed";
					$rowHdr.html("<div class=\"sapUiTableGroupIcon " + sClass + "\" tabindex=\"-1\">" + oBinding.getTitle(iRowIndex) + "</div>");
					$rowHdr.addClass("sapUiTableGroupHeader").removeAttr("title");
				} else {
					$row.removeClass("sapUiTableGroupHeader");
					$rowHdr.html("");
					$rowHdr.removeClass("sapUiTableGroupHeader");
				}
				
			};
			
			this.onclick = function(oEvent) {
				if (jQuery(oEvent.target).hasClass("sapUiTableGroupIcon")) {
					var $parent = jQuery(oEvent.target).parents("[data-sap-ui-rowindex]");
					if ($parent.length > 0) {
						var iRowIndex = this.getFirstVisibleRow() + parseInt($parent.attr("data-sap-ui-rowindex"), 10);
						var oBinding = this.getBinding("rows");
						if (oBinding.isExpanded(iRowIndex)) {
							oBinding.collapse(iRowIndex);
							jQuery(oEvent.target).removeClass("sapUiTableGroupIconOpen").addClass("sapUiTableGroupIconClosed");
						} else {
							oBinding.expand(iRowIndex);
							jQuery(oEvent.target).removeClass("sapUiTableGroupIconClosed").addClass("sapUiTableGroupIconOpen");
						}
					}
				} else {
					if (sap.ui.table.Table.prototype.onclick) {
						sap.ui.table.Table.prototype.onclick.apply(this, arguments);
					}
				}
			};
	
			// we use sorting finally to sort the values and afterwards group them
			var sPropertyName = oGroupBy.getSortProperty();
			oBinding.sort(new sap.ui.model.Sorter(sPropertyName));
	
			// fetch the contexts from the original binding
			var iLength, aContexts;
			if (oBinding instanceof sap.ui.model.json.JSONListBinding) {
				iLength = sap.ui.model.json.JSONListBinding.prototype.getLength.apply(oBinding, []);
				aContexts = sap.ui.model.json.JSONListBinding.prototype.getContexts.apply(oBinding, [0, iLength]);
			} else {
				iLength = sap.ui.model.xml.XMLListBinding.prototype.getLength.apply(oBinding, []);
				aContexts = sap.ui.model.xml.XMLListBinding.prototype.getContexts.apply(oBinding, [0, iLength]);
			}
			
			// add the context information for the group headers which are later on
			// used for displaying the grouping information of each group
			var sKey = undefined;
			var iCounter = 0;
			for (var i = iLength - 1; i >= 0; i--) {
				var sNewKey = aContexts[i].getProperty(sPropertyName); 
				if (!sKey) {
					sKey = sNewKey;
				}
				if (sKey !== sNewKey) {
					aContexts.splice(i + 1, 0, {
						oContext: aContexts[i + 1],
						name: sKey,
						count: iCounter,
						groupHeader: true,
						expanded: true
					});
					sKey = sNewKey;
					iCounter = 0;
				}
				iCounter++;
			}
			aContexts.splice(0, 0, {
				oContext: aContexts[0],
				name: sKey,
				count: iCounter,
				groupHeader: true,
				expanded: true
			});
		
			// extend the binding and hook into the relevant functions to provide
			// access to the grouping information for the _modifyRow function
			jQuery.extend(oBinding, {
				getLength: function() {
					return aContexts.length;
				},
				getContexts: function(iStartIndex, iLength) {
					return aContexts.slice(iStartIndex, iStartIndex + iLength);
				},
				isGroupHeader: function(iIndex) {
					var oContext = aContexts[iIndex];
					return oContext && !(oContext instanceof sap.ui.model.Context);
				},
				getTitle: function(iIndex) {
					var oContext = aContexts[iIndex];
					return oContext && !(oContext instanceof sap.ui.model.Context) && (oContext["name"] + " - " + oContext["count"]);
				},
				isExpanded: function(iIndex) {
					return this.isGroupHeader(iIndex) && aContexts[iIndex].expanded;
				},
				expand: function(iIndex) {
					if (this.isGroupHeader(iIndex) && !aContexts[iIndex].expanded) {
						for (var i = 0; i < aContexts[iIndex].childs.length; i++) {
							aContexts.splice(iIndex + 1 + i, 0, aContexts[iIndex].childs[i]);
						}
						delete aContexts[iIndex].childs;
						aContexts[iIndex].expanded = true;
						this._fireChange();
					}
				},
				collapse: function(iIndex) {
					if (this.isGroupHeader(iIndex) && aContexts[iIndex].expanded) {
						aContexts[iIndex].childs = aContexts.splice(iIndex + 1, aContexts[iIndex].count);
						aContexts[iIndex].expanded = false;
						this._fireChange();
					}
				}
				
			});
			
		}
		
	}

	return oBinding;
	
};

sap.ui.table.Table.prototype.resetGrouping = function() {

	// reset the group binding only when enhanced
	var oBinding = this.getBinding("rows");
	if (oBinding && oBinding._modified) {
	
		// we remove the style override to display the row header
		this.$().find(".sapUiTableRowHdrScr").css("display", "");
		
		// if the grouping is not supported we remove the hacks we did
		// and simply return the binding finally
		this.onclick = sap.ui.table.Table.prototype.onclick;
		this._modifyRow = undefined;
		
		// reset the binding
		var oBindingInfo = this.getBindingInfo("rows");
		this.unbindRows();
		this.bindRows(oBindingInfo);
			
	}
			
};

sap.ui.table.Table.prototype.setEnableGrouping = function(bEnableGrouping) {
	// set the property
	this.setProperty("enableGrouping", bEnableGrouping);
	// reset the grouping
	if (!bEnableGrouping) {
		this.resetGrouping();
	}
	// update the column headers
	var aCols = this.getColumns();
	for (var i = 0, l = aCols.length; i < l; i++) {
		if (aCols[i].getMenu()) {
			aCols[i].getMenu()._bInvalidated = true;
		}
	}
	return this;
}; 

sap.ui.table.Table.prototype.setShowColumnVisibilityMenu = function(bShowColumnVisibilityMenu) {
	this.setProperty("showColumnVisibilityMenu", bShowColumnVisibilityMenu);
	var aCols = this.getColumns();
	for (var i = 0, l = aCols.length; i < l; i++) {
		if (aCols[i].getMenu()) {
			aCols[i].getMenu()._bInvalidated = true;
		}
	}
	return this;
}; 

/**
 * The selectstart event triggered in IE to select the text.
 * @private
 * @param {event} oEvent The splitterselectstart event
 * @return {boolean} false
 */
sap.ui.table.Table.prototype._splitterSelectStart = function(oEvent){
	oEvent.preventDefault();
	oEvent.stopPropagation();
	return false;
};

/**
 * drops the splitter bar
 */
sap.ui.table.Table.prototype._onGhostMouseRelease = function(oEvent) {

	var splitterBarGhost = jQuery.sap.domById(this.getId() + "-ghost");

	var iNewHeight = oEvent.pageY - this.$().offset().top;

    this.setVisibleRowCount(this._calculateRowsToDisplay(iNewHeight));

	jQuery(splitterBarGhost).remove();
	jQuery.sap.byId(this.getId() + "-overlay").remove();

	jQuery(document.body).unbind("selectstart", this._splitterSelectStart);
	jQuery(document).unbind("mouseup", this._onGhostMouseRelease);
	jQuery(document).unbind("mousemove", this._onGhostMouseMove);

};

sap.ui.table.Table.prototype._onGhostMouseMove = function(oEvent) {
	var splitterBarGhost = jQuery.sap.domById(this.getId() + "-ghost");

	var min = this.$().offset().top;
	if (oEvent.pageY > min) {
		jQuery(splitterBarGhost).css("top", oEvent.pageY + "px");
	}
};

sap.ui.table.Table.prototype._calculateRowsToDisplay = function(iHeight) {
	var $this = this.$();

	var iControlHeight = jQuery.sap.byId(this.getId()).outerHeight();
	var iHeaderHeight = $this.find('.sapUiTableColHdrCnt').outerHeight();
	var iContentHeight = $this.find('.sapUiTableCCnt').outerHeight();

	var iRowHeight = $this.find(".sapUiTableCtrl tr[data-sap-ui-rowindex=0]").outerHeight();
	//No rows displayed when visible row count == 0, now row height can be determined, therefore we set standard row height
	if (iRowHeight == null) {
		var sRowHeightParamName = "sap.ui.table.Table:sapUiTableRowHeight";
		iRowHeight = parseInt(sap.ui.core.theming.Parameters.get(sRowHeightParamName), 10);
	}
	var iAvailableSpace = iHeight - (iControlHeight - iHeaderHeight - iContentHeight) - iRowHeight;

	return Math.max(5, Math.floor(iAvailableSpace/iRowHeight));
};

}; // end of sap.ui.table.Table
if ( !jQuery.sap.isDeclared('sap.ui.table.TreeTable') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.table.TreeTable.
jQuery.sap.declare("sap.ui.table.TreeTable");



/**
 * Constructor for a new TreeTable.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getExpandFirstLevel expandFirstLevel} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.table.TreeTable#event:toggleOpenState toggleOpenState} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.table.Table#constructor sap.ui.table.Table}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The TreeTable Control.
 * @extends sap.ui.table.Table
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.table.TreeTable
 */
sap.ui.table.Table.extend("sap.ui.table.TreeTable", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"expand", "collapse", "isExpanded"
	],

	// ---- control specific ----
	library : "sap.ui.table",
	properties : {
		"expandFirstLevel" : {type : "boolean", group : "", defaultValue : false}
	},
	events : {
		"toggleOpenState" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.table.TreeTable with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.table.TreeTable.extend
 * @function
 */

sap.ui.table.TreeTable.M_EVENTS = {'toggleOpenState':'toggleOpenState'};


/**
 * Getter for property <code>expandFirstLevel</code>.
 * Flag to enable or disable expanding of first level.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>expandFirstLevel</code>
 * @public
 * @name sap.ui.table.TreeTable#getExpandFirstLevel
 * @function
 */

/**
 * Setter for property <code>expandFirstLevel</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bExpandFirstLevel  new value for property <code>expandFirstLevel</code>
 * @return {sap.ui.table.TreeTable} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.TreeTable#setExpandFirstLevel
 * @function
 */


/**
 * fired when a node has been expanded or collapsed (only available in hierachical mode) 
 *
 * @name sap.ui.table.TreeTable#toggleOpenState
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.rowIndex index of the expanded/collapsed row
 * @param {object} oControlEvent.getParameters.rowContext binding context of the selected row
 * @param {boolean} oControlEvent.getParameters.expanded flag whether the node has been expanded or collapsed
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'toggleOpenState' event of this <code>sap.ui.table.TreeTable</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.TreeTable</code>.<br/> itself. 
 *  
 * fired when a node has been expanded or collapsed (only available in hierachical mode) 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.TreeTable</code>.<br/> itself.
 *
 * @return {sap.ui.table.TreeTable} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.TreeTable#attachToggleOpenState
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'toggleOpenState' event of this <code>sap.ui.table.TreeTable</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.TreeTable} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.TreeTable#detachToggleOpenState
 * @function
 */

/**
 * Fire event toggleOpenState to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'rowIndex' of type <code>int</code> index of the expanded/collapsed row</li>
 * <li>'rowContext' of type <code>object</code> binding context of the selected row</li>
 * <li>'expanded' of type <code>boolean</code> flag whether the node has been expanded or collapsed</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.table.TreeTable} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.table.TreeTable#fireToggleOpenState
 * @function
 */


/**
 * expands the row for the given row index
 *
 * @name sap.ui.table.TreeTable.prototype.expand
 * @function
 * @param {int} 
 *         iRowIndex
 *         index of the row to expand

 * @type sap.ui.table.TreeTable
 * @public
 */


/**
 * collapses the row for the given row index
 *
 * @name sap.ui.table.TreeTable.prototype.collapse
 * @function
 * @param {int} 
 *         iRowIndex
 *         index of the row to collapse

 * @type sap.ui.table.TreeTable
 * @public
 */


/**
 * returns whether the row is expanded or collapsed
 *
 * @name sap.ui.table.TreeTable.prototype.isExpanded
 * @function
 * @param {int} 
 *         iRowIndex
 *         index of the row to check

 * @type boolean
 * @public
 */


// Start of sap/ui/table/TreeTable.js
/**
 * Initialization of the TreeTable control
 * @private
 */
sap.ui.table.TreeTable.prototype.init = function() {
	sap.ui.table.Table.prototype.init.apply(this, arguments);
	this._iLastFixedColIndex = 0;
};

sap.ui.table.TreeTable.prototype.isTreeBinding = function(sName) {
	sName = sName || "rows";
	if (sName === "rows") {
		return true;
	}
	return sap.ui.core.Element.prototype.isTreeBinding.apply(this, sName);
};

sap.ui.table.TreeTable.prototype.getBinding = function(sName) {
	sName = sName || "rows";
	var oBinding = sap.ui.core.Element.prototype.getBinding.call(this, sName);
	// the check for the tree binding is only relevant becuase of the DataTable migration
	//  --> once the DataTable is deleted after the deprecation period this check can be deleted 
	if (oBinding && this.isTreeBinding(sName) && sName === "rows" && !oBinding.getLength) {
		// SIMULATE A LIST BINDING FOR THE TREE BINDING!
		//jQuery.sap.log.info("Enhancing Binding Object - Tree to List Binding");
		var that = this;
		jQuery.extend(oBinding, {
			_init: function(bExpandFirstLevel) {
				// load the root contexts and create the context info map
				this.mContextInfo = {};
				this._initContexts();
				// expand the first level if required
				if (bExpandFirstLevel) {
					var that = this;
					if (this.aContexts) {
						jQuery.each(this.aContexts.slice(), function(iIndex, oContext) {
							that._loadChildContexts(oContext);
							that._getContextInfo(oContext).bExpanded = true;
						});
					}
				}
			},
			_initContexts: function() {
				// load the root contexts and create the context info map entry (if missing)
				this.aContexts = this.getRootContexts();
				for (var i = 0, l = this.aContexts.length; i < l; i++) {
					var oldContextInfo = this._getContextInfo(this.aContexts[i]);
					this._setContextInfo({
						oContext: this.aContexts[i],
						iLevel: 0,
						bExpanded: oldContextInfo ? oldContextInfo.bExpanded : false,
						bHasChildren: this._hasChildContexts(this.aContexts[i])
					});
				}
			},
			_fnFireFilter: oBinding._fireFilter,
			_fireFilter: function() {
				this._fnFireFilter.apply(this, arguments);
				this._initContexts();
				this._restoreContexts(this.aContexts);
			},
			_fnFireChange: oBinding._fireChange,
			_fireChange: function() {
				this._fnFireChange.apply(this, arguments);
				this._initContexts();
				this._restoreContexts(this.aContexts);
			},
			_restoreContexts: function(aContexts) {
				var that = this;
				var aNewChildContexts = [];
				jQuery.each(aContexts.slice(), function(iIndex, oContext) {
					var oContextInfo = that._getContextInfo(oContext);
					if (oContextInfo && oContextInfo.bExpanded) {
						aNewChildContexts.push.apply(aNewChildContexts, that._loadChildContexts(oContext));
					}
				});
				if (aNewChildContexts.length > 0) {
					this._restoreContexts(aNewChildContexts);
				}
			},
			_loadChildContexts: function(oContext) {
				var oContextInfo = this._getContextInfo(oContext);
				var iIndex = jQuery.inArray(oContext, this.aContexts);
				var aNodeContexts = this.getNodeContexts(oContext);
				for (var i = 0, l = aNodeContexts.length; i < l; i++) {
					this.aContexts.splice(iIndex + i + 1, 0, aNodeContexts[i]);
					var oldContextInfo = this._getContextInfo(aNodeContexts[i]);
					this._setContextInfo({
						oParentContext: oContext,
						oContext: aNodeContexts[i],
						iLevel: oContextInfo.iLevel + 1,
						bExpanded: oldContextInfo ? oldContextInfo.bExpanded : false,
						bHasChildren: this._hasChildContexts(aNodeContexts[i])
					});
				}
				return aNodeContexts;
			},
			_hasChildContexts: function(oContext) {
				return this.getNodeContexts(oContext).length > 0;
			},
			_getContextInfo: function(oContext) {
				return oContext ? this.mContextInfo[oContext.getPath()] : undefined;
			},
			_setContextInfo: function(mData) {
				if (mData && mData.oContext) {
					this.mContextInfo[mData.oContext.getPath()] = mData;
				}
			},
			getLength: function() {
				return this.aContexts ? this.aContexts.length : 0;
			},
			getContexts: function(iStartIndex, iLength) {
				return this.aContexts.slice(iStartIndex, iStartIndex + iLength);
			},
			getLevel: function(oContext) {
				var oContextInfo = this._getContextInfo(oContext);
				return oContextInfo ? oContextInfo.iLevel : -1;
			},
			isExpanded: function(oContext) {
				var oContextInfo = this._getContextInfo(oContext);
				return oContextInfo ? oContextInfo.bExpanded : false;
			},
			hasChildren: function(oContext) {
				var oContextInfo = this._getContextInfo(oContext);
				return oContextInfo ? oContextInfo.bHasChildren : false;
			},
			expandContext: function(oContext) {
				var oContextInfo = this._getContextInfo(oContext);
				if (oContextInfo && !oContextInfo.bExpanded) {
					this.storeSelection();
					this._loadChildContexts(oContext);
					oContextInfo.bExpanded = true;
					this._fireChange();
					this.restoreSelection();
				}
			},
			collapseContext: function(oContext) {
				var oContextInfo = this._getContextInfo(oContext);
				if (oContextInfo && oContextInfo.bExpanded) {
					this.storeSelection();
					for (var i = this.aContexts.length - 1; i > 0; i--) {
						if (this._getContextInfo(this.aContexts[i]).oParentContext === oContext) {
							this.aContexts.splice(i, 1);
						}
					}
					oContextInfo.bExpanded = false;
					this._fireChange();
					this.restoreSelection();
				}
			},
			toggleContext: function(oContext) {
				var oContextInfo = this._getContextInfo(oContext);
				if (oContextInfo) {
					if (oContextInfo.bExpanded) {
						this.collapseContext(oContext);
					} else {
						this.expandContext(oContext);
					}
				}
			},
			storeSelection: function() {
				var aSelectedIndices = that.getSelectedIndices();
				var aSelectedContexts = [];
				jQuery.each(aSelectedIndices, function(iIndex, iValue) {
					aSelectedContexts.push(that.getContextByIndex(iValue));
				});
				this._aSelectedContexts = aSelectedContexts;
			},
			restoreSelection: function() {
				that.clearSelection();
				var _aSelectedContexts = this._aSelectedContexts;
				jQuery.each(this.aContexts, function(iIndex, oContext) {
					if (jQuery.inArray(oContext, _aSelectedContexts) >= 0) {
						that.addSelectionInterval(iIndex, iIndex);
					}
				});
				this._aSelectedContexts = undefined;
			},
			attachSort: function() {},
			detachSort: function() {}
		});
		// initialize the binding
		oBinding._init(this.getExpandFirstLevel());
	}
	return oBinding;
};

sap.ui.table.TreeTable.prototype._updateTableContent = function() {
	
	sap.ui.table.Table.prototype._updateTableContent.apply(this, arguments);
	
	var oBinding = this.getBinding("rows");
	if (oBinding && this.isTreeBinding("rows")) {
	
		var $this = this.$();
		var iFirstRow = this.getFirstVisibleRow();
		var iCount = this.getVisibleRowCount();
	
		for (var iRow = 0; iRow < iCount; iRow++) {
		
			var oContext = this.getContextByIndex(iFirstRow + iRow);
	
			var iLevel = oBinding.getLevel ? oBinding.getLevel(oContext) : 0;
			var $row = $this.find("[data-sap-ui-rowindex=" + iRow + "]");
			var $TreeIcon = $row.find(".sapUiTableTreeIcon");
			$TreeIcon.css("marginLeft", iLevel * 17);
			var sTreeIconClass = "sapUiTableTreeIconLeaf";
			if (oBinding.hasChildren && oBinding.hasChildren(oContext)) {
				sTreeIconClass = oBinding.isExpanded(oContext) ? "sapUiTableTreeIconNodeOpen" : "sapUiTableTreeIconNodeClosed";
			}
			$TreeIcon.removeClass("sapUiTableTreeIconLeaf sapUiTableTreeIconNodeOpen sapUiTableTreeIconNodeClosed").addClass(sTreeIconClass);
			$row.attr("data-sap-ui-level", iLevel);
		
		}
	
	}
	
};

sap.ui.table.TreeTable.prototype.onclick = function(oEvent) {
	if (jQuery(oEvent.target).hasClass("sapUiTableTreeIcon")) {
		this._onNodeSelect(oEvent);
	} else {
		if (sap.ui.table.Table.prototype.onclick) {
			sap.ui.table.Table.prototype.onclick.apply(this, arguments);
		}
	}
};

sap.ui.table.TreeTable.prototype.onsapselect = function(oEvent) {
	if (jQuery(oEvent.target).hasClass("sapUiTableTreeIcon")) {
		this._onNodeSelect(oEvent);
	} else {
		if (sap.ui.table.Table.prototype.onsapselect) {
			sap.ui.table.Table.prototype.onsapselect.apply(this, arguments);
		}
	}
};

sap.ui.table.TreeTable.prototype._onNodeSelect = function(oEvent) {

	var $parent = jQuery(oEvent.target).parents("tr");
	if ($parent.length > 0) {
		var iRowIndex = this.getFirstVisibleRow() + parseInt($parent.attr("data-sap-ui-rowindex"), 10);
		var oContext = this.getContextByIndex(iRowIndex);
		this.fireToggleOpenState({
			rowIndex: iRowIndex,
			rowContext: oContext,
			expanded: !this.getBinding().isExpanded(oContext)
		});
		this.getBinding("rows").toggleContext(oContext);
	}

	oEvent.preventDefault();
	oEvent.stopPropagation();

};


sap.ui.table.TreeTable.prototype.expand = function(iRowIndex) {
	var oBinding = this.getBinding("rows");
	if (oBinding) {
		var oContext = this.getContextByIndex(iRowIndex);
		oBinding.expandContext(oContext);
	}
};

sap.ui.table.TreeTable.prototype.collapse = function(iRowIndex) {
	var oBinding = this.getBinding("rows");
	if (oBinding) {
		var oContext = this.getContextByIndex(iRowIndex);
		oBinding.collapseContext(oContext);
	}
};

sap.ui.table.TreeTable.prototype.isExpanded = function(iRowIndex) {
	var oBinding = this.getBinding("rows");
	if (oBinding) {
		var oContext = this.getContextByIndex(iRowIndex);
		return oBinding.isExpanded(oContext);
	}
	return false;
};

}; // end of sap.ui.table.TreeTable
if ( !jQuery.sap.isDeclared('sap.ui.table.DataTable') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.table.DataTable.
jQuery.sap.declare("sap.ui.table.DataTable");



/**
 * Constructor for a new DataTable.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getExpandedVisibleRowCount expandedVisibleRowCount} : int</li>
 * <li>{@link #getExpanded expanded} : boolean (default: false)</li>
 * <li>{@link #getHierarchical hierarchical} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.table.DataTable#event:rowSelect rowSelect} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.table.TreeTable#constructor sap.ui.table.TreeTable}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The DataTable control provides a set of sophisticated and comfort functions for table design. For example, you can make settings for the number of visible rows and a number for the displayed rows in the case the user expands the table. The first visible row can be explicitly set. For the selection of columns and rows, a Multi, a Single, a None, and an All mode are available. Setting the Editable property to true lets the user make changes on the table cell entries.
 * @extends sap.ui.table.TreeTable
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @deprecated Since version 1.5.1. 
 * The DataTable has been replaced via the Table/TreeTable control.
 * @name sap.ui.table.DataTable
 */
sap.ui.table.TreeTable.extend("sap.ui.table.DataTable", { metadata : {

	// ---- object ----
	deprecated : true,

	// ---- control specific ----
	library : "sap.ui.table",
	properties : {
		"expandedVisibleRowCount" : {type : "int", group : "", defaultValue : null},
		"expanded" : {type : "boolean", group : "", defaultValue : false},
		"hierarchical" : {type : "boolean", group : "", defaultValue : false}
	},
	events : {
		"rowSelect" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.table.DataTable with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.table.DataTable.extend
 * @function
 */

sap.ui.table.DataTable.M_EVENTS = {'rowSelect':'rowSelect'};


/**
 * Getter for property <code>expandedVisibleRowCount</code>.
 * Count of visible rows when expanded
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {int} the value of property <code>expandedVisibleRowCount</code>
 * @public
 * @name sap.ui.table.DataTable#getExpandedVisibleRowCount
 * @function
 */

/**
 * Setter for property <code>expandedVisibleRowCount</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {int} iExpandedVisibleRowCount  new value for property <code>expandedVisibleRowCount</code>
 * @return {sap.ui.table.DataTable} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.DataTable#setExpandedVisibleRowCount
 * @function
 */


/**
 * Getter for property <code>expanded</code>.
 * Flag whether the Table is expanded or not
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>expanded</code>
 * @public
 * @name sap.ui.table.DataTable#getExpanded
 * @function
 */

/**
 * Setter for property <code>expanded</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bExpanded  new value for property <code>expanded</code>
 * @return {sap.ui.table.DataTable} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.DataTable#setExpanded
 * @function
 */


/**
 * Getter for property <code>hierarchical</code>.
 * Flag, whether the table displays its content hierarchical or not (**experimental**!!)
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>hierarchical</code>
 * @public
 * @name sap.ui.table.DataTable#getHierarchical
 * @function
 */

/**
 * Setter for property <code>hierarchical</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bHierarchical  new value for property <code>hierarchical</code>
 * @return {sap.ui.table.DataTable} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.DataTable#setHierarchical
 * @function
 */


/**
 * fired when the row selection of the table has been changed 
 *
 * @name sap.ui.table.DataTable#rowSelect
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.rowIndex row index which row has been selected or deselected
 * @param {object} oControlEvent.getParameters.rowContext binding context of the row index which row has been selected or deselected
 * @param {int[]} oControlEvent.getParameters.rowIndices array of row indices which selection has been changed (either selected or deselected)
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'rowSelect' event of this <code>sap.ui.table.DataTable</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.table.DataTable</code>.<br/> itself. 
 *  
 * fired when the row selection of the table has been changed 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.table.DataTable</code>.<br/> itself.
 *
 * @return {sap.ui.table.DataTable} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.DataTable#attachRowSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'rowSelect' event of this <code>sap.ui.table.DataTable</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.table.DataTable} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.table.DataTable#detachRowSelect
 * @function
 */

/**
 * Fire event rowSelect to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'rowIndex' of type <code>int</code> row index which row has been selected or deselected</li>
 * <li>'rowContext' of type <code>object</code> binding context of the row index which row has been selected or deselected</li>
 * <li>'rowIndices' of type <code>int[]</code> array of row indices which selection has been changed (either selected or deselected)</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.table.DataTable} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.table.DataTable#fireRowSelect
 * @function
 */


// Start of sap/ui/table/DataTable.js
/**
 * Initialization of the DataTable control
 * @private
 */
sap.ui.table.DataTable.prototype.init = function() {
	
	sap.ui.table.TreeTable.prototype.init.apply(this, arguments);
	
	this._bInheritEditableToControls = true;
	
	// default values for DataTable
	this.setEditable(false); 
	this.setSelectionBehavior(sap.ui.table.SelectionBehavior.Row);
	
	this.attachRowSelectionChange(function(oEvent) {
		this.fireRowSelect(oEvent.mParameters);
	});
	
	this._iLastFixedColIndex = -1;

};

sap.ui.table.DataTable.prototype.isTreeBinding = function(sName) {
	sName = sName || "rows";
	if (sName === "rows") {
		return this.getHierarchical();
	}
	return sap.ui.core.Element.prototype.isTreeBinding.apply(this, arguments);
};

sap.ui.table.DataTable.prototype.setHierarchical = function(bHierarchical) {
	this.setProperty("hierarchical", bHierarchical);
	this._iLastFixedColIndex = bHierarchical ? 0 : -1;
};

sap.ui.table.DataTable.prototype.setVisibleRowCount = function(iRowCount) {
	this._iVisibleRowCount = iRowCount;
	if (!this.getExpanded()) {
		sap.ui.table.Table.prototype.setVisibleRowCount.apply(this, arguments);
	}
};

sap.ui.table.DataTable.prototype.setExpandedVisibleRowCount = function(iRowCount) {
	this.setProperty("expandedVisibleRowCount", iRowCount, true);
	if (this.getExpanded()) {
		sap.ui.table.Table.prototype.setVisibleRowCount.apply(this, arguments);
	}
};

sap.ui.table.DataTable.prototype.setExpanded = function(bExpanded) {
	this.setProperty("expanded", bExpanded, true);
	if (this.getExpandedVisibleRowCount() > 0) {
		var iRowCount = bExpanded ? this.getExpandedVisibleRowCount() : this._iVisibleRowCount;
		sap.ui.table.Table.prototype.setVisibleRowCount.call(this, iRowCount);
	}
};

}; // end of sap.ui.table.DataTable

}; // end of sap.ui.table.library-all
if ( !jQuery.sap.isDeclared('sap.ui.ux3.library-all') ) {
// This file has been generated by the SAPUI5 'AllInOne' Builder
jQuery.sap.declare('sap.ui.ux3.library-all');
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ActionBarRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.ux3.ActionBarRenderer");

/**
 * Static initializer. Creates and empty ActionBarRenderer instance.
 * 
 * @class ActionBar renderer. 
 * @static
 */
sap.ui.ux3.ActionBarRenderer = {
};



/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.ActionBarRenderer.render = function(oRenderManager, oControl){ 
	// convenience variable
	var rm = oRenderManager;
	
	// render ActionBar
	// result: <div id=​"<id>" data-sap-ui=​"<id>" class=​"sapUiUx3ActionBar" role=​"toolbar">​
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3ActionBar");
	rm.writeClasses();
	if ( sap.ui.getCore().getConfiguration().getAccessibility()){
		rm.writeAttribute('role', 'toolbar');
	} 
	rm.write(">");
	
	// render list for social actions
	rm.write("<ul");
	rm.writeAttribute('id', oControl.getId() + "-socialActions");
	rm.addClass("sapUiUx3ActionBarSocialActions");
	rm.writeClasses();
	
	rm.addStyle("min-width", oControl._getSocialActionListMinWidth () + "px");
	rm.writeStyles();    
	
	rm.write(">");
	this.renderSocialActions(rm, oControl);
	rm.write("</ul>");
	
	// render list for business actions
	rm.write("<ul  id='" + oControl.getId() + "-businessActions' class='sapUiUx3ActionBarBusinessActions'>");
	this.renderBusinessActionButtons(rm, oControl);
	rm.write("</ul>");
	
	// closing tag for toolbar
	rm.write("</div>");
	
};

/**
 * Renders the HTML for toolbar buttons of business actions
 *
 * @param {sap.ui.core.RenderManager}
 *			rm the RenderManager that can be used for writing to
 *			the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *			oControl an object representation of the control that should be
 *			rendered
 */;
sap.ui.ux3.ActionBarRenderer.renderBusinessActionButtons = function(rm, oControl) {

	var actionButtons = oControl._getBusinessActionButtons();
	var oMoreMenuButton = oControl._getMoreMenuButton();
	
	if(actionButtons && actionButtons.length > 0) {
		//Render list for business action buttons
		//Do not write attribue tabindex in list element because this is
		//already contained in the buttons control. If you write it twice,
		//both arrow and tab will work, which is wrong
		for ( var i = 0; i < actionButtons.length; i++) {
			var oButton = actionButtons[i];
			rm.write("<li");
			rm.addClass("sapUiUx3ActionBarItemRight");
			rm.writeClasses();
			rm.write(">");
			rm.renderControl(oButton);
			rm.write("</li>");
		}
		this._renderMoreMenuButton(rm, oMoreMenuButton);
	} else if (oMoreMenuButton){
		//There may be business actions which have to be displayed in the "More Menu"
		this._renderMoreMenuButton(rm, oMoreMenuButton);
	}
}

/**
 * Renders "More" menu button if present
 *
 * @param {sap.ui.core.RenderManager}
 *			rm the RenderManager that can be used for writing to
 *			the Render-Output-Buffer
 * @param {sap.ui.commons.MenuButton}
 *			oMoreMenuButton menu button to be rendered, may be null
 * @private
 */;
sap.ui.ux3.ActionBarRenderer._renderMoreMenuButton = function (rm, oMoreMenuButton) {
	
	if(oMoreMenuButton) {
		rm.write("<li");
		rm.addClass("sapUiUx3ActionBarItemRight");
		rm.addClass("sapUiUx3ActionBarMoreButton");
		rm.writeClasses();
		rm.write(">");
		rm.renderControl(oMoreMenuButton);
		rm.write("</li>");
	}
};



/**
 * Renders the HTML for sap.ui.ux3.Actionbar: social actions in a specified order:
 * 1. Update (Feed)
 * 2. Follow
 * 3. Flag
 * 4. Favorite
 * 5. Open
 *
 * They are rendered only if they are present in action bar's 'mActionMap' though.
 *
 * @param {sap.ui.core.RenderManager}
 *			rm the RenderManager that can be used for writing to
 *			the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *			oControl an object representation of the control that should be
 *			rendered
 */;
 sap.ui.ux3.ActionBarRenderer.renderSocialActions = function(rm, oControl) {

	var mMap = oControl.mActionMap;
	var mKeys = oControl.mActionKeys;
	
	
	if(mMap[mKeys.Update]) {
		this._renderSocialActionListItem(rm, oControl, mMap[mKeys.Update]);
	}
	if(mMap[mKeys.Follow]) {
		this._renderSocialActionListItem(rm, oControl, mMap[mKeys.Follow]);
	}
	if(mMap[mKeys.Flag]) {
		this._renderSocialActionListItem(rm, oControl, mMap[mKeys.Flag]);
	}
	if(mMap[mKeys.Favorite]) {
		this._renderSocialActionListItem(rm, oControl, mMap[mKeys.Favorite]);
	}
	if(mMap[mKeys.Open]) {
		this._renderSocialActionListItem(rm, oControl, mMap[mKeys.Open]);
	}
	//Render social actions, which might have been added by an application
	//developer to aggregation 'socialActions' manually and which are not contained
	//in the predefined list of social actions Update, Follow, Flag, Favorite, Open
	for (var sKey in  mMap) {
		if(!sKey in sap.ui.ux3.ActionBarSocialActions) {
			this._renderSocialActionListItem(rm, oControl, mMap[sKey]);
		}
	}
 };
 
 /**
  * Renders the HTML for sap.ui.ux3.Actionbar: single social action list item
  *
  * @param {sap.ui.core.RenderManager}
  *			rm the RenderManager that can be used for writing to
  *			the Render-Output-Buffer
  * @param {sap.ui.core.Control}
  *			oControl an object representation of the control that should be
  *			rendered
  * @param {sap.ui.ux3.ThingAction}
  *			action an object representation of the control that should be
  *			rendered
  *  @private
  */;
  sap.ui.ux3.ActionBarRenderer._renderSocialActionListItem = function(rm, oControl, action) {
 	if(action && ! action.hide) {
 		rm.write("<li");
 		rm.addClass("sapUiUx3ActionBarItem");
 		rm.writeClasses();
 		rm.write(">");
 		this._renderSocialAction(rm, oControl, action);
 		rm.write("</li>");
 	}
  };
 
 
 /**
 * Renders the HTML for sap.ui.ux3.Actionbar: single social action
 *
 * @param {sap.ui.core.RenderManager}
 *			rm the RenderManager that can be used for writing to
 *			the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *			oControl an object representation of the control that should be
 *			rendered
 * @param {sap.ui.ux3.ThingAction}
 *			action an object representation of the control that should be
 *			rendered
 *  @private
 */;
 sap.ui.ux3.ActionBarRenderer._renderSocialAction = function(rm, oControl, action) {
	if (action.isMenu && action.isMenu(oControl)) {
		rm.write("<a role=\"button\" aria-disabled=\"false\" aria-haspopup=\"true\"");
	} else {
		rm.write("<a  role=\"button\" aria-disabled=\"false\" aria-haspopup=\"false\"");
	}
	rm.writeAttribute("tabindex", "0");
	rm.writeElementData(action);
	rm.addClass(action.cssClass);
	if (action.fnCalculateState) {
		rm.addClass(action.fnCalculateState(oControl));
	}
	rm.addClass("sapUiUx3ActionBarAction");
	rm.writeClasses();	
	
	if (action.getTooltip()) {
		rm.writeAttributeEscaped("title", action.getTooltip());
	}
	if (action.text) {
		rm.writeAttributeEscaped("text", oControl.getLocalizedText(action.getText()));
	}
	rm.write("></a>");
 };
 

 
 

}; // end of sap.ui.ux3.ActionBarRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.CollectionInspectorRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.Collection
jQuery.sap.declare("sap.ui.ux3.CollectionInspectorRenderer");

/**
 * @class Collection renderer.
 * @static
 */
sap.ui.ux3.CollectionInspectorRenderer = {}

/**
 * Renders the Collection
 * 
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.CollectionInspectorRenderer.render = function(oRenderManager,
		oControl) {
	// convenience variable
	var rm = oRenderManager;

	rm.write("<div");
	rm.addClass("sapUiUx3CI");
	if (oControl.getSidebarVisible()) {
		rm.addClass("sapUiUx3CISidebarOpened");
	} else {
		rm.addClass("sapUiUx3CISidebarClosed");
	}
	if (oControl.getFitParent()) {
		rm.addClass("sapUiUx3CIFitParent");
	}
	rm.writeClasses();
	rm.writeControlData(oControl);
	rm.write(">");

	rm.write("<div");
	rm.addClass("sapUiUx3CIToolBar");
	rm.writeClasses();
	rm.write(">");

	this.renderToggleButton(rm, oControl);
	this.renderCollectionSelector(rm, oControl);

	rm.write("</div>");
	
	rm.write('<div');
	rm.addClass("sapUiUx3CISidebar");
	rm.writeClasses();
	rm.writeAttribute("id", oControl.getId() + "-sidebar");
	rm.write(">");
	this.renderSidebar(rm, oControl);
	rm.write("</div>");

	rm.write("<div");
	rm.addClass("sapUiUx3CIContent");
	rm.writeAttribute("id", oControl.getId() + "-content");
	rm.writeClasses();
	rm.write(">");
	this.renderContent(rm, oControl);
	rm.write("</div>");
	rm.write("<div");
	rm.addClass("sapUiUx3CIClear");
	rm.writeClasses();
	rm.write(">");
	rm.write("</div>");
	rm.write("</div>");
};

/**
 * Renders the ToggleButton to open and close the sidebar
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.CollectionInspectorRenderer.renderToggleButton = function(rm, oControl) {
	// render Togglebutton
	if (oControl.getToggleButton()) {
		rm.write("<div");
		rm.writeAttribute("id", oControl.getId() + "-togglebutton");
		rm.addClass("sapUiUx3CIToggleButton");
		rm.writeClasses();
		rm.write(">");
		rm.renderControl(oControl.getToggleButton());
		rm.write("</div>");
	}
};

/**
 * Renders the collection selector which selects the current collection
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.CollectionInspectorRenderer.renderCollectionSelector = function(rm, oControl) {
	// render collection selector
	if (oControl.getCollectionSelector()) {
		rm.write("<div");
		rm.addClass("sapUiUx3CICollectionSelector");
		rm.writeClasses();
		rm.write(">");
		rm.renderControl(oControl.getCollectionSelector());
		rm.write("</div>");
	}
};

/**
 * Renders the Sidebar which displays all collections
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.CollectionInspectorRenderer.renderSidebar = function(rm, oControl) {
	rm.write("<div");
	rm.addClass("sapUiUx3CICollectionListContainer");
	rm.writeClasses();
	rm.write(">");
	rm.write('<ul tabindex="-1"');
	rm.addClass("sapUiUx3CICollectionList");
	rm.writeClasses();
	var oCollection = sap.ui.getCore().byId(oControl.getSelectedCollection());

	//ARIA
	if (oControl.getSelectedCollection()) {
		rm.writeAccessibilityState(oCollection, {
			role: "listbox",
			multiselectable: oCollection.getMultiSelection()
		});
	}
	rm.write(">");
	if (oControl.getSelectedCollection()) {
		var iItemCount = oCollection.getItems().length;
		jQuery.each(oCollection.getItems(), function(iIndex, oCollectionItem) {
			rm.write('<li tabindex="-1"');
			rm.writeElementData(oCollectionItem);
			rm.writeAttributeEscaped("title",oCollectionItem.getText());
			rm.addClass("sapUiUx3CICollectionListItem");
			rm.writeClasses();

			// ARIA
			rm.writeAccessibilityState(oCollectionItem, {
				role: "option",
				selected: (jQuery.inArray(oCollectionItem.getId(),oCollection.getSelectedItems()) >= 0),
				setsize: iItemCount,
				posinset: iIndex
			});

			rm.write(">" + oCollectionItem.getText() + "</li>");
		});
	}
	rm.write("</ul></div>");
	rm.renderControl(oControl.getEditButton());
};

/**
 * Renders the Content that is displayed
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.CollectionInspectorRenderer.renderContent = function(rm, oControl) {
	jQuery.each(oControl.getContent(), function(iIndex, oContent) {
		rm.renderControl(oContent);
	});
};
}; // end of sap.ui.ux3.CollectionInspectorRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.DataSetRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.DataSet
jQuery.sap.declare("sap.ui.ux3.DataSetRenderer");

/**
 * @class DataSet renderer.
 * @static
 */
sap.ui.ux3.DataSetRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager The RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
 */
sap.ui.ux3.DataSetRenderer.render = function(oRenderManager, oControl){
	// convenience variable
	var rm = oRenderManager,
		oView = null,
		oSwitch, aViewSwitches;

	oControl.prepareRendering();

	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3DS");
	rm.writeClasses()
	rm.write(">");
	rm.write("<div id='" + oControl.getId() + "-toolbar'");
	rm.addClass('sapUiUx3DSToolbar');
	if (!oControl.getShowToolbar()) { 
		rm.addClass('noPadding');
	}
	rm.writeClasses();
	rm.write(">");
	this.renderToolbar(rm,oControl);
	rm.write("</div>");
	rm.write("<div id='" + oControl.getId() + "-filter'");
	rm.addClass('sapUiUx3DSFilterArea');
	if (!oControl.getShowFilter()) { 
		rm.addClass('noPadding');
	}
	rm.writeClasses();
	rm.write(">");
	this.renderFilterArea(rm,oControl);
	rm.write("</div>");
	rm.write("<div id='" + oControl.getId() + "-items'>");
	oView = sap.ui.getCore().byId(oControl.getSelectedView());
	rm.renderControl(oView);
	rm.write("</div>");
	rm.write("</div>");
};

/**
 * Renders the HTML for the DataSet Toolbar
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager The RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl An object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.DataSetRenderer.renderToolbar = function(oRenderManager,oControl) {
	var rm = oRenderManager;
	if (oControl.getShowToolbar()) {
		rm.renderControl(oControl._getToolbar());
	}
};

/**
 * Renders the HTML for the DataSet FilterArea
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager The RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl An object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.DataSetRenderer.renderFilterArea = function(oRenderManager,oControl) {
	var rm = oRenderManager, aFilter = oControl.getFilter();
	if (oControl.getShowFilter()) {
		jQuery.each(aFilter,function(i, oFilter){
			rm.renderControl(oFilter);
		});
	}
};

}; // end of sap.ui.ux3.DataSetRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.DataSetSimpleViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

 // Provides default renderer for the sap.ui.ux3.DataSetSimpleView
jQuery.sap.declare("sap.ui.ux3.DataSetSimpleViewRenderer");

/**
 * @class DataSetSimpleView renderer.
 * @static
 */
sap.ui.ux3.DataSetSimpleViewRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.DataSetSimpleViewRenderer.render = function(oRenderManager, oControl){
     // convenience variable
	var rm = oRenderManager;
	// write the HTML into the render manager
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3DSSV");
	if(oControl.getFloating()){
		if(oControl.getResponsive()){
			rm.addClass("sapUiUx3DSSVResponsive");
		}else{
			rm.addClass("sapUiUx3DSSVFloating");
		}
	}else{
		rm.addClass("sapUiUx3DSSVSingleRow");
	}
	rm.writeClasses();
	rm.write(">"); // SPAN element
	if( oControl.items) {
		for(var i = 0; i < oControl.items.length; i++) {
			rm.write("<div");
			rm.addClass("sapUiUx3DSSVItem");
			if(oControl.getFloating()) {
				rm.addClass("sapUiUx3DSSVFlow");
				if(oControl.getItemMinWidth() > 0){
					rm.writeAttribute("style","min-width:"+oControl.getItemMinWidth()+"px");
				}
			}
			if (oControl.isItemSelected(oControl.items[i])) {
				rm.addClass("sapUiUx3DSSVSelected");
			}
			rm.writeClasses();
			rm.writeElementData(oControl.items[i]);
			rm.write(">");
			rm.renderControl(oControl.items[i]._getTemplate());
			rm.write("</div>");
		}
	}
	rm.write("</div>");
};

}; // end of sap.ui.ux3.DataSetSimpleViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ExactAreaRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.ExactArea
jQuery.sap.declare("sap.ui.ux3.ExactAreaRenderer");

/**
 * @class ExactArea renderer.
 * @static
 */
sap.ui.ux3.ExactAreaRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.ExactAreaRenderer.render = function(oRenderManager, oControl){
	var rm = oRenderManager;

	if(!oControl.getVisible()) {
		return;
	}

	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3ExactArea");
	rm.writeClasses();
	rm.write(">");
	if(oControl.getToolbarVisible()){
		rm.write("<div id=\""+oControl.getId()+"-tb\" class=\"sapUiTb sapUiTbDesignFlat sapUiTbStandalone\" role=\"toolbar\">");
		rm.write("<div class=\"sapUiTbCont\"><div class=\"sapUiTbInner\">");
		var aToolbarItems = oControl.getToolbarItems();
		for(var idx=0; idx<aToolbarItems.length; idx++){
			var oToolbarItem = aToolbarItems[idx];
			if (oToolbarItem instanceof sap.ui.commons.ToolbarSeparator) {
				sap.ui.commons.ToolbarRenderer.renderSeparator(rm, oToolbarItem);
			} else if (oToolbarItem instanceof sap.ui.ux3.ExactAreaToolbarTitle) {
				rm.write("<div class=\"sapUiUx3ExactAreaTbTitle\">"+jQuery.sap.escapeHTML(oToolbarItem.getText())+"</div>");
			} else {
				rm.renderControl(oToolbarItem);
			}
		}
		rm.write("</div></div></div>");
	}
	rm.write("<div id=\""+oControl.getId()+"-ct\" class=\"sapUiUx3ExactAreaCont\">");
	var aChildren = oControl.getContent();
	for(var idx=0; idx<aChildren.length; idx++){
		rm.renderControl(aChildren[idx]);
	}
	rm.write("</div>");
	rm.write("</div>");
};
}; // end of sap.ui.ux3.ExactAreaRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ExactBrowserRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.ExactBrowser
jQuery.sap.declare("sap.ui.ux3.ExactBrowserRenderer");

/**
 * @class ExactBrowser renderer.
 * @static
 */
sap.ui.ux3.ExactBrowserRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.ExactBrowserRenderer.render = function(oRenderManager, oControl){
	if(!oControl.getVisible()) {
		return;
	}
	
	var rm = oRenderManager;
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3ExactBrwsr");
	rm.writeClasses();
	rm.writeAttribute("role", "region");
	if(oControl.getShowHeader()){
		rm.writeAttribute("aria-labelledby", oControl.getId()+"-hdtitle");
	}
	if(oControl.getFollowUpControl()){
		rm.writeAttribute("aria-controls", oControl.getFollowUpControl());
	}

	var sTooltip = oControl.getTooltip_AsString();
	if(sTooltip) {
		rm.writeAttributeEscaped("title", sTooltip);
	}
	rm.write(">");

	if(oControl.getShowHeader()){
		rm.write("<div class=\"sapUiUx3ExactBrwsrHd\"><h2 id=\""+oControl.getId()+"-hdtitle\">");
		rm.write(jQuery.sap.escapeHTML(oControl.getHeaderTitle()));
		rm.write("</h2><div class=\"sapUiUx3ExactBrwsrHdTool\" role=\"toolbar\">");
		if(oControl.getEnableSave()){
			rm.renderControl(oControl._saveButton);
		}
		if(oControl.getEnableReset()){
			rm.renderControl(oControl._resetButton);
		}
		rm.write("</div></div>");
	}
	rm.renderControl(oControl._rootList);
	rm.write("</div>");
};
}; // end of sap.ui.ux3.ExactBrowserRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ExactListRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.ExactListRenderer
jQuery.sap.declare("sap.ui.ux3.ExactListRenderer");

/**
 * @class ExactList renderer.
 * @static
 */
sap.ui.ux3.ExactListRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.ExactListRenderer.render = function(oRenderManager, oControl){

	var rm = oRenderManager;
	var aSubLists = oControl.getSubLists();
	var oAttribute = oControl._getAtt();
	
	if(!oAttribute){
		return; //No Attribute attached to this list -> ignore rendering
	}
	
	var bIsTop = oControl._isTop();

	// render the root tag
    rm.write("<div");
    rm.writeControlData(oControl);
    rm.addClass("sapUiUx3ExactLst");
    var bActiveTitle = false;
    
    var bTopListHidden = false;
    
    if(bIsTop){
    	var oBrowser = oControl.getParent();
    	if(oBrowser) {
    		if(oBrowser.hasOptionsMenu) {
    			bActiveTitle = oBrowser.hasOptionsMenu();
    			if(bActiveTitle){
    				rm.addClass("sapUiUx3ExactLstTopActive");
    			}
    		}
    		if(oBrowser.getShowTopList && !oBrowser.getShowTopList()) {
    			rm.addClass("sapUiUx3ExactLstTopHidden");
    			bTopListHidden = true;
    		}
    	}
    	
		rm.addClass("sapUiUx3ExactLstTop");
		rm.addStyle("height", oControl.getTopHeight()+"px");
    }
    if(oControl._bCollapsed){
		rm.addClass("sapUiUx3ExactLstCollapsed");
    }
    
    rm.addClass("sapUiUx3ExactLstLvl_" + oControl._iLevel);

    rm.writeClasses();
    rm.writeStyles();
    rm.write(">");
    
    if(bTopListHidden){
    	rm.write("<div id=\"" + oControl.getId() + "-foc\" class=\"sapUiUx3ExactLstFoc\" tabindex=\"0\"></div>");
    }

    if(!oControl._bPopupOpened){
		// render the list area with the used listbox
		rm.write("<div id=\"" + oControl.getId() + "-lst\" class=\"sapUiUx3ExactLstLst\"");
    	if(oControl._bCollapsed && oControl._oCollapseStyles && oControl._oCollapseStyles["lst"]){
    		rm.write(" style=\""+oControl._oCollapseStyles["lst"]+"\"");
    	}
    	
    	rm.write(">");
		rm.renderControl(oControl._lb);
		rm.write("<a id=\"" + oControl.getId() + "-exp\" class=\"sapUiUx3ExactLstExp\">"+this.getExpanderSymbol(false, false)+"</a>");
		rm.write("</div>");
    }

    // render the content area with the sub lists
    rm.write("<div id=\"" + oControl.getId() + "-cntnt\" ");
    rm.write("class=\"sapUiUx3ExactLstCntnt");
    if(aSubLists.length == 0){
		rm.write(" sapUiUx3ExactLstCntntEmpty");
    }
    rm.write("\"");
    if(oControl._bCollapsed && oControl._oCollapseStyles && oControl._oCollapseStyles["cntnt"]){
    	rm.write(" style=\""+oControl._oCollapseStyles["cntnt"]+"\"");
    }
    rm.write(">");
    for(var i=0; i<aSubLists.length; i++){
		rm.renderControl(aSubLists[i]);
    }
    rm.write("</div>");

    // render the header
    rm.write("<header id=\"" + oControl.getId() + "-head\" class=\"sapUiUx3ExactLstHead\"");
    if(bIsTop && bActiveTitle){
    	rm.write(" role=\"button\" aria-haspopup=\"true\"");
    }
    if(!bIsTop && oControl._bCollapsed && oAttribute){
    	rm.writeAttribute("role", "region");
    	rm.writeAttribute("aria-expanded", "false");
    	rm.writeAttributeEscaped("aria-label", oControl._rb.getText("EXACT_LST_LIST_COLL_ARIA_LABEL", [oControl._iLevel, oAttribute.getText()]));
    }
    rm.write(" tabindex=\""+(bIsTop ? "0" : "-1")+"\">");
    if(bIsTop){
		// render the header content for top list
		rm.write("<h3 id=\"" + oControl.getId() + "-head-txt\" class=\"sapUiUx3ExactLstHeadTopTxt\"><span class=\"sapUiUx3ExactLstHeadTopTxtTxt\">");
		if(oControl.getTopTitle()){
			rm.writeEscaped(oControl.getTopTitle());
		}
		rm.write("</span>");
		if(bActiveTitle){
			rm.write("<span class=\"sapUiUx3ExactLstHeadTopIco\"></span>");
		}
		rm.write("</span></h3>");
    }else{
		// render the header content for non-top list
		rm.write("<h3 id=\"" + oControl.getId() + "-head-txt\" class=\"sapUiUx3ExactLstHeadTxt\"");
		if (oAttribute && oAttribute.getTooltip_AsString()) {
			rm.writeAttributeEscaped("title", oAttribute.getTooltip_AsString());
		}else if (oAttribute && oAttribute.getText()) {
			rm.writeAttributeEscaped("title", oAttribute.getText());
		}
		if(oControl._bCollapsed && oControl._oCollapseStyles && oControl._oCollapseStyles["head-txt"]){
	    	rm.write(" style=\""+oControl._oCollapseStyles["head-txt"]+"\"");
	    }
		rm.write(">");
		if(oAttribute){
			rm.writeEscaped(oAttribute.getText());
		}
		rm.write("</h3>");

		// render header actions
		rm.write("<div id=\"" + oControl.getId() + "-head-action\" class=\"sapUiUx3ExactLstHeadAct"+(oControl.getShowClose() ? "" : " sapUiUx3ExactLstHeadActNoClose")+"\">");
		rm.write("<a id=\"" + oControl.getId() + "-hide\" class=\"sapUiUx3ExactLstHide\" role=\"presentation\"");
		rm.writeAttributeEscaped("title", oControl._rb.getText(oControl._bCollapsed ? "EXACT_LST_LIST_EXPAND" : "EXACT_LST_LIST_COLLAPSE"));
		rm.write(">", this.getExpanderSymbol(!oControl._bCollapsed, true), "</a>");
		rm.write("<a id=\"" + oControl.getId() + "-close\" role=\"presentation\" class=\"sapUiUx3ExactLstClose\"");
		rm.writeAttributeEscaped("title", oControl._rb.getText("EXACT_LST_LIST_CLOSE"));
		rm.write(">X</a>");
		rm.write("</div>");
    }
    rm.write("</header>");

    // render resize bar
    rm.write("<div id=\"" + oControl.getId() + "-rsz\" class=\"sapUiUx3ExactLstRSz\"></div>");

	// close the root tag
    rm.write("</div>");
};


/**
 * Returns the symbol for the vertical or horizontal expander depending on the given expand state.
 * @private
 */
sap.ui.ux3.ExactListRenderer.getExpanderSymbol = function(bExpanded, bHorizontal){
	if(bHorizontal){
		if(sap.ui.getCore().getConfiguration().getRTL()){
			return bExpanded ? "&#9654;" : "&#9664;";
		}else{
			return bExpanded ? "&#9664;" : "&#9654;";
		}
	}else{
		return bExpanded ? "&#9650;" : "&#9660;";
	}
};

}; // end of sap.ui.ux3.ExactListRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ExactRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.Exact
jQuery.sap.declare("sap.ui.ux3.ExactRenderer");

/**
 * @class Exact renderer.
 * @static
 */
sap.ui.ux3.ExactRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.ExactRenderer.render = function(oRenderManager, oControl){
	var rm = oRenderManager;
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3Exact");
	rm.writeClasses();
	var sTooltip = oControl.getTooltip_AsString();
	if(sTooltip) {
		rm.writeAttributeEscaped("title", sTooltip);
	}
	rm.write(">");
	rm.renderControl(oControl._searchArea);
	if(oControl._bDetailsVisible){
		rm.renderControl(oControl._browser);
		rm.renderControl(oControl._resultText);
		rm.renderControl(oControl._resultArea);
	}
	rm.write("</div>");
};
}; // end of sap.ui.ux3.ExactRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.FacetFilterListRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.FacetFilterListRenderer
jQuery.sap.declare("sap.ui.ux3.FacetFilterListRenderer");

/**
 * @class FacetFilterList renderer.
 * @static
 */
sap.ui.ux3.FacetFilterListRenderer = {};

/**
 * Renders the HTML for the given control, using the provided
 * {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.FacetFilterListRenderer.render = function(oRenderManager, oControl) {

	var rm = oRenderManager;

	rm.write("<div ");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3FFLst");
	rm.writeClasses();
	rm.writeAttribute("style", "width:" + oControl.sWidth);
	rm.write(">");

	/*Header*/
	rm.write("<header id=\"" + oControl.getId() + "-head\"  class=\"sapUiUx3FFLstHead\"");
	if(oControl.getTooltip_AsString()) {
		rm.writeAttributeEscaped("title", oControl.getTooltip_AsString());
	}
	rm.write(">");
	rm.write("<h3 id=\"" + oControl.getId() + "-head-txt\"  class=\"sapUiUx3FFLstHeadTxt\">");
	if (oControl.getTitle()) {
		rm.writeEscaped(oControl.getTitle());
	}
	rm.write("</h3>");
	rm.write("</header>");

	// render the list area with the used listbox
	rm.renderControl(oControl._oListBox);

	rm.write("</div>");
};

}; // end of sap.ui.ux3.FacetFilterListRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.FacetFilterRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.FacetFilter
jQuery.sap.declare("sap.ui.ux3.FacetFilterRenderer");

/**
 * @class FacetFilter renderer.
 * @static
 */
sap.ui.ux3.FacetFilterRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.FacetFilterRenderer.render = function(oRenderManager, oControl) {
	// return immediately if control is invisible
	if (!oControl.getVisible()) {
		return;
	}

	var rm = oRenderManager;

	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3FacetFilter");
	rm.writeClasses();
	rm.write(">");
	var aLists = oControl.getLists();
	if (aLists) {
		for(var i = 0; i < aLists.length; i++) {
			aLists[i].sWidth = 100/aLists.length + "%";
			rm.renderControl(aLists[i]);
		}
	}
	rm.write("</div>");
};
}; // end of sap.ui.ux3.FacetFilterRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.FeedChunkRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.FeedChunk
jQuery.sap.declare("sap.ui.ux3.FeedChunkRenderer");

/**
 * @class FeedChunk renderer.
 * @static
 */
sap.ui.ux3.FeedChunkRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.FeedChunkRenderer.render = function(oRenderManager, oControl){
	// convenience variable
	var rm = oRenderManager;
	var oChunk = oControl;
	// check if chunk is a comment (child) of an other chunk
	if (oChunk.getParent() instanceof sap.ui.ux3.FeedChunk) {
		oChunk.bComment = true;
	} else{
		oChunk.bComment = false;
	}
	var sMyId = oChunk.getId();

	rm.write('<ARTICLE');
    rm.writeControlData(oChunk);
	rm.addClass('sapUiFeedChunk');
	if (oChunk.bComment) {
		rm.addClass('sapUiFeedChunkComment');
	}

	rm.writeClasses();
    rm.write('>');

    // thumbnail
	rm.write('<img id=' + sMyId + '-thumb');
	var sThumbnail = oChunk.getThumbnailSrc();
	if(!sThumbnail){
		sThumbnail = jQuery.sap.getModulePath("sap.ui.ux3", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sap.ui.core.theming.Parameters.get('sapUiFeedPersonPlaceholder');
	}
	rm.writeAttributeEscaped('src', sThumbnail);
	rm.writeAttributeEscaped('alt', oChunk.getSender());
	rm.writeClasses();
	rm.write('>');

    // text (starting with sender)
    rm.write('<DIV class= "sapUiFeedChunkText" >');
	rm.write('<a id=' + sMyId + '-sender ');
	rm.writeAttribute('href', 'javascript:void(0);');
	rm.write('>');
	rm.writeEscaped(oChunk.getSender());
	rm.write('</a> ');

	// HCM action MenuButton
	if (oChunk.oHCMMenuButton) {
		rm.renderControl(oChunk.oHCMMenuButton);
	}

	this.renderText(rm, oChunk);
	rm.write('</DIV>');

	// status icons
	if(!oChunk.bComment){
		rm.write('<UL class= "sapUiFeedChunkStatusIcons" >');
		if (oChunk.getFlagged()) {
			rm.write('<LI class= "sapUiFeedChunkFlagged" title="' + oChunk.rb.getText('FEED_FLAGGED') + '" >&#9873</LI>');
		}
		if (oChunk.getFavorite()) {
			rm.write('<LI class= "sapUiFeedChunkFavorite" title="' + oChunk.rb.getText('FEED_FAVORITE') + '" >&#9733</LI>');
		}
		if (oChunk.getShared()) {
			rm.write('<LI class= "sapUiFeedChunkShared" title="' + oChunk.rb.getText('FEED_SHARED') + '" >&#8635</LI>');
		}
		rm.write('</UL>');
	}

	// date
    rm.write('<SPAN class= "sapUiFeedChunkByline" >');
	rm.writeEscaped(oChunk.getTimestamp());
	rm.write('</SPAN>');

	if(!oChunk.bComment){
		// action buttons (only if exists)
		if (oChunk.oToolsButton){
			rm.renderControl(oChunk.oToolsButton);
		}
		if (oChunk.getEnableShare()) {
			rm.write('<BUTTON type = "button" id='+ sMyId + '-ActShare class= "sapUiFeedChunkAct sapUiFeedChunkActShare" title="' + oChunk.rb.getText('FEED_ACT_SHARE') + '" >&#8635</BUTTON>');
		}
		if (oChunk.getEnableInspect()) {
			rm.write('<BUTTON type = "button" id='+ sMyId + '-ActInspect class= "sapUiFeedChunkAct sapUiFeedChunkActInspect" title="' + oChunk.rb.getText('FEED_ACT_INSPECT') + '" >i</BUTTON>');
		}
		if (oChunk.getEnableFavorite()) {
			rm.write('<BUTTON type = "button" id='+ sMyId + '-ActFavorite class= "sapUiFeedChunkAct sapUiFeedChunkActFavorite" title="' + oChunk.rb.getText('FEED_ACT_FAVORITE') + '" >&#9733</BUTTON>');
		}
		if (oChunk.getEnableFlag()) {
			rm.write('<BUTTON type = "button" id='+ sMyId + '-ActFlag class= "sapUiFeedChunkAct sapUiFeedChunkActFlag" title="' + oChunk.rb.getText('FEED_ACT_FAVORITE') + '" >&#9873</BUTTON>');
		}
		if (oChunk.getEnableComment()) {
			rm.write('<BUTTON type = "button" id='+ sMyId + '-ActComment class= "sapUiFeedChunkAct sapUiFeedChunkActComment" title="' + oChunk.rb.getText('FEED_ACT_COMMENT') + '" >C</BUTTON>');
		}
	}

    // delete button
    if(oChunk.getDeletionAllowed() && oChunk.bComment){
		rm.write('<BUTTON type = "button" id='+ sMyId + '-delete class= "sapUiFeedChunkDel" title="' + oChunk.rb.getText('FEED_DELETE') + '" >X</BUTTON>');
    }

    // comments
    if(oChunk.getComments().length > 0 || oChunk.showCommentFeeder){
		rm.write("<SECTION>");
		this.renderComments(rm, oChunk);
		rm.write("</SECTION>");
    }

    rm.write('</ARTICLE>');
};

/*
 *	Render text with @References
 */
sap.ui.ux3.FeedChunkRenderer.renderText = function(rm, oChunk){

	var sText = oChunk.getText();
	var i = 0;

	do{
		var iPos = sText.search(/\s/);
		var sSpace = "",
			sWord = "";

		if(iPos < 0){
			// only 1 word
			sWord = sText;
		}else{
			sWord = sText.slice(0, iPos);
			sSpace = sText.slice(iPos, iPos + 1);
			sText = sText.slice(iPos + 1);
		}

		// check for special strings
		if (/^@/.test(sWord)) {
			// @-reference
			rm.write('<a id=' + oChunk.getId() + '-Ref' + i);
			rm.writeAttribute('href', 'javascript:void(0);');
			rm.write('>');
			rm.writeEscaped(sWord, true);
			rm.write('</a>', sSpace);
			i++;
		}else if (/^(https?|ftp):\/\//i.test(sWord) && jQuery.sap.validateUrl(sWord)) {
			// web link - valid URL
			rm.write('<a');
			rm.writeAttribute('href', jQuery.sap.encodeHTML(sWord));
			rm.write('>');
			rm.writeEscaped(sWord, true);
			rm.write('</a>',sSpace);
		}else if (/^(www\.)/i.test(sWord) && jQuery.sap.validateUrl("http://"+sWord)) {
			// web link without protocol -> use HTTP - valid URL
			rm.write('<a');
			rm.writeAttribute('href', jQuery.sap.encodeHTML("http://"+sWord));
			rm.write('>');
			rm.writeEscaped(sWord, true);
			rm.write('</a>',sSpace);
		}else if (/^[\w\.=-]+@[\w\.-]+\.[\w]{2,5}$/.test(sWord)) {
			//email - not 100% validity check and validation missing
			rm.write('<a');
			rm.writeAttribute('href', "mailto:"+jQuery.sap.encodeHTML(sWord));
			rm.write('>');
			rm.writeEscaped(sWord, true);
			rm.write('</a>',sSpace);
		}else{
			// normal word
			rm.writeEscaped(sWord + sSpace, true);
		}
	}while(iPos >= 0);

};

/*
 *	Render comment section content
 */
sap.ui.ux3.FeedChunkRenderer.renderComments = function(rm, oChunk){

	var oComments = oChunk.getComments();
	var iLength = oComments.length;

	// number of comments
	rm.write('<HEADER class= "sapUiFeedChunkComments" >');
	if(oChunk.rb) {
		rm.write(oChunk.rb.getText('FEED_NO_COMMENTS', [iLength]));

		if (iLength > oChunk.maxComments){
			rm.write('<a id=' + oChunk.getId() + '-all ');
			rm.writeAttribute('href', 'javascript:void(0);');
			rm.write('>');
			if (!oChunk.allComments) {
				rm.write(oChunk.rb.getText('FEED_ALL_COMMENTS'));
			} else {
				rm.write(oChunk.rb.getText('FEED_MAX_COMMENTS'));
			}
			rm.write('</a>');
		}
	}
	rm.write("</HEADER>");

	// comments are sorted from old to new. Newest comment is on the bottom
	var iNumberChunks = iLength;
	if (!oChunk.allComments && oChunk.maxComments < iNumberChunks) {
		iNumberChunks = oChunk.maxComments;
	}

	for ( var i = 0; i < iNumberChunks; i++) {
		rm.renderControl(oComments[iLength - iNumberChunks + i]);
	}

	// comment feeder
	if (oChunk.oCommentFeeder) {
		rm.renderControl(oChunk.oCommentFeeder);
	}

};

/*
 *	Render expand button
 */
sap.ui.ux3.FeedChunkRenderer.renderExpander = function(oChunk){

	if (oChunk.expanded) {
		return "<button id= '" + oChunk.getId() + "-exp' class='sapUiFeedChunkCollapse' title='" + oChunk.rb.getText("FEED_COLLAPS") + "'>&#9660</button>";
	} else {
		return "<button id= '" + oChunk.getId() + "-exp' class='sapUiFeedChunkExpand' title='" + oChunk.rb.getText("FEED_EXPAND") + "'>&#9660</button>";
	}

};
}; // end of sap.ui.ux3.FeedChunkRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.FeedRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.ux3.FeedRenderer");

/**
 * @class Feed renderer.
 * @static
 */
sap.ui.ux3.FeedRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.FeedRenderer.render = function(oRenderManager, oControl){
    // convenience variable
	var rm = oRenderManager;
	var oFeed = oControl;
	var sMyId = oFeed.getId();

	// write the HTML into the render manager
    rm.write('<DIV');
    rm.writeControlData(oFeed);
	rm.addClass('sapUiFeed');
	rm.writeClasses();
    rm.write('>');

    //feeder
	rm.renderControl(oFeed.oFeeder);

    rm.write('<HEADER class=sapUiFeedTitle ><H4>');
    //titlebar
    var sTitle = oFeed.getTitle();
    if (!sTitle || sTitle == "") {
		// use default title
		sTitle = oFeed.rb.getText('FEED_TITLE');
	}
	rm.writeEscaped(sTitle);
	//menu button (only if exist)
	if(oFeed.oToolsButton){
		rm.renderControl(oFeed.oToolsButton);
	}
    //live-button (alsways must exist)
	rm.renderControl(oFeed.oLiveButton);
    rm.write('</H4>');

    //toolbar
    rm.write('<DIV class="sapUiFeedToolbar" >');
	rm.renderControl(oFeed.oFilter);
	rm.renderControl(oFeed.oSearchField);

    rm.write('</DIV>');
    rm.write('</HEADER>');

    //Chunks
    rm.write('<SECTION>');
    for ( var i = 0; i < oFeed.getChunks().length; i++) {
		var oChunk = oFeed.getChunks()[i];
		rm.renderControl(oChunk);
	}

    rm.write('</SECTION>');

    rm.write('</DIV>');

};

}; // end of sap.ui.ux3.FeedRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.FeederRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.Feeder
jQuery.sap.declare("sap.ui.ux3.FeederRenderer");

/**
 * @class Feeder renderer.
 * @static
 */
sap.ui.ux3.FeederRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.FeederRenderer.render = function(oRenderManager, oControl){
    // convenience variable
	var rm = oRenderManager;
	var oFeeder = oControl;

	// write the HTML into the render manager
    rm.write('<DIV');
    rm.writeControlData(oFeeder);
	rm.addClass('sapUiFeeder');

	switch (oFeeder.getType()){
	case( sap.ui.ux3.FeederType.Medium):
		rm.addClass('sapUiFeederMedium');
	break;
	case( sap.ui.ux3.FeederType.Comment):
		rm.addClass('sapUiFeederComment');
	break;
	default: // large feeder is default
		rm.addClass('sapUiFeederLarge');
	break;
	}

	rm.writeClasses();
    rm.write('>');

    // thumbnail
	rm.write('<img id=' + oFeeder.getId() + '-thumb');
	var sThumbnail = oFeeder.getThumbnailSrc();
	if(!sThumbnail){
		sThumbnail = jQuery.sap.getModulePath("sap.ui.ux3", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sap.ui.core.theming.Parameters.get('sapUiFeedPersonPlaceholder');
	}
	rm.writeAttributeEscaped('src', sThumbnail);

//	rm.writeAttributeEscaped('alt', oChunk.getSender());
	rm.writeClasses();
	rm.write('>');

	// input area as editable DIV because of dynamic content
    rm.write('<DIV id=' + oFeeder.getId() + '-input contenteditable="true" class="sapUiFeederInput" >');

    // text
    if(oFeeder.getText() == ''){
		rm.write(this.getEmptyTextInfo( oFeeder ));
    }else{
		rm.writeEscaped(oFeeder.getText(), true);
    }

    rm.write('</DIV>');

    //send button
    oFeeder.initSendButton();
    rm.renderControl(oFeeder.oSendButton);

    rm.write('</DIV>');
};

sap.ui.ux3.FeederRenderer.getEmptyTextInfo = function( oFeeder ){

	return "<span class='sapUiFeederEmptyText'>" + oFeeder.rb.getText("FEED_EMPTY_FEEDER")+ "</span>";

};

}; // end of sap.ui.ux3.FeederRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.NavigationBarRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.NavigationBar
jQuery.sap.declare("sap.ui.ux3.NavigationBarRenderer");

/**
 * @class NavigationBar renderer.
 * @static
 */
sap.ui.ux3.NavigationBarRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.NavigationBarRenderer.render = function(oRenderManager, oControl) {

	// return immediately if control is invisible
	if (!oControl.getVisible()) {
		return;
	}

	// convenience variable
	var rm = oRenderManager;
	var sId = oControl.getId();

	// write the HTML into the render manager
	rm.addClass("sapUiUx3NavBar" + (oControl.getToplevelVariant() ? " sapUiUx3NavBarToplevel" : ""));
	rm.addClass("sapUiUx3NavBarUpperCase");
	rm.write("<nav");
	rm.writeControlData(oControl);
	rm.writeClasses();
	rm.write(" role='navigation'><ul id='" + sId + "-list' role='menubar' class='sapUiUx3NavBarList'>");
	rm.write(sap.ui.ux3.NavigationBarRenderer.getItemsHtml(oControl));
	rm.write("</ul>");
	rm.write("<a id='" + sId + "-ofb' tabindex='-1' role='presentation' class='sapUiUx3NavBarBack' href='javascript:void(0)'>&lt;&lt;</a>");
	rm.write("<a id='" + sId + "-off' tabindex='-1' role='presentation' class='sapUiUx3NavBarForward' href='javascript:void(0)'>&gt;&gt;</a>");
	rm.write("</nav>");
};



sap.ui.ux3.NavigationBarRenderer.getItemsHtml = function(oControl) {
	var html = [];
	var aItems = oControl.getItems();
	var bNeedToGetInstances = false;
	if (!aItems || aItems.length == 0) { // use the association instead, if the aggregation is empty
		aItems = oControl.getAssociatedItems();
		bNeedToGetInstances = true; // avoid type checks in the loop
	}
	
	var iNoOfItems = aItems.length;

	// dummy item to avoid jumping while animating
	html.push("<li><a id='" + oControl.getId() + "-dummyItem' class='sapUiUx3NavBarDummyItem sapUiUx3NavBarItem'>&nbsp;</a></li>");
	var selId = oControl.getSelectedItem();
	
	for (var i = 0; i < iNoOfItems; i++) {
		var item = bNeedToGetInstances ? sap.ui.getCore().byId(aItems[i]) : aItems[i];
		if (item.getVisible()) {
			var itemId = item.getId();
			var bIsSelected = itemId == selId;
			html.push("<li");
			if (bIsSelected) {
				html.push(" class='sapUiUx3NavBarItemSel'");
			}
			var url = item.getHref() || "javascript:void(0);";
			html.push("><a href='" + url + "' id='" + itemId + "' aria-setsize='" + iNoOfItems + "' aria-posinset='" + (i+1) + "' role='menuitemradio' class='sapUiUx3NavBarItem'");
			if (bIsSelected) {
				html.push(" tabindex='0'");
			}
			html.push(" aria-checked='" + (bIsSelected ? "true" : "false") + "'");
			
			var tooltip = item.getTooltip_AsString();
			if (tooltip) {
				html.push(" title='" + jQuery.sap.escapeHTML(tooltip) + "'");
			}
		
			html.push(">");
			html.push(jQuery.sap.escapeHTML(item.getText()));
			html.push("</a></li>");
		}
	}

	var arrowPos;
	if (oControl._bRtl) {
		arrowPos = "right:" + oControl._iLastArrowPos;
	} else {
		arrowPos = "left:" + oControl._iLastArrowPos;
	}
	html.push("<span id='" + oControl.getId() + "-arrow' style='" + arrowPos + "px;");
	if ((aItems.length == 1) && !oControl.getToplevelVariant() && jQuery.browser.msie && (jQuery.browser.version == 8 || jQuery.browser.version == 7)) { // IE8 workaround; other browsers understand nth-child, see Base-CSS
		html.push("display:none;"); // hide arrow when there is only one item
	}
	html.push("' class='sapUiUx3NavBarArrow'></span>");

	return html.join("");
};

}; // end of sap.ui.ux3.NavigationBarRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.NotificationBarRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
jQuery.sap.declare("sap.ui.ux3.NotificationBarRenderer");
jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class NotificationBar renderer.
 * @static
 */
sap.ui.ux3.NotificationBarRenderer = {};

/*
 * Set all methods into a close to prevent any abuse of helping methods
 */
(function() {
	/**
	 * Renders the HTML for the given control, using the provided
	 * {@link sap.ui.core.RenderManager}.
	 * 
	 * @param {sap.ui.core.RenderManager}
	 *            oRm the RenderManager that can be used for writing to the
	 *            render output buffer
	 * @param {sap.ui.core.Control}
	 *            oControl an object representation of the control that should
	 *            be rendered
	 */
	sap.ui.ux3.NotificationBarRenderer.render = function(oRm, oControl) {
		fnWriteHeader(oRm, oControl);
		fnWriteItems(oRm, oControl);
		fnWriteFooter(oRm, oControl);
	};

	/**
	 * @private
	 */
	var fnWriteHeader = function(oRm, oControl) {

		oRm.write("<div");
		oRm.writeControlData(oControl);

		if (oControl.getVisibleStatus() === sap.ui.ux3.NotificationBarStatus.None) {
			if (oControl.$().length > 0) {
				// if NotiBar is already rendered
				if (oControl._resizeFrom) {
					oControl.$().stop().animate({
						height : 0
					}, "fast", function() {
						oControl.$().css("display", "none");

						oRm.addStyle("display", "none");
						oRm.writeAttribute("aria-hidden", "true");
					});
				} else {
					oRm.addStyle("display", "none");
					oRm.writeAttribute("aria-hidden", "true");
				}
			} else {
				/*
				 * setting the display attribute prevents the bar from
				 * flickering when the bar is initially loaded
				 */
				oRm.addStyle("display", "none");
				oRm.writeAttribute("aria-hidden", "true");
			}
		} else {
			oRm.writeAttribute("aria-hidden", "false");
			oRm.addStyle("display", "block");
		}
		oRm.writeStyles();

		oRm.addClass("sapUiNotificationBar");
		/*
		 * This ensures the maximize and minimize animation
		 */
		if (oControl._resizeTo) {
			if (oControl._resizeFrom == sap.ui.ux3.NotificationBarStatus.Max) {
				if (oControl._resizeTo == sap.ui.ux3.NotificationBarStatus.Default) {
					// Resizing from maximize back to default (class will be
					// removed in 'afterRendering')
					oRm.addClass("sapUiNotificationBarMaximized");
				}
			}
		}

		oRm.writeClasses();

		oRm.write(">"); // div element

		/*
		 * Rendering the hover element that helps to indicate if the bar is
		 * hovered. It is important that this element is within the root element
		 * of the NotificationBar since outside is strictly forbidden!
		 */
		fnRenderHoverItem(oRm, oControl);
	};

	var fnRenderToggler = function(oRm, oControl) {
		var sStatus = oControl.getVisibleStatus();
		if (sStatus !== "None") {
			var sId = oControl.getId() + "-toggler";

			oRm.write("<div");
			oRm.writeAttribute("id", sId);

			oRm.addClass("sapUiBarToggle");
			if (sStatus !== "Min") {
				oRm.addClass("sapUiBarToggleWide");
			}

			oRm.writeClasses();

			// set toggler always to visible if running on a mobile device
			if (jQuery.browser.mobile) {
				oRm.addStyle("display", "block");
				oRm.writeStyles();
			}

			oRm.write(">");

			fRenderToggleItem(oRm, oControl, "ArrowUp");
			fRenderToggleItem(oRm, oControl, "ArrowDown");
			fRenderToggleItem(oRm, oControl, "BarUp");
			fRenderToggleItem(oRm, oControl, "BarDown");

			oRm.write("</div>"); // div Toggler
		} else {
			if (jQuery.browser.mobile) {
				oRm.addStyle("display", "none");
				oRm.writeStyles();
			}
		}
	};

	var fRenderToggleItem = function(oRm, oControl, sItemType) {
		oRm.write("<div");

		var sId = oControl.getId() + "-" + sItemType;
		oRm.writeAttribute("id", sId);

		var sStatus = oControl.getVisibleStatus();
		var bHide = true;

		var sTitle = "";

		switch (sItemType) {
		case "ArrowUp":
			if (sStatus === "Default") {
				bHide = false;
			}
			sTitle = oControl._oResBundle.getText("NOTIBAR_TITLE_ENLARGE");
			break;

		case "ArrowDown":
			if (sStatus === "Max") {
				bHide = false;
			}
			sTitle = oControl._oResBundle.getText("NOTIBAR_TITLE_MINIMIZE");
			break;

		case "BarUp":
			if (sStatus === "Min") {
				bHide = false;
			}
			sTitle = oControl._oResBundle.getText("NOTIBAR_TITLE_BAR_UP");
			break;

		case "BarDown":
			if (sStatus === "Max" || sStatus === "Default") {
				bHide = false;
			}
			sTitle = oControl._oResBundle.getText("NOTIBAR_TITLE_BAR_DOWN");
			break;

		}
		oRm.writeAttributeEscaped("title", sTitle);

		if (bHide) {
			oRm.addClass("sapUiBarToggleHide");
		}

		oRm.addClass("sapUiBarToggle" + sItemType);
		oRm.addClass("sapUiBarToggleItem");

		oRm.writeClasses();
		oRm.write(">");

		oRm.write("</div>");
	};

	var fnRenderHoverItem = function(oRm, oControl) {
		oRm.write("<div");
		var sId = oControl.getId() + "-hoverItem";
		oRm.writeAttribute("id", "" + sId);

		var sStatus = oControl.getVisibleStatus();
		if (sStatus === "Min") {
			oRm.addStyle("top", "-"
					+ sap.ui.ux3.NotificationBar.HOVER_ITEM_HEIGHT + "px");
			oRm.addStyle("display", "block");
		} else {
			oRm.addStyle("display", "none");
		}
		if (oControl.getDomRef()) {
			var $domRef = jQuery(oControl.getDomRef());
			var sWidth = $domRef.width() + "px";
			oRm.addStyle("width", sWidth);
		}
		oRm.writeStyles();

		oRm.addClass("sapUiNotiHover");
		oRm.writeClasses();
		oRm.write(">");

		oRm.write("</div>"); // div hover item
	};

	/**
	 * Renders all notifiers
	 */
	var fnWriteItems = function(oRm, oControl) {
		if (oControl.getResizeEnabled()) {
			fnRenderToggler(oRm, oControl);
		}

		if (oControl.hasItems()) {
			if (oControl.getVisibleStatus() == sap.ui.ux3.NotificationBarStatus.Max) {
				fnWriteItemsMaximized(oRm, oControl);
			} else {
				fnWriteItemsDefault(oRm, oControl);
			}
		}
	};

	var fnWriteItemsMaximized = function(oRm, oControl) {
		var aNotifiers = oControl.getNotifiers();
		var oMessageNotifier = oControl.getMessageNotifier();

		oRm.write("<div");
		oRm.writeAttribute("id", oControl.getId() + "-containers");

		oRm.addClass("sapUiNotifierContainers");
		oRm.writeClasses();
		oRm.write(">");

		// suppress any invalidate since we are already rendering ;-)
		if (oMessageNotifier && oMessageNotifier.hasItems()) {
			oMessageNotifier.destroyAggregation("views", true);

			var oMNView = fnRenderNotifierMaximized(oMessageNotifier);
			oMessageNotifier.addAggregation("views", oMNView, true);

			oRm.renderControl(oMNView);
		}

		if (aNotifiers.length > 0) {
			for ( var i = 0; i < aNotifiers.length; i++) {
				if (aNotifiers[i].hasItems()) {
					aNotifiers[i].destroyAggregation("views", true);

					var oView = fnRenderNotifierMaximized(aNotifiers[i]);
					aNotifiers[i].addAggregation("views", oView, true);

					oRm.renderControl(oView);
				}
			}
		}

		oRm.write("</div");
	};

	var fnWriteItemsDefault = function(oRm, oControl) {
		var aNotifiers = oControl.getNotifiers();
		var oMN = oControl.getMessageNotifier();

		oRm.write("<ul");
		oRm.writeAttribute("id", oControl.getId() + "-notifiers");
		oRm.addClass("sapUiNotifiers");
		oRm.writeClasses();
		oRm.write(">");

		/*
		 * Check if there is something wrong in the neighborhood... so call the
		 * Ghostbusters. If there is something to monitor/messages show it.
		 */
		var bMonitoring = false;
		for ( var i = 0; i < aNotifiers.length; i++) {
			if (aNotifiers[i].hasItems()) {
				bMonitoring = true;
				break;
			}
		}

		var bMessage = (oMN && oMN.hasItems()) ? true : false;

		if (bMonitoring) {
			fnRenderNotifiers(oRm, aNotifiers);
		}

		if (bMonitoring && bMessage) {
			/*
			 * Add separator between monitor controls and notification controls.
			 * The separator is only needed if monitoring controls and messages
			 * are available.
			 */
			oRm.write("<li");
			oRm.addClass("sapUiNotifierSeparator");
			oRm.writeClasses();
			oRm.write(">");
			oRm.write("&nbsp;");
			oRm.write("</li>");
		}

		if (bMessage) {
			fnRenderMessageNotifier(oRm, oMN, oControl);
		}

		oRm.write("</ul>");
	};

	var fnWriteFooter = function(oRm, oControl) {
		oRm.write("</div>");
	};

	/**
	 * Renders a single notifier
	 */
	var fnRenderNotifier = function(oRm, oNotifier, bMessageNotifier) {
		oRm.write("<li");
		oRm.writeElementData(oNotifier);
		oRm.addClass("sapUiNotifier");
		oRm.writeClasses();

		// ItemNavigation can only handle focusable items
		oRm.writeAttribute("tabindex", "-1");
		oRm.writeAttribute("aria-describedby", oNotifier.getId()
				+ '-description>');
		oRm.write(">"); // li element

		fnWriteNotifierIcon(oRm, oNotifier.getIcon(), bMessageNotifier);

		// adding an element to enable a
		oRm.write('<div id="' + oNotifier.getId() + '-description"');
		oRm.addStyle("display", "none");
		oRm.writeStyles();
		oRm.write(">");

		oRm.write("</div>");

		var iCount = oNotifier.getMessages().length;
		if (iCount > 0) {
			// opening the div with corresponding classes
			oRm.write('<div id="' + oNotifier.getId()
					+ '-counter" role="tooltip"');
			oRm.addClass("sapUiNotifierMessageCount");
			if (bMessageNotifier) {
				oRm.addClass("sapUiMessage");
			}
			oRm.writeClasses();
			oRm.write(">");

			// write the div's content
			if (iCount > 99) {
				iCount = ">99";
			}
			oRm.write(iCount);

			// closing the div
			oRm.write("</div>");
		}

		oRm.write("</li>"); // li element
	};

	var fnRenderNotifierMaximized = function(oNotifier) {
		var oNotifierView = new sap.ui.ux3.NotificationBar.NotifierView({
			title : oNotifier.getTitle(),
			renderMode : "maximized"
		});

		var aMessages = oNotifier.getMessages();
		for ( var i = 0; i < aMessages.length; i++) {
			var oMessage = aMessages[i];

			var oMessageView = new sap.ui.ux3.NotificationBar.MessageView({
				text : oMessage.getText(),
				timestamp : oMessage.getTimestamp()
			});
			oMessageView._message = oMessage;
			oMessageView.setIcon(oMessage.getIcon()
					|| oMessage.getDefaultIcon("32x32"));

			oNotifierView.addMessage(oMessageView);
		}

		return oNotifierView;
	};

	/**
	 * Renders given map of notifiers
	 */
	var fnRenderNotifiers = function(oRm, aNotifiers) {
		for ( var i = 0; i < aNotifiers.length; i++) {
			fnRenderNotifier(oRm, aNotifiers[i], false);
		}
	};

	/**
	 * Renders the notifier's icon. If there is no icon set a default icon is
	 * used
	 */
	var fnWriteNotifierIcon = function(oRm, sUri, bMessageNotifier) {
		oRm.write("<img alt=\"\"");
		oRm.addClass("sapUiNotifierIcon");
		oRm.writeClasses();

		var iconUrl = "";

		if (sUri == null || sUri == "") {
			if (bMessageNotifier) {
				iconUrl = jQuery.sap.getModulePath("sap.ui.ux3", '/')
						+ "themes/"
						+ sap.ui.getCore().getConfiguration().getTheme()
						+ "/img/notification_bar/alert_white_24.png";
			} else {
				iconUrl = jQuery.sap.getModulePath("sap.ui.ux3", '/')
						+ "themes/"
						+ sap.ui.getCore().getConfiguration().getTheme()
						+ "/img/notification_bar/notification_24.png";
			}
		} else {
			iconUrl = sUri;
		}

		oRm.writeAttributeEscaped("src", iconUrl);
		oRm.write(">");

		oRm.write("</img>");
	};

	/**
	 * This renders a given message notifier and its message area next to the
	 * notifier icon
	 */
	var fnRenderMessageNotifier = function(oRm, oNotifier, oNotiBar) {
		fnRenderNotifier(oRm, oNotifier, true);
		fnRenderMessageNotifierMessageArea(oRm, oNotifier, oNotiBar);
	};

	/**
	 * Renders the message area next to a message notifier
	 */
	var fnRenderMessageNotifierMessageArea = function(oRm, oMessageNotifier,
			oNotiBar) {
		if (oMessageNotifier.hasItems()) {
			var aMessages = oMessageNotifier.getMessages();
			var lastItem = aMessages[aMessages.length - 1];

			var oMA = oMessageNotifier._oMessageArea;
			// this ensures that this message is selectable from the bar
			oMA._message = lastItem;

			oRm.write("<li");
			oRm.addClass("sapUiInPlaceMessage");
			oRm.writeClasses();

			if (oNotiBar._gapMessageArea) {
				var sMargin = oNotiBar._gapMessageArea + "px";
				oRm.addStyle("margin-left", sMargin);
				oRm.writeStyles();
			}
			oRm.write(">");

			// oRm.renderControl(oMA);
			if (lastItem.getText() != "") {
				oRm.write("<div");
				oRm.writeControlData(oMA);
				// enable inplace message for item navigation
				oRm.writeAttribute("tabindex", "-1");
				oRm.addClass("sapUiNotifierMessageText");
				oRm.addClass("sapUiInPlaceMessage");
				oRm.writeClasses();
				oRm.write(">");
				oRm.writeEscaped(lastItem.getText());
				oRm.write("</div>"); // Text
			}

			if (lastItem.getTimestamp() != "") {
				oRm.write("<div");
				oRm.addClass("sapUiNotifierMessageTimestamp");
				oRm.addClass("sapUiInPlaceMessage");
				oRm.writeClasses();
				oRm.write(">");
				oRm.writeEscaped(lastItem.getTimestamp());
				oRm.write("</div>"); // Timestamp
			}

			oRm.write("</li>");
		}
	};
}());

}; // end of sap.ui.ux3.NotificationBarRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.OverlayRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.Overlay
jQuery.sap.declare("sap.ui.ux3.OverlayRenderer");

/**
 * @class Overlay renderer.
 * @static
 */
sap.ui.ux3.OverlayRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.OverlayRenderer.render = function(oRenderManager, oControl){
	// convenience variable
	var rm = oRenderManager;

	// write the HTML into the render manager
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3Overlay");

	if (this.addRootClasses) {
		this.addRootClasses(rm, oControl);
	}

	rm.writeClasses();
	rm.write(">");

	rm.write("<div role='presentation'");
	rm.addClass("sapUiUx3OverlayOverlay");

	if (this.addOverlayClasses) {
		this.addOverlayClasses(rm, oControl);
	}

	rm.writeClasses();
	rm.write(">");
	rm.write("</div>");
	rm.write("<span class='sapUiUx3OverlayFocusDummyPane' id='" + oControl.getId() + "-firstFocusDummyPaneFw'></span>");
	rm.write("<span class='sapUiUx3OverlayFocusDummyPane' id='" + oControl.getId() + "-firstFocusDummyPaneBw'></span>");
	//render open & close button
	if (oControl.getOpenButtonVisible()) {
	rm.write("<a role=\"button\" aria-disabled=\"false\" class='sapUiUx3OverlayOpenButton' id='" + oControl.getId()
			+ "-openNew' tabindex=\"0\" title=\""+oControl._getText("OVERLAY_OPEN_BUTTON_TOOLTIP") +"\">"+oControl._getText("OVERLAY_OPEN_BUTTON_TEXT")+"</a>");
			}
	if (oControl.getCloseButtonVisible()) {
	rm.write("<a role=\"button\" aria-disabled=\"false\" class='sapUiUx3OverlayCloseButton' id='" + oControl.getId()
			+ "-close' tabindex=\"0\" title=\""+oControl._getText("OVERLAY_CLOSE_BUTTON_TOOLTIP") +"\"></a>");
	}
	if (this.renderContent) {
		this.renderContent(rm, oControl);
	}
	rm.write("<span class='sapUiUx3OverlayFocusDummyPane' id='" + oControl.getId() + "-LastFocusDummyPane'></span>");
	rm.write("</div>");

};

}; // end of sap.ui.ux3.OverlayRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.QuickViewRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

jQuery.sap.declare("sap.ui.ux3.QuickViewRenderer");
jQuery.sap.require('sap.ui.commons.CalloutBaseRenderer'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class QuickView renderer. 
 * @static
 */
sap.ui.ux3.QuickViewRenderer = sap.ui.core.Renderer.extend(sap.ui.commons.CalloutBaseRenderer);


/**
 * Renders the HTML for the CalloutBase content, using the provided {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.QuickViewRenderer.renderContent = function(oRenderManager, oControl){ 

	var rm = oRenderManager;

	// accessibility
	var bAcc = sap.ui.getCore().getConfiguration().getAccessibility();

	// control properties
	var sType	= oControl.getType(),
		sName	= oControl.getFirstTitle(),
		sHref	= oControl.getFirstTitleHref(),
		sIcon	= oControl.getIcon(),
		sDesc	= oControl.getSecondTitle(),
		sWidth	= oControl.getWidth(),
		sId = oControl.getId(),
		tooltip = oControl.getTooltip_AsString();

	// container for the QuickView header and content
	rm.write("<div");
	if(tooltip){
		rm.writeAttributeEscaped("title", tooltip);
	}
	if(bAcc){
		rm.writeAttribute("role", "dialog");
		rm.writeAttribute("aria-labelledby",sId + "-title");
	}
	rm.addClass("sapUiUx3QV");
	rm.writeClasses();
	if(sWidth){
		rm.addStyle("width", sWidth);
		rm.writeStyles();
	}
	rm.write(">")

	//header (Thing Type) is mandatory
	rm.write("<div");
	rm.writeAttribute("id", sId + "-title");
	rm.writeAttribute("tabindex", "-1"); // ItemNavigation can only handle focusable items
	rm.addClass("sapUiUx3QVHeader");
	rm.writeClasses();
	rm.write(">")
	rm.writeEscaped(sType);
	rm.write("</div>");

	//heading: icon, title1, title2
	if(sIcon || sName || sDesc){
		rm.write("<div");
		if(bAcc){
			rm.writeAttribute("role", "heading");
		}
		rm.addClass("sapUiUx3QVHeading");
		rm.writeClasses();
		rm.write(">")

		//icon
		if(sIcon){
			rm.write("<img alt=\"\"");
			rm.addClass("sapUiUx3QVIcon");
			rm.writeClasses();
			rm.writeAttributeEscaped("src", sIcon);
			rm.writeAttributeEscaped("title", sName);
			if(bAcc){
				// ARIA - icon is decorative
				rm.writeAttribute("role", "presentation");
			}
			rm.write(" tabindex=\"-1\"");
			rm.write("></img>"); 
		}

		//name 
		rm.write("<span");
		rm.writeAttribute("id", sId + "-name");
		if(bAcc && sDesc){
			rm.writeAttribute("aria-describedby",sId + "-descr");
		}
		rm.addClass("sapUiUx3QVTitle1");
		rm.writeClasses();
		rm.write(">");
		if(sHref){
			rm.write("<a");
			rm.writeAttribute("id", sId + "-link");
			rm.writeAttributeEscaped("href", sHref);
			rm.writeAttribute("tabindex", "-1"); // ItemNavigation can only handle focusable items
			rm.write(">");
		}
		rm.writeEscaped(sName || "");
		if(sHref){
			rm.write("</a>");
		}
		rm.write("</span>");

		//title2
		if(sDesc){
			rm.write("<br><span");
			rm.writeAttribute("id", sId + "-descr");
			rm.writeAttribute("tabindex", "-1"); // ItemNavigation can only handle focusable items
			rm.addClass("sapUiUx3QVTitle2");
			rm.writeClasses();
			rm.write(">");
			rm.writeEscaped(sDesc);
			rm.write("</span>");
		}
		rm.write("</div>"); // heading
	}

	// content
	// render Header Content
	rm.write("<div id=\"" + sId + "-content\">");
	this.renderBody(rm, oControl);
	rm.write("</div>");

	rm.write("</div>"); // container

	// render the action bar 
	if(oControl.getShowActionBar() && oControl.getActionBar()){
		rm.renderControl(oControl.getActionBar());
	}

};

/**
 * Renders the HTML for the QuickView body content (form or )
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.QuickViewRenderer.renderBody = function(rm, oControl) {
	var aContent = oControl.getContent();
	for ( var i = 0; i < aContent.length; i++) {
		rm.write("<div class=\"sapUiUx3QVBody\">");
		if(aContent[i] instanceof sap.ui.core.Control){
			rm.renderControl(aContent[i]);
		} else if(aContent[i].getContent && typeof aContent[i].getContent == "function"){
			// ThingGroups with own content are also allowed
			var aChildContent = aContent[i].getContent();
			for(var j = 0; j < aChildContent.length; j++){
				if(aChildContent[j] instanceof sap.ui.core.Control){
					rm.renderControl(aChildContent[j]); 
				}
			}
		}
		rm.write("</div>");
	}
};


}; // end of sap.ui.ux3.QuickViewRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ShellColorPicker') ) {
/**
 * EXPERIMENTAL!  DO NOT USE!
 */

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the class sap.ui.ux3.ShellColorPicker
jQuery.sap.declare("sap.ui.ux3.ShellColorPicker");
jQuery.sap.require('sap.ui.base.EventProvider'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Button'); // unlisted dependency retained
 // unlisted dependency retained




sap.ui.ux3.ShellColorPicker = function(id) {
	sap.ui.base.EventProvider.apply(this);
	this.id = id;
};

sap.ui.ux3.ShellColorPicker.prototype = jQuery.sap.newObject(sap.ui.base.EventProvider.prototype);


/*  EVENT HANDLING */

sap.ui.ux3.ShellColorPicker.M_EVENTS = {liveChange: "liveChange"};

sap.ui.ux3.ShellColorPicker.prototype.attachLiveChange = function(fFunction, oListener) {
	this.attachEvent(sap.ui.ux3.ShellColorPicker.M_EVENTS.liveChange, fFunction, oListener);
};

sap.ui.ux3.ShellColorPicker.prototype.detachLiveChange = function(fFunction, oListener) {
	this.detachEvent(sap.ui.ux3.ShellColorPicker.M_EVENTS.liveChange, fFunction, oListener);
};

sap.ui.ux3.ShellColorPicker.prototype.fireLiveChange = function(oColor) {
	var mParameters = {cssColor:sap.ui.ux3.ShellColorPicker.hslToCss(oColor)};
	this.fireEvent(sap.ui.ux3.ShellColorPicker.M_EVENTS.liveChange, mParameters);
};



/* API METHODS */

/**
 * @public
 */
sap.ui.ux3.ShellColorPicker.prototype.isOpen = function() {
	return (this.oPopup && this.oPopup.isOpen());
};


/**
 *
 * @param oColor a hsl-based color object, as returned by parseCssRgbString()
 *
 * @public
 */
sap.ui.ux3.ShellColorPicker.prototype.open = function(oColor, iDuration, my, at, of, offset, collision) {
	if (this.oPopup && this.oPopup.isOpen()) {
		return;
	}

	this.oSlider = new sap.ui.commons.Slider({width: "225px",liveChange:[this.handleSlider, this]});
	this.oOkBtn = new sap.ui.commons.Button({text:"OK",press:[this.handleOk, this]});
	this.oCancelBtn = new sap.ui.commons.Button({text:"Cancel",press:[this.handleCancel, this]});

	this.oInitialColor = oColor;
	this.oCurrentColor = jQuery.extend({}, this.oInitialColor);

	this.oSlider.setValue(this.oCurrentColor.l);
	var rm = sap.ui.getCore().createRenderManager();
	var dummyDiv = document.createElement("div");
	var statArea = sap.ui.getCore().getStaticAreaRef();
	statArea.appendChild(dummyDiv);
	this.renderHtml(rm);
	rm.flush(dummyDiv);
	rm.destroy;
	this.oPopup = new sap.ui.core.Popup(dummyDiv.firstChild, false, true, true).attachClosed(this.handleClose, this);
	this.oPopup.setAutoCloseAreas([dummyDiv.firstChild]);
	this.oPopup.open(iDuration, my, at, of, offset, collision);
	statArea.removeChild(dummyDiv);
	dummyDiv = null;

	jQuery.sap.byId(this.id).bind("mousedown", jQuery.proxy(this.handleGeneralMouseDown, this));
	jQuery.sap.byId(this.id + "-img").bind("mousedown", jQuery.proxy(this.handleMouseDown, this));
	jQuery.sap.byId(this.id + "-marker").bind("mousedown", jQuery.proxy(this.handleMouseDown, this));
	this._imgOffset = jQuery.sap.byId(this.id + "-img").offset();

	this.adaptSliderBar(this.oCurrentColor);
	this.markColorOnImage(this.oCurrentColor);
	this.adaptPreview(this.oCurrentColor);
};


/**
 * Returns the oColor object (hsl-based) for the given CSS string that is built like this: "rgb(127,0,1)"
 * @param sRgbString
 */
sap.ui.ux3.ShellColorPicker.parseCssRgbString = function(sRgbString) {
	sRgbString = jQuery.trim(sRgbString.replace(/rgb\(/, "").replace(/\)/, ""));
	var aRgb = sRgbString.split(",");
	var oRgbColor = {r:parseInt(aRgb[0], 10), g:parseInt(aRgb[1], 10), b:parseInt(aRgb[2], 10)};
	return sap.ui.ux3.ShellColorPicker.rgbToHsl(oRgbColor);
};

/* INTERNALS */

sap.ui.ux3.ShellColorPicker.prototype.renderHtml = function(rm) {
	rm.write("<div id='" + this.id + "' class='sapUiUx3ShellColorPicker'>");
	rm.write("<img id='" + this.id + "-img' src='" + sap.ui.resource('sap.ui.ux3', 'img/colors-h.png') + "' />");
	rm.renderControl(this.oSlider);
	rm.write("<div id='" + this.id + "-grad' class='sapUiUx3ShellColorPickerGradient'></div>");
	rm.write("<div id='" + this.id + "-marker' class='sapUiUx3ShellColorPickerMarker'></div>");
	rm.write("<div id='" + this.id + "-preview' class='sapUiUx3ShellColorPickerPreview'></div>");
	rm.renderControl(this.oOkBtn);
	rm.renderControl(this.oCancelBtn);
	rm.write("</div>");
};// TODO: remove HTML on close

sap.ui.ux3.ShellColorPicker.prototype.markColorOnImage = function(oColor) {
	var x = oColor.h * 225;
	var y = (1-oColor.s) * 75;
	jQuery.sap.byId(this.id + "-marker").css("left", x + 10).css("top", y + 10);
};

sap.ui.ux3.ShellColorPicker.prototype.markColorOnSlider = function(oColor) {
	this.oSlider.setValue(oColor.l);
};

sap.ui.ux3.ShellColorPicker.prototype.adaptSliderBar = function(oColor) {
	var gradient = "";
	var oMediumColor = jQuery.extend({},oColor);
	oMediumColor.l = 50;
	var color = sap.ui.ux3.ShellColorPicker.hslToCss(oMediumColor);
	if (jQuery.browser.mozilla) {
		gradient = "-moz-linear-gradient(left, black, " + color + ", white)";
	} else if (jQuery.browser.webkit) {
		gradient = "-webkit-gradient(linear, left center, right center, from(#000), color-stop(0.5, " + color + "), to(#FFF))";
	}
	jQuery.sap.byId(this.id + "-grad").css("background-image", gradient);
};

sap.ui.ux3.ShellColorPicker.prototype.adaptPreview = function(oColor) {
	jQuery.sap.byId(this.id + "-preview").css("background-color", sap.ui.ux3.ShellColorPicker.hslToCss(oColor));
};



sap.ui.ux3.ShellColorPicker.prototype.handleSlider = function(e) {
	var l = e.getParameter("value");
	this.oCurrentColor.l = l;
	this.adaptPreview(this.oCurrentColor);
	this.fireLiveChange(this.oCurrentColor);
};

sap.ui.ux3.ShellColorPicker.prototype.handleGeneralMouseDown = function(e) {
	e.preventDefault(); // no autoclose!
};

sap.ui.ux3.ShellColorPicker.prototype.handleMouseDown = function(e) {
	this.handleMousePos(e);
	e.preventDefault(); // no drag&drop of the color image!
	jQuery(document)
		.bind("mousemove", jQuery.proxy(this.handleMousePos, this))
		.bind("mouseup", jQuery.proxy(this.handleMouseUp, this));
};

sap.ui.ux3.ShellColorPicker.prototype.handleMouseUp = function(e) {
	this.handleMousePos(e);
	jQuery(document)
		.unbind("mousemove", this.handleMousePos)
		.unbind("mouseup", this.handleMouseUp);
};

sap.ui.ux3.ShellColorPicker.prototype.handleMousePos = function(e) {
	var x = e.pageX - this._imgOffset.left;
	var y = e.pageY - this._imgOffset.top;
	x = Math.min(Math.max(x, 0), 225);
	y = Math.min(Math.max(y, 0), 75);
	var hue = x/225; // TODO: hardcoded!
	var sat = 1 - y/75; // TODO: hardcoded!
	this.oCurrentColor.h = hue;
	this.oCurrentColor.s = sat;
	this.adaptSliderBar(this.oCurrentColor);
	this.markColorOnImage(this.oCurrentColor);
	this.adaptPreview(this.oCurrentColor);
	this.fireLiveChange(this.oCurrentColor);
};

sap.ui.ux3.ShellColorPicker.prototype.handleOk = function() {
	this.fireLiveChange(this.oCurrentColor);
	this.oPopup.close();
};

sap.ui.ux3.ShellColorPicker.prototype.handleCancel = function() {
	this.fireLiveChange(this.oInitialColor);
	this.oPopup.close();
};


sap.ui.ux3.ShellColorPicker.prototype.handleClose = function() {
	// clean up event handlers, DOM, child controls and popup
	jQuery.sap.byId(this.id + "-img")
		.unbind("mousedown", this.handleMouseDown);
	jQuery.sap.byId(this.id + "-marker")
		.unbind("mousedown", this.handleMouseDown);
	jQuery(document)
		.unbind("mousemove", this.handleMousePos)
		.unbind("mouseup", this.handleMouseUp);
	jQuery.sap.byId(this.id)
		.unbind("mousedown", this.handleGeneralMouseDown);

	this.oSlider.destroy();
	this.oSlider = null;
	this.oOkBtn.destroy();
	this.oOkBtn = null;
	this.oCancelBtn.destroy();
	this.oCancelBtn = null;

	var domRef = jQuery.sap.domById(this.id);
	domRef.parentNode.removeChild(domRef);

	this.oPopup.destroy();
	this.oPopup = null;
};


/**
 * rgb values are 0..255
 */
sap.ui.ux3.ShellColorPicker.rgbToHsl = function(oColor) {
	var r = oColor.r/255,
			g = oColor.g/255,
			b = oColor.b/255;
	var max = Math.max(r, g, b);
	var min = Math.min(r, g, b);
	var h, s, l = (max + min) / 2;

	if (max == min) {
		h = s = 0; // all colors equally strong -> no saturation
	} else {
		var d = max - min;
		s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
		switch(max){
			case r: h = (g - b) / d + (g < b ? 6 : 0); break;
			case g: h = (b - r) / d + 2; break;
			case b: h = (r - g) / d + 4; break;
		}
		h /= 6;
	}
	return {h:h,s:s,l:l*100};
};

/**
 * hs values are 0..1, l is 0..100
 */
sap.ui.ux3.ShellColorPicker.hslToRgb = function(oColor) {
	var r, g, b;
	var l = oColor.l/100;

	if (oColor.s == 0) {
		r = g = b = l; // all colors equally strong -> all equal to lightness
	} else {
		var q = l < 0.5 ? l * (1 + oColor.s) : l + oColor.s - l * oColor.s;
		var p = 2 * l - q;
		r = sap.ui.ux3.ShellColorPicker.hueToRgb(p, q, oColor.h + 1/3);
		g = sap.ui.ux3.ShellColorPicker.hueToRgb(p, q, oColor.h);
		b = sap.ui.ux3.ShellColorPicker.hueToRgb(p, q, oColor.h - 1/3);
	}

	return [r * 255, g * 255, b * 255];
};

sap.ui.ux3.ShellColorPicker.hueToRgb = function(p, q, t) {
  if(t < 0) {
	t += 1;
  }
  if(t > 1) {
	t -= 1;
  }
  if(t < 1/6) {
	return p + (q - p) * 6 * t;
  }
  if(t < 1/2) {
	return q;
  }
  if(t < 2/3) {
	return p + (q - p) * (2/3 - t) * 6;
  }
  return p;
};

sap.ui.ux3.ShellColorPicker.hslToCss = function(oColor) {
	var rgbColor = sap.ui.ux3.ShellColorPicker.hslToRgb(oColor);
	return "rgb(" + Math.round(rgbColor[0]) + "," + Math.round(rgbColor[1]) + "," + Math.round(rgbColor[2]) + ")";
};
}; // end of sap.ui.ux3.ShellColorPicker
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ShellPersonalization') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides the class sap.ui.ux3.ShellPersonalization
jQuery.sap.declare("sap.ui.ux3.ShellPersonalization");
jQuery.sap.require('sap.ui.base.EventProvider'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Dialog'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Button'); // unlisted dependency retained
 // unlisted dependency retained




/**
 * Experimental implementation of visual Ux3 Shell personalization / branding.
 *
 * DO NOT USE PRODUCTIVELY!!!
 *
 *
 * Being completely non-generic as of now, this is supposed to facilitate discussions with Ux
 * about the personalization capabilities. Once that concept is more final, we can go for a cleaner implementation,
 * considering the number of configurable properties etc.
 *
 * @param oShell
 * @public
 * @experimental Since 1.0. The Shell-features Personalization, Color Picker and “Inspect”-Tool are only experimental work and might change or disappear in future versions.
 */
sap.ui.ux3.ShellPersonalization = function(oShell) {
	sap.ui.base.EventProvider.apply(this);
	this.shell = oShell;

	this.oSettings = {}; // TODO: read user config from somewhere/server/app
};

sap.ui.ux3.ShellPersonalization.prototype = jQuery.sap.newObject(sap.ui.base.EventProvider.prototype);



/**
 * Makes the personalization use the given settings.
 *
 * @param oSettings
 * @public
 */
sap.ui.ux3.ShellPersonalization.prototype.initializeSettings = function(oSettings) {
	this.oSettings = jQuery.extend({}, oSettings);
	if (this.shell.getDomRef()) {
		this.applySettings(oSettings);
	}
};



/*  EVENT HANDLING */

sap.ui.ux3.ShellPersonalization.M_EVENTS = {personalizationChange: "personalizationChange"};

sap.ui.ux3.ShellPersonalization.prototype.attachPersonalizationChange = function(fFunction, oListener) {
	this.attachEvent(sap.ui.ux3.ShellPersonalization.M_EVENTS.personalizationChange, fFunction, oListener);
};

sap.ui.ux3.ShellPersonalization.prototype.detachPersonalizationChange = function(fFunction, oListener) {
	this.detachEvent(sap.ui.ux3.ShellPersonalization.M_EVENTS.personalizationChange, fFunction, oListener);
};

sap.ui.ux3.ShellPersonalization.prototype.firePersonalizationChange = function(mParameters) {
	this.fireEvent(sap.ui.ux3.ShellPersonalization.M_EVENTS.personalizationChange, mParameters);
};



/**
 * The default settings
 */
sap.ui.ux3.ShellPersonalization.ORIGINAL_SETTINGS = {
		bByDStyle: false,

		sBgColor: "rgb(17,17,17)",
		sBgCssImg: null, // updated later
		sBgImgSrc: null,
		sBgImgPos: "tile",
		fBgImgOpacity: 1,

		fSidebarOpacity: 1,
		sLineColor:"rgb(239,170,0)",

		sLogoImageSrc: null,
		sLogoAlign: "left",
		bUseLogoSize: false
};

sap.ui.ux3.ShellPersonalization.TRANSPARENT_1x1 = sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif');

sap.ui.ux3.ShellPersonalization.IMAGE_FOLDER_PATH = jQuery.sap.getModulePath("sap.ui.ux3", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + "/img/shell/";

sap.ui.ux3.ShellPersonalization.getOriginalSettings = function() {
	// buffer the settings
	if (!sap.ui.ux3.ShellPersonalization._bOriginalSettingsInitialized) {
		sap.ui.ux3.ShellPersonalization._bOriginalSettingsInitialized = true;
		
		jQuery.sap.require("sap.ui.core.theming.Parameters"); 
		var mAllParameters = sap.ui.core.theming.Parameters.get(); 
		var gradientTop = mAllParameters["sap.ui.ux3.Shell:sapUiUx3ShellGradientTop"];
		var gradientBottom = mAllParameters["sap.ui.ux3.Shell:sapUiUx3ShellGradientBottom"];

		if (jQuery.browser.mozilla) {
			sap.ui.ux3.ShellPersonalization.ORIGINAL_SETTINGS.sBgCssImg = "-moz-linear-gradient(top, " + gradientTop + " 0, " + gradientBottom + " 108px, " + gradientBottom + ")";
		} else if (jQuery.browser.msie) {
			if (jQuery.browser.version == "7.0" || jQuery.browser.version == "8.0" || jQuery.browser.version == "9.0") {
				sap.ui.ux3.ShellPersonalization.ORIGINAL_SETTINGS.sBgCssImg = "url("
					+ sap.ui.ux3.ShellPersonalization.IMAGE_FOLDER_PATH
					+ "Workset_bg.png)";
			} else { // IE10+
				sap.ui.ux3.ShellPersonalization.ORIGINAL_SETTINGS.sBgCssImg = "-ms-linear-gradient(top, " + gradientTop + " 0, " + gradientBottom + " 108px, " + gradientBottom + ")";
			}
		} else if (jQuery.browser.webkit) {
			sap.ui.ux3.ShellPersonalization.ORIGINAL_SETTINGS.sBgCssImg = "-webkit-linear-gradient(top, " + gradientTop + " 0, " + gradientBottom + " 108px, " + gradientBottom + ")";
		}
	}
	
	return sap.ui.ux3.ShellPersonalization.ORIGINAL_SETTINGS;
};



/**
 * Returns whether there are any personalization changes
 *
 * @returns {Boolean}
 * @public
 */
sap.ui.ux3.ShellPersonalization.prototype.hasChanges = function() {
	var iSettings = 0;
	for (var key in this.oSettings) {
		iSettings++;
	}
	return (iSettings > 0);
};


/**
 * Applies the given personalization settings to the DOM.
 *
 * @param oSettings
 */
sap.ui.ux3.ShellPersonalization.prototype.applySettings = function(oSettings) {
	// copy fallback settings and mix in the given settings
	var oActualSettings = jQuery.extend({}, sap.ui.ux3.ShellPersonalization.getOriginalSettings());
	oActualSettings = jQuery.extend(oActualSettings, oSettings);

	// apply the settings
	this.applyByDStyle(oActualSettings.bByDStyle);

	this.applyBgColor(oActualSettings.sBgColor);
	this.applyBgImage(oActualSettings.sBgCssImg, oActualSettings.sBgImgSrc);


	// TODO: bgImgPos
	this.applyBgImageOpacity(oActualSettings.fBgImgOpacity);

	if (oActualSettings.sHeaderImageSrc) {
		this.applyHeaderImage(oActualSettings.sHeaderImageSrc);
	} else {
		jQuery.sap.domById(this.shell.getId() + "-hdr").style.backgroundImage = "";
	}
	this.applySidebarOpacity(oActualSettings.fSidebarOpacity);

	this.applyBgColor(oActualSettings.sBgColor);
	this.applyLineColor(oActualSettings.sLineColor);

	this.applyLogoImage(oActualSettings.sLogoImageSrc);
	this.applyLogoAlign(oActualSettings.sLogoAlign);
	this.applyUseLogoSize(oActualSettings.bUseLogoSize);
};


/**
 * Opens the personalization Dialog. This can be called from wherever the application wants to offer branding changes.
 *
 * @public
 */
sap.ui.ux3.ShellPersonalization.prototype.openDialog = function() {
	if (this.oDialog && this._getDialog().isOpen()) {
		return;
	} // first check is important because if !this.oDialog, the getter builds the Dialog and relies on the existence of this.oSettings!
															// but on the other hand, this.oSettings must not be initialized when the Dialog is already open
	this.oTransientSettings = jQuery.extend({}, this.oSettings);

	this._getDialog().open();

	// drag&drop for images with local file API
	this._bindDragAndDrop("bg");
	this._bindDragAndDrop("hdr");
	this._bindDragAndDrop("logo");
};


sap.ui.ux3.ShellPersonalization.prototype.getTransientSettingsWithDefaults = function() {
	return jQuery.extend(jQuery.extend({}, sap.ui.ux3.ShellPersonalization.getOriginalSettings()), this.oTransientSettings);
};


sap.ui.ux3.ShellPersonalization.prototype._bindDragAndDrop = function(sPrefix) {
	if (window.FileReader) {
		var sId = this.shell.getId() + "-p13n_";
		jQuery.sap.byId(sId + sPrefix + "ImageImg")
			.bind('dragover', jQuery.proxy(this._handleDragover, this))
			.bind('dragend',jQuery.proxy(this._handleDragend, this))
			.bind('drop', jQuery.proxy(this._handleDrop, this));
		jQuery.sap.byId(sId + sPrefix + "ImageHolder")
			.bind('dragover', jQuery.proxy(this._handleDragover, this))
			.bind('dragend',jQuery.proxy(this._handleDragend, this))
			.bind('drop', jQuery.proxy(this._handleDrop, this));
	}
};
sap.ui.ux3.ShellPersonalization.prototype._unbindDragAndDrop = function(sPrefix) {
	if (window.FileReader) {
		var sId = this.shell.getId() + "-p13n_";
		jQuery.sap.byId(sId + "hdrImageImg")
			.unbind('dragover', this._handleDragover)
			.unbind('dragend', this._handleDragend)
			.unbind('drop', this._handleDrop);
		jQuery.sap.byId(sId + "hdrImageHolder")
			.unbind('dragover', this._handleDragover)
			.unbind('dragend', this._handleDragend)
			.unbind('drop', this._handleDrop);
	}
};


/**
 * Returns and - if necessary - constructs the Dialog
 *
 * @returns {sap.ui.commons.Dialog}
 */
sap.ui.ux3.ShellPersonalization.prototype._getDialog = function() {
	if (!this.oDialog) {
		jQuery.sap.require("sap.ui.ux3.ShellColorPicker");

		var sId = this.shell.getId() + "-p13n_";
		var oSettingsWithDefaults = jQuery.extend(jQuery.extend({}, sap.ui.ux3.ShellPersonalization.getOriginalSettings()), this.oSettings);
		var c = sap.ui.commons;
		var that = this;


		/* build the Dialog */

		var d = new c.Dialog({title:"Shell Personalization",width:"544px",height:"560px",showCloseButton:false,resizable:false,closed:[function(){
			// drag&drop for images with local file API
			this._unbindDragAndDrop("bg");
			this._unbindDragAndDrop("hdr");
			this._unbindDragAndDrop("logo");
			this.oTransientSettings = null;
		},this]}).addStyleClass("sapUiUx3ShellP13n");


		/* build the tabstrip */

		var tabs = new c.TabStrip({width:"100%",height:"100%",select:jQuery.proxy(function(oParams){
			var oControl = sap.ui.getCore().byId(oParams.getParameter("id"));
			if (oControl) {
				var index = oParams.getParameter("index");
				oControl.setSelectedIndex(index);
				var that = this;
				if (index == 0) {
					// apply the current settings to the plain HTML parts
					window.setTimeout(function(){jQuery.sap.byId(that.shell.getId() + "-bgColor").css("background-color", that.getTransientSettingsWithDefaults().sBgColor);},1);

					// bind the drop event handlers
					window.setTimeout(jQuery.proxy(function(){
						this._bindDragAndDrop("bg");
					}, this), 0);

				} else if (index == 1) {
					// apply the current settings to the plain HTML parts
					window.setTimeout(function(){jQuery.sap.byId(that.shell.getId() + "-lineColor").css("background-color", that.getTransientSettingsWithDefaults().sLineColor);},1);

					// bind the drop event handlers
					window.setTimeout(jQuery.proxy(function(){
						this._bindDragAndDrop("hdr");
					}, this), 0);

				} else if (index == 2) {
					// bind the drop event handlers
					window.setTimeout(jQuery.proxy(function(){
						this._bindDragAndDrop("logo");
					}, this), 0);
				}
			}
		}, this)});


		/* build the first tab */

		this.oBgImgHtml = new sap.ui.core.HTML(sId + "bgImageHolder", {
			preferDOM:true,
			content:"<div id='" + sId + "bgImageHolder' class='sapUiUx3ShellP13nImgHolder'><img id='" + sId + "bgImageImg' src='"
			+ (this.oTransientSettings.sBackgroundImageSrc ? this.oTransientSettings.sBackgroundImageSrc :sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif')) + "'/></div>"}
		);

		this.oBgImgOpacitySlider = new c.Slider({
			value:(this.oTransientSettings.fBgImgOpacity !== undefined ? 100 - this.oTransientSettings.fBgImgOpacity * 100 : 100 - sap.ui.ux3.ShellPersonalization.getOriginalSettings().fBgImgOpacity * 100),
			liveChange:jQuery.proxy(this._handleBgImageOpacitySliderChange,this)
		});
		this.oSidebarOpacitySlider = new c.Slider({
			value:(this.oTransientSettings.fSidebarOpacity !== undefined ? 100 - this.oTransientSettings.fSidebarOpacity * 100 : 100 - sap.ui.ux3.ShellPersonalization.getOriginalSettings().fSidebarOpacity * 100),
			liveChange:jQuery.proxy(this._handleSidebarOpacitySliderChange,this)
		});

		this.oBgColorPicker = new sap.ui.ux3.ShellColorPicker(sId + "bgColorPicker");
		this.oBgColorPicker.attachLiveChange(function(oEvent){
			that._handleBgColorChange(oEvent);
		});
		var oBgColorBtn = new c.Button({text:"Change..."});
		var that = this;
		oBgColorBtn.attachPress(function(){
			if (!that.oBgColorPicker.isOpen()) {
				that.oBgColorPicker.open(sap.ui.ux3.ShellColorPicker.parseCssRgbString(that.getTransientSettingsWithDefaults().sBgColor), sap.ui.core.Popup.Dock.BeginTop, sap.ui.core.Popup.Dock.BeginBottom, jQuery.sap.domById(that.shell.getId() + "-bgColor"));
			}
		});
		this.oBgPreviewHtml = new sap.ui.core.HTML({preferDom:true,content:"<div id='" + this.shell.getId() + "-bgColor' style='background-color:" + oSettingsWithDefaults.sBgColor + "' class='sapUiUx3ShellColorPickerPreview'></div>"});

		var oBgTab = new sap.ui.commons.Tab().setText("Background").addContent(new c.layout.MatrixLayout({layoutFixed:false})
			.createRow(new c.Label({text:"Background Image:"}), this.oBgImgHtml)
			.createRow(new c.Label({text:"Image Transparency:"}), this.oBgImgOpacitySlider)
			.createRow(new c.Label({text:"Background Color:"}), new c.layout.MatrixLayoutCell().addContent(this.oBgPreviewHtml).addContent(oBgColorBtn))
			.createRow(null)
			.createRow(new c.Label({text:"Sidebar Transparency:"}), this.oSidebarOpacitySlider)
		);
		tabs.addTab(oBgTab);


		/* build the second tab */

		this.oByDStyleCb = new c.CheckBox({text:"ByDesign-style Header Bar",checked:this.oTransientSettings.bByDStyle,change:jQuery.proxy(this._handleByDStyleChange,this)});
		this.oHdrImgHtml = new sap.ui.core.HTML(sId + "hdrImageHolder", {
			preferDOM:true,
			content:"<div id='" + sId + "hdrImageHolder' class='sapUiUx3ShellP13nImgHolder'><img id='" + sId + "hdrImageImg' src='"
			+ (this.oTransientSettings.sHeaderImageSrc ? this.oTransientSettings.sHeaderImageSrc :sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif')) + "'/></div>"}
		);

		this.oLineColorPicker = new sap.ui.ux3.ShellColorPicker(sId + "lineColorPicker");
		this.oLineColorPicker.attachLiveChange(function(oEvent){
			that._handleLineColorChange(oEvent);
		});
		var oLineColorBtn = new c.Button({text:"Change..."});
		var that = this;
		oLineColorBtn.attachPress(function(){
			if (!that.oLineColorPicker.isOpen()) {
				that.oLineColorPicker.open(sap.ui.ux3.ShellColorPicker.parseCssRgbString(that.getTransientSettingsWithDefaults().sLineColor), sap.ui.core.Popup.Dock.BeginTop, sap.ui.core.Popup.Dock.BeginBottom, jQuery.sap.domById(that.shell.getId() + "-lineColor"));
			}
		});
		this.oLinePreviewHtml = new sap.ui.core.HTML({preferDom:true,content:"<div id='" + this.shell.getId() + "-lineColor' style='background-color:" + oSettingsWithDefaults.sLineColor + "' class='sapUiUx3ShellColorPickerPreview'></div>"});

		var oHdrTab = new sap.ui.commons.Tab().setText("Header Bar").addContent(new c.layout.MatrixLayout({layoutFixed:false})
			//.createRow(this.oByDStyleCb)
			.createRow(new c.Label({text:"Line Color (ByD-style only):"}), new c.layout.MatrixLayoutCell().addContent(this.oLinePreviewHtml).addContent(oLineColorBtn))
			.createRow(null)
			.createRow(new c.Label({text:"Header Image:"}),	this.oHdrImgHtml)
		);
		tabs.addTab(oHdrTab);


		/* build the third tab */

		this.oLogoImgHtml = new sap.ui.core.HTML(sId + "logoImageHolder", {
			preferDOM:true,
			content:"<div id='" + sId + "logoImageHolder' class='sapUiUx3ShellP13nImgHolder'><img id='" + sId + "logoImageImg' src='"
			+ (this.oTransientSettings.sLogoImageSrc ? this.oTransientSettings.sLogoImageSrc : sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif')) + "'/></div>"}
		);
		this.oLogoRbg = new c.RadioButtonGroup()
			.addItem(new sap.ui.core.Item({text:"Left",key:"left"}))
			.addItem(new sap.ui.core.Item({text:"Center",key:"center"}))
			.attachSelect(this._handleLogoAlignChange, this);
		this.oUseLogoSizeCb = new c.CheckBox({text:"Use original image size",checked:this.oTransientSettings.bUseLogoSize,change:jQuery.proxy(this._handleUseLogoSizeChange,this)});
		var oLogoTab = new sap.ui.commons.Tab().setText("Logo").addContent(new c.layout.MatrixLayout({layoutFixed:false})
			.createRow(new c.Label({text:"Logo Image:"}), this.oLogoImgHtml)
			.createRow(new c.Label({text:"Position:"}), this.oLogoRbg)
			.createRow(this.oUseLogoSizeCb)
		);
		tabs.addTab(oLogoTab);
		d.addContent(tabs);


		/* finish building the Dialog */

		var that = this;
		d.addButton(new c.Button({text:"Reset All",press:function(){
			that.applySettings(jQuery.extend({}, sap.ui.ux3.ShellPersonalization.getOriginalSettings()));
			that.oSettings = {};
			that.oTransientSettings = {};
			that.updateDialog();
			that._bindDragAndDrop("bg");
			that._bindDragAndDrop("hdr");
			that._bindDragAndDrop("logo");
			that.firePersonalizationChange({settings:{}});
		}}));
		d.addButton(new c.Button({text:"OK",press:function(){
			that.oSettings = jQuery.extend({}, that.oTransientSettings); // settings are already applied
			that.firePersonalizationChange({settings:that.oSettings});
			d.close();
		}}));
		d.addButton(new c.Button({text:"Cancel",press:function(){
			that.applySettings(that.oSettings);
			that.updateDialog();
			d.close();
		}}));
		this.oDialog = d;
	}
	return this.oDialog;
};


sap.ui.ux3.ShellPersonalization.prototype.updateDialog = function() {
	var oActualSettings = jQuery.extend({}, sap.ui.ux3.ShellPersonalization.getOriginalSettings());
	oActualSettings = jQuery.extend(oActualSettings, this.oSettings);
	var sId = this.shell.getId() + "-p13n_";

	this.oBgImgHtml.setContent("<div id='" + sId + "bgImageHolder' class='sapUiUx3ShellP13nImgHolder'><img id='" + sId + "bgImageImg' src='"
			+ (oActualSettings.sBackgroundImageSrc ? oActualSettings.sBackgroundImageSrc :sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif')) + "'/></div>");
	this.oBgImgOpacitySlider.setValue(100 - oActualSettings.fBgImgOpacity * 100);
	this.oSidebarOpacitySlider.setValue(100 - oActualSettings.fSidebarOpacity * 100);

	this.oByDStyleCb.setChecked(oActualSettings.bByDStyle);
	this.oHdrImgHtml.setContent("<div id='" + sId + "hdrImageHolder' class='sapUiUx3ShellP13nImgHolder'><img id='" + sId + "hdrImageImg' src='"
			+ (oActualSettings.sHeaderImageSrc ? oActualSettings.sHeaderImageSrc : sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif')) + "'/></div>");

	this.oLogoRbg.setSelectedIndex((oActualSettings.sLogoAlign == "center") ? 1 : 0);
	this.oUseLogoSizeCb.setChecked(oActualSettings.bUseLogoSize);
	this.oLogoImgHtml.setContent("<div id='" + sId + "logoImageHolder' class='sapUiUx3ShellP13nImgHolder'><img id='" + sId + "logoImageImg' src='"
			+ (oActualSettings.sLogoImageSrc ? oActualSettings.sLogoImageSrc : sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif')) + "'/></div>");
};




/* property change handlers and code to apply each setting to the UI */


sap.ui.ux3.ShellPersonalization.prototype._handleByDStyleChange = function(oEvent) {
	var bChecked = oEvent.getParameter("checked");
	this.oTransientSettings.bByDStyle = bChecked;
	this.applyByDStyle(bChecked);
};
sap.ui.ux3.ShellPersonalization.prototype.applyByDStyle = function(bByDStyle) {
	this.shell.$().toggleClass("sapUiUx3ShellByD", bByDStyle);
};

sap.ui.ux3.ShellPersonalization.prototype._handleBgColorChange = function(oEvent) {
	var cssColor = oEvent.getParameter("cssColor");
	this.oTransientSettings.sBgColor = cssColor;
	this.applyBgColor(cssColor);
};
sap.ui.ux3.ShellPersonalization.prototype.applyBgColor = function(sCssColor) {
	jQuery.sap.byId(this.shell.getId() + "-bg").css("background-color", sCssColor);
	jQuery.sap.byId(this.shell.getId() + "-bgColor").css("background-color", sCssColor);
};

sap.ui.ux3.ShellPersonalization.prototype._handleBackgroundImageChange = function(url, bPersistImmediately) {
	var tile = true; // TODO
	if (bPersistImmediately) {
		if (tile) {
			this.oSettings.sBgCssImg = "url(" + url + ")";
			this.oSettings.sBgImgSrc = null;
		} else {
			this.oSettings.sBgCssImg = null;
			this.oSettings.sBgImgSrc = url;
		}
		this.applyBgImage(this.oSettings.sBgCssImg, this.oSettings.sBgImgSrc);
		this.firePersonalizationChange({settings:this.oSettings});
	} else {
		if (tile) {
			this.oTransientSettings.sBgCssImg = "url(" + url + ")";
			this.oTransientSettings.sBgImgSrc = null;
		} else {
			this.oTransientSettings.sBgCssImg = null;
			this.oTransientSettings.sBgImgSrc = url;
		}
		this.applyBgImage(this.oTransientSettings.sBgCssImg, this.oTransientSettings.sBgImgSrc);
	}
};

sap.ui.ux3.ShellPersonalization.prototype.applyBgImage = function(sBgCssImg, sBgImgSrc) {
	var sForcedImgSrc = sBgImgSrc ? sBgImgSrc : sBgCssImg.substring(4, sBgCssImg.length-1);
	sBgCssImg = sBgCssImg ? sBgCssImg : "";
	sBgImgSrc = sBgImgSrc ? sBgImgSrc : sap.ui.ux3.ShellPersonalization.TRANSPARENT_1x1;

	var oBgImgRef = jQuery.sap.domById(this.shell.getId() + "-bgImg");
	var oBgImgPreviewRef = jQuery.sap.domById(this.shell.getId() + "-p13n_bgImageImg");

	oBgImgRef.style.backgroundImage = sBgCssImg;
	oBgImgRef.src = sBgImgSrc;

	if (oBgImgPreviewRef) {
		// TODO: understand why this code exists   oBgImgPreviewRef.src = sForcedImgSrc;
	}
};

sap.ui.ux3.ShellPersonalization.prototype._handleHeaderImageChange = function(dataUrl, bPersistImmediately) {
	if (bPersistImmediately) {
		this.oSettings.sHeaderImageSrc = dataUrl;
		this.firePersonalizationChange({settings:this.oSettings});
	} else {
		this.oTransientSettings.sHeaderImageSrc = dataUrl;
	}
	this.applyHeaderImage(dataUrl);
};
sap.ui.ux3.ShellPersonalization.prototype.applyHeaderImage = function(dataUrl) {
	jQuery.sap.byId(this.shell.getId() + "-hdr").css("background-image", "url(" + dataUrl + ")");
	if (this.oDialog && this.oDialog.isOpen()) {
		jQuery.sap.byId(this.shell.getId() + "-p13n_hdrImageImg").attr("src", dataUrl);
	}
};

sap.ui.ux3.ShellPersonalization.prototype._handleLineColorChange = function(oEvent) {
	var cssColor = oEvent.getParameter("cssColor");
	this.oTransientSettings.sLineColor = cssColor;
	this.applyLineColor(cssColor);
};
sap.ui.ux3.ShellPersonalization.prototype.applyLineColor = function(sCssColor) {
	jQuery.sap.byId(this.shell.getId() + "-hdr").find("hr").css("background-color", sCssColor);
	jQuery.sap.byId(this.shell.getId() + "-lineColor").css("background-color", sCssColor);
};

sap.ui.ux3.ShellPersonalization.prototype._handleBgImageOpacitySliderChange = function(oEvent) {
	var value = (100 - oEvent.getParameter("value"))/100;
	this.oTransientSettings.fBgImgOpacity = value;
	this.applyBgImageOpacity(value);
};
sap.ui.ux3.ShellPersonalization.prototype.applyBgImageOpacity = function(fValue) {
	jQuery.sap.byId(this.shell.getId() + "-bgImg").css("opacity", fValue);
};

sap.ui.ux3.ShellPersonalization.prototype._handleSidebarOpacitySliderChange = function(oEvent) {
	var value = (100 - oEvent.getParameter("value"))/100;
	this.oTransientSettings.fSidebarOpacity = value;
	this.applySidebarOpacity(value);
};
sap.ui.ux3.ShellPersonalization.prototype.applySidebarOpacity = function(fValue) {
	jQuery.sap.byId(this.shell.getId() + "-tp").css("opacity", fValue);
	jQuery.sap.byId(this.shell.getId() + "-paneBar").children(":nth-child(2)").css("opacity", fValue);
};

sap.ui.ux3.ShellPersonalization.prototype._handleLogoImageChange = function(url, bPersistImmediately) {
	if (bPersistImmediately) {
		this.oSettings.sLogoImageSrc = url;
		this.firePersonalizationChange({settings:this.oSettings});
	} else {
		this.oTransientSettings.sLogoImageSrc = url;
	}
	this.applyLogoImage(url);
};
sap.ui.ux3.ShellPersonalization.prototype.applyLogoImage = function(url) {
	if (!url) {
		url = this.shell.getAppIcon();
		if (!url) {
			url = sap.ui.ux3.ShellPersonalization.TRANSPARENT_1x1;
		}
	}
	jQuery.sap.byId(this.shell.getId() + "-logoImg").attr("src", url);
	jQuery.sap.byId(this.shell.getId() + "-p13n_logoImageImg").attr("src", url); // just in case the dialog is displaying it
};

sap.ui.ux3.ShellPersonalization.prototype._handleLogoAlignChange = function(oEvent) {
	var iIndex = oEvent.getParameter("selectedIndex");
	var sAlign = ["left","center"][iIndex];
	this.oTransientSettings.sLogoAlign = sAlign;
	this.applyLogoAlign(sAlign);
};
sap.ui.ux3.ShellPersonalization.prototype.applyLogoAlign = function(sLogoAlign) {
	var sRealAlign = sLogoAlign;
	if (sap.ui.getCore().getConfiguration().getRTL() && (sRealAlign == "right")) {
		sRealAlign = "left"; // need to use left/right, as "begin" is not supported by IE8
	}
	jQuery.sap.byId(this.shell.getId() + "-hdr").css("text-align", sRealAlign);
};

sap.ui.ux3.ShellPersonalization.prototype._handleUseLogoSizeChange = function(oEvent) {
	var bUse = oEvent.getParameter("checked");
	this.oTransientSettings.bUseLogoSize = bUse;
	this.applyUseLogoSize(bUse);
};
sap.ui.ux3.ShellPersonalization.prototype.applyUseLogoSize = function(bUseLogoSize) {
	jQuery.sap.byId(this.shell.getId() + "-hdr").toggleClass("sapUiUx3ShellHeaderFlex", bUseLogoSize);
	jQuery.sap.byId(this.shell.getId() + "-hdrImg").toggleClass("sapUiUx3ShellHeaderImgFlex", bUseLogoSize);
};



/* drag & drop code */


sap.ui.ux3.ShellPersonalization.prototype._handleDragover = function(evt) {
	var id = evt.target.id;
	if (!this._dragOverBlinking) {
		var $bg = jQuery.sap.byId(id);
		$bg.css("opacity", "0.5");
		this._dragOverBlinking = true;
		var that = this;
		window.setTimeout(function(){
			$bg.css("opacity", "1");
			window.setTimeout(function(){
				that._dragOverBlinking = null;
			}, 250);
		}, 250);
	}
  return false;
};
sap.ui.ux3.ShellPersonalization.prototype._handleDragend = function(evt) {
	return false;
};
sap.ui.ux3.ShellPersonalization.prototype._handleDrop = function(evt) {
	var id = evt.target.id;
	evt.preventDefault();
	var e = evt.originalEvent;
	var file = e.dataTransfer.files[0];
	if (file) {
		// read file content
		var reader = new window.FileReader();
		reader.onload = jQuery.proxy(function(event) {
			var dataUrl = event.target.result;
			if ((id == this.shell.getId() + "-p13n_bgImageImg")
					|| (id == this.shell.getId() + "-p13n_bgImageHolder")) {
				this._handleBackgroundImageChange(dataUrl);
			} else if ((id == this.shell.getId() + "-p13n_hdrImageImg")
					|| (id == this.shell.getId() + "-p13n_hdrImageHolder")) {
				this._handleHeaderImageChange(dataUrl);
			} else if ((id == this.shell.getId() + "-p13n_logoImageImg")
					|| (id == this.shell.getId() + "-p13n_logoImageHolder")) {
				this._handleLogoImageChange(dataUrl);
			}
			reader = null;
		}, this);
		reader.readAsDataURL(file);
	}
};

}; // end of sap.ui.ux3.ShellPersonalization
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ShellRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

//Provides default renderer for the sap.ui.ux3.Shell
jQuery.sap.declare("sap.ui.ux3.ShellRenderer");

/**
 * @class GoldReflectionPageLayout renderer.
 * @static
 */
sap.ui.ux3.ShellRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.ShellRenderer.render = function(oRenderManager, oControl) {
	// convenience variable
	var rm = oRenderManager;
	var bPaneOpen = oControl.isPaneOpen();
	var iPaneWidthPlus = oControl.getPaneWidth() + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE; // width of pane plus how far it is from the edge
	var bRtl = sap.ui.getCore().getConfiguration().getRTL();

	if (sap.ui.ux3.Shell.FIRST_RENDERING) {
		document.body.style.margin = "0"; // does not seem to work in initial onBeforeRendering
	}

	// write the root HTML element  TODO: this should use the existing <body>! But where is the staticarea, then?
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3Shell");
	rm.addClass("sapUiUx3ShellHead"+oControl.getHeaderType());
	rm.addClass("sapUiUx3ShellDesign"+oControl.getDesignType());
	if (oControl.getFullHeightContent()) {
		rm.addClass("sapUiUx3ShellFullHeightContent");
	}
	if (!oControl.getApplyContentPadding()) {
		rm.addClass("sapUiUx3ShellNoContentPadding");
	}
	if(!oControl.getShowTools()){
		rm.addClass("sapUiUx3ShellNoTools");
	}
	if(!oControl.getShowPane()){
		rm.addClass("sapUiUx3ShellNoPane");
	}
	rm.writeClasses();
	rm.write(">");

	var sId = oControl.getId(); // TODO: escape


	// write header
	rm.write("<img id='" + oControl.getId() + "-hdrImg' class='sapUiUx3ShellHeaderImg' src='");
	var sImage = sap.ui.core.theming.Parameters.get('sapUiUx3ShellHeaderImageURL');
	sImage = oControl._convertImageParameter(sImage);
	if (sImage) {
		rm.writeEscaped(sImage);
	} else {
		rm.write(sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif'));
	}
	rm.write("' />");
	rm.write("<header id='" + oControl.getId() + "-hdr' class='sapUiUx3ShellHeader' role='banner'>");
	sap.ui.ux3.ShellRenderer.renderHeader(rm, oControl);
	rm.write("</header>   <!-- end of sapUiUx3ShellHeader -->");



	// write page background
	rm.write("<div id='", oControl.getId(), "-bg' class='sapUiUx3ShellBg'></div>");
	rm.write("<img id='", oControl.getId(), "-bgImg' class='sapUiUx3ShellBgImg' src='");
	sImage = sap.ui.core.theming.Parameters.get('sapUiUx3ShellBackgroundImageURL');
	sImage = oControl._convertImageParameter(sImage);
	if (sImage) {
		rm.writeEscaped(sImage);
	} else {
		rm.write(sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif'));
	}
	rm.write("'/>");


	// write workset items
	var wsMargin = bPaneOpen ? " style='margin-" + (bRtl ? "left" : "right") + ":" + (iPaneWidthPlus + 22) + "px'" : "";
	rm.write("<div id='", oControl.getId(), "-wBar'" + wsMargin + " class='sapUiUx3ShellWorksetBar'>");
	sap.ui.ux3.ShellRenderer.renderWorksetItems(rm, oControl);
	rm.write("</div>   <!--  end of worksetBar -->");



	// write tool palette area
	rm.write("<section id='" + oControl.getId() + "-tp' class='sapUiUx3ShellToolPaletteArea' role='complementary'>");
	sap.ui.ux3.ShellRenderer.renderToolPalette(rm, oControl);
	rm.write("</section> <!-- end of toolPaletteArea -->");



	// write page canvas and content
	
	var paneExtraStyle = bPaneOpen ? " style='" + (bRtl ? "left" : "right") + ":" + iPaneWidthPlus + "px'" : "";
	rm.write("<div class='sapUiUx3ShellCanvas'" + paneExtraStyle + " id='" + sId + "-canvas'>");

	sap.ui.ux3.ShellRenderer.renderFacetBar(rm, oControl);

	rm.write("<article class='sapUiUx3ShellContent' id='" + sId + "-content' role='main'>");
	var aContent = oControl.getContent();
	for (var i = 0; i < aContent.length; i++) {
		rm.renderControl(aContent[i]);
	}
	rm.write("</article><div class='sapUiUx3ShellNotifySpace'></div></div>");



	// write pane bar
	var tabIndex = oControl._tiOpen ? " tabindex='0'" : "";
	rm.write("<span class='sapUiUx3ShellFocusDummy' id='" + oControl.getId() + "-focusDummyPane'" + tabIndex + "></span>");
	rm.write("<aside id='" + sId + "-paneBar' class='sapUiUx3ShellPaneBar" + (bPaneOpen ? " sapUiUx3ShellPaneBarOpen" : "") + "' role='complementary' style='width:" + iPaneWidthPlus + "px;'>");
	rm.write("<section id='" + sId + "-paneContent' style='width:" + oControl.getPaneWidth() + "px;' class='sapUiUx3ShellPaneBarContent' role='tabpanel'>");
	var aPaneContent = oControl.getPaneContent();
	for (var i = 0; i < aPaneContent.length; i++) {
		rm.renderControl(aPaneContent[i]);
	}
	rm.write("</section>");

	rm.write("<div class='sapUiUx3ShellPaneBarRight'><ul class='sapUiUx3ShellPaneEntries' role='tablist'>");
	sap.ui.ux3.ShellRenderer.renderPaneBarItems(rm, oControl);
	rm.write("</ul></div></aside>   <!-- end of paneBar -->");



	// write the purely visual background
	rm.write("<div class='sapUiUx3ShellCanvasBackground " + (bPaneOpen ? "sapUiUx3ShellCanvasBackgroundOpen" : "sapUiUx3ShellCanvasBackgroundClosed") 
			+ "' id='" + sId + "-canvasBackground'" + paneExtraStyle + ">");
	rm.write("<div class='sapUiUx3ShellCanvasBackgroundRight'></div>");
	rm.write("</div>");

	rm.write("<div id='" + sId + "-notify' class='sapUiUx3ShellNotify'>");
	sap.ui.ux3.ShellRenderer.renderNotificationArea(rm, oControl);
	rm.write("</div>");

	// render closing tag for root element
	rm.write("</div>");
};



sap.ui.ux3.ShellRenderer.renderHeader = function(rm, oControl) {
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");

	var appIcon = oControl.getAppIcon();
	rm.write("<hr id='" + oControl.getId() + "-hdrLine'/><img id='" + oControl.getId() + "-logoImg' src='");
	if (appIcon) {
		rm.writeEscaped(oControl.getAppIcon());
	} else {
		var sImage = sap.ui.core.theming.Parameters.get('sapUiUx3ShellApplicationImageURL');
		sImage = oControl._convertImageParameter(sImage);
		if (sImage) {
			rm.writeEscaped(sImage);
		} else {
			rm.write(sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif'));
		}
	}
	rm.write("'");

	var iconTooltip = oControl.getAppIconTooltip() || rb.getText("SHELL_LOGO");
	rm.writeAttributeEscaped("alt", iconTooltip);
	rm.writeAttributeEscaped("title", iconTooltip);

	rm.write("><h1>");

	rm.writeEscaped(oControl.getAppTitle());

	rm.write("</h1><span class='sapUiUx3ShellHeaderTitleRight'>");

	// header-right-items
	var aHeaderItems = oControl.getHeaderItems();
	for (var i = 0; i < aHeaderItems.length; i++) {
		// ensure correct styling of the menu if there is a MenuButton
		if (aHeaderItems[i] instanceof sap.ui.commons.MenuButton) { // TODO: improve this
			if (aHeaderItems[i].getMenu()) {
				aHeaderItems[i].getMenu().addStyleClass("sapUiMnuTop", true); // multiple calls are ignored, so there is no check whether the class is already there
			}
		}

		// render the header item
		rm.renderControl(aHeaderItems[i]);

		if ((i < (aHeaderItems.length-1)) || (oControl.getShowLogoutButton())) {
			rm.write("<span class='sapUiUx3ShellHeaderSep'></span>");
		}
	}

	// logout button
	if (oControl.getShowLogoutButton()) {
		rm.write("<a id='" + oControl.getId() + "-logout' title='");
		rm.write(oControl.getLogoutButtonTooltip() ? jQuery.sap.escapeHTML(oControl.getLogoutButtonTooltip()) : rb.getText("SHELL_LOGOUT"));
		rm.write("' tabindex='0' role='button' class='sapUiUx3ShellHeaderButton sapUiUx3ShellHeader-logout'></a>");
	}
	rm.write("</span>");
};




/**
 * Renders the inner HTML of the left-side tool palette.
 *
 * @param oControl the Shell control
 * @private
 */
sap.ui.ux3.ShellRenderer.renderToolPalette = function(rm, oControl) {
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
	var sId = oControl.getId();
	
	var tabIndex = oControl._tiOpen ? " tabindex='0'" : "";
	rm.write("<span class='sapUiUx3ShellFocusDummy' id='" + oControl.getId() + "-focusDummyTPStart'" + tabIndex + "></span>");

	// write standard tools
	var sAccDescr = rb.getText("SHELL_TOOLPANE_GENERIC"),
		bStandardToolPresent = false,
		bFirstTool = true,
		sStandardToolsHtml = "";
	if (oControl.getShowSearchTool()) {
		bStandardToolPresent = true;
		sStandardToolsHtml += "<a id='" + sId + sap.ui.ux3.Shell.TOOL_PREFIX + sId + "-searchTool' title='" + rb.getText("SHELL_SEARCH") + "' class='sapUiUx3ShellTool sapUiUx3ShellTool-search' tabindex='0' role='button' aria-pressed='false'></a>";
		if (bFirstTool) {
			bFirstTool = false;
		} else {
			sAccDescr += ",";
		}
		sAccDescr += " " + rb.getText("SHELL_SEARCH");
	}
	if (oControl.getShowFeederTool()) {
		bStandardToolPresent = true;
		sStandardToolsHtml += "<a id='" + sId + sap.ui.ux3.Shell.TOOL_PREFIX + sId + "-feederTool' title='" + rb.getText("SHELL_FEEDER") + "' class='sapUiUx3ShellTool sapUiUx3ShellTool-feeder' tabindex='0' role='button' aria-pressed='false'></a>";
		if (bFirstTool) {
			bFirstTool = false;
		} else {
			sAccDescr += ",";
		}
		sAccDescr += " " + rb.getText("SHELL_FEEDER");
	}

	if (bStandardToolPresent) {
		rm.write("<div role='toolbar'aria-describedby='" + sId + "-genericToolsDescr'>");
		rm.write("<span id='" + sId + "-genericToolsDescr' style='display:none;'>" + sAccDescr + "</span>");
		rm.write(sStandardToolsHtml + "</div>");
	}

	var aToolItems = oControl.getToolPopups();

	// write separator between standard tools and app tools, if required
	if (bStandardToolPresent && (aToolItems.length > 0)) {
		rm.write("<hr class='sapUiUx3ShellToolSep'></hr>");
	}

	// write app tools
	if (aToolItems.length > 0) {
		rm.write("<div role='toolbar' aria-describedby='" + sId + "-appToolsDescr'>");
		rm.write("<span id='" + sId + "-appToolsDescr' style='display:none;'>" + rb.getText("SHELL_TOOLPANE_APP") + "</span>");
		for (var i = 0; i < aToolItems.length; i++) {
			var oToolItem = aToolItems[i];
			if (oToolItem instanceof sap.ui.core.SeparatorItem) { // TODO: not possible
				rm.write("<hr class='sapUiUx3ShellToolSep'></hr>");
			} else {
				// regular item
				rm.write("<a id='" + sId + "-tool-" + oToolItem.getId() + "' class='sapUiUx3ShellTool'");
				var sTooltip = oToolItem.getTooltip_AsString();
				if (!sTooltip) {
					sTooltip = oToolItem.getTitle();
				}
				if (sTooltip) {
					rm.write(" title='");
					rm.writeEscaped(sTooltip);
					rm.write("' ");
				}
				rm.write(" tabindex='0' role='button' aria-pressed='false'><img src='");
				rm.writeEscaped(oToolItem.getIcon());
				rm.write("' alt='' role='presentation'/></a>");
			}
		}
		rm.write("</div>");
	}
	rm.write("<span class='sapUiUx3ShellFocusDummy' id='" + oControl.getId() + "-focusDummyTPEnd'" + tabIndex + "></span>");
};

sap.ui.ux3.ShellRenderer.renderPaneBarItems = function(rm, oControl) {
	var sId = oControl.getId();
	var aPaneBarItems = oControl.getPaneBarItems();
	var iNoOfItems = aPaneBarItems.length;
	for (var i = 0; i < iNoOfItems; i++) {
		var item = aPaneBarItems[i];
		var itemId = item.getId();
		rm.write("<li");
		rm.writeElementData(item);
		rm.write(" role='tab' aria-controls='" + sId + "-paneContent' aria-setsize='" + iNoOfItems + "' aria-posinset='" + (i+1) + "' tabindex='-1' class='sapUiUx3ShellPaneEntry");
		if (oControl._sOpenPaneId === itemId) { // mark pane item if opened
			rm.write(" sapUiUx3ShellPaneEntrySelected");
		}
		rm.write("'");
		if(item.getTooltip_AsString()) {
			rm.writeAttributeEscaped("title", item.getTooltip_AsString());
		}
		rm.write(">");
		rm.writeEscaped(item.getText().toUpperCase());
		rm.write("</li>");
	}
};

sap.ui.ux3.ShellRenderer.renderNotificationArea = function(rm, oControl) {
	rm.write("<div class='sapUiUx3ShellNotifyBG'></div>");
	if(oControl.getNotificationBar()){
		rm.renderControl(oControl.getNotificationBar());
	}
};

sap.ui.ux3.ShellRenderer.renderWorksetItems = function(rm, oControl) {
	var aItems = oControl.getWorksetItems();
	oControl._oWorksetBar.setAssociatedItems(aItems);
	if (!oControl._oWorksetBar.isSelectedItemValid() && (aItems.length > 0)) {
		oControl.setAssociation("selectedWorksetItem", aItems[0], true); // set the first item as being selected if there is no item selected
		oControl._oWorksetBar.setSelectedItem(aItems[0]); // set the first item as being selected if there is no item selected
	}
	if(rm){
		rm.renderControl(oControl._oWorksetBar);
	}
};

sap.ui.ux3.ShellRenderer.renderFacetBar = function(rm, oControl) {
	var oSelectedWsi = sap.ui.getCore().byId(oControl.getSelectedWorksetItem()); // by now it is guaranteed that the association is properly initialized
	if (oSelectedWsi) {
		// if parent is also a NavigationItem, the selected one is a second-level item and we need to go up one level
		var parent = oSelectedWsi.getParent();
		if (parent && parent instanceof sap.ui.ux3.NavigationItem) {
			oSelectedWsi = parent;
		}
	
		var aSubItems = oSelectedWsi.getSubItems();
		oControl._oFacetBar.setAssociatedItems(aSubItems);
		if (!oControl._oFacetBar.isSelectedItemValid() && (aSubItems.length > 0)) {
			oControl._oFacetBar.setSelectedItem(aSubItems[0]); // set the first item as being selected if there is no item selected
		}
	}
	if(rm){
		rm.renderControl(oControl._oFacetBar);
	}
};

}; // end of sap.ui.ux3.ShellRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ThingInspectorRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.ThingInspector
jQuery.sap.declare("sap.ui.ux3.ThingInspectorRenderer");

jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * @class ThingInspector renderer.
 * @static
 */
sap.ui.ux3.ThingInspectorRenderer = sap.ui.core.Renderer.extend(sap.ui.ux3.OverlayRenderer);

/**
 * Renders the ThingInspector content
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingInspectorRenderer.renderContent = function(oRenderManager, oControl) {
	// convenience variable
	var rm = oRenderManager;	
	rm.write("<div role='Main' class='sapUiUx3TIContent' id='"+oControl.getId()+"-content'>");
	rm.renderControl(oControl._oThingViewer);
	rm.write("</div>");
};

/**
 * Add root class to ThingInspector
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingInspectorRenderer.addRootClasses = function(oRenderManager, oControl) {
	var rm = oRenderManager;
	rm.addClass("sapUiUx3TI");
};

/**
 * Add class to ThingInspector
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingInspectorRenderer.addOverlayClasses = function(oRenderManager, oControl) {
	var rm = oRenderManager;
	rm.addClass("sapUiUx3TIOverlay");
};
}; // end of sap.ui.ux3.ThingInspectorRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ThingViewerRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */
 
jQuery.sap.declare("sap.ui.ux3.ThingViewerRenderer");

/**
 * @class Thing renderer. 
 * @static
 */
sap.ui.ux3.ThingViewerRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 * 
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.ThingViewerRenderer.render = function(oRenderManager, oControl){ 
    // convenience variable
	var rm = oRenderManager;
	
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.writeAttributeEscaped("style", "width:"+oControl.getWidth()+"; height:"+oControl.getHeight());
	rm.addClass('sapUiUx3TV');
	rm.writeClasses();
	rm.write(">");
	this.renderContent(rm,oControl);
	rm.write("</div>");
};

sap.ui.ux3.ThingViewerRenderer.renderContent = function(oRenderManager, oControl) {
// convenience variable
	var rm = oRenderManager;

	rm.write("<div role='Main' class='sapUiUx3TVContent' id='"+oControl.getId()+"-content'>");
	//render Header
	rm.write("<div class='sapUiUx3TVHeader sapUiUx3TVNoActionBar'>");
	rm.write("<div class='sapUiUx3TVHeaderContainerIdentifier'>");
	rm.write("<span role='heading' aria-level='1' class='sapUiUx3TVIdentifier'");
	rm.writeAttributeEscaped("title", oControl.getType());
	rm.write(">");
	rm.writeEscaped(oControl.getType());
	rm.write("</span>");
	rm.write("</div>");

	rm.write("<div class='sapUiUx3TVHeaderGroupScrollContainer'>");
	
	// render Header
	rm.write("<div id='" + oControl.getId() + "-header' class='sapUiUx3TVHeaderContainer'>");
	this.renderHeader(rm,oControl);
	rm.write("</div>");

	// render Header Content
	rm.write("<div id='" + oControl.getId() + "-headerContent'>");
	this.renderHeaderContent(rm, oControl);
	rm.write("</div>");

	rm.write("</div>");
	rm.write("</div>");

	// render Facets
	rm.write("<div class='sapUiUx3TVFacets sapUiUx3TVNoActionBar'>");
	rm.write("<div role='Navigation' class='sapUiUx3TVFacetBar'>");
	rm.renderControl(oControl._getNavBar());
	rm.write("</div>");
	rm.write("<div id='" + oControl.getId() + "-facetContent' class='sapUiUx3TVFacetContent'>");

	// render Facet Content
	this.renderFacetContent(rm, oControl);

	rm.write("</div>");
	rm.write("</div>");
	this.renderToolbar(rm, oControl);
	rm.write("</div>");
};

/**
 * Add root class to Thing
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingViewerRenderer.addRootClasses = function(oRenderManager, oControl) {
	var rm = oRenderManager;
	rm.addClass("sapUiUx3TV");
};

/**
 * Add class to Thing
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingViewerRenderer.addOverlayClasses = function(oRenderManager, oControl) {
	var rm = oRenderManager;
	rm.addClass("sapUiUx3TVOverlay");
};

/**
 * Renders the HTML for Thing Header
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingViewerRenderer.renderHeader = function(oRenderManager, oControl) {
	var rm = oRenderManager;

	rm.write("<div class='sapUiUx3TVIconBar'>");
	rm.write("<div class='sapUiUx3TVIcon'><img alt='' role='presentation' src='");
	rm.writeEscaped(oControl.getIcon());
	rm.write("' id='" + oControl.getId() + "-swatch'></div>");
	rm.write("<div class='sapUiUx3TVTitle'>");
	rm.write("<span role='heading' aria-level='2' class='sapUiUx3TVTitleFirst'");
	rm.writeAttributeEscaped("title", oControl.getTitle());
	rm.write(">");
	rm.writeEscaped(oControl.getTitle());
	rm.write("</span><br/>");
	rm.write("<span role='heading' aria-level='3' class='sapUiUx3TVTitleSecond'");
	rm.writeAttributeEscaped("title", oControl.getSubtitle());
	rm.write(">");
	rm.writeEscaped(oControl.getSubtitle());
	rm.write("</span>");
	rm.write("</div>");
	rm.write("</div>");	
};
 
 
/**
 * Renders the HTML for Thing Toolbar
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingViewerRenderer.renderToolbar = function(rm, oControl) {
	// render Toolbar
	if (oControl.getActionBar()) {
		rm.write("<div id='"+oControl.getId()+"-toolbar' class='sapUiUx3TVToolbar'>");
		rm.renderControl(oControl.getActionBar());
		rm.write("</div>");
	}
};

/**
 * Renders the HTML for Thing Header content
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingViewerRenderer.renderHeaderContent = function(rm, oControl) {
	var headerContentList = oControl.getHeaderContent();
	for ( var i = 0; i < headerContentList.length; i++) {
		var headerContent = headerContentList[i];
		rm.write("<hr class='sapUiUx3TVHRWhite'>");
		rm.write("<div class='sapUiUx3TVHeaderContainer' role='form'>");
		rm.write("<div class='sapUiUx3TVHeaderGroupTitle'");
		rm.writeAttributeEscaped("title", headerContent.getTitle());
		rm.write("><span>");
		rm.writeEscaped(headerContent.getTitle());
		rm.write("</span></div>");
		rm.write("<div class='sapUiUx3TVHeaderGroupContent'>");
		var childContent = headerContent.getContent();
		for ( var j = 0; j < childContent.length; j++) {
			var childControl = childContent[j];
			rm.renderControl(childControl);
		}
		rm.write("</div>");
		rm.write("</div>");
	}
};

/**
 * Renders the HTML for Thing Facet content
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.ThingViewerRenderer.renderFacetContent = function(rm, oControl) {
	var facetContent = oControl.getFacetContent();
	var bTitle = true;

	if (facetContent.length == 1 )  {
		bTitle = false;
	}

	for ( var i = 0; i < facetContent.length; i++) {
		var group = facetContent[i];
		if (group.getColspan()) {
			rm.write("<div class='sapUiUx3TVFacetThingGroupSpan' role='form'>");
		} else {
			rm.write("<div class='sapUiUx3TVFacetThingGroup' role='form'>");
		}
		if (bTitle) {
			rm.write("<div class='sapUiUx3TVFacetThingGroupContentTitle'");
			rm.writeAttributeEscaped("title", group.getTitle());
			rm.write("><span>");
			rm.writeEscaped(group.getTitle());
			rm.write("</span></div>");
		}
		rm.write("<div class='sapUiUx3TVFacetThingGroupContent'>");
		var groupContent = group.getContent();
		for ( var j = 0; j < groupContent.length; j++) {
			rm.renderControl(groupContent[j]);
		}
		rm.write("</div></div>");
	}
};
}; // end of sap.ui.ux3.ThingViewerRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ToolPopupRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.ToolPopup
jQuery.sap.declare("sap.ui.ux3.ToolPopupRenderer");

/**
 * @class ToolPopup renderer.
 * @static
 */
sap.ui.ux3.ToolPopupRenderer = {
};


/**
 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 *
 * @param {sap.ui.core.RenderManager} oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 */
sap.ui.ux3.ToolPopupRenderer.render = function(rm, oControl) {
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
	var sId = oControl.getId();

	// write the HTML into the render manager
	rm.write("<div");
	rm.writeControlData(oControl);
	rm.addClass("sapUiUx3TP");
	
	if (oControl.isInverted()){
		rm.addClass("sapUiTPInverted");
		rm.addClass("sapUiInverted-CTX");
	}
	rm.writeClasses();
	rm.write(" aria-labelledby='", sId, "-title ", sId, "-acc' role='dialog'>"); // div element

	// since the left arrow is the default value this arrow is rendered and later replaced if necessary
	rm.write("<div id='" + sId + "-arrow' class='sapUiUx3TPArrow sapUiUx3TPArrowLeft'></div>");
	rm.write("<span style='display:none;' id='", sId, "-acc'>", rb.getText("DIALOG_CLOSE_HELP"), "</span>");

	// write a focusable element that can be focused if there is no focusable element within the control
	rm.write('<span id="' + sId + '-focusable'+'" tabindex="0" class="sapUiUxTPFocus">');
	// there must be something to focus -> empty elements don't get a focus
	var sSrc = sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif');
	rm.write('<img src="' + sSrc + '">');
	rm.write('</span>');

	// title
	var sTitle = oControl.getTitle();
	if (sTitle && (sTitle.length > 0)) {
		rm.write("<h1 id='" + sId + "-title'>" + sTitle + "</h1>");
		rm.write("<hr/>");
	} else { // for accessibility reasons use tooltip as hidden label
		var sTooltip = oControl.getTooltip_AsString();
		if (sTooltip) {
			rm.write("<h1 id='" + sId + "-title' style='display:none;'>" + sTooltip + "</h1>");
		}
	}

	// content
	rm.write('<div id="' + sId + '-content"');
	rm.addClass("sapUiUx3TPContent");
	rm.writeClasses();
	rm.write(">");
	var aChildren = oControl.getContent();
	for (var i = 0; i < aChildren.length; i++) {
		rm.renderControl(aChildren[i]);
	}
	rm.write('</div>');

	// button row
	aChildren = oControl.getButtons();
	if (aChildren.length > 0) {
		rm.write("<hr/><div class='sapUiUx3TPBtnRow'>");
		for (var i = 0; i < aChildren.length; i++) {
			rm.renderControl(aChildren[i].addStyleClass("sapUiUx3TPBtn"));
		}
		rm.write("</div>");
	}

	rm.write("</div>");
};
}; // end of sap.ui.ux3.ToolPopupRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.library') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* -----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ----------------------------------------------------------------------------------- */

/**
 * Initialization Code and shared classes of library sap.ui.ux3 (1.12.0)
 */
jQuery.sap.declare("sap.ui.ux3.library");
jQuery.sap.require('sap.ui.core.Core'); // unlisted dependency retained
 // unlisted dependency retained

/**
 * SAPUI5 library with controls that implement the SAP User Experience (UX) Guidelines 3.0
 *
 * @namespace
 * @name sap.ui.ux3
 * @public
 */


// library dependencies
jQuery.sap.require('sap.ui.core.library'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.library'); // unlisted dependency retained
 // unlisted dependency retained


// delegate further initialization of this library to the Core
sap.ui.getCore().initLibrary({
  name : "sap.ui.ux3",
  dependencies : ["sap.ui.core","sap.ui.commons"],
  types: [
    "sap.ui.ux3.ActionBarSocialActions",
    "sap.ui.ux3.ExactOrder",
    "sap.ui.ux3.FeederType",
    "sap.ui.ux3.FollowActionState",
    "sap.ui.ux3.NotificationBarStatus",
    "sap.ui.ux3.ShellDesignType",
    "sap.ui.ux3.ShellHeaderType"
  ],
  interfaces: [
    "sap.ui.ux3.DataSetView"
  ],
  controls: [
    "sap.ui.ux3.ActionBar",
    "sap.ui.ux3.CollectionInspector",
    "sap.ui.ux3.DataSet",
    "sap.ui.ux3.DataSetSimpleView",
    "sap.ui.ux3.Exact",
    "sap.ui.ux3.ExactArea",
    "sap.ui.ux3.ExactBrowser",
    "sap.ui.ux3.ExactList",
    "sap.ui.ux3.FacetFilter",
    "sap.ui.ux3.FacetFilterList",
    "sap.ui.ux3.Feed",
    "sap.ui.ux3.FeedChunk",
    "sap.ui.ux3.Feeder",
    "sap.ui.ux3.NavigationBar",
    "sap.ui.ux3.NotificationBar",
    "sap.ui.ux3.Overlay",
    "sap.ui.ux3.OverlayContainer",
    "sap.ui.ux3.QuickView",
    "sap.ui.ux3.Shell",
    "sap.ui.ux3.ThingInspector",
    "sap.ui.ux3.ThingViewer",
    "sap.ui.ux3.ToolPopup"
  ],
  elements: [
    "sap.ui.ux3.Collection",
    "sap.ui.ux3.DataSetItem",
    "sap.ui.ux3.ExactAttribute",
    "sap.ui.ux3.NavigationItem",
    "sap.ui.ux3.Notifier",
    "sap.ui.ux3.ThingAction",
    "sap.ui.ux3.ThingGroup"
  ],
  version: "1.12.0"});

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.ux3.ActionBarSocialActions.
jQuery.sap.declare("sap.ui.ux3.ActionBarSocialActions");

/**
 * @class Enumeration of available standard actions for 'sap.ui.ux3.ActionBar'. To be used as parameters for function 'sap.ui.ux3.ActionBar.getSocialAction'.
 *
 * @version 1.12.0
 * @static
 * @public
 * @experimental Since version 1.2. 
 * API is not yet finished and might change completely
 */
sap.ui.ux3.ActionBarSocialActions = {
  
    /**
     * Standard action 'Create an update' (Feed) 
     * @public
     */
    Update : "Update",

    /**
     * Standard action 'Follow/Unfollow' 
     * @public
     */
    Follow : "Follow",

    /**
     * Standard action 'Mark for Follow up' 
     * @public
     */
    Flag : "Flag",

    /**
     * Standards action 'Mark as Favorite' 
     * @public
     */
    Favorite : "Favorite",

    /**
     * Standard action 'Open Thing Inspector' 
     * @public
     */
    Open : "Open"

  };
  
/**
 * 
 *   		Marker interface for controls which are suitable as view rendering for a DataSet.
 *   	
 *
 * @name sap.ui.ux3.DataSetView
 * @interface
 * @public
 */

/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.ux3.ExactOrder.
jQuery.sap.declare("sap.ui.ux3.ExactOrder");

/**
 * @class Defines the order of the sub lists of a list in the ExactBrowser.
 *
 * @version 1.12.0
 * @static
 * @public
 * @since 1.7.1
 */
sap.ui.ux3.ExactOrder = {
  
    /**
     * The order of the sub lists is defined by the selection order of the user. 
     * @public
     */
    Select : "Select",

    /**
     * The order of the sub lists is defined by order of the defined sub attributes. 
     * @public
     */
    Fixed : "Fixed"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.ux3.FeederType.
jQuery.sap.declare("sap.ui.ux3.FeederType");

/**
 * @class Type of an Feeder.
 *
 * @version 1.12.0
 * @static
 * @public
 * @experimental Since version 1.2. 
 * The whole Feed/Feeder API is still under discussion, significant changes are likely. Especially text presentation (e.g. @-references and formatted text) is not final. Also the Feed model topic is still open.
 */
sap.ui.ux3.FeederType = {
  
    /**
     * large Feeder 
     * @public
     */
    Large : "Large",

    /**
     * medium feeder 
     * @public
     */
    Medium : "Medium",

    /**
     * comment feeder (small) 
     * @public
     */
    Comment : "Comment"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.ux3.FollowActionState.
jQuery.sap.declare("sap.ui.ux3.FollowActionState");

/**
 * @class Defines the states of the follow action
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.ux3.FollowActionState = {
  
    /**
     * follow state 
     * @public
     */
    Follow : "Follow",

    /**
     * hold state 
     * @public
     */
    Hold : "Hold",

    /**
     * default state 
     * @public
     */
    Default : "Default"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.ux3.NotificationBarStatus.
jQuery.sap.declare("sap.ui.ux3.NotificationBarStatus");

/**
 * @class This entries are used to set the visibility status of a NotificationBar
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.ux3.NotificationBarStatus = {
  
    /**
     * Default height for the bar 
     * @public
     */
    Default : "Default",

    /**
     * Bar should be minimized 
     * @public
     */
    Min : "Min",

    /**
     * Bar should be maximized 
     * @public
     */
    Max : "Max",

    /**
     * Bar should not be visible 
     * @public
     */
    None : "None"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.ux3.ShellDesignType.
jQuery.sap.declare("sap.ui.ux3.ShellDesignType");

/**
 * @class Available shell design types.
 *
 * @version 1.12.0
 * @static
 * @public
 * @since 1.12.0
 */
sap.ui.ux3.ShellDesignType = {
  
    /**
     * The standard Shell design (dark). 
     * @public
     */
    Standard : "Standard",

    /**
     * A lighter design. Should be used in combination with the Flat heade type. 
     * @public
     */
    Light : "Light"

  };
  
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.type, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides enumeration sap.ui.ux3.ShellHeaderType.
jQuery.sap.declare("sap.ui.ux3.ShellHeaderType");

/**
 * @class Available shell header display types.
 *
 * @version 1.12.0
 * @static
 * @public
 */
sap.ui.ux3.ShellHeaderType = {
  
    /**
     * The standard Shell header. 
     * @public
     */
    Standard : "Standard",

    /**
     * Only the branding area is visible. Top-level navigation bar, header items, title and icon are not shown. 
     * @public
     */
    BrandOnly : "BrandOnly",

    /**
     * Like the Standard Area but without top-level navigation bar. 
     * @public
     */
    NoNavigation : "NoNavigation",

    /**
     * Like the Standard Area but with a leaner top-level navigation bar. 
     * @public
     */
    SlimNavigation : "SlimNavigation"

  };
  

}; // end of sap.ui.ux3.library
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ActionBar') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ActionBar.
jQuery.sap.declare("sap.ui.ux3.ActionBar");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ActionBar.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getFollowState followState} : sap.ui.ux3.FollowActionState (default: sap.ui.ux3.FollowActionState.Default)</li>
 * <li>{@link #getFlagState flagState} : boolean</li>
 * <li>{@link #getFavoriteState favoriteState} : boolean</li>
 * <li>{@link #getThingIconURI thingIconURI} : sap.ui.core.URI</li>
 * <li>{@link #getAlwaysShowMoreMenu alwaysShowMoreMenu} : boolean (default: true)</li>
 * <li>{@link #getShowUpdate showUpdate} : boolean (default: true)</li>
 * <li>{@link #getShowFollow showFollow} : boolean (default: true)</li>
 * <li>{@link #getShowFlag showFlag} : boolean (default: true)</li>
 * <li>{@link #getShowFavorite showFavorite} : boolean (default: true)</li>
 * <li>{@link #getShowOpen showOpen} : boolean (default: true)</li>
 * <li>{@link #getDividerWidth dividerWidth} : sap.ui.core.CSSSize</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getBusinessActions businessActions} : sap.ui.ux3.ThingAction[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.ActionBar#event:actionSelected actionSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.ActionBar#event:feedSubmit feedSubmit} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A special toolbar with predefined social actions which can be shown as needed. These are: Create an update (Feed), Follow, Mark for Follow Up, Mark as Favorite and Open Thing.
 * 
 * In addition business actions (ThingAction instances) can be added which are either displayed as MenuItems of the 'More' menu button or as individual tool bar buttons.
 * 
 * When using this control, please be aware that it fulfills rather specific requirements: it has been designed for and is used within composite controls QuickView and ThingInspector.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.ActionBar
 */
sap.ui.core.Control.extend("sap.ui.ux3.ActionBar", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"closePopups"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"followState" : {type : "sap.ui.ux3.FollowActionState", group : "Misc", defaultValue : sap.ui.ux3.FollowActionState.Default},
		"flagState" : {type : "boolean", group : "Misc", defaultValue : null},
		"favoriteState" : {type : "boolean", group : "Misc", defaultValue : null},
		"thingIconURI" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"alwaysShowMoreMenu" : {type : "boolean", group : "Misc", defaultValue : true},
		"showUpdate" : {type : "boolean", group : "Misc", defaultValue : true},
		"showFollow" : {type : "boolean", group : "Misc", defaultValue : true},
		"showFlag" : {type : "boolean", group : "Misc", defaultValue : true},
		"showFavorite" : {type : "boolean", group : "Misc", defaultValue : true},
		"showOpen" : {type : "boolean", group : "Misc", defaultValue : true},
		"dividerWidth" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : null}
	},
	aggregations : {
    	"businessActions" : {type : "sap.ui.ux3.ThingAction", multiple : true, singularName : "businessAction"}, 
    	"_businessActionButtons" : {type : "sap.ui.commons.Button", multiple : true, singularName : "_businessActionButton", visibility : "hidden"}, 
    	"_socialActions" : {type : "sap.ui.ux3.ThingAction", multiple : true, singularName : "_socialAction", visibility : "hidden"}
	},
	events : {
		"actionSelected" : {}, 
		"feedSubmit" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ActionBar with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ActionBar.extend
 * @function
 */

sap.ui.ux3.ActionBar.M_EVENTS = {'actionSelected':'actionSelected','feedSubmit':'feedSubmit'};


/**
 * Getter for property <code>followState</code>.
 * Keeps track of the actionBars Follow/Unfollow button’s state. Its value is one of
 * - FollowActionState.Default
 * - FollowActionState.Follow
 * - FollowActionState.Hold
 * 
 *
 * Default value is <code>Default</code>
 *
 * @return {sap.ui.ux3.FollowActionState} the value of property <code>followState</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getFollowState
 * @function
 */

/**
 * Setter for property <code>followState</code>.
 *
 * Default value is <code>Default</code> 
 *
 * @param {sap.ui.ux3.FollowActionState} oFollowState  new value for property <code>followState</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setFollowState
 * @function
 */


/**
 * Getter for property <code>flagState</code>.
 * Indicates whether “Mark for Follow Up” is active
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {boolean} the value of property <code>flagState</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getFlagState
 * @function
 */

/**
 * Setter for property <code>flagState</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {boolean} bFlagState  new value for property <code>flagState</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setFlagState
 * @function
 */


/**
 * Getter for property <code>favoriteState</code>.
 * Indicates whether “Favorite” is active
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {boolean} the value of property <code>favoriteState</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getFavoriteState
 * @function
 */

/**
 * Setter for property <code>favoriteState</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {boolean} bFavoriteState  new value for property <code>favoriteState</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setFavoriteState
 * @function
 */


/**
 * Getter for property <code>thingIconURI</code>.
 * The thing icon uri. Icon will be displayed in Feeder
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>thingIconURI</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getThingIconURI
 * @function
 */

/**
 * Setter for property <code>thingIconURI</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sThingIconURI  new value for property <code>thingIconURI</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setThingIconURI
 * @function
 */


/**
 * Getter for property <code>alwaysShowMoreMenu</code>.
 * If true, business actions are rendered as menu items of the 'More' menu button. Otherwise, 'More' menu button is only displayed for overflow and business actions are rendered as inidividual buttons.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>alwaysShowMoreMenu</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getAlwaysShowMoreMenu
 * @function
 */

/**
 * Setter for property <code>alwaysShowMoreMenu</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bAlwaysShowMoreMenu  new value for property <code>alwaysShowMoreMenu</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setAlwaysShowMoreMenu
 * @function
 */


/**
 * Getter for property <code>showUpdate</code>.
 * Indicates whether social action “Update” is shown, default is ‘true’
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showUpdate</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getShowUpdate
 * @function
 */

/**
 * Setter for property <code>showUpdate</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowUpdate  new value for property <code>showUpdate</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setShowUpdate
 * @function
 */


/**
 * Getter for property <code>showFollow</code>.
 * Indicates whether social action “Follow” is shown, default is ‘true’
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showFollow</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getShowFollow
 * @function
 */

/**
 * Setter for property <code>showFollow</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowFollow  new value for property <code>showFollow</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setShowFollow
 * @function
 */


/**
 * Getter for property <code>showFlag</code>.
 * Indicates whether social action “Mark for Follow Up” is shown, default is ‘true’
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showFlag</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getShowFlag
 * @function
 */

/**
 * Setter for property <code>showFlag</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowFlag  new value for property <code>showFlag</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setShowFlag
 * @function
 */


/**
 * Getter for property <code>showFavorite</code>.
 * Indicates whether social action “Favorite” is shown, default is ‘true’
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showFavorite</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getShowFavorite
 * @function
 */

/**
 * Setter for property <code>showFavorite</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowFavorite  new value for property <code>showFavorite</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setShowFavorite
 * @function
 */


/**
 * Getter for property <code>showOpen</code>.
 * Indicates whether social action “Open” is shown, default is ‘true’
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showOpen</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getShowOpen
 * @function
 */

/**
 * Setter for property <code>showOpen</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowOpen  new value for property <code>showOpen</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setShowOpen
 * @function
 */


/**
 * Getter for property <code>dividerWidth</code>.
 * The minimum width of ActionBar's the social actions part: business action controls have to be rendered outside this area
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>dividerWidth</code>
 * @public
 * @name sap.ui.ux3.ActionBar#getDividerWidth
 * @function
 */

/**
 * Setter for property <code>dividerWidth</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sDividerWidth  new value for property <code>dividerWidth</code>
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#setDividerWidth
 * @function
 */


/**
 * Getter for aggregation <code>businessActions</code>.<br/>
 * Displayed on the actionBar's right hand-side, either as menu item under 'More' or as individual buttons
 * 
 * @return {sap.ui.ux3.ThingAction[]}
 * @public
 * @name sap.ui.ux3.ActionBar#getBusinessActions
 * @function
 */


/**
 * Inserts a businessAction into the aggregation named <code>businessActions</code>.
 *
 * @param {sap.ui.ux3.ThingAction}
 *          oBusinessAction the businessAction to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the businessAction should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the businessAction is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the businessAction is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#insertBusinessAction
 * @function
 */

/**
 * Adds some businessAction <code>oBusinessAction</code> 
 * to the aggregation named <code>businessActions</code>.
 *
 * @param {sap.ui.ux3.ThingAction}
 *            oBusinessAction the businessAction to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#addBusinessAction
 * @function
 */

/**
 * Removes an businessAction from the aggregation named <code>businessActions</code>.
 *
 * @param {int | string | sap.ui.ux3.ThingAction} vBusinessAction the businessAction to remove or its index or id
 * @return {sap.ui.ux3.ThingAction} the removed businessAction or null
 * @public
 * @name sap.ui.ux3.ActionBar#removeBusinessAction
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>businessActions</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ThingAction[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ActionBar#removeAllBusinessActions
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ThingAction</code> in the aggregation named <code>businessActions</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ThingAction}
 *            oBusinessAction the businessAction whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ActionBar#indexOfBusinessAction
 * @function
 */
	

/**
 * Destroys all the businessActions in the aggregation 
 * named <code>businessActions</code>.
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#destroyBusinessActions
 * @function
 */


/**
 * Fired when any of the social action’s toolbar buttons except ‘Update’ or any of the business action’s menu items resp. buttons is pressed. The selected action can be identified by its id and newState (the latter if applicable only)
 * ‘Follow’ button + menu: id: follow, newState: Follow/Hold/Default
 * ‘Mark for follow up’ button: id: flag, newState: true/false
 * ‘Favorite’ button: id: favorite, newState: true/false
 * ‘Open Thing Inspector’ button id: open
 * Business Actions: id: the ThingAction id
 * 
 * For ‘Update’, please refer to event ‘feedSubmit’ 
 *
 * @name sap.ui.ux3.ActionBar#actionSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id Id of selected ThingAction
 * @param {sap.ui.ux3.ThingAction} oControlEvent.getParameters.action Selected ThingAction
 * @param {string} oControlEvent.getParameters.newState New State of the selected action.Only filled if the respective action maintains a state property, for example 'FollowUp' or 'Favorite'
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'actionSelected' event of this <code>sap.ui.ux3.ActionBar</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ActionBar</code>.<br/> itself. 
 *  
 * Fired when any of the social action’s toolbar buttons except ‘Update’ or any of the business action’s menu items resp. buttons is pressed. The selected action can be identified by its id and newState (the latter if applicable only)
 * ‘Follow’ button + menu: id: follow, newState: Follow/Hold/Default
 * ‘Mark for follow up’ button: id: flag, newState: true/false
 * ‘Favorite’ button: id: favorite, newState: true/false
 * ‘Open Thing Inspector’ button id: open
 * Business Actions: id: the ThingAction id
 * 
 * For ‘Update’, please refer to event ‘feedSubmit’ 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ActionBar</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#attachActionSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'actionSelected' event of this <code>sap.ui.ux3.ActionBar</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#detachActionSelected
 * @function
 */

/**
 * Fire event actionSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> Id of selected ThingAction</li>
 * <li>'action' of type <code>sap.ui.ux3.ThingAction</code> Selected ThingAction</li>
 * <li>'newState' of type <code>string</code> New State of the selected action.Only filled if the respective action maintains a state property, for example 'FollowUp' or 'Favorite'</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ActionBar#fireActionSelected
 * @function
 */


/**
 * Fired when a new feed entry is submitted. 
 *
 * @name sap.ui.ux3.ActionBar#feedSubmit
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.text Feed text
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'feedSubmit' event of this <code>sap.ui.ux3.ActionBar</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ActionBar</code>.<br/> itself. 
 *  
 * Fired when a new feed entry is submitted. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ActionBar</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#attachFeedSubmit
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'feedSubmit' event of this <code>sap.ui.ux3.ActionBar</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ActionBar#detachFeedSubmit
 * @function
 */

/**
 * Fire event feedSubmit to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'text' of type <code>string</code> Feed text</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ActionBar} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ActionBar#fireFeedSubmit
 * @function
 */


/**
 * Closes all popups which might be opened as ActionBar children. These are the more- and follow menu and the feeder popup
 *
 * @name sap.ui.ux3.ActionBar.prototype.closePopups
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/ux3/ActionBar.js
/*================================================================================
 *
 * This file provides behaviour of control sap.ui.ux3.ActionBar
 * 
 */

jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained
 


/**
 * Initialization hook for the Actionbar. Creates the empty action map instance
 * 'mActionMap' and provides the convenience member 'mActionKeys' to access static
 * 'sap.ui.ux3.ActionBar.M_ACTION_KEYS'  
 * 
 * @private
 */
sap.ui.ux3.ActionBar.prototype.init = function(){
	//Initialize map which will contain the actually used ThingActions
	this.mActionMap = {};
	//Provide convenient access to the static array of action identifiers for "mActionMap"
	this.mActionKeys = sap.ui.ux3.ActionBarSocialActions;
	
	this.oRb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
	
	//Show social actions. No need to call the property setters because the prperties are true
	//by default, so there is no property change
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Update), true);
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Follow), true);
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Flag), true);
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Favorite), true);
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Open), true);
	
	// Initialize the ItemNavigation if required
	if (!this._oItemNavigation) {
		this._oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
		this.addDelegate(this._oItemNavigation);
	}
};




/**
 * Destroys this instance of ActionBar, called by Element#destroy()
 * 
 * @private
 */
sap.ui.ux3.ActionBar.prototype.exit = function() {
	this.closePopups();
	
	if (this._oUpdatePopup) {
		this._oUpdatePopup.destroy();
		this._oUpdatePopup = null;
	}
	
	if (this._oMoreMenuButton) {
		this._oMoreMenuButton.destroy();
		this._oMoreMenuButton = null;
	}
	
	if (this._oMoreMenu) {
		this._oMoreMenu.destroy();
		this._oMoreMenu = null;
	}
	
	if(this._oHoldItem) {
		this._oHoldItem.destroy();
	}
	if(this._oUnFollowItem) {
		this._oUnFollowItem.destroy();
	}
	if(this._oUnHoldItem) {
		this._oUnHoldItem.destroy();
	}
	// cleanup the resize handler
	if (this._sResizeListenerId) {
		sap.ui.core.ResizeHandler.deregister(this._sResizeListenerId);
		this._sResizeListenerId = null;
	}
	
	this.mActionKeys = null;
	this.mActionKeys = null;
	this.oRb = null;
	
	this.destroyAggregation("_socialActions");
	this.destroyAggregation("_businessActionButtons");

	if (this._oItemNavigation) {
		this.removeDelegate(this._oItemNavigation);
		this._oItemNavigation.destroy();
		delete this._oItemNavigation;
	}
};



/**
 * Checks whether the control is still valid (is in the DOM). ActionBar
 * instance is rendered if and only if 'isActive' returns 'true'. This
 * check is called implicitely by the rendere, MUST not be removed.
 *
 * @return {boolean} True if the control is still in the active DOM
 * @protected
 */
sap.ui.ux3.ActionBar.prototype.isActive = function() {
	var bResult = jQuery.sap.domById(this.getId()) != null;
	
	return bResult;
};
	
	
/**
 * Load language dependent text for given resource bundle key and optional
 * arguments, if the resource contains dynamic content
 *
 * @param sKey resource bundle key
 * @param aArgs used to fill dynamic resource content 
 * @return the resource if it was found in the bundle or 'sKey' if no matching
 *		 resource was available. 
 * @private
 */
sap.ui.ux3.ActionBar.prototype._getLocalizedText = function(sKey, aArgs) {
	var sText = undefined;
	if(this.oRb) {
		sText = this.oRb.getText(sKey);
	}
	if(sText && aArgs){
		for(var index=0; index<aArgs.length; index++){
			sText = sText.replace("{"+index+"}", aArgs[index]);
		};
	}
	return sText ? sText : sKey;
};


/**
 * Creates a new social action for the specified 'sActionId' or returns the 
 * pooled instance of that social action. Assumes 
 * that 'sActionId' taken from 'this.mActionKeys', otherwise
 * a warning will be logged and 'undefined is returned'
 * 
 * @param sActionId
 * @return new or pooled instance of the specified action or 'undefined'
 */
sap.ui.ux3.ActionBar.prototype._getSocialAction = function (sActionId) {
	
	var oResult = this.mActionMap[sActionId];
	if(!oResult) {
		//no instance of the social action created for this action bar instance so far
		oResult = new sap.ui.ux3.ThingAction({id : this.getId() + "-" + sActionId});
		switch (sActionId) {
			case this.mActionKeys.Update:
				oResult.name = this.mActionKeys.Update;
				oResult.tooltipKey = "ACTIONBAR_UPDATE_ACTION_TOOLTIP";
				oResult.cssClass = "sapUiUx3ActionBarUpdateAction";
				//prepares the feeder popup 
				oResult.fnInit = function ( oActionBar ) {
					oActionBar._oUpdatePopup = new sap.ui.ux3.ToolPopup({
					id : oActionBar.getId() + "-UpdateActionPopup"
					}).addStyleClass("sapUiUx3ActionBarUpdatePopup");
					oActionBar._oUpdatePopup._ensurePopup().setAutoClose(true);
					
					oActionBar._feeder = new sap.ui.ux3.Feeder({
						id: oActionBar.getId() + "-Feeder",
						type: sap.ui.ux3.FeederType.Comment,
						thumbnailSrc : oActionBar.getThingIconURI(),
						text: "",
						submit : jQuery.proxy(
						function(oEvent) {
							var feedText = oEvent.getParameter("text");
							this.fireFeedSubmit({
								text : feedText
							});
							this._oUpdatePopup.close();
						}, oActionBar)
					});
					oActionBar._feeder.addStyleClass("sapUiUx3ActionBarFeeder");
					oActionBar._oUpdatePopup.addContent(oActionBar._feeder);
				};
				//opens or closes the feeder popup
				oResult.fnActionSelected = function (oEvent, oActionBar) {
					if (oActionBar._oUpdatePopup.isOpen()) {
						oActionBar._oUpdatePopup.close();
						} else {
							var oDomRef, iTIHeight, iContentHeight;
							
							oActionBar._oUpdatePopup.setPosition(sap.ui.core.Popup.Dock.BeginBottom, sap.ui.core.Popup.Dock.BeginTop, oEvent.getSource().getDomRef(), "-8 -13", "none");
							oActionBar._oUpdatePopup.open();
							oDomRef = jQuery(oActionBar._oUpdatePopup.getDomRef());
							iTIHeight =jQuery(window).height();
							iContentHeight = jQuery(oActionBar.getDomRef()).offset().top;
							oDomRef.css("top", "auto").css("bottom",(iTIHeight - iContentHeight + 7) + "px"); 
							jQuery.sap.delayedCall(1000, this, function() {
								jQuery.sap.focus(oActionBar._feeder.getFocusDomRef());
							})
							
						}
				};
				
				oResult.fnExit = function( oActionBar) {
					if(oActionBar._oUpdatePopup) {
						oActionBar._oUpdatePopup.destroy();
						oActionBar._oUpdatePopup = null;
					}
				};
			break;
			
			


		case this.mActionKeys.Follow:
			var followAction = oResult;
			oResult.name = this.mActionKeys.Follow;
			oResult.tooltipKey = "ACTIONBAR_FOLLOW_ACTION_TOOLTIP_FOLLOW";
			oResult.cssClass = "sapUiUx3ActionBarFollowAction";
			oResult.isMenu = function(oActionBar) {
				return oActionBar.getFollowState() != sap.ui.ux3.FollowActionState.Default;
			}
			oResult.fnActionSelected = function (oEvent, oActionBar) {
				if (oActionBar.getFollowState() == sap.ui.ux3.FollowActionState.Default) {
						//set new follow state BEFORE firing the corresponding event
						oActionBar._setFollowState(sap.ui.ux3.FollowActionState.Follow);
						oActionBar.fireActionSelected({
							id : followAction.name,
							state : "followState",
							action : followAction
						});
						
						
						this._fnPrepareFollowMenu(oEvent, oActionBar);
						
					} else {
						var eDock = sap.ui.core.Popup.Dock;
						oActionBar._oMenu.open(false, followAction.getFocusDomRef(), eDock.BeginBottom, eDock.BeginTop, followAction.getDomRef());
					}
				};
			oResult.fnCalculateState = function ( oActionBar ) {
				return oActionBar.getFollowState();
			};
			//populates the menu of the 'Follow' actionBar button depending on the 'FollowState' property
			oResult._fnPrepareFollowMenu = function( oEvent, oActionBar ) {
				var imagePath = sap.ui.resource("sap.ui.ux3", "themes/" + sap.ui.getCore().getConfiguration().getTheme());
				if(oActionBar.mActionMap[oActionBar.mActionKeys.Follow]) {
					if (!oActionBar._oUnFollowItem) {
						oActionBar._oUnFollowItem = new sap.ui.commons.MenuItem({
							id : oActionBar.getId() + "-unfollowState",
							text : oActionBar._getLocalizedText("TI_FOLLOW_ACTION_MENU_TXT_UNFOLLOW"),
							icon : imagePath + "/img/menu_unlisten.png"
						});
					}
					if (!oActionBar._oHoldItem) {
						oActionBar._oHoldItem = new sap.ui.commons.MenuItem({
							id : oActionBar.getId() + "-holdState",
							text : oActionBar._getLocalizedText("TI_FOLLOW_ACTION_MENU_TXT_HOLD"),
							icon : imagePath + "/img/menu_hold.png"
						});
					}
					if (!oActionBar._oUnHoldItem) {
						oActionBar._oUnHoldItem = new sap.ui.commons.MenuItem({
							id : oActionBar.getId() + "-unholdState",
							text : oActionBar._getLocalizedText("TI_FOLLOW_ACTION_MENU_TXT_UNHOLD"),
							icon : imagePath + "/img/menu_follow.png"
						});
					}
					if (!oActionBar._oMenu) {
						oActionBar._oMenu = new sap.ui.commons.Menu({
							id : oActionBar.getId() + "-followActionMenu"
						});
						
						oActionBar._oMenu.attachItemSelect(jQuery.proxy(function(oControlEvent) {
							this._fnFollowMenuSelected(oEvent, oActionBar);
						}, this));
						oActionBar._oMenu.addItem(oActionBar._oHoldItem);
						oActionBar._oMenu.addItem(oActionBar._oUnHoldItem);
						oActionBar._oMenu.addItem(oActionBar._oUnFollowItem);
					}
					if (oActionBar.getFollowState() == sap.ui.ux3.FollowActionState.Default) {
						oActionBar.mActionMap[oActionBar.mActionKeys.Follow].setTooltip(oActionBar._getLocalizedText("TI_FOLLOW_ACTION_TOOLTIP_FOLLOW"));
						oActionBar._oHoldItem.setVisible(false);
						oActionBar._oUnFollowItem.setVisible(false);
						oActionBar._oUnHoldItem.setVisible(false);
					} else if (oActionBar.getFollowState() == sap.ui.ux3.FollowActionState.Follow) {
						oActionBar.mActionMap[oActionBar.mActionKeys.Follow].setTooltip(oActionBar._getLocalizedText("TI_FOLLOW_ACTION_TOOLTIP_STOPPAUSE_FOLLOW"));
						oActionBar._oHoldItem.setVisible(true);
						oActionBar._oUnFollowItem.setVisible(true);
						oActionBar._oUnHoldItem.setVisible(false);
					} else if (oActionBar.getFollowState() == sap.ui.ux3.FollowActionState.Hold) {
						oActionBar.mActionMap[oActionBar.mActionKeys.Follow].setTooltip(oActionBar._getLocalizedText("TI_FOLLOW_ACTION_TOOLTIP_STOPCONTINUE_FOLLOW"));
						oActionBar._oHoldItem.setVisible(false);
						oActionBar._oUnFollowItem.setVisible(true);
						oActionBar._oUnHoldItem.setVisible(true);
					}
					oActionBar._updateSocialActionDomRef(oResult);
				}
			};
			//takes care of selection events in the follow menu
			oResult._fnFollowMenuSelected = function(oEvent, oActionBar) {
				if(oActionBar.mActionMap[oActionBar.mActionKeys.Follow]) {
					var sId = oEvent.getParameters().item.getId();
					//set new follow state BEFORE firing the corresponding event
					if (sId == oActionBar.getId() + "-followState") {
						oActionBar._setFollowState(sap.ui.ux3.FollowActionState.Follow);
					} else if (sId == oActionBar.getId() + "-unfollowState") {
						oActionBar._setFollowState(sap.ui.ux3.FollowActionState.Default);
					} else if (sId == oActionBar.getId() + "-holdState") {
						oActionBar._setFollowState(sap.ui.ux3.FollowActionState.Hold);
					} else if (sId + "-unholdState") {
						oActionBar._setFollowState(sap.ui.ux3.FollowActionState.Follow);
					}
					
					oActionBar.fireActionSelected({
						id : followAction.name,
						state: sId,
						action : followAction
					});
					
					this._fnPrepareFollowMenu(oEvent, oActionBar);
				}
			};
			break;
			
			


		case this.mActionKeys.Favorite:
				var favoriteAction = oResult;
				oResult.name = this.mActionKeys.Favorite;
				oResult.tooltipKey = "ACTIONBAR_FAVORITE_ACTION_TOOLTIP";
			oResult.cssClass = "sapUiUx3ActionBarFavoriteAction";
			//toggles the 'FavoriteState' property
			oResult.fnActionSelected = function (oEvent, oActionBar) {
				if (oActionBar.getFavoriteState() == true) {
						oActionBar._setFavoriteState(false);
					} else {
						oActionBar._setFavoriteState(true);
					}
					oActionBar.fireActionSelected({
						id : favoriteAction.name,
						state: oActionBar.getFavoriteState(),
						action : favoriteAction
					});
					oActionBar._updateSocialActionDomRef(oResult);
				};
				oResult.fnCalculateState = function ( oActionBar ) {
					var result = null;
					if(oActionBar.getFavoriteState()) {
						result = "Selected";
					}
					return result; 
				};
				break;

		case this.mActionKeys.Flag:
			var flagAction = oResult;
			oResult.name = this.mActionKeys.Flag;
			oResult.tooltipKey = "ACTIONBAR_FLAG_ACTION_TOOLTIP";
			oResult.cssClass = "sapUiUx3ActionBarFlagAction";
			//toggles the 'FlagState' property
			oResult.fnActionSelected = function (oEvent, oActionBar) {
				oActionBar._setFlagState(!oActionBar.getFlagState());
				oActionBar.fireActionSelected({
					id : flagAction.name,
					state : oActionBar.getFlagState(),
					action : flagAction
				});
				oActionBar._updateSocialActionDomRef(oResult);
			};
			oResult.fnCalculateState = function ( oActionBar ) {
				var result = null;
				if(oActionBar.getFlagState()) {
					result = "Selected";
				} 
				return result;
			};
			break;
			
			


		case this.mActionKeys.Open:
			oResult.name = this.mActionKeys.Open;
			oResult.tooltipKey = "ACTIONBAR_OPEN_THING_ACTION_TOOLTIP";
			oResult.cssClass = "sapUiUx3ActionBarOpenThingAction";
			break;
			
			
		default:
			jQuery.sap.log.warning("Function \"sap.ui.ux3.ActionBar.prototype._getSocialAction\" was called with unknown action key \"" + sActionId + 
				"\".\n\tNo action will not be rendered.");	
			return undefined;
	 
				
		}
		
	}
	return oResult;
   
	
};
	
	
	
/*=================================================================================
 * Re-Rendering
 * 
 */	

/**    
  * Updates css classes and aria description for a social action    
  *    
  * @param oSocialAction social action to be re-rendered    
  * @private    
  */    
sap.ui.ux3.ActionBar.prototype._updateSocialActionDomRef = function(oSocialAction) {    
	
	var content = jQuery.sap.byId(oSocialAction.getId());
	if(content) {
		//Replace css classes with action's standard css
		content.attr("class", oSocialAction.cssClass);
		if (oSocialAction.fnCalculateState) {
			//add state specific css classes
			content.addClass("sapUiUx3ActionBarAction");
			content.addClass(oSocialAction.fnCalculateState(this));
		}
		
		if(oSocialAction.isMenu) {
			//Update aria description
			content.attr("aria-haspopup", oSocialAction.isMenu(this) ? "true" : "false");
		}
	}
	
	
	
}; 

 

	
/**
 * Re-renders all content of the '-socialActions' list
 *
 * @private
 */
sap.ui.ux3.ActionBar.prototype._rerenderSocialActions = function() {
	var content = jQuery.sap.byId(this.getId() + "-socialActions");
	if (content.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		sap.ui.ux3.ActionBarRenderer.renderSocialActions(rm, this);
		rm.flush(content[0]);
		rm.destroy();
	}
};


/**
 * Re-renders single business action toolbar button.
 *
 * @param oButton business action button to be re-rendered.
 * @private
 */
sap.ui.ux3.ActionBar.prototype._rerenderBusinessAction = function(oButton) {
	var content = jQuery.sap.byId(oButton.getId());
	if (content.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		rm.renderControl(oButton);
		rm.flush(content[0].parentNode);
		rm.destroy();
	}
};


/**
 * Re-renders all content of the '-businessActions' list
 *
 * @private
 */
sap.ui.ux3.ActionBar.prototype._rerenderBusinessActions = function() {
	if(!this.getAlwaysShowMoreMenu()) {
		var content = jQuery.sap.byId(this.getId() + "-businessActions");
		if (content && content.length > 0) {
			var rm = sap.ui.getCore().createRenderManager();
			sap.ui.ux3.ActionBarRenderer.renderBusinessActionButtons(rm, this);
			rm.flush(content[0]);
			rm.destroy();
		}
	}
	//make sure that more menu button's visibility is up to date
	this._onresize();
};

/*=============================================================================
 * Overwrite setter methods for show<SocialAction> properties
 * - setShowUpdate 
 * - setShowFollow
 * - setShowFlag
 * - setShowFavorite
 * - setShowOpen
 *
 * Private method _setShowSocialActionProperty to be used within these setters
 */
 
 /**
 * Shows or hides standard button 'Update' on toolbar
 *
 * @param bFlag show or hide this social action on the toolbar
 */
sap.ui.ux3.ActionBar.prototype.setShowUpdate = function(bFlag) {
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Update), bFlag);
	// supress rerendering
	this.setProperty("showUpdate", bFlag, true);
	return this;
};

/**
 * Shows or hides standard button 'Follow' on toolbar
 *
 * @param bFlag show or hide this social action on the toolbar
 */
sap.ui.ux3.ActionBar.prototype.setShowFollow = function(bFlag) {
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Follow), bFlag);
	// supress rerendering
	this.setProperty("showFollow", bFlag, true);
	return this;
};

/**
 * Shows or hides standard button 'Flag' on toolbar
 *
 * @param bFlag show or hide this social action on the toolbar
 */
sap.ui.ux3.ActionBar.prototype.setShowFlag = function(bFlag) {
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Flag), bFlag);
	// supress rerendering
	this.setProperty("showFlag", bFlag, true);
	return this;
};

/**
 * Shows or hides standard button 'Favorite' on toolbar
 *
 * @param bFlag show or hide this social action on the toolbar
 */
sap.ui.ux3.ActionBar.prototype.setShowFavorite = function(bFlag) {
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Favorite), bFlag);
	// supress rerendering
	this.setProperty("showFavorite", bFlag, true);
	return this;
};

/**
 * Shows or hides standard button 'Open' on toolbar
 *
 * @param bFlag show or hide this social action on the toolbar
 */
sap.ui.ux3.ActionBar.prototype.setShowOpen = function(bFlag) {
	this._setShowSocialAction(this._getSocialAction(this.mActionKeys.Open), bFlag);
	// supress rerendering
	this.setProperty("showOpen", bFlag, true);
	return this;
};

/**
 * Sets follow state without triggering re-rendering
 *
 * @param oFollowState new state
 * @private
 */
sap.ui.ux3.ActionBar.prototype._setFollowState = function(oFollowState) {
	// supress rerendering
	this.setProperty("followState", oFollowState, true);
	return this;
};

/**
 * Sets flag state without triggering re-rendering
 *
 * @param oFlagState new state
 * @private
 */
sap.ui.ux3.ActionBar.prototype._setFlagState = function(oFlagState) {
	// supress rerendering
	this.setProperty("flagState", oFlagState, true);
	return this;
};

/**
 * Sets favorite state without triggering re-rendering
 *
 * @param oFavoriteState new state
 * @private
 */
sap.ui.ux3.ActionBar.prototype._setFavoriteState = function(oFavoriteState) {
	// supress rerendering
	this.setProperty("favoriteState", oFavoriteState, true);
	return this;
};

// Implementation of API method
sap.ui.ux3.ActionBar.prototype.setThingIconURI = function(oIcon) {
    // supress rendering 
	this.setProperty("thingIconURI", oIcon, true);
	var oUpdateAction = this.mActionMap[this.mActionKeys.Update]
	if(oUpdateAction && this._feeder) {
		this._feeder.setThumbnailSrc(oIcon);
	} else {
		jQuery.sap.log.warning("Function \"sap.ui.ux3.ActionBar.setThingIconURI\": failed to set new icon \"" + oIcon + 
			"\".\n\tReason: either updateAction " + oUpdateAction + " or feeder " + this._feeder + " is not defined."  );
	}
	return this;
};

/**
 * Sets the minimum width of ActionBar's the social actions part: 
 * business action controls have to be rendered outside this area
 *
 * @param oWidth the new width as CSSSize
 */
sap.ui.ux3.ActionBar.prototype.setDividerWidth = function(oWidth) {
	//Make sure that minim width of social actions part is re-calculated
	this._iSocActListWidth = null;
	//do not suppress rerendering
	this.setProperty("dividerWidth", oWidth);
	return this;
};

/**
 * Renders business actions as menu items of the 'Other Actions' 
 * toolbar button if 'bFlag' is true. Otherwise, 'Other Actions' toolbar button disappears and 
 * business actions are rendered as individual buttons.
 *
 * @param bFlag If true, business actions are rendered as menu items of the 'Other Actions' 
 *		  toolbar button. Otherwise, 'Other Actions' toolbar button disappears and 
 * 		  business actions are rendered as individual buttons.
 */
sap.ui.ux3.ActionBar.prototype.setAlwaysShowMoreMenu = function(bFlag) {
	var bOldValue = this.getProperty("alwaysShowMoreMenu");
	var businessActionsList = this.getAggregation("businessActions", []);
	this.setProperty("alwaysShowMoreMenu", bFlag, true);
	
	if(bOldValue != bFlag && businessActionsList) {
		
		if(!bFlag) {
			for(var i=0; i<businessActionsList.length; i++) {
				var oBusinessAction = businessActionsList[i];
				this._createButtonForAction(oBusinessAction, 
					this._oMoreMenu._getMenuItemForAction(oBusinessAction));
			}
		} else {
			var actionButtons = this._getBusinessActionButtons();
			for(var iIndex=0; iIndex<actionButtons.length; iIndex++) {
				if(actionButtons[iIndex].oMenuItem) {
					actionButtons[iIndex].oMenuItem.setVisible(true);
					actionButtons[iIndex].oMenuItem = null;
				}
			}
			this.destroyAggregation("_businessActionButtons");
		}
		this._styleMoreMenuButton();
	}
	this._bCallOnresize = true;
	this._rerenderBusinessActions();
	return this;
};	

/**
 * Closes all popups which might be opened as ActionBar children
 * These are the more- and follow menu and the feeder popup
 */
sap.ui.ux3.ActionBar.prototype.closePopups = function() {
	if (this._oUpdatePopup) {
		this._oUpdatePopup.close();
	}
	if(this._oMoreMenu) {
		this._oMoreMenu.close();
	}
	if(this._oMenu) {
		this._oMenu.close();
	}
}





/*=============================================================================
 * Methods for aggregation '_socialActions':
 * 
 */


	
/**
 * Removes the specified social action, if it was added before
 * and re-renders the actionbar instance. 
 * 
 * @param oSocialAction social action to remove from the actionbar.
 * @return the sap.ui.ux3.ActionBar instance if 'oSocialAction' was removed successfully,
 * null otherwise.
 * @private
 */
sap.ui.ux3.ActionBar.prototype._removeSocialAction = function(oSocialAction) {
	//check if oSocialAction to be removed is displayed at all
	var result = null;
	if(oSocialAction.name && this.mActionMap[oSocialAction.name]) {
		//Call action's clean up method which will in turn
		//destroy any controls created by the action
		if(this.mActionMap[oSocialAction.name].fnExit) {
			this.mActionMap[oSocialAction.name].fnExit(this);
		}
		result = this.removeAggregation("_socialActions", this.mActionMap[oSocialAction.name], true);
		this.mActionMap[oSocialAction.name].destroy();
		//remove both key and value from mActionMap
		delete this.mActionMap[oSocialAction.name];
		this._rerenderSocialActions();
		this._iSocActListWidth = null; //needs to be re-calculated
	}
	return result;
};

/**
 * Removes all social actions and re-renders the actionbar instance. 
 * 
 * @return the sap.ui.ux3.ActionBar instance
 * @private
 */
sap.ui.ux3.ActionBar.prototype._removeAllSocialActions = function() {
	//clear actionMap
	for (var key in this.mActionMap) {
		if(this.mActionMap[key] && this.mActionMap[key].fnExit) {
			this.mActionMap[key].fnExit(this);
		}
	}
	this.mActionMap = {};
	var result = this.removeAllAggregation("_socialActions", true);
	this._iSocActListWidth = null; //needs to be re-calculated
	this._rerenderSocialActions();
	return result;
};


/**
 * Checks if given 'oSocialAction' has already been added. If not, it is passed on
 * to private method 'sap.ui.ux3.ActionBar.prototype._prepareSocialAction'. After that,
 * the action's 'fnInit' exit is called, if it is defined.
 * 
 * @param oSocialAction social action to add to the actionbar
 * @param iIndex position at which new action shall be inserted. If not defined, new action will be appended
 *		to the end od the aggregation.
 * @return sap.ui.ux3.ActionBar the sap.ui.ux3.ActionBar instance if 'oSocialAction' was added successfully,
 * null otherwise.
 * @private
 * @see sap.ui.ux3.ActionBar.prototype._prepareSocialAction 
 */
sap.ui.ux3.ActionBar.prototype._addSocialAction = function(oSocialAction, iIndex) {
	//make sure that each social action is only added once
	//duplicates are useless in this case
	var result = null;
	if(!this.mActionMap[oSocialAction.name]) {
		result = this._prepareSocialAction(oSocialAction, iIndex);
	
		if ( oSocialAction.fnInit ) {
			// call the action's 'fnInit' exit
			oSocialAction.fnInit(this);
		}
		this._iSocActListWidth = null; //needs to be re-calculated
	}
	if(result) {
		//Only if social action was actually added, the actionbar is 
		//rendered again 
		this._rerenderSocialActions();
	}
	return result;	
};

	
/**
 * Attaches a 'Select' listener to the passed in 'oSocialAction', which will call the
 * actions 'fnActionSelected'. Uses the action's tooltip key to generate the i18n tooltip
 * text of the action's button. Finally, adds 'oSocialAction' to the actionbar's 
 * action map and its '_socialActions' aggregation.
 *
 * @param oSocialAction social action to add to the actionbar.
 * @param iIndex position at which new action shall be inserted. If not defined, new action will be appended
 *		to the end od the aggregation.
 * @return sap.ui.ux3.ActionBar the sap.ui.ux3.ActionBar instance 
 * @private
 */
sap.ui.ux3.ActionBar.prototype._prepareSocialAction = function(oSocialAction, iIndex) {
	
	// if 'Select' event is triggered on the action (this is done by a 'press' event
	// on the action's toolbar button'), the action's 'fnActionSelected' function is 
	// executed
	oSocialAction.attachSelect(jQuery.proxy(function(oControlEvent) {
		if(oSocialAction.fnActionSelected) {
			oSocialAction.fnActionSelected(oControlEvent, this);
		} else {
			this.fireActionSelected({
				id : oSocialAction.name,
				action : oSocialAction
			});
		}
	}, this));
	oSocialAction.setTooltip(this._getLocalizedText(oSocialAction.tooltipKey));
	this.mActionMap[oSocialAction.name] = oSocialAction;
	if(iIndex) {
		this.insertAggregation("_socialActions", oSocialAction, iIndex, true);
	} else {
		this.addAggregation("_socialActions", oSocialAction, true);
	}
	
	return oSocialAction;
};


/**
 * Calls '_addSocialAction' or '_removeSocialAction' depending on 'bFlag'.
 *
 * @param oSocialAction social action to deal with.
 * @param bFlag show the action or not.
 * @return the sap.ui.ux3.ActionBar instance 
 * @see sap.ui.ux3.ActionBar._addSocialAction
 * @see sap.ui.ux3.ActionBar._removeSocialAction  
 * @private
 */
sap.ui.ux3.ActionBar.prototype._setShowSocialAction = function (oSocialAction, bFlag) {
	return bFlag ? this._addSocialAction(oSocialAction) : this._removeSocialAction(oSocialAction);
};







/*=============================================================================
 * Implementation of generated API methods for aggregation 'businessActions':
 * - addBusinessAction 
 * - insertBusinessAction
 * - removeBusinessAction
 * - removeAllBusinessActions
 */

/**
 * Implementation of API method addBusinessAction.
 * 
 * @param oBusinessAction business action to be added 
 * @return sap.ui.ux3.ActionBar the sap.ui.ux3.ActionBar instance 
 */
sap.ui.ux3.ActionBar.prototype.addBusinessAction = function(oBusinessAction) {
	return this._addBusinessAction(oBusinessAction);
};


/**
 * Implementation of API method insertBusinessAction.
 * 
 * @param oBusinessAction business action to be added 
 * @param iIndex position at which the business action is to be displayed amidst the 
 *		other business actions 
 * @return sap.ui.ux3.ActionBar the sap.ui.ux3.ActionBar instance 
 */
sap.ui.ux3.ActionBar.prototype.insertBusinessAction = function(oBusinessAction, iIndex) {
	return this._addBusinessAction(oBusinessAction, iIndex);
};

/**
 * Implementation of API method removeBusinessAction.
 * 
 * @param oBusinessAction business action to be removed 
 * @return sap.ui.ux3.ActionBar the sap.ui.ux3.ActionBar instance 
 */
sap.ui.ux3.ActionBar.prototype.removeBusinessAction = function(oBusinessAction) {
	return this._removeBusinessAction(oBusinessAction, true);
};

/**
 * Removes oBusinessAction and cleans up corresponding menu item
 * and buttons. Calls rerenderBusinessActions if param 'bRerender' is true
 * 
 * @param oBusinessAction business action to be removed 
 * @param bRerender if this flag is set, business actions are re-rendered.
 * @return sap.ui.ux3.ActionBar the sap.ui.ux3.ActionBar instance 
 * @private
 */
sap.ui.ux3.ActionBar.prototype._removeBusinessAction = function(oBusinessAction, bRerender) {
		
	if(this._oMoreMenu) {
		var oMenuItem = this._oMoreMenu._getMenuItemForAction(oBusinessAction);
		if(oMenuItem) {
			this._oMoreMenu.removeItem(oMenuItem);
			oMenuItem.destroy();
		}
		
		// Check if there are any menu items left. If not,
		// destroy the 'More' menu and corresponding menu button
		if(this._oMoreMenu.getItems().length == 0) {
		    this._oMoreMenuButton.destroy();
		    this._oMoreMenuButton = null;
			this._oMoreMenu.destroy();
			this._oMoreMenu = null;
		}
	}
	
	
	if(!this.getAlwaysShowMoreMenu()) {
		var oButton = this._getButtonForAction(oBusinessAction);
		if(oButton) {
			
			this.removeAggregation("_businessActionButtons", oButton, true);
			oButton.destroy();
		}
	}
	// do not use flag'bRerender' as parameter here since
	// only the businessActionButtons section shall be
	// rendered. This is taken care of at the end of this 
	// function
	var result = this.removeAggregation("businessActions", oBusinessAction, true);
	if(bRerender) {
		this._rerenderBusinessActions();
	}
	return result;
};

/**
 * Implementation of API method removeAllBusinessAction.
 * 
 * @return sap.ui.ux3.ActionBar the ActionBar instance for method chaining 
 */
sap.ui.ux3.ActionBar.prototype.removeAllBusinessActions = function() {
	var businessActionsList = this.getAggregation("businessActions", []);
	if(businessActionsList) {
		for(var i=0; i<businessActionsList.length; i++) {
		    //Call '_removeBusinessAction' individually for each
		    //action since that function contains the logic for cleaning
		    //up menu items and menus
			//do not re-render inidividually but once and for all at the
			//method's end
			this._removeBusinessAction(businessActionsList[i], false);
		}
	}
	this._rerenderBusinessActions();
	var result = this.removeAllAggregation("businessActions", true);
	return result;
};

/**
 * Implementation of API method destroyBusinessActions.
 * 
 * @return sap.ui.ux3.ActionBar the ActionBar instance for method chaining
 */
sap.ui.ux3.ActionBar.prototype.destroyBusinessActions = function() {
	
	var businessActionsList = this.getAggregation("businessActions", []);
	if(businessActionsList) {
		for(var i=0; i<businessActionsList.length; i++) {
		    //Call '_removeBusinessAction' individually for each
		    //action since that function contains the logic for cleaning
		    //up menu items and menus
			//do not re-render inidividually but once and for all at the
			//method's end
			var aChildren = this._removeBusinessAction(businessActionsList[i], false);
			//destroy each business action
			if (aChildren instanceof sap.ui.core.Element) {
				aChildren.destroy(true);
			} 
		}
	}
	this._rerenderBusinessActions();
	var result = this.destroyAggregation("businessActions", true);
	return result;
};

/**
 * Returns the aggregation for the business action buttons
 * @private  
 */
sap.ui.ux3.ActionBar.prototype._getBusinessActionButtons = function() {
	return this.getAggregation("_businessActionButtons", []);
};

/**
 * Checks if property 'showBusinessActionsMenu' is set. If so, it first checks if the 
 * 'Other Actions' toolbar button is available and creates it if necessary. After that
 * it adds the new business action as a menu item to the 'Other Actions' toolbar button.
 * If the flag is not set, the a new '_businessActionButton' is created which is added to the
 * private aggregation '_businessActionButtons'. If an 'iIndex' is present, it is taken into
 * consideration in all of these cases.
 * 
 * @param oBusinessAction business action to be added 
 * @param iIndex position at which new action shall be inserted. If not defined, new action will be appended
 *		to the end of the aggregation.
 * @return sap.ui.ux3.ActionBar the sap.ui.ux3.ActionBar instance 
 * @private
 */
sap.ui.ux3.ActionBar.prototype._addBusinessAction = function(oBusinessAction, iIndex) {
	
	var result = null;
	var that = this;
	
	//Make sure that business actions are re-rendered if their ThingAction properties change
	oBusinessAction.setEnabled = function(flag) {
		sap.ui.ux3.ThingAction.prototype.setProperty.call(oBusinessAction, "enabled", flag, true);
	}; 
	
	oBusinessAction.setText = function(text) {
		sap.ui.ux3.ThingAction.prototype.setProperty.call(oBusinessAction, "text", text, true);
	}; 

	
	if(iIndex) {
		result = this.insertAggregation("businessActions", oBusinessAction, iIndex, true);
	} else {
		result = this.addAggregation("businessActions", oBusinessAction, true);
	}
	
	// Prepare the 'Other Actions' toolbar button and add business actions as menu items to the 
	// 'Other Actions' toolbar button
	
	
	if(!this._oMoreMenuButton) {
		this._oMoreMenuButton = new sap.ui.commons.MenuButton(this.getId() + "-MoreMenuButton");
		this._oMoreMenuButton.setText(this._getLocalizedText("ACTIONBAR_BUTTON_MORE_TEXT"));
		this._oMoreMenuButton.setTooltip(this._getLocalizedText("ACTIONBAR_BUTTON_MORE_TOOLTIP"));
		var eDock = sap.ui.core.Popup.Dock;
		
		//make sure menu is displayed OVER the more button and towards the inside of the containing
		//control
		this._oMoreMenuButton.setDockButton(eDock.EndTop);
		this._oMoreMenuButton.setDockMenu(eDock.EndBottom);
		
		this._styleMoreMenuButton();
		
		this._oMoreMenu = new sap.ui.commons.Menu(this.getId() + "-MoreMenu", {
			ariaDescription: this._getLocalizedText("ACTIONBAR_BUTTON_MORE_TOOLTIP")
		});
		
		this._oMoreMenu._getMenuItemForAction = function (oAction) {
			for(var i=0; i< this.getItems().length; i++) {
				var oMenuItem = this.getItems()[i];
				if(oMenuItem.action == oAction) {
					return oMenuItem;
				}
			}
			return null;
		};
		
		this._oMoreMenuButton.setMenu(this._oMoreMenu);
	}
	var sMenuItemID = this._oMoreMenu.getId() + "-MenuItem-" + oBusinessAction.getId();
	var oMenuItem = new sap.ui.commons.MenuItem( sMenuItemID, {text: oBusinessAction.getText(), enabled: oBusinessAction.getEnabled()});
	oMenuItem.action = oBusinessAction;
	
	//listen to changes of business action properties (e.g. enabled, text)
	oMenuItem.actionPropertyChanged = function(oEvent) {
		this.setProperty(oEvent.getParameter("name"), oEvent.getParameter("newValue"));
		
	};
	oBusinessAction.attachEvent("_change", oMenuItem.actionPropertyChanged, oMenuItem);

	oMenuItem.attachSelect(jQuery.proxy(function (oControlEvent) {
		this.fireActionSelected({
			id : oBusinessAction.getId(),
			action : oBusinessAction
		});
	}, this));
	
	
	if(iIndex) {
		this._oMoreMenu.insertItem(oMenuItem, iIndex);
	} else {
		this._oMoreMenu.addItem(oMenuItem);
	}
	
	this._createButtonForAction(oBusinessAction, oMenuItem, iIndex);
	this._rerenderBusinessActions();
	return result;
};

/**
 * Returns the "More" menu button or null, if it has not been created.
 *
 * @return the "More" menu button 
 */
sap.ui.ux3.ActionBar.prototype._getMoreMenuButton = function() {
	return this._oMoreMenuButton;
};


/**
 * Will be called by the ResizeHandler listening to size changes of the actionBar
 * control depending on the DOM element or window size changes.
 * If the "alwaysShowMoreMenu" property is not set, this will check if there is
 * enough room to render the business actions individually (it does so by checking the
 * vertical offset of the businessActions' div).
 * If there is not enough room, the "Other Actions" toolbar button is displayed even 
 * though "alwaysShowMoreMenu" is not set
 *
 * @private  
 */
sap.ui.ux3.ActionBar.prototype._onresize = function(oEvent) {

	//set min width for action bar
	var oActionBarDomRef = jQuery.sap.byId(this.getId());
	
	if(oActionBarDomRef) {
		var sActionBarMinWidth = this.getActionBarMinWidth() + "px";
	
		if(oActionBarDomRef.css('minWidth') != sActionBarMinWidth) {
			oActionBarDomRef.css('minWidth', sActionBarMinWidth);
		}
	}
	
	this.closePopups();
	
	
	if(!this.getAlwaysShowMoreMenu() && this._oMoreMenuButton ) {
		//Only show 'More' menu button if there is more than one business action
		var bShowMoreMenuButton = false;
		if( this._getBusinessActionButtons().length > 1) {
			var iMoreMenuButtonWidth = jQuery.sap.byId(this._oMoreMenuButton.getId()).outerWidth();
			
			var iMaxButtonsWidth = oActionBarDomRef.outerWidth() 
				- this._getSocialActionListMinWidth() 
				- iMoreMenuButtonWidth;
			var actionButtons = this._getBusinessActionButtons();
			
			var iButtonWidth = 0;
			
			for(var iIndex=0; iIndex<actionButtons.length; iIndex++) {
				var oIthButtonDomRef = jQuery.sap.byId(actionButtons[iIndex].getId()).parent();
				iButtonWidth += oIthButtonDomRef.outerWidth();
				if(iIndex == actionButtons.length -1) {
					//special treatment for last button since it toggles with more menu button
					iButtonWidth -= iMoreMenuButtonWidth;
				}
				
				if(iButtonWidth >= iMaxButtonsWidth) {
					oIthButtonDomRef.hide();
					if(actionButtons[iIndex].oMenuItem) {
						actionButtons[iIndex].oMenuItem.setVisible(true);
					}
					//There is at least one business action whose button does not fit
					//so show the 'More' button
					bShowMoreMenuButton = true;
				} else {
					oIthButtonDomRef.show();
					//due to problems in ie8
					if(jQuery.browser.msie) {
						this._rerenderBusinessAction(actionButtons[iIndex]);
					}
					if(actionButtons[iIndex].oMenuItem) {
						actionButtons[iIndex].oMenuItem.setVisible(false);
					}
				}
			}
			
			//if there is more business actions than action buttons, there is at least
			//one business action which shall only be displayed in the 'More' menu.
			//In that case, the 'More' menu button MUST be displayed
			bShowMoreMenuButton |= this.getAggregation("businessActions").length > actionButtons.length;
		}
		
		var oMoreMenuButtonDomRef = jQuery.sap.byId(this._oMoreMenuButton.getId()).parent();
		bShowMoreMenuButton ? oMoreMenuButtonDomRef.show() : oMoreMenuButtonDomRef.hide();
		
	}
	this._setItemNavigation();
	
};

/**
 * Rerendering handling
 * @private
 */
sap.ui.ux3.ActionBar.prototype.onBeforeRendering = function() {
	sap.ui.core.ResizeHandler.deregister(this._sResizeListenerId);
	this._sResizeListenerId = null;
};

/**
 * Rerendering handling
 * @private
 */
sap.ui.ux3.ActionBar.prototype.onAfterRendering = function() {
	// listen to resize events of the browser (or surrounding DOM elements)
	this._sResizeListenerId = sap.ui.core.ResizeHandler.register(this.getDomRef(), jQuery.proxy(this._onresize, this));
	if(this._bCallOnresize) {
		this._onresize();
	}
	//make sure that buttons are ready for keyboard navigation
	//this is usually done within 'resize' but we have to make sure that '_setItemNavigation' called
	//at least once
	this._setItemNavigation();
};


/**
 * Get the min width of the social action list
 * @return min width of the social action list
 * @private
 */
sap.ui.ux3.ActionBar.prototype._getSocialActionListMinWidth = function() {
	//determine minimum width for actionBar and socialActionsList
	
	if(!this._iSocActListWidth) {
		if(this.getDividerWidth()) {
			this._iSocActListWidth = parseInt(this.getDividerWidth(), 10);
		} else {
			// min width of the social actions part is determined by the number of 
			// actually displayed social actions
			
			var oSocialActions = this.getAggregation("_socialActions", []);
			var iActionCount = oSocialActions.length;
			this._iSocActListWidth = 24 * iActionCount + 12; //add some padding
		};
	}
	return this._iSocActListWidth;
};

/**
 * Get the min width of the social action list and add the width of the "More" button
 * @return min width of ActionBar
 */
sap.ui.ux3.ActionBar.prototype.getActionBarMinWidth = function() {
	
	var iResult = this._getSocialActionListMinWidth();
	var oRightControl = this._oMoreMenuButton;
	if(!this.getAlwaysShowMoreMenu() &&  this._getBusinessActionButtons().length == 1) {
		//If there is exactly one business action it is always displayed
		oRightControl = this._getBusinessActionButtons()[0]; 
	}	
	if(oRightControl) {
		// use parent's outer width because the menu button's outer width
		// has turned out to change, depending on the speed in which you resize 
		// the browser window.
		var oParentDomRef =  jQuery.sap.byId(oRightControl.getId()).parent();
		if(oParentDomRef) {
			iResult += oParentDomRef.outerWidth() - 3; //substract left padding
		}
	}
	return iResult;
};

/**
 * Delivers action button for a specified action
 * @param oAction the action for which the button should be found
 * @return button for specified action
 * @private
 */
sap.ui.ux3.ActionBar.prototype._getButtonForAction = function(oAction) {
	for(var i=0; i< this._getBusinessActionButtons().length; i++) {
		var oButton = this._getBusinessActionButtons()[i];
		if(oButton.action == oAction) {
			return oButton;
		}
	}
	return null;
};

/**
 * Creates an action button for a specified action if 
 * @param oBusinessAction the action for which the button should be found
 * @param oMenuItem menu item which corresponds to the button
 * @param iIndex position at which button shall be shown
 * @return new button for specified action
 * @private
 */
sap.ui.ux3.ActionBar.prototype._createButtonForAction = function(oBusinessAction, oMenuItem, iIndex) {
	if(!this.getAlwaysShowMoreMenu() && !oBusinessAction.showInMoreMenu) {
		// Add business actions as individual buttons
		var oButton = new sap.ui.commons.Button({
			id : this.getId() + "-" + oBusinessAction.getId() + "Button",
			text : oBusinessAction.getText(),
			tooltip : oBusinessAction.getTooltip(),
			enabled : oBusinessAction.getEnabled()
		});
		
		var that = this;
		
		//listen to changes of business action properties (e.g. enabled, text)
		oButton.actionPropertyChanged = function(oEvent) {
			this.setProperty(oEvent.getParameter("name"), oEvent.getParameter("newValue"), true);
			that._rerenderBusinessAction(this);
			
		};
		oBusinessAction.attachEvent("_change", oButton.actionPropertyChanged, oButton);
		
		oButton.attachPress(jQuery.proxy(function(oControlEvent) {
			this.fireActionSelected({
				id : oBusinessAction.getId(),
				action : oBusinessAction
			});
		}, this));
		//Link menu item to new button
		oButton.oMenuItem = oMenuItem;
		oButton.action = oBusinessAction;
		
		if(iIndex) {
			this.insertAggregation("_businessActionButtons", oButton, iIndex, true);
		} else {
			this.addAggregation("_businessActionButtons", oButton, true);
		}
		return oButton;
	}
	return null;
		
};

/**
 * Changes css class of 'More' menu button depending on whether 'alwaysShowMoreMenu'
 * property is set. If business actions are always displayed in the menu, 
 * it should be rendered as a lite button.
 * 
 * @private
 */
sap.ui.ux3.ActionBar.prototype._styleMoreMenuButton = function() {
    if(this._oMoreMenuButton) {
    	if(this.getAlwaysShowMoreMenu()) {
			this._oMoreMenuButton.setLite(true);
			//button styling differs from standard lite button: normal font and black color
			this._oMoreMenuButton.addStyleClass("sapUiUx3ActionBarLiteMoreButton");
		}	else {
			this._oMoreMenuButton.setLite(false);
			this._oMoreMenuButton.removeStyleClass("sapUiUx3ActionBarLiteMoreButton");
		}
    }
};



/**
 * Add Social- and Business Actions to ItemNavigation
 *
 * @private
 */
sap.ui.ux3.ActionBar.prototype._setItemNavigation = function() {

	if (this.getDomRef()) {
		
		this._oItemNavigation.setRootDomRef(jQuery(this.getDomRef()).get(0));
		// only if already rendered, otherwise not DOM elements exists
		var aItemDomRefs = [];
		var oActions = this.getAggregation("_socialActions", []);
		for ( var i = 0; i < oActions.length; i++) {
			aItemDomRefs.push(oActions[i].getDomRef());
		}
		oActions = this.getAggregation("_businessActionButtons", []);
		for ( var i = 0; i < oActions.length; i++) {
			aItemDomRefs.push(oActions[i].getDomRef());
		}
		if(this._oMoreMenuButton && this._oMoreMenuButton.getDomRef()) {
			aItemDomRefs.push(this._oMoreMenuButton.getDomRef());
		}
		this._oItemNavigation.setItemDomRefs(aItemDomRefs);
	}
};


























}; // end of sap.ui.ux3.ActionBar
if ( !jQuery.sap.isDeclared('sap.ui.ux3.Collection') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.Collection.
jQuery.sap.declare("sap.ui.ux3.Collection");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Collection.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTitle title} : string</li>
 * <li>{@link #getEditable editable} : boolean (default: false)</li>
 * <li>{@link #getMultiSelection multiSelection} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.core.Item[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getSelectedItems selectedItems} : string | sap.ui.core.Item</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.Collection#event:selectionChanged selectionChanged} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Collection#event:propertyChanged propertyChanged} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Collection
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.Collection
 */
sap.ui.core.Element.extend("sap.ui.ux3.Collection", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"title" : {type : "string", group : "Appearance", defaultValue : null},
		"editable" : {type : "boolean", group : "Appearance", defaultValue : false},
		"multiSelection" : {type : "boolean", group : "Accessibility", defaultValue : false}
	},
	aggregations : {
    	"items" : {type : "sap.ui.core.Item", multiple : true, singularName : "item"}
	},
	associations : {
		"selectedItems" : {type : "sap.ui.core.Item", multiple : true, singularName : "selectedItem"}
	},
	events : {
		"selectionChanged" : {}, 
		"propertyChanged" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.Collection with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.Collection.extend
 * @function
 */

sap.ui.ux3.Collection.M_EVENTS = {'selectionChanged':'selectionChanged','propertyChanged':'propertyChanged'};


/**
 * Getter for property <code>title</code>.
 * Name for the collection
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.Collection#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#setTitle
 * @function
 */


/**
 * Getter for property <code>editable</code>.
 * If a collection is editable an edit button will be displayed below the list of items
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>editable</code>
 * @public
 * @name sap.ui.ux3.Collection#getEditable
 * @function
 */

/**
 * Setter for property <code>editable</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bEditable  new value for property <code>editable</code>
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#setEditable
 * @function
 */


/**
 * Getter for property <code>multiSelection</code>.
 * Allow multi selection of items in collection
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>multiSelection</code>
 * @public
 * @name sap.ui.ux3.Collection#getMultiSelection
 * @function
 */

/**
 * Setter for property <code>multiSelection</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bMultiSelection  new value for property <code>multiSelection</code>
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#setMultiSelection
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * Items in the collection
 * 
 * @return {sap.ui.core.Item[]}
 * @public
 * @name sap.ui.ux3.Collection#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.Item}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.Item}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.core.Item} vItem the item to remove or its index or id
 * @return {sap.ui.core.Item} the removed item or null
 * @public
 * @name sap.ui.ux3.Collection#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Item[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Collection#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Item</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Item}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Collection#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#destroyItems
 * @function
 */


/**
 * Contains all items that are currently selected
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.ux3.Collection#getSelectedItems
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.core.Item} vSelectedItem
 *    Id of a selectedItem which becomes an additional target of this <code>selectedItems</code> association.
 *    Alternatively, a selectedItem instance may be given. 
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#addSelectedItem
 * @function
 */

/**
 * @param {int | string | sap.ui.core.Item} vSelectedItem the selectedItem to remove or its index or id
 * @return {string} the id of the removed selectedItem or null
 * @public
 * @name sap.ui.ux3.Collection#removeSelectedItem
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Collection#removeAllSelectedItems
 * @function
 */

	
/**
 * Fired when ever the selected items changer 
 *
 * @name sap.ui.ux3.Collection#selectionChanged
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'selectionChanged' event of this <code>sap.ui.ux3.Collection</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Collection</code>.<br/> itself. 
 *  
 * Fired when ever the selected items changer 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Collection</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#attachSelectionChanged
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'selectionChanged' event of this <code>sap.ui.ux3.Collection</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#detachSelectionChanged
 * @function
 */

/**
 * Fire event selectionChanged to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Collection#fireSelectionChanged
 * @function
 */


/**
 * Fires if a property has changed, and the collection inspector needs to do something after that 
 *
 * @name sap.ui.ux3.Collection#propertyChanged
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'propertyChanged' event of this <code>sap.ui.ux3.Collection</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Collection</code>.<br/> itself. 
 *  
 * Fires if a property has changed, and the collection inspector needs to do something after that 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Collection</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#attachPropertyChanged
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'propertyChanged' event of this <code>sap.ui.ux3.Collection</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#detachPropertyChanged
 * @function
 */

/**
 * Fire event propertyChanged to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Collection#firePropertyChanged
 * @function
 */


// Start of sap/ui/ux3/Collection.js
jQuery.sap.require('sap.ui.model.SelectionModel'); // unlisted dependency retained
 // unlisted dependency retained



sap.ui.ux3.Collection.prototype.init = function() {
	this.oCollectionSelection = new sap.ui.model.SelectionModel(sap.ui.model.SelectionModel.SINGLE_SELECTION);
};

/**
 * Set multi selection for selection model
 *
 * @public
 */
sap.ui.ux3.Collection.prototype.setMultiSelection = function(bMultiSelection) {
	if (bMultiSelection) {
		this.oCollectionSelection.setSelectionMode(sap.ui.model.SelectionModel.MULTI_SELECTION);
	} else {
		this.oCollectionSelection.setSelectionMode(sap.ui.model.SelectionModel.SINGLE_SELECTION);
		this.removeAllSelectedItems();
	}
	return this.setProperty("multiSelection",bMultiSelection);
};

/**
 * Set editable
 *
 * @public
 */
sap.ui.ux3.Collection.prototype.setEditable = function(bEditable) {
	this.setProperty("editable",bEditable,true);
	this.firePropertyChanged();
};


/**
 *
 * @param {string | sap.ui.core.Item} vSelectedItem
 *    Id of a selectedItem which becomes an additional target of this <code>selectedItems</code> association.
 *    Alternatively, a selectedItem instance may be given. 
 * @return {sap.ui.ux3.Collection} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Collection#addSelectedItem
 * @function
 */
sap.ui.ux3.Collection.prototype.addSelectedItem = function(vSelectedItem) {
	var oSelectedItem;
	if (typeof vSelectedItem == "object") {
		oSelectedItem = vSelectedItem;
	} else {
		oSelectedItem = sap.ui.getCore().byId(vSelectedItem);
	}
	if (jQuery.inArray(oSelectedItem.getId(),this.getSelectedItems()) >= 0) {
		return this;
	}
	var iIndex = this.indexOfItem(oSelectedItem);
	if (iIndex > -1) {
		if (this.oCollectionSelection.getSelectionMode() == sap.ui.model.SelectionModel.SINGLE_SELECTION) {
			this.removeAllAssociation("selectedItems",true);
			this.oCollectionSelection.clearSelection();
		}
		this.oCollectionSelection.addSelectionInterval(iIndex,iIndex);
	}
	this.addAssociation("selectedItems",vSelectedItem,true);
	this.fireSelectionChanged();
	return this;
};

/**
 * @param {int | string | sap.ui.core.Item} vSelectedItem the selectedItem to remove or its index or id
 * @return {string} the id of the removed selectedItem or null
 * @public
 * @name sap.ui.ux3.Collection#removeSelectedItem
 * @function
 */
sap.ui.ux3.Collection.prototype.removeSelectedItem = function(vSelectedItem) {
	//Don't remove the item if there is only one item selected
	if (this.getSelectedItems().length <= 1) {
		return;
	}
	var sRemovedObject = this.removeAssociation("selectedItems",vSelectedItem,true);
	var iIndex;
	if (typeof vSelectedItem == "object") {
		iIndex = this.indexOfItem(vSelectedItem);
	} else {
		iIndex = this.indexOfItem(sap.ui.getCore().byId(vSelectedItem));
	}
	if (iIndex > -1) {
		this.oCollectionSelection.removeSelectionInterval(iIndex,iIndex);
	}
	this.fireSelectionChanged();
	return sRemovedObject;
};

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Collection#removeAllSelectedItems
 * @function
 */
sap.ui.ux3.Collection.prototype.removeAllSelectedItems = function() {
	var aRemovedObjects = this.removeAllAssociation("selectedItems",true);
	this.oCollectionSelection.clearSelection();
	if (this.getItems().length > 0) {
		this.addSelectedItem(this.getItems()[0]);
	} else {
		this.fireSelectionChanged();
	}
	return aRemovedObjects;
};
}; // end of sap.ui.ux3.Collection
if ( !jQuery.sap.isDeclared('sap.ui.ux3.CollectionInspector') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.CollectionInspector.
jQuery.sap.declare("sap.ui.ux3.CollectionInspector");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new CollectionInspector.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getSidebarVisible sidebarVisible} : boolean (default: true)</li>
 * <li>{@link #getFitParent fitParent} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getCollections collections} : sap.ui.ux3.Collection[]</li>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getSelectedCollection selectedCollection} : string | sap.ui.ux3.Collection</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.CollectionInspector#event:collectionSelected collectionSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.CollectionInspector#event:itemSelectionChanged itemSelectionChanged} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.CollectionInspector#event:editCollection editCollection} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * CollectionInspector
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.CollectionInspector
 */
sap.ui.core.Control.extend("sap.ui.ux3.CollectionInspector", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"sidebarVisible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"fitParent" : {type : "boolean", group : "Appearance", defaultValue : true}
	},
	aggregations : {
    	"collections" : {type : "sap.ui.ux3.Collection", multiple : true, singularName : "collection"}, 
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	},
	associations : {
		"selectedCollection" : {type : "sap.ui.ux3.Collection", multiple : false}
	},
	events : {
		"collectionSelected" : {}, 
		"itemSelectionChanged" : {}, 
		"editCollection" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.CollectionInspector with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.CollectionInspector.extend
 * @function
 */

sap.ui.ux3.CollectionInspector.M_EVENTS = {'collectionSelected':'collectionSelected','itemSelectionChanged':'itemSelectionChanged','editCollection':'editCollection'};


/**
 * Getter for property <code>sidebarVisible</code>.
 * Defines if the list of collection items is visible on the left
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>sidebarVisible</code>
 * @public
 * @name sap.ui.ux3.CollectionInspector#getSidebarVisible
 * @function
 */

/**
 * Setter for property <code>sidebarVisible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bSidebarVisible  new value for property <code>sidebarVisible</code>
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#setSidebarVisible
 * @function
 */


/**
 * Getter for property <code>fitParent</code>.
 * If set to true, control will fit parents content area
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>fitParent</code>
 * @public
 * @name sap.ui.ux3.CollectionInspector#getFitParent
 * @function
 */

/**
 * Setter for property <code>fitParent</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFitParent  new value for property <code>fitParent</code>
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#setFitParent
 * @function
 */


/**
 * Getter for aggregation <code>collections</code>.<br/>
 * Collections which are displayed in the COllectionInspector
 * 
 * @return {sap.ui.ux3.Collection[]}
 * @public
 * @name sap.ui.ux3.CollectionInspector#getCollections
 * @function
 */


/**
 * Inserts a collection into the aggregation named <code>collections</code>.
 *
 * @param {sap.ui.ux3.Collection}
 *          oCollection the collection to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the collection should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the collection is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the collection is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#insertCollection
 * @function
 */

/**
 * Adds some collection <code>oCollection</code> 
 * to the aggregation named <code>collections</code>.
 *
 * @param {sap.ui.ux3.Collection}
 *            oCollection the collection to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#addCollection
 * @function
 */

/**
 * Removes an collection from the aggregation named <code>collections</code>.
 *
 * @param {int | string | sap.ui.ux3.Collection} vCollection the collection to remove or its index or id
 * @return {sap.ui.ux3.Collection} the removed collection or null
 * @public
 * @name sap.ui.ux3.CollectionInspector#removeCollection
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>collections</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.Collection[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.CollectionInspector#removeAllCollections
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.Collection</code> in the aggregation named <code>collections</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.Collection}
 *            oCollection the collection whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.CollectionInspector#indexOfCollection
 * @function
 */
	

/**
 * Destroys all the collections in the aggregation 
 * named <code>collections</code>.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#destroyCollections
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * All controls that are currently displayed
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.CollectionInspector#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.ux3.CollectionInspector#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.CollectionInspector#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.CollectionInspector#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#destroyContent
 * @function
 */


/**
 * Collection which is currently selected
 *
 * @return {string} Id of the element which is the current target of the <code>selectedCollection</code> association, or null
 * @public
 * @name sap.ui.ux3.CollectionInspector#getSelectedCollection
 * @function
 */

/**
 * Collection which is currently selected
 *
 * @param {string | sap.ui.ux3.Collection} vSelectedCollection 
 *    Id of an element which becomes the new target of this <code>selectedCollection</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#setSelectedCollection
 * @function
 */


	
/**
 * Event is fired if user selects a collection 
 *
 * @name sap.ui.ux3.CollectionInspector#collectionSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'collectionSelected' event of this <code>sap.ui.ux3.CollectionInspector</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.CollectionInspector</code>.<br/> itself. 
 *  
 * Event is fired if user selects a collection 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.CollectionInspector</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#attachCollectionSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'collectionSelected' event of this <code>sap.ui.ux3.CollectionInspector</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#detachCollectionSelected
 * @function
 */

/**
 * Fire event collectionSelected to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.CollectionInspector#fireCollectionSelected
 * @function
 */


/**
 * Fires when an item in a collection is selected 
 *
 * @name sap.ui.ux3.CollectionInspector#itemSelectionChanged
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'itemSelectionChanged' event of this <code>sap.ui.ux3.CollectionInspector</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.CollectionInspector</code>.<br/> itself. 
 *  
 * Fires when an item in a collection is selected 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.CollectionInspector</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#attachItemSelectionChanged
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'itemSelectionChanged' event of this <code>sap.ui.ux3.CollectionInspector</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#detachItemSelectionChanged
 * @function
 */

/**
 * Fire event itemSelectionChanged to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.CollectionInspector#fireItemSelectionChanged
 * @function
 */


/**
 * Fires when the edit button is clicked 
 *
 * @name sap.ui.ux3.CollectionInspector#editCollection
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'editCollection' event of this <code>sap.ui.ux3.CollectionInspector</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.CollectionInspector</code>.<br/> itself. 
 *  
 * Fires when the edit button is clicked 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.CollectionInspector</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#attachEditCollection
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'editCollection' event of this <code>sap.ui.ux3.CollectionInspector</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#detachEditCollection
 * @function
 */

/**
 * Fire event editCollection to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.CollectionInspector#fireEditCollection
 * @function
 */


// Start of sap/ui/ux3/CollectionInspector.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained
 

/**
 * Initialization the control
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.init = function() {

	var that = this;

	if (!this._oItemNavigation) {
		this._oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
		this._oItemNavigation.setCycling(false);
		this.addDelegate(this._oItemNavigation);
	}

	var oToggleButton = new sap.ui.commons.ToggleButton(this.getId() + "-toggleButton");
	oToggleButton.setParent(this);
	oToggleButton.setTooltip("This button opens and closes the sidebar");
	oToggleButton.attachPress(function() {
		if (oToggleButton.getPressed()) {
			that.openSidebar();
		} else {
			that.closeSidebar();
		}
	});
	this._oToggleButton = oToggleButton;

	var oCollectionSelector = new sap.ui.commons.SegmentedButton(this.getId() + "-selector");

	oCollectionSelector.attachSelect(function(oEvent) {
		var iCollectionIndex = this.indexOfButton(sap.ui.getCore().byId(this.getSelectedButton()));
		var oCollection = that.getCollections()[iCollectionIndex];
		that.setSelectedCollection(oCollection);
		that.fireCollectionSelected({
			collection: oCollection
		});
		that.openSidebar();
	});

	this._oCollectionSelector = oCollectionSelector;

	var oEditButton = new sap.ui.commons.Button();
	oEditButton.addStyleClass("sapUiUx3EditCollectionButton");
	oEditButton.setText("Collection");
	oEditButton.setTooltip("This button opens an edit dialog for the current collection");
	oEditButton.attachPress(function() {
		that.fireEditCollection();
	});
	this._oEditButton = oEditButton;
};

/**
 * Destroys elements created by the control
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.exit = function() {
	this._oToggleButton.destroy();
	this._oToggleButton = null;
	this._oEditButton.destroy();
	this._oEditButton = null;
	this._oCollectionSelector.destroy();
	this._oCollectionSelector = null;
	if (this._oItemNavigation) {
		this.removeDelegate(this._oItemNavigation);
		this._oItemNavigation.destroy();
		delete this._oItemNavigation;
	}
};

/**
 * called before the control will be rendered
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.onBeforeRendering = function() {
	this._oToggleButton.setPressed(this.getSidebarVisible());
};

/**
 * called after control has been rendered
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.onAfterRendering = function() {
	if (!this.getSelectedCollection()) {
		if (this.getCollections().length > 0) {
			this.setSelectedCollection(this.getCollections()[0]);
		}
	} else {
		var oSelectedCollection = sap.ui.getCore().byId(this.getSelectedCollection());
		if (oSelectedCollection.getSelectedItems().length == 0 && oSelectedCollection.getItems().length > 0) {
			oSelectedCollection.addSelectedItem(oSelectedCollection.getItems()[0]);
		}
	}
	this.setElementsHeight();
	this.updateItemNavigation();
	this.refreshSelectionHighlighting();
};

/**
 * called when the control is clicked
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.onclick = function(oEvent) {
	var oTarget = oEvent.target;
	if (jQuery(oTarget).hasClass("sapUiUx3CICollectionListItem")) {
		var oSelectedCollection = sap.ui.getCore().byId(this.getSelectedCollection());
		var iIndex = jQuery(oTarget).index();
		if (jQuery.inArray(oTarget.id,oSelectedCollection.getSelectedItems()) >= 0) {
			oSelectedCollection.removeSelectedItem(oTarget.id);
		} else {
			oSelectedCollection.addSelectedItem(oTarget.id);
		}
		this.refreshSelectionHighlighting();
		this.fireItemSelectionChanged({
			selectedItems: oSelectedCollection.getSelectedItems()
		});
	}
};


/**
 * returns instance of toggle button
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.getToggleButton = function() {
	return this._oToggleButton;
};

/**
 * returns instance of collection selector
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.getCollectionSelector = function() {
	return this._oCollectionSelector;
};

/**
 * rerender the sidebar if different collection is selected
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.rerenderSidebar = function() {
	var oCurrentCollection = sap.ui.getCore().byId(this.getSelectedCollection());
	if (oCurrentCollection && oCurrentCollection.getEditable()) {
		this._oEditButton.setVisible(true);
	} else {
		this._oEditButton.setVisible(false);
	}
	var $Content = jQuery.sap.byId(this.getId() + "-sidebar");
	if ($Content.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		this.getRenderer().renderSidebar(rm, this);
		rm.flush($Content[0]);
		rm.destroy();
	}
	if (oCurrentCollection && oCurrentCollection.getEditable()) {
		jQuery.sap.byId(this.getId() + "-sidebar").addClass("sapUiUx3CIWithEditButton");
	} else {
		jQuery.sap.byId(this.getId() + "-sidebar").removeClass("sapUiUx3CIWithEditButton");
	}
	this.updateItemNavigation();
	this.refreshSelectionHighlighting();
};

/**
 * load all dom refs to into the item navigation
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.updateItemNavigation = function() {
	var aItemDomRefs = [];
	var $Items = jQuery.sap.byId(this.getId() + "-sidebar").find('li');
	jQuery.each($Items, function(iIndex, $DomRef) {
		aItemDomRefs.push($DomRef);
	});
	this._oItemNavigation.setItemDomRefs(aItemDomRefs);
	this._oItemNavigation.setRootDomRef(jQuery.sap.byId(this.getId() + "-sidebar ul")[0]);
};

/**
 * rerender the content if different collection or collection item is selected
 *
 * @param int Index of the collection that should be rendered
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.rerenderContent = function() {
	var $Content = jQuery.sap.byId(this.getId() + "-content");
	if ($Content.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		this.getRenderer().renderContent(rm, this);
		rm.flush($Content[0]);
		rm.destroy();
	}
	this.setElementsHeight();
};

/**
 * Calculate height, so that both the sidebar and the content have the same height
 *
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.setElementsHeight = function() {
	if (this.getFitParent()) return;

	var oSidebar = jQuery.sap.byId(this.getId() + "-sidebar");
	var oContent = jQuery.sap.byId(this.getId() + "-content");

	var iContentHeight = oContent.outerHeight(true);
	var iContentMargin = oContent.outerHeight(true) - oContent.height();
	var iSidebarMargin = oSidebar.outerHeight(true) - oSidebar.height();

	oSidebar.height(Math.max(200, iContentHeight) - iSidebarMargin);
	oContent.height(Math.max(200, iContentHeight) - iContentMargin);
};

/**
 * Opens the sidebar
 *
 * @public
 */
sap.ui.ux3.CollectionInspector.prototype.openSidebar = function() {
	var $this = jQuery.sap.byId(this.getId());
	var $Sidebar = jQuery.sap.byId(this.getId() + "-sidebar");
	var $Content = jQuery.sap.byId(this.getId() + "-content");
	$Sidebar.stop(true, true).animate({ width : 150 }, 300, function() {
		$Sidebar.css('width', '');
	});
	$Content.stop(true, true).animate({ left : 150 }, 300, function() {
		$Content.css('left', '');
	});
	$this.removeClass("sapUiUx3CISidebarClosed");
	$this.addClass("sapUiUx3CISidebarOpened");
	this._oToggleButton.setPressed(true);
};

/**
 * Closes the siedebar
 *
 * @public
 */
sap.ui.ux3.CollectionInspector.prototype.closeSidebar = function() {
	var $this = jQuery.sap.byId(this.getId());
	var $Sidebar = jQuery.sap.byId(this.getId() + "-sidebar");
	var $Content = jQuery.sap.byId(this.getId() + "-content");
	$Sidebar.stop(true, true).animate({ width : 0 }, 300, function() {
		$Sidebar.css('width', '');
	});
	$Content.stop(true, true).animate({ left : 0 }, 300, function() {
		$Content.css('left', '');
	});
	$this.removeClass("sapUiUx3CISidebarOpened");
	$this.addClass("sapUiUx3CISidebarClosed");
	this._oToggleButton.setPressed(false);
};

/**
 * Inserts a collection into the aggregation named <code>collections</code>.
 *
 * @param {sap.ui.ux3.Collection}
 *          oCollection the collection to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the collection should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the collection is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the collection is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#insertCollection
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.insertCollection = function(oCollection, iIndex) {
	var oButton = new sap.ui.commons.Button();
	oButton.setText(oCollection.getTitle());
	var that = this;
	oCollection.attachSelectionChanged(function() {
		that.refreshSelectionHighlighting();
	});
	oCollection.attachPropertyChanged(function() {
		that.rerenderSidebar();
	});
	this._oCollectionSelector.insertButton(oButton, iIndex);
	return this.insertAggregation("collections",oCollection, iIndex);
};

/**
 * Adds some collection <code>oCollection</code> 
 * to the aggregation named <code>collections</code>.
 *
 * @param {sap.ui.ux3.Collection}
 *            oCollection the collection to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#addCollection
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.addCollection = function(oCollection) {
	var oButton = new sap.ui.commons.Button();
	oButton.setText(oCollection.getTitle());
	var that = this;
	oCollection.attachSelectionChanged(function() {
		that.refreshSelectionHighlighting();
	});
	oCollection.attachPropertyChanged(function() {
		that.rerenderSidebar();
	});
	this._oCollectionSelector.addButton(oButton);
	return this.addAggregation("collections",oCollection);
};

/**
 * Removes an collection from the aggregation named <code>collections</code>.
 *
 * @param {int | string | sap.ui.ux3.Collection} vCollection the collection to remove or its index or id
 * @return {sap.ui.ux3.Collection} the removed collection or null
 * @public
 * @name sap.ui.ux3.CollectionInspector#removeCollection
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.removeCollection = function(vCollection) {
	var iIndex;
	if (typeof vCollection == "object") {
		iIndex= this.indexOfCollection(vCollection);
	} else {
		iIndex = this.indexOfCollection(sap.ui.getCore().byId(vCollection));
	}
	var oButton = this._oCollectionSelector.getButtons()[iIndex];
	this._oCollectionSelector.removeButton(oButton);

	var oResult = this.removeAggregation("collections",vCollection);
	if (oResult && this.getSelectedCollection() == oResult.getId()) {
		this.setSelectedCollection(null);
	}
	return oResult;
};

/**
 * Removes all the controls in the aggregation named <code>collections</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.Collection[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.CollectionInspector#removeAllCollections
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.removeAllCollections = function() {
	this._oCollectionSelector.removeAllButtons();
	this.setSelectedCollection(null);
	return this.removeAllAggregation("collections");
};

sap.ui.ux3.CollectionInspector.prototype.setSelectedCollection = function(oCollection) {
	this.setAssociation("selectedCollection",oCollection,true);
	if (!oCollection) { 
		this._oEditButton.setVisible(false);
	} else {
		//Select the corresponding item in top navigation
		this._oCollectionSelector.setSelectedButton(this._oCollectionSelector.getButtons()[this.indexOfCollection(oCollection)]);
		//Select first item if no item is selected
		var oSelectedCollection = sap.ui.getCore().byId(this.getSelectedCollection());
		if (oSelectedCollection.getSelectedItems().length == 0 && oSelectedCollection.getItems().length > 0) {
			oSelectedCollection.addSelectedItem(oSelectedCollection.getItems()[0]);
		}
	}
	this.rerenderSidebar();
	this.refreshSelectionHighlighting();
};

/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#insertContent
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.insertContent = function(oContent, iIndex) {
	this.insertAggregation("content",oContent,iIndex,true);
	this.rerenderContent();
}

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#addContent
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.addContent = function(oContent) {
	this.addAggregation("content",oContent,true);
	this.rerenderContent();
}

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.ux3.CollectionInspector#removeContent
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.removeContent = function(vContent) {
	this.removeAggregation("content",vContent,true);
	this.rerenderContent();
}

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.CollectionInspector#removeAllContent
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.removeAllContent = function() {
	this.removeAllAggregation("content",true);
	this.rerenderContent();
}

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.ux3.CollectionInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.CollectionInspector#destroyContent
 * @function
 */
sap.ui.ux3.CollectionInspector.prototype.destroyContent = function() {
	this.destroyAggregation("content",true);
	this.rerenderContent();
}

/**
 * When the CI looses the focus, this method is called.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.onfocusout = function(oEvent) {
	var $Target = jQuery(oEvent.target);
	if ($Target.hasClass("sapUiUx3CICollectionListItem")) {
		$Target.removeClass("sapUiUx3CISidebarFoc");
	}
};

/**
 * When the CI gets the focus, this method is called.
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.onfocusin = function(oEvent) {
	var $Target = jQuery(oEvent.target);
	if ($Target.hasClass("sapUiUx3CICollectionListItem")) {
		$Target.addClass("sapUiUx3CISidebarFoc");
	}
};

/**
 * Handles the sapenter event does not bubble
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.onsapenter = function(oEvent) {
	var $Target = jQuery(oEvent.target);
	if ($Target.hasClass("sapUiUx3CISidebarFoc")) {
		this.onclick(oEvent);
	}
	oEvent.stopPropagation();
};

/**
 * Handles the sapspace event does not bubble
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.onsapspace = function(oEvent) {
	var $Target = jQuery(oEvent.target);
	if ($Target.hasClass("sapUiUx3CISidebarFoc")) {
		this.onclick(oEvent);
	}
	oEvent.stopPropagation();
};

/**
 * Updates the css classes for the selected items
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.ux3.CollectionInspector.prototype.refreshSelectionHighlighting = function() {
	var aItems = jQuery.sap.byId(this.getId() + "-sidebar").find('.sapUiUx3CICollectionListItem');
	var aSelectedItems;
	if (this.getSelectedCollection()) {
		aSelectedItems = sap.ui.getCore().byId(this.getSelectedCollection()).getSelectedItems();
	} else {
		aSelectedItems = [];
	}
	jQuery.each(aItems, function(iIndex, oItem) {
		if (jQuery.inArray(oItem.id,aSelectedItems) >= 0) {
			jQuery(oItem).addClass("sapUiUx3CICollectionListItemSelected");
			jQuery(oItem).attr("aria-selected",true);
		} else {
			jQuery(oItem).removeClass("sapUiUx3CICollectionListItemSelected");
			jQuery(oItem).attr("aria-selected",false);
		}
	});
};

/**
 * Return the edit button
 *
 * @public
 */
sap.ui.ux3.CollectionInspector.prototype.getEditButton = function() {
	return this._oEditButton;
};
}; // end of sap.ui.ux3.CollectionInspector
if ( !jQuery.sap.isDeclared('sap.ui.ux3.DataSet') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.DataSet.
jQuery.sap.declare("sap.ui.ux3.DataSet");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new DataSet.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getShowToolbar showToolbar} : boolean (default: true)</li>
 * <li>{@link #getShowFilter showFilter} : boolean (default: true)</li>
 * <li>{@link #getShowSearchField showSearchField} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.ux3.DataSetItem[]</li>
 * <li>{@link #getViews views} : sap.ui.ux3.DataSetView[]</li>
 * <li>{@link #getFilter filter} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getSelectedView selectedView} : string | sap.ui.ux3.DataSetView</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.DataSet#event:selectionChanged selectionChanged} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.DataSet#event:search search} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * DataSet
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.DataSet
 */
sap.ui.core.Control.extend("sap.ui.ux3.DataSet", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"setLeadSelection", "getLeadSelection", "addToolbarItem", "removeToolbarItem"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"showToolbar" : {type : "boolean", group : "Misc", defaultValue : true},
		"showFilter" : {type : "boolean", group : "Misc", defaultValue : true},
		"showSearchField" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	aggregations : {
    	"items" : {type : "sap.ui.ux3.DataSetItem", multiple : true, singularName : "item", bindable : "bindable"}, 
    	"views" : {type : "sap.ui.ux3.DataSetView", multiple : true, singularName : "view"}, 
    	"filter" : {type : "sap.ui.core.Control", multiple : true, singularName : "filter"}, 
    	"_viewSwitches" : {type : "sap.ui.core.Control", multiple : true, singularName : "_viewSwitch", visibility : "hidden"}, 
    	"_toolbar" : {type : "sap.ui.commons.Toolbar", multiple : false, visibility : "hidden"}
	},
	associations : {
		"selectedView" : {type : "sap.ui.ux3.DataSetView", multiple : false}
	},
	events : {
		"selectionChanged" : {}, 
		"search" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.DataSet with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.DataSet.extend
 * @function
 */

sap.ui.ux3.DataSet.M_EVENTS = {'selectionChanged':'selectionChanged','search':'search'};


/**
 * Getter for property <code>showToolbar</code>.
 * show Toolbar
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showToolbar</code>
 * @public
 * @name sap.ui.ux3.DataSet#getShowToolbar
 * @function
 */

/**
 * Setter for property <code>showToolbar</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowToolbar  new value for property <code>showToolbar</code>
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#setShowToolbar
 * @function
 */


/**
 * Getter for property <code>showFilter</code>.
 * show filter
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showFilter</code>
 * @public
 * @name sap.ui.ux3.DataSet#getShowFilter
 * @function
 */

/**
 * Setter for property <code>showFilter</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowFilter  new value for property <code>showFilter</code>
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#setShowFilter
 * @function
 */


/**
 * Getter for property <code>showSearchField</code>.
 * Show/hide SearchField in Toolbar
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showSearchField</code>
 * @public
 * @name sap.ui.ux3.DataSet#getShowSearchField
 * @function
 */

/**
 * Setter for property <code>showSearchField</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowSearchField  new value for property <code>showSearchField</code>
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#setShowSearchField
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * Aggregation of DataSetItems
 * 
 * @return {sap.ui.ux3.DataSetItem[]}
 * @public
 * @name sap.ui.ux3.DataSet#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.ux3.DataSetItem}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.ux3.DataSetItem}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.ux3.DataSetItem} vItem the item to remove or its index or id
 * @return {sap.ui.ux3.DataSetItem} the removed item or null
 * @public
 * @name sap.ui.ux3.DataSet#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.DataSetItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.DataSet#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.DataSetItem</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.DataSetItem}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.DataSet#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#destroyItems
 * @function
 */


/**
 * Binder for aggregation <code>items</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#bindItems
 * @function
 */

/**
 * Unbinder for aggregation <code>items</code>.
 *
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#unbindItems
 * @function
 */


/**
 * Getter for aggregation <code>views</code>.<br/>
 * views
 * 
 * @return {sap.ui.ux3.DataSetView[]}
 * @public
 * @name sap.ui.ux3.DataSet#getViews
 * @function
 */


/**
 * Inserts a view into the aggregation named <code>views</code>.
 *
 * @param {sap.ui.ux3.DataSetView}
 *          oView the view to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the view should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the view is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the view is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#insertView
 * @function
 */

/**
 * Adds some view <code>oView</code> 
 * to the aggregation named <code>views</code>.
 *
 * @param {sap.ui.ux3.DataSetView}
 *            oView the view to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#addView
 * @function
 */

/**
 * Removes an view from the aggregation named <code>views</code>.
 *
 * @param {int | string | sap.ui.ux3.DataSetView} vView the view to remove or its index or id
 * @return {sap.ui.ux3.DataSetView} the removed view or null
 * @public
 * @name sap.ui.ux3.DataSet#removeView
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>views</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.DataSetView[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.DataSet#removeAllViews
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.DataSetView</code> in the aggregation named <code>views</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.DataSetView}
 *            oView the view whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.DataSet#indexOfView
 * @function
 */
	

/**
 * Destroys all the views in the aggregation 
 * named <code>views</code>.
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#destroyViews
 * @function
 */


/**
 * Getter for aggregation <code>filter</code>.<br/>
 * Filter control (e.g. a FacetFilter) for the DataSet
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.DataSet#getFilter
 * @function
 */


/**
 * Inserts a filter into the aggregation named <code>filter</code>.
 *
 * @param {sap.ui.core.Control}
 *          oFilter the filter to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the filter should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the filter is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the filter is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#insertFilter
 * @function
 */

/**
 * Adds some filter <code>oFilter</code> 
 * to the aggregation named <code>filter</code>.
 *
 * @param {sap.ui.core.Control}
 *            oFilter the filter to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#addFilter
 * @function
 */

/**
 * Removes an filter from the aggregation named <code>filter</code>.
 *
 * @param {int | string | sap.ui.core.Control} vFilter the filter to remove or its index or id
 * @return {sap.ui.core.Control} the removed filter or null
 * @public
 * @name sap.ui.ux3.DataSet#removeFilter
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>filter</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.DataSet#removeAllFilter
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>filter</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oFilter the filter whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.DataSet#indexOfFilter
 * @function
 */
	

/**
 * Destroys all the filter in the aggregation 
 * named <code>filter</code>.
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#destroyFilter
 * @function
 */


/**
 * Selected view of the Dataset
 *
 * @return {string} Id of the element which is the current target of the <code>selectedView</code> association, or null
 * @public
 * @name sap.ui.ux3.DataSet#getSelectedView
 * @function
 */

/**
 * Selected view of the Dataset
 *
 * @param {string | sap.ui.ux3.DataSetView} vSelectedView 
 *    Id of an element which becomes the new target of this <code>selectedView</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#setSelectedView
 * @function
 */


	
/**
 * selection Changed 
 *
 * @name sap.ui.ux3.DataSet#selectionChanged
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {int} oControlEvent.getParameters.oldLeadSelectedIndex Old lead selected index
 * @param {int} oControlEvent.getParameters.newLeadSelectedIndex New lead selected index
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'selectionChanged' event of this <code>sap.ui.ux3.DataSet</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.DataSet</code>.<br/> itself. 
 *  
 * selection Changed 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.DataSet</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#attachSelectionChanged
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'selectionChanged' event of this <code>sap.ui.ux3.DataSet</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#detachSelectionChanged
 * @function
 */

/**
 * Fire event selectionChanged to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'oldLeadSelectedIndex' of type <code>int</code> Old lead selected index</li>
 * <li>'newLeadSelectedIndex' of type <code>int</code> New lead selected index</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.DataSet#fireSelectionChanged
 * @function
 */


/**
 * Event which is fired when the user triggers a search 
 *
 * @name sap.ui.ux3.DataSet#search
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.query The search query
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'search' event of this <code>sap.ui.ux3.DataSet</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.DataSet</code>.<br/> itself. 
 *  
 * Event which is fired when the user triggers a search 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.DataSet</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#attachSearch
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'search' event of this <code>sap.ui.ux3.DataSet</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSet#detachSearch
 * @function
 */

/**
 * Fire event search to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'query' of type <code>string</code> The search query</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.DataSet} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.DataSet#fireSearch
 * @function
 */


/**
 * Set LeadSelection index
 *
 * @name sap.ui.ux3.DataSet.prototype.setLeadSelection
 * @function
 * @param {int} 
 *         iIIndex
 *         

 * @type void
 * @public
 */


/**
 * Get LeadSelection index
 *
 * @name sap.ui.ux3.DataSet.prototype.getLeadSelection
 * @function

 * @type int
 * @public
 */


/**
 * add a toolbarItem to the toolbar
 *
 * @name sap.ui.ux3.DataSet.prototype.addToolbarItem
 * @function
 * @param {sap.ui.commons.ToolbarItem} 
 *         oOToolbarItem
 *         ToolbarItem

 * @type void
 * @public
 */


/**
 * remove a toolbarItem to the toolbar
 *
 * @name sap.ui.ux3.DataSet.prototype.removeToolbarItem
 * @function
 * @param {sap.ui.commons.ToolbarItem} 
 *         oOToolbarItem
 *         

 * @type void
 * @public
 */


// Start of sap/ui/ux3/DataSet.js
///**
//* This file defines behavior for the DataSet control,
//*/

sap.ui.ux3.DataSet.prototype.init = function() {
	var that = this, oToolbar;
	//each DS needs a selectionModel for its items
	jQuery.sap.require("sap.ui.model.SelectionModel");
	this.selectionModel = new sap.ui.model.SelectionModel(sap.ui.model.SelectionModel.SINGLE_SELECTION);
	// init toolbar
	this._oSegBut = new sap.ui.commons.SegmentedButton();
	this._oSegBut.attachSelect(function(oEvent){that.press(oEvent);}, that);
	this._oSegBut.show = false;
	this._oSearchField = new sap.ui.commons.SearchField(this.getId()+"-searchValue");
	this._oSearchField.setShowListExpander(false);
	this._oSearchField.setEnableListSuggest(false);
	this._oSearchField.setEnableFilterMode(true);
	this._oSearchField.setEnableClear(true);
	this._oSearchField.show = false;
	that = this;
	this._oSearchField.attachSearch(function(oEvent) {
		that.fireSearch(oEvent.getParameters());
	});
	oToolbar = new sap.ui.commons.Toolbar();
	this._setToolbar(oToolbar);
};

sap.ui.ux3.DataSet.prototype.exit = function() {
	this._oSegBut.destroy();
	this._oSearchField.destroy()
	this.destroyAggregation("_toolbar");
};

sap.ui.ux3.DataSet.prototype._prepareToolbar = function() {
	var iViewCount = this.getViews().length,
		oToolbar = this._getToolbar();
		
	if(iViewCount > 1 && this._oSegBut.show == false) {
		oToolbar.insertItem(this._oSegBut,0);
			this._oSegBut.show = true; 
	} else if (iViewCount <= 1 && this._oSegBut.show) {
		oToolbar.removeItem(this._oSegBut);
		this._oSegBut.show = false;
	}
	if (this.getShowSearchField() && this._oSearchField.show == false) {
		oToolbar.insertRightItem(this._oSearchField,oToolbar.getRightItems().length);
		this._oSearchField.show = true;
	} else if (!this.getShowSearchField() && this._oSearchField.show == true){
		oToolbar.removeRightItem(this._oSearchField);
		this._oSearchField.show = false;
	}
};

/**
 * Press handler for the view selection buttons
 *
 * @param {sap.ui.base.Event} oEvent Press event
 * @private
*/
sap.ui.ux3.DataSet.prototype.press = function(oEvent,iSelectedViewIndex) {
	var oButtonID = oEvent.getParameters().selectedButtonId,
		viewId = oButtonID.substring(oButtonID.lastIndexOf('-')+1),
		oldView = sap.ui.getCore().byId(this.getSelectedView());
	oldView.exitView(this.getItems());
	this.setSelectedView(viewId);
};

/**
 * Fire filter event
 *
 * @private
*/
sap.ui.ux3.DataSet.prototype.filter = function() {
	this.fireFilter({
					filterValue : this.getFilterValue()
				});
};
/**
 * Fire sort event
 *
 * @private
*/
sap.ui.ux3.DataSet.prototype.sort = function() {
	this.fireSort();
};

/**
 * Selection handler for the DataSetItem selection event.
 *
 * @param {string} sItemId Id of the selected DataSetItem
 * @private
*/
sap.ui.ux3.DataSet.prototype.selectItem = function(oEvent) {
	var sItemId = oEvent.getParameters().itemId;
	var oItem = sap.ui.getCore().byId(sItemId);
	var oldSelectedIndex = this.selectionModel.getLeadSelectedIndex();
	if (oldSelectedIndex == oItem._index) {
		this.selectionModel.setLeadSelectedIndex(-1);
	} else {
		this.selectionModel.setLeadSelectedIndex(oItem._index);
	}
	var newSelectedIndex = this.selectionModel.getLeadSelectedIndex();
	this.fireSelectionChanged({
				oldLeadSelectedIndex: oldSelectedIndex,
				newLeadSelectedIndex: newSelectedIndex});
};

/**
 * Prepare rendering: Calls init end exit hooks on the selected view instance. Necessary to keep the view
 * consistent to the DataSet state.
 *
 * @param {string} sItemId Id of the selected DataSetItem
 * @private
*/
sap.ui.ux3.DataSet.prototype.prepareRendering = function() {
	var oView, iViewCount = this.getViews().length;
	if (iViewCount == 0) {
		return;
	} 
	this._prepareToolbar();
	if (this._bDirty) {
		oView = sap.ui.getCore().byId(this.getSelectedView());
		if (oView.exitView) {
			oView.exitView(this.getItems());
		}
		if (oView.initView) {
			oView.initView(this.getItems());
		}
		this._bDirty = false;
	}
};

//*** Selection Model methods ***

/**
 * Returns the LeadSelection index
 *
 * @param {string} sItemId Id of the selected DataSetItem
 * @return {int} selected index
 * @protected
*/
sap.ui.ux3.DataSet.prototype.getLeadSelection = function() {
	return this.selectionModel.getLeadSelectedIndex();
};

/**
 * Set the LeadSelection index
 *
 * @param {int} iIndex set LeadSelection index
 * @protected
*/
sap.ui.ux3.DataSet.prototype.setLeadSelection = function(iIndex) {
	this.selectionModel.setLeadSelectedIndex(iIndex);
};

/**
 * Returns true if iIndex is selected
 *
 * @param {int} iIndex index of selection
 * @return {boolean} index selected true/false
 * @protected
*/
sap.ui.ux3.DataSet.prototype.isSelectedIndex = function(iIndex) {
	return (this.selectionModel.getLeadSelectedIndex() == iIndex);
};

/**
 * Returns id of selected Item from given index
 *
 * @param {int} iIndex index of selection
 * @return {string} id of selected item
 * @protected
*/
sap.ui.ux3.DataSet.prototype.getSelectedItemId = function(iIndex) {
	 return this.getItems()[iIndex].getId();
};

/**
 * Creates a view switch button
 *
 * @param {object} oView View
 * @param {int} iIndex Index of view
 * @return {object} viewSwitch instance
 * @protected
*/
sap.ui.ux3.DataSet.prototype.createViewSwitch = function(oView, iIndex) {
	 var that = this, oViewSwitch;

	 if (oView.getIcon()) {
		 oViewSwitch = new sap.ui.commons.Button({
			 id : this.getId()+"-view-"+oView.getId(),
			 lite: true,
			 icon:oView.getIcon(),
			 iconHovered: oView.getIconHovered(),
			 iconSelected: oView.getIconSelected()
		 });
	 } else if (oView.getName()) {
		 oViewSwitch = new sap.ui.commons.Button({
			 id : this.getId()+"-view-"+oView.getId(),
			 text : oView.getName(),
			 lite: true
		 });
	 } else {
		 oViewSwitch = new sap.ui.commons.Button({
			 id : this.getId()+"-view-"+oView.getId(),
			 text : oView.getId(),
			 lite: true
		 });
	 }
	 oViewSwitch._viewIndex = iIndex;
	 //oViewSwitch.attachPress(function(oEvent){that.press(oEvent,iIndex);}, that);
	 return oViewSwitch;
};

/**
 * Rerendering of the Toolbar
 *
 * @protected
*/
sap.ui.ux3.DataSet.prototype._rerenderToolbar = function() {
	var $content = jQuery.sap.byId(this.getId() + "-toolbar");
	this._prepareToolbar();
	if ($content.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		sap.ui.ux3.DataSetRenderer.renderToolbar(rm, this);
		rm.flush($content[0]);
		rm.destroy();
	}
};
/**
 * Rerendering of the FilterArea
 *
 * @protected
*/
sap.ui.ux3.DataSet.prototype._rerenderFilter = function() {
	var $content = jQuery.sap.byId(this.getId() + "-filter");
	if ($content.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		sap.ui.ux3.DataSetRenderer.renderFilterArea(rm, this);
		rm.flush($content[0]);
		if (this.getShowFilter()) {
			$content.removeClass("noPadding");
		} else {
			$content.addClass("noPadding");
		}
		rm.destroy();
	}
};
//*** override API methods ***

sap.ui.ux3.DataSet.prototype.removeItem = function(oItem) {
	var result = this.removeAggregation("items", oItem);
	if (result) {
		result.detachSelected(this.selectItem,this);
		result._destroyTemplate();
		this._bDirty = true;
	}
	return result;
};

sap.ui.ux3.DataSet.prototype.removeAllItems = function() {
	var aItems = this.getItems(), result;
	jQuery.each(aItems,function(i,oItem) {
		oItem._destroyTemplate();
		oItem.detachSelected(this.selectItem,this);
	});
	result = this.removeAllAggregation("items");
	this._bDirty = true;
	return result;
};

sap.ui.ux3.DataSet.prototype.destroyItems = function() {
	var result = this.destroyAggregation("items");
	this._bDirty = true;
	return result;
};

sap.ui.ux3.DataSet.prototype.addItem = function(oItem) {
	this.addAggregation("items", oItem);
	oItem.attachSelected(this.selectItem,this);
	oItem._index = this.getItems().length - 1;
	this._bDirty = true;
	return this;
};

sap.ui.ux3.DataSet.prototype.insertItem = function(oItem, iIndex) {
	this.insertAggregation("items", oItem, iIndex);
	oItem.attachSelected(this.selectItem,this);
	oItem._index = iIndex;
	this._bDirty = true;
	return this;
};

sap.ui.ux3.DataSet.prototype.setFilterValue = function(sFilterValue) {
	this.setProperty("filterValue",sFilterValue, true);
	return this;
};

sap.ui.ux3.DataSet.prototype.getFilterValue = function() {
	return this.getProperty("filterValue");
};

sap.ui.ux3.DataSet.prototype.insertView = function(oView, iIndex) {
	var oViewSwitch = this.createViewSwitch(oView,iIndex,true);
	if (!this.getSelectedView()) {
		this.setSelectedView(oView);
	}
	this.insertAggregation("views", oView, iIndex);
	this._oSegBut.insertButton(oViewSwitch,iIndex);
	this._rerenderToolbar();
	return this;
};

sap.ui.ux3.DataSet.prototype.addView = function(oView) {
	var iIndex = this.getViews().length,
		oViewSwitch = this.createViewSwitch(oView,iIndex);
	if (!this.getSelectedView()) {
		this.setSelectedView(oView);
	}
	this.addAggregation("views", oView, true);
	this._oSegBut.addButton(oViewSwitch);
	this._rerenderToolbar();
	return this;
};

sap.ui.ux3.DataSet.prototype.removeView = function(oView) {
	var result = this.removeAggregation("views", oView, true);
	
	if (result) {
		if (this.getSelectedView() == result.getId()) {
			this.setSelectedView(this.getViews()[0]);
			this._bDirty = true;
			result.invalidate();
		} else {
			this._rerenderToolbar();
		}
	
		this._oSegBut.removeButton(this.getId()+"-view-"+result.getId()).destroy();
	}
	return result;
};

sap.ui.ux3.DataSet.prototype.destroyViews = function() {
	this._oSegBut.destroyButtons();
	this.destroyAggregation("views");
	return this;
};

sap.ui.ux3.DataSet.prototype.removeAllViews = function() {
	var result = this.removeAllAggregation("views");
	this._oSegBut.destroyButtons();
	return result;
};

sap.ui.ux3.DataSet.prototype.setEnableSorting = function(bEnableSorting) {
	//suppress rerendering ofDataSet. Rerender only the toolbar.
	this.setProperty("enableSorting", bEnableSorting, true);
	this._rerenderToolbar();
	return this;
};

sap.ui.ux3.DataSet.prototype.setEnableFiltering = function(bEnableFiltering) {
	//suppress rerendering ofDataSet. Rerender only the toolbar.
	this.setProperty("enableFiltering", bEnableFiltering, true);
	this._rerenderToolbar();
	return this;
};

sap.ui.ux3.DataSet.prototype.setSelectedView = function(vView) {
	var oldSelectedView = this.getSelectedView();
	
	this.setAssociation("selectedView", vView);
	if (oldSelectedView != this.getSelectedView()) {
		this._bDirty = true;
	}
	this._oSegBut.setSelectedButton(this.getId()+"-view-"+this.getSelectedView());
	return this;
};

sap.ui.ux3.DataSet.prototype.addToolbarItem = function(oToolbarItem) {
	this._getToolbar().addItem(oToolbarItem);
	this._rerenderToolbar();
};

sap.ui.ux3.DataSet.prototype.removeToolbarItem = function(oToolbarItem) {
	this._getToolbar().removeItem(oToolbarItem);
	this._rerenderToolbar();
};

sap.ui.ux3.DataSet.prototype.setShowToolbar = function(bShow) {
	this.setProperty("showToolbar",bShow, true);
	this._rerenderToolbar();
};

sap.ui.ux3.DataSet.prototype.setShowFilter = function(bShow) {
	this.setProperty("showFilter",bShow, true);
	this._rerenderFilter();
};

sap.ui.ux3.DataSet.prototype.setShowSearchField = function(bShow) {
	this.setProperty("showSearchField",bShow, true);
	this._rerenderToolbar();
};
/**
* @private
*/
sap.ui.ux3.DataSet.prototype._setToolbar = function(oToolbar) {
	this.setAggregation("_toolbar",oToolbar,true);
	this._rerenderToolbar();
};
/**
* @private
*/
sap.ui.ux3.DataSet.prototype._getToolbar = function() {
	return this.getAggregation("_toolbar");
};

}; // end of sap.ui.ux3.DataSet
if ( !jQuery.sap.isDeclared('sap.ui.ux3.DataSetItem') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.DataSetItem.
jQuery.sap.declare("sap.ui.ux3.DataSetItem");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new DataSetItem.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getIconSrc iconSrc} : sap.ui.core.URI</li>
 * <li>{@link #getTitle title} : string (default: 'Title')</li>
 * <li>{@link #getCheckable checkable} : boolean (default: true)</li>
 * <li>{@link #getSubtitle subtitle} : string (default: 'Subtitle')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.DataSetItem#event:selected selected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * DataSet Item
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.DataSetItem
 */
sap.ui.core.Element.extend("sap.ui.ux3.DataSetItem", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"iconSrc" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"title" : {type : "string", group : "Misc", defaultValue : 'Title'},
		"checkable" : {type : "boolean", group : "Misc", defaultValue : true},
		"subtitle" : {type : "string", group : "Misc", defaultValue : 'Subtitle'}
	},
	aggregations : {
    	"_template" : {type : "sap.ui.core.Control", multiple : false, visibility : "hidden"}
	},
	events : {
		"selected" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.DataSetItem with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.DataSetItem.extend
 * @function
 */

sap.ui.ux3.DataSetItem.M_EVENTS = {'selected':'selected'};


/**
 * Getter for property <code>iconSrc</code>.
 * image
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconSrc</code>
 * @public
 * @name sap.ui.ux3.DataSetItem#getIconSrc
 * @function
 */

/**
 * Setter for property <code>iconSrc</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconSrc  new value for property <code>iconSrc</code>
 * @return {sap.ui.ux3.DataSetItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetItem#setIconSrc
 * @function
 */


/**
 * Getter for property <code>title</code>.
 * title
 *
 * Default value is <code>Title</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.DataSetItem#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is <code>Title</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.DataSetItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetItem#setTitle
 * @function
 */


/**
 * Getter for property <code>checkable</code>.
 * checkable
 * 
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>checkable</code>
 * @public
 * @name sap.ui.ux3.DataSetItem#getCheckable
 * @function
 */

/**
 * Setter for property <code>checkable</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bCheckable  new value for property <code>checkable</code>
 * @return {sap.ui.ux3.DataSetItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetItem#setCheckable
 * @function
 */


/**
 * Getter for property <code>subtitle</code>.
 * subtitle
 *
 * Default value is <code>Subtitle</code>
 *
 * @return {string} the value of property <code>subtitle</code>
 * @public
 * @name sap.ui.ux3.DataSetItem#getSubtitle
 * @function
 */

/**
 * Setter for property <code>subtitle</code>.
 *
 * Default value is <code>Subtitle</code> 
 *
 * @param {string} sSubtitle  new value for property <code>subtitle</code>
 * @return {sap.ui.ux3.DataSetItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetItem#setSubtitle
 * @function
 */


/**
 * Event Fired when Datset item is selected.
 *  
 *
 * @name sap.ui.ux3.DataSetItem#selected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.itemId Id of the selected Datset item
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'selected' event of this <code>sap.ui.ux3.DataSetItem</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.DataSetItem</code>.<br/> itself. 
 *  
 * Event Fired when Datset item is selected.
 *  
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.DataSetItem</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.DataSetItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetItem#attachSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'selected' event of this <code>sap.ui.ux3.DataSetItem</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.DataSetItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetItem#detachSelected
 * @function
 */

/**
 * Fire event selected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'itemId' of type <code>string</code> Id of the selected Datset item</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.DataSetItem} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.DataSetItem#fireSelected
 * @function
 */


// Start of sap/ui/ux3/DataSetItem.js
/**
 * Handle onclick event. Fires selected Event.
 * @param {sap.ui.base.Event} oEvent click event
 * @private
 */
sap.ui.ux3.DataSetItem.prototype.onclick = function(oEvent) {
	oEvent.stopPropagation();
	this.fireSelected({
		itemId: this.getId()
	});
};

/**
 * destroy template 
 * 
 * @private
 */
sap.ui.ux3.DataSetItem.prototype._destroyTemplate = function() {
	this.destroyAggregation("_template", true);
	return this;
}
/**
 * set template 
 * 
 * @private
 */
sap.ui.ux3.DataSetItem.prototype._setTemplate= function(oTemplate) {
	this.setAggregation("_template", oTemplate, true);
	return this;
}
/**
 * get template 
 * 
 * @private
 */
sap.ui.ux3.DataSetItem.prototype._getTemplate= function() {
	return this.getAggregation("_template");
}

}; // end of sap.ui.ux3.DataSetItem
if ( !jQuery.sap.isDeclared('sap.ui.ux3.DataSetSimpleView') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.DataSetSimpleView.
jQuery.sap.declare("sap.ui.ux3.DataSetSimpleView");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new DataSetSimpleView.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getFloating floating} : boolean (default: true)</li>
 * <li>{@link #getName name} : string (default: "Name of this View")</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getIconHovered iconHovered} : sap.ui.core.URI</li>
 * <li>{@link #getIconSelected iconSelected} : sap.ui.core.URI</li>
 * <li>{@link #getResponsive responsive} : boolean (default: false)</li>
 * <li>{@link #getItemMinWidth itemMinWidth} : int (default: 0)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getTemplate template} : sap.ui.core.Control</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * DataSetSimpleView provides a simple view example for DataSet usage.
 * 
 * @extends sap.ui.core.Control
 * @implements sap.ui.ux3.DataSetView
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.DataSetSimpleView
 */
sap.ui.core.Control.extend("sap.ui.ux3.DataSetSimpleView", { metadata : {

	// ---- object ----
	interfaces : [
		"sap.ui.ux3.DataSetView"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"floating" : {type : "boolean", group : "Misc", defaultValue : true},
		"name" : {type : "string", group : "Misc", defaultValue : "Name of this View"},
		"icon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"iconHovered" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"iconSelected" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"responsive" : {type : "boolean", group : "Misc", defaultValue : false},
		"itemMinWidth" : {type : "int", group : "Misc", defaultValue : 0}
	},
	aggregations : {
    	"template" : {type : "sap.ui.core.Control", multiple : false}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.DataSetSimpleView with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.DataSetSimpleView.extend
 * @function
 */


/**
 * Getter for property <code>floating</code>.
 * When true the DatSet items are floating containers. When set to false The Items are rendered in a 1 column Layout.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>floating</code>
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#getFloating
 * @function
 */

/**
 * Setter for property <code>floating</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFloating  new value for property <code>floating</code>
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#setFloating
 * @function
 */


/**
 * Getter for property <code>name</code>.
 * Name of the View
 *
 * Default value is <code>"Name of this View"</code>
 *
 * @return {string} the value of property <code>name</code>
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#getName
 * @function
 */

/**
 * Setter for property <code>name</code>.
 *
 * Default value is <code>"Name of this View"</code> 
 *
 * @param {string} sName  new value for property <code>name</code>
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#setName
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * Icon source for this view
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#setIcon
 * @function
 */


/**
 * Getter for property <code>iconHovered</code>.
 * icon: hovered state
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconHovered</code>
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#getIconHovered
 * @function
 */

/**
 * Setter for property <code>iconHovered</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconHovered  new value for property <code>iconHovered</code>
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#setIconHovered
 * @function
 */


/**
 * Getter for property <code>iconSelected</code>.
 * icon: selected state
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconSelected</code>
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#getIconSelected
 * @function
 */

/**
 * Setter for property <code>iconSelected</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconSelected  new value for property <code>iconSelected</code>
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#setIconSelected
 * @function
 */


/**
 * Getter for property <code>responsive</code>.
 * When true and the property floating is true the DatSet items are floating containers filling the whole space of a row.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>responsive</code>
 * @public
 * @since 1.9.2
 * @name sap.ui.ux3.DataSetSimpleView#getResponsive
 * @function
 */

/**
 * Setter for property <code>responsive</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bResponsive  new value for property <code>responsive</code>
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.2
 * @name sap.ui.ux3.DataSetSimpleView#setResponsive
 * @function
 */


/**
 * Getter for property <code>itemMinWidth</code>.
 * When itemMinWidth>0 and the property floating is true the given minimum width in pixels is set to DatSet items. A minimum width must be given when the property responsive is set.
 *
 * Default value is <code>0</code>
 *
 * @return {int} the value of property <code>itemMinWidth</code>
 * @public
 * @since 1.9.2
 * @name sap.ui.ux3.DataSetSimpleView#getItemMinWidth
 * @function
 */

/**
 * Setter for property <code>itemMinWidth</code>.
 *
 * Default value is <code>0</code> 
 *
 * @param {int} iItemMinWidth  new value for property <code>itemMinWidth</code>
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.2
 * @name sap.ui.ux3.DataSetSimpleView#setItemMinWidth
 * @function
 */


/**
 * Getter for aggregation <code>template</code>.<br/>
 * template
 * 
 * @return {sap.ui.core.Control}
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#getTemplate
 * @function
 */


/**
 * Setter for the aggregated <code>template</code>.
 * @param oTemplate {sap.ui.core.Control}
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#setTemplate
 * @function
 */
	

/**
 * Destroys the template in the aggregation 
 * named <code>template</code>.
 * @return {sap.ui.ux3.DataSetSimpleView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.DataSetSimpleView#destroyTemplate
 * @function
 */


// Start of sap/ui/ux3/DataSetSimpleView.js
jQuery.sap.require('jquery.sap.script'); // unlisted dependency retained
 // unlisted dependency retained


///**
// * This file defines behavior for the control,
// */

/**
 * Initialization of DataSetSimpleView
 *
 * @private
*/
sap.ui.ux3.DataSetSimpleView.prototype.init = function(){
   this._oDataSet = this.getParent();
};

/**
 * Eventhandler for the selection of an Item
 *
 * @param {event} oEvent SelectionChanged event
 * @protected
 */
sap.ui.ux3.DataSetSimpleView.prototype.handleSelection = function(oEvent) {
	var oldIndex = oEvent.getParameters().oldLeadSelectedIndex,
		newIndex = oEvent.getParameters().newLeadSelectedIndex;
	if (oldIndex != -1) {
		jQuery.sap.byId(this.getParent().getSelectedItemId(oldIndex)).removeClass("sapUiUx3DSSVSelected");
	}
	if (newIndex != -1){
		jQuery.sap.byId(this.getParent().getSelectedItemId(newIndex)).addClass("sapUiUx3DSSVSelected");
	}

};

/**
 * Check if Item <code>oItem</code> is selected
 *
 * @param {DataSetItem} oItem DataSetItem instance
 * @protected
 */
sap.ui.ux3.DataSetSimpleView.prototype.isItemSelected = function(oItem) {
	return this.getParent().isSelectedIndex(oItem._index);
};

//*** Interface methods ***

/**
 * View Initialization: Called when selecting the view
 *
 * @param {array} aItems Array of DataSetItems added to the parent DataSet
 * @protected
 */
sap.ui.ux3.DataSetSimpleView.prototype.initView = function(aItems) {
	this.getParent().attachSelectionChanged(this.handleSelection, this);
	this.items = aItems;
	for (var i = 0; i < aItems.length; i++) {
		var template = this.getTemplate().clone(String(i));
		aItems[i]._setTemplate(template);
    }
};

/**
 * View finalization: Called when leaving the view
 *
 * @protected
 */
sap.ui.ux3.DataSetSimpleView.prototype.exitView = function(aItems) {
	this.getParent().detachSelectionChanged(this.handleSelection, this);
	for (var i = 0; i < aItems.length; i++) {
		aItems[i]._destroyTemplate();
    }
    this.items = [];
};


(function() {
	
/**
 * Called after the control is rendered
 */
sap.ui.ux3.DataSetSimpleView.prototype.onBeforeRendering = function(){
	if(this._handleResizeId){
		jQuery.sap.clearDelayedCall(this._handleResizeId);
		this._handleResizeId = null;
	}
};

/**
 * Called after the control is rendered
 */
sap.ui.ux3.DataSetSimpleView.prototype.onAfterRendering = function(){
	if(this.getFloating() && this.getResponsive()){
		this._height = -1;
		this._itemsPerRow = -1;
		_computeWidths(this, true);
	}
};

function _handleResize(){
	if(!this.getDomRef()){
		return;
	}
	_computeWidths(this);
};

function _computeWidths(oThis, bInitial){
	var $This = oThis.$();
	var iItemsPerRow = Math.floor($This.width()/oThis.getItemMinWidth());
	var width = Math.floor(100/iItemsPerRow);
	if($This.width()*width/100 < oThis.getItemMinWidth()){
		iItemsPerRow--;
		width = Math.floor(100/iItemsPerRow);
	}
	
	if(bInitial || oThis._height != $This.height() || oThis._itemsPerRow != iItemsPerRow){
		var count = -1;
		var aItems = oThis.getParent().getItems();
		var diff, w;
		
		for(var j=0; j<aItems.length; j++){
			if(count == -1 || count+1 > iItemsPerRow){
				count = 0;
				diff = 100-(iItemsPerRow*width);
			}
			
			var w = width;
			if(diff > 0){
				w++;
				diff--;
			}
			jQuery.sap.byId(aItems[j].getId()).css("width", w+"%");
			count++;
		}
		
		oThis._height = $This.height();
		oThis._itemsPerRow = iItemsPerRow;
	}
	
	oThis._handleResizeId = jQuery.sap.delayedCall(300, oThis, _handleResize);
};

}());

}; // end of sap.ui.ux3.DataSetSimpleView
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ExactArea') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ExactArea.
jQuery.sap.declare("sap.ui.ux3.ExactArea");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ExactArea.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getToolbarVisible toolbarVisible} : boolean (default: true)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li>
 * <li>{@link #getToolbarItems toolbarItems} : sap.ui.commons.ToolbarItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Consists of two sections: A tool bar and a content area where arbitrary controls can be added.
 * The ExactArea is intended to be used for the Exact design approach but alternatively also in a stand alone version.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @experimental Since version 1.6. 
 * API is not yet finished and might change completely
 * @name sap.ui.ux3.ExactArea
 */
sap.ui.core.Control.extend("sap.ui.ux3.ExactArea", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"toolbarVisible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}, 
    	"toolbarItems" : {type : "sap.ui.commons.ToolbarItem", multiple : true, singularName : "toolbarItem"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ExactArea with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ExactArea.extend
 * @function
 */


/**
 * Getter for property <code>toolbarVisible</code>.
 * Specifies whether the tool bar shall be visible
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>toolbarVisible</code>
 * @public
 * @name sap.ui.ux3.ExactArea#getToolbarVisible
 * @function
 */

/**
 * Setter for property <code>toolbarVisible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bToolbarVisible  new value for property <code>toolbarVisible</code>
 * @return {sap.ui.ux3.ExactArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactArea#setToolbarVisible
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Specifies whether the control shall be visible
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.ux3.ExactArea#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.ux3.ExactArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactArea#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Arbitrary child controls of the content area
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.ExactArea#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ExactArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactArea#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ExactArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactArea#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.ux3.ExactArea#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ExactArea#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ExactArea#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.ux3.ExactArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactArea#destroyContent
 * @function
 */


/**
 * Getter for aggregation <code>toolbarItems</code>.<br/>
 * Tool bar items which shall be shown in the tool bar.
 * 
 * @return {sap.ui.commons.ToolbarItem[]}
 * @public
 * @name sap.ui.ux3.ExactArea#getToolbarItems
 * @function
 */


/**
 * Inserts a toolbarItem into the aggregation named <code>toolbarItems</code>.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *          oToolbarItem the toolbarItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the toolbarItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the toolbarItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the toolbarItem is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ExactArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactArea#insertToolbarItem
 * @function
 */

/**
 * Adds some toolbarItem <code>oToolbarItem</code> 
 * to the aggregation named <code>toolbarItems</code>.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *            oToolbarItem the toolbarItem to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ExactArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactArea#addToolbarItem
 * @function
 */

/**
 * Removes an toolbarItem from the aggregation named <code>toolbarItems</code>.
 *
 * @param {int | string | sap.ui.commons.ToolbarItem} vToolbarItem the toolbarItem to remove or its index or id
 * @return {sap.ui.commons.ToolbarItem} the removed toolbarItem or null
 * @public
 * @name sap.ui.ux3.ExactArea#removeToolbarItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>toolbarItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.ToolbarItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ExactArea#removeAllToolbarItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.ToolbarItem</code> in the aggregation named <code>toolbarItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.ToolbarItem}
 *            oToolbarItem the toolbarItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ExactArea#indexOfToolbarItem
 * @function
 */
	

/**
 * Destroys all the toolbarItems in the aggregation 
 * named <code>toolbarItems</code>.
 * @return {sap.ui.ux3.ExactArea} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactArea#destroyToolbarItems
 * @function
 */


// Start of sap/ui/ux3/ExactArea.js
jQuery.sap.require('sap.ui.commons.Toolbar'); // unlisted dependency retained
 // unlisted dependency retained


(function() {

//*************************************************************
//Define a private element to enable titles tin the toolbar
//*************************************************************

sap.ui.core.Element.extend("sap.ui.ux3.ExactAreaToolbarTitle", {
  
  metadata: {
    interfaces : ["sap.ui.commons.ToolbarItem"],
    properties : {
      text : {name : "text", type : "string", group : "Appearance", defaultValue : ''}
    }
  }

});

//*************************************************************

}());
}; // end of sap.ui.ux3.ExactArea
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ExactAttribute') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ExactAttribute.
jQuery.sap.declare("sap.ui.ux3.ExactAttribute");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ExactAttribute.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getSelected selected} : boolean</li>
 * <li>{@link #getWidth width} : int (default: 168)</li>
 * <li>{@link #getListOrder listOrder} : sap.ui.ux3.ExactOrder (default: sap.ui.ux3.ExactOrder.Select)</li>
 * <li>{@link #getShowSubAttributesIndicator showSubAttributesIndicator} : boolean (default: true)</li>
 * <li>{@link #getAdditionalData additionalData} : object</li>
 * <li>{@link #getSupplyActive supplyActive} : boolean (default: true)</li>
 * <li>{@link #getAutoActivateSupply autoActivateSupply} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getAttributes attributes} : sap.ui.ux3.ExactAttribute[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.ExactAttribute#event:supplyAttributes supplyAttributes} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * An element for defining attributes and sub-attributes used within the Exact pattern.
 * 
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.ExactAttribute
 */
sap.ui.core.Element.extend("sap.ui.ux3.ExactAttribute", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getShowSubAttributesIndicator_Computed", "scrollTo"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"text" : {type : "string", group : "Misc", defaultValue : null},
		"selected" : {type : "boolean", group : "Misc", defaultValue : null},
		"width" : {type : "int", group : "Misc", defaultValue : 168},
		"listOrder" : {type : "sap.ui.ux3.ExactOrder", group : "", defaultValue : sap.ui.ux3.ExactOrder.Select},
		"showSubAttributesIndicator" : {type : "boolean", group : "Misc", defaultValue : true},
		"additionalData" : {type : "object", group : "Misc", defaultValue : null},
		"supplyActive" : {type : "boolean", group : "Misc", defaultValue : true},
		"autoActivateSupply" : {type : "boolean", group : "Misc", defaultValue : false}
	},
	defaultAggregation : "attributes",
	aggregations : {
    	"attributes" : {type : "sap.ui.ux3.ExactAttribute", multiple : true, singularName : "attribute"}
	},
	events : {
		"supplyAttributes" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ExactAttribute with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ExactAttribute.extend
 * @function
 */

sap.ui.ux3.ExactAttribute.M_EVENTS = {'supplyAttributes':'supplyAttributes'};


/**
 * Getter for property <code>text</code>.
 * The attribute name
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.ux3.ExactAttribute#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#setText
 * @function
 */


/**
 * Getter for property <code>selected</code>.
 * Specifies whether the attribute shall be selected
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {boolean} the value of property <code>selected</code>
 * @public
 * @name sap.ui.ux3.ExactAttribute#getSelected
 * @function
 */

/**
 * Setter for property <code>selected</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {boolean} bSelected  new value for property <code>selected</code>
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#setSelected
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Specifies the width of the corresponding list in pixels. The value must be between 70 and 500.
 *
 * Default value is <code>168</code>
 *
 * @return {int} the value of property <code>width</code>
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.ExactAttribute#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>168</code> 
 *
 * @param {int} iWidth  new value for property <code>width</code>
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.ExactAttribute#setWidth
 * @function
 */


/**
 * Getter for property <code>listOrder</code>.
 * The order how the sublists of this attribute should be displayed.
 *
 * Default value is <code>Select</code>
 *
 * @return {sap.ui.ux3.ExactOrder} the value of property <code>listOrder</code>
 * @public
 * @since 1.7.1
 * @name sap.ui.ux3.ExactAttribute#getListOrder
 * @function
 */

/**
 * Setter for property <code>listOrder</code>.
 *
 * Default value is <code>Select</code> 
 *
 * @param {sap.ui.ux3.ExactOrder} oListOrder  new value for property <code>listOrder</code>
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.1
 * @name sap.ui.ux3.ExactAttribute#setListOrder
 * @function
 */


/**
 * Getter for property <code>showSubAttributesIndicator</code>.
 * Specifies whether the attribute shall have sub values for visual purposes.
 * The indicator which is a little arrow beside an attribute in the list is computed automatically
 * (getShowSubAttributesIndicator_Computed() of sap.ui.ux3.ExactAttribute).
 * In the case that a supply function is attached, and the supplyActive attribute has value 'true',
 * then the Exact pattern needs a hint if sub attributes are available. The showSubAttributesIndicator attribute is
 * considered then and has to be maintained. If the back-end does not support count-calls, for example,
 * showSubAttributesIndicator should be set to true.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showSubAttributesIndicator</code>
 * @public
 * @name sap.ui.ux3.ExactAttribute#getShowSubAttributesIndicator
 * @function
 */

/**
 * Setter for property <code>showSubAttributesIndicator</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowSubAttributesIndicator  new value for property <code>showSubAttributesIndicator</code>
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#setShowSubAttributesIndicator
 * @function
 */


/**
 * Getter for property <code>additionalData</code>.
 * An example for additional data are database keys
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {object} the value of property <code>additionalData</code>
 * @public
 * @name sap.ui.ux3.ExactAttribute#getAdditionalData
 * @function
 */

/**
 * Setter for property <code>additionalData</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {object} oAdditionalData  new value for property <code>additionalData</code>
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#setAdditionalData
 * @function
 */


/**
 * Getter for property <code>supplyActive</code>.
 * The supplyAttributes event is only fired if supplyActive has value true which is the default. After firing the event, the attribute is automatically set to false.
 * The idea is that a supply function is called only once when the data is requested. To enable the event again it is possible to manually set the attribute back to true.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>supplyActive</code>
 * @public
 * @name sap.ui.ux3.ExactAttribute#getSupplyActive
 * @function
 */

/**
 * Setter for property <code>supplyActive</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bSupplyActive  new value for property <code>supplyActive</code>
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#setSupplyActive
 * @function
 */


/**
 * Getter for property <code>autoActivateSupply</code>.
 * If you want the supply function to be called on every select, you can set the autoActivateSupply attribute to true. In this case, supplyActive is automatically
 * set to true on every unselect.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>autoActivateSupply</code>
 * @public
 * @name sap.ui.ux3.ExactAttribute#getAutoActivateSupply
 * @function
 */

/**
 * Setter for property <code>autoActivateSupply</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bAutoActivateSupply  new value for property <code>autoActivateSupply</code>
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#setAutoActivateSupply
 * @function
 */


/**
 * Getter for aggregation <code>attributes</code>.<br/>
 * Values (sub attributes) of this attribute
 * 
 * @return {sap.ui.ux3.ExactAttribute[]}
 * @public
 * @name sap.ui.ux3.ExactAttribute#getAttributes
 * @function
 */


/**
 * Inserts a attribute into the aggregation named <code>attributes</code>.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *          oAttribute the attribute to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the attribute should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the attribute is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the attribute is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#insertAttribute
 * @function
 */

/**
 * Adds some attribute <code>oAttribute</code> 
 * to the aggregation named <code>attributes</code>.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *            oAttribute the attribute to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#addAttribute
 * @function
 */

/**
 * Removes an attribute from the aggregation named <code>attributes</code>.
 *
 * @param {int | string | sap.ui.ux3.ExactAttribute} vAttribute the attribute to remove or its index or id
 * @return {sap.ui.ux3.ExactAttribute} the removed attribute or null
 * @public
 * @name sap.ui.ux3.ExactAttribute#removeAttribute
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>attributes</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ExactAttribute[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ExactAttribute#removeAllAttributes
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ExactAttribute</code> in the aggregation named <code>attributes</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *            oAttribute the attribute whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ExactAttribute#indexOfAttribute
 * @function
 */
	

/**
 * Destroys all the attributes in the aggregation 
 * named <code>attributes</code>.
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#destroyAttributes
 * @function
 */


/**
 * A supply function is a handler which is attached to the supplyAttributes event. The event is fired when the corresponding ExactAttribute is selected, it was already selected when a handler is attached or function getAttributes() is called. 
 *
 * @name sap.ui.ux3.ExactAttribute#supplyAttributes
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.ux3.ExactAttribute} oControlEvent.getParameters.attribute The ExactAttribute
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'supplyAttributes' event of this <code>sap.ui.ux3.ExactAttribute</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ExactAttribute</code>.<br/> itself. 
 *  
 * A supply function is a handler which is attached to the supplyAttributes event. The event is fired when the corresponding ExactAttribute is selected, it was already selected when a handler is attached or function getAttributes() is called. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ExactAttribute</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#attachSupplyAttributes
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'supplyAttributes' event of this <code>sap.ui.ux3.ExactAttribute</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactAttribute#detachSupplyAttributes
 * @function
 */

/**
 * Fire event supplyAttributes to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'attribute' of type <code>sap.ui.ux3.ExactAttribute</code> The ExactAttribute</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ExactAttribute} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ExactAttribute#fireSupplyAttributes
 * @function
 */


/**
 * See attribute showSubAttributesIndicator
 *
 * @name sap.ui.ux3.ExactAttribute.prototype.getShowSubAttributesIndicator_Computed
 * @function

 * @type void
 * @public
 */


/**
 * Scrolls the corresponding list of this attribute until the given direct child attribute is visible. If the corresponding list is not yet visible the call is buffered until the list is available.
 *
 * @name sap.ui.ux3.ExactAttribute.prototype.scrollTo
 * @function
 * @param {sap.ui.ux3.ExactAttribute} 
 *         oOAttribute
 *         The direct child attribute

 * @type void
 * @public
 */


// Start of sap/ui/ux3/ExactAttribute.js
(function() {

sap.ui.ux3.ExactAttribute._MINWIDTH = 70;
sap.ui.ux3.ExactAttribute._MAXWIDTH = 500;

sap.ui.ux3.ExactAttribute.prototype.scrollTo = function(oAttribute) {
	if(!(oAttribute instanceof sap.ui.ux3.ExactAttribute)){
		this._scrollToAttributeId = undefined;
		return;
	}
	
	var oList = this.getChangeListener();
	if(oList){
		oList = sap.ui.getCore().byId(oList.id);
		if(oList && oList._lb){
			var iIdx = this.indexOfAttribute(oAttribute);
			if(iIdx >= 0){
				oList._lb.scrollToIndex(iIdx, true);
			}
			this._scrollToAttributeId = undefined;
			return;
		}
	}
	this._scrollToAttributeId = oAttribute.getId();
};

//*** Overridden API functions ***

sap.ui.ux3.ExactAttribute.prototype.setText = function(sText) {
	this.setProperty("text", sText, true);
	this._handleChange(this, "text");
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.setWidth = function(iWidth) {
	this._setWidth(iWidth);
	this._handleChange(this, "width");
	return this;
};


/**
 * @see sap.ui.core.Element.prototype.setTooltip
 * @public
 */
sap.ui.ux3.ExactAttribute.prototype.setTooltip = function(oTooltip) {
	sap.ui.core.Element.prototype.setTooltip.apply(this, arguments);
	this._handleChange(this, "tooltip", true);
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.setSelected = function(bSelected) {
	this.setProperty("selected", bSelected, true);

	if(!this.getSelected()){
		this._clearSelection();
	}

	this._handleChange(this, "selected");
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.setSupplyActive = function(bSupplyActive) {
	this.setProperty("supplyActive", bSupplyActive, true);
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.setAutoActivateSupply = function(bAutoActivateSupply) {
	this.setProperty("autoActivateSupply", bAutoActivateSupply, true);
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.setAdditionalData = function(oAdditionalData) {
	this.setProperty("additionalData", oAdditionalData, true);
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.setListOrder = function(sListOrder) {
	this.setProperty("listOrder", sListOrder, true);
	this._handleChange(this, "order");
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.getAttributes = function() {
	if(this.hasListeners("supplyAttributes") && this.getSupplyActive()){
		this._bSuppressChange = true;
		this._bChangedHappenedDuringSuppress = false;
		this.fireSupplyAttributes({attribute: this});
		this.setSupplyActive(false);
		this._bSuppressChange = undefined;
		if(this._bChangedHappenedDuringSuppress){
			this._handleChange(this, "attributes");
		}
		this._bChangedHappenedDuringSuppress = undefined;
	}
	return this.getAggregation("attributes", []);
};


sap.ui.ux3.ExactAttribute.prototype.insertAttribute = function(oAttribute, iIndex) {
	this.insertAggregation("attributes", oAttribute, iIndex, true);
	this._handleChange(this, "attributes");
	this.setSupplyActive(false);
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.addAttribute = function(oAttribute) {
	this.addAggregation("attributes", oAttribute, true);
	this._handleChange(this, "attributes");
	this.setSupplyActive(false);
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.removeAttribute = function(vElement) {
	var oAtt = this.removeAggregation("attributes", vElement, true);
	if(oAtt){
		oAtt.setChangeListener(null);
		this._handleChange(this, "attributes");
	}
	return oAtt;
};


sap.ui.ux3.ExactAttribute.prototype.removeAllAttributes = function() {
	var aAtts = this.getAttributesInternal();
	for(var idx=0; idx<aAtts.length; idx++){
		aAtts[idx].setChangeListener(null);
	}
	var aRes = this.removeAllAggregation("attributes", true);
	if(aAtts.length > 0) {
		this._handleChange(this, "attributes");
	}
	return aRes;
};


sap.ui.ux3.ExactAttribute.prototype.destroyAttributes = function() {
	var aAtts = this.getAttributesInternal();
	for(var idx=0; idx<aAtts.length; idx++){
		aAtts[idx].setChangeListener(null);
	}
	this.destroyAggregation("attributes", true);
	if(aAtts.length > 0) {
		this._handleChange(this, "attributes");
	}
	return this;
};


sap.ui.ux3.ExactAttribute.prototype.getShowSubAttributesIndicator_Computed = function() {
	return this.hasListeners("supplyAttributes") && this.getSupplyActive() ? this.getShowSubAttributesIndicator() : this.getAttributesInternal().length > 0;
};


sap.ui.ux3.ExactAttribute.prototype.attachSupplyAttributes = function(oData, fnFunction, oListener) {
	this.attachEvent("supplyAttributes", oData, fnFunction, oListener);
	if(this.getSelected()){
		this.getAttributesInternal(true); //force init of attributes (e.g. call supply function))
	}
	return this;
};


//*** Internal (may also used by Exact Control) functions ***


sap.ui.ux3.ExactAttribute.prototype._setProperty_Orig = sap.ui.ux3.ExactAttribute.prototype.setProperty;
/**
 * @see sap.ui.core.Element.prototype.setProperty
 * @protected
 */
sap.ui.ux3.ExactAttribute.prototype.setProperty = function(sPropertyName, oValue, bSuppressRerendering) {
	this._setProperty_Orig(sPropertyName, oValue, bSuppressRerendering);

	if(sPropertyName == "selected"){
		if(oValue){
			this.getAttributesInternal(true); //force init of attributes (e.g. call supply function)
		}else{
			if(this.getAutoActivateSupply()) {
				this.setSupplyActive(true);
			}
		}
	}

	return this;
};


sap.ui.ux3.ExactAttribute.prototype.setChangeListener = function(oChangeListener) {
	this._oChangeListener = oChangeListener;
};


sap.ui.ux3.ExactAttribute.prototype.getChangeListener = function(oChangeListener) {
	return this._oChangeListener;
};


sap.ui.ux3.ExactAttribute.prototype.getAttributesInternal = function(bForceInit) {
	return bForceInit ? this.getAttributes() : this.getAggregation("attributes", []);
};


sap.ui.ux3.ExactAttribute.prototype._handleChange = function(oSourceAttribute, sType) {
	if(this._bSuppressChange){
		this._bChangedHappenedDuringSuppress = true;
		return;
	}
	if(this.getChangeListener()){
		//Change is handled by the change listener
		this.getChangeListener()._notifyOnChange(sType, oSourceAttribute);
	}else if(this.getParent() && this.getParent()._handleChange){
		//Bubble Change to next change listener
		this.getParent()._handleChange(oSourceAttribute, sType);
	}
};


//Sets the selection property of the attribute and all its sub-attributes to false.
sap.ui.ux3.ExactAttribute.prototype._clearSelection = function(){
	this.setProperty("selected", false, true);
	var aVals = this.getAttributesInternal();
	for(var idx=0; idx<aVals.length; idx++){
		aVals[idx]._clearSelection();
	}
};


//Setter of the width property without invalidate and change notification
sap.ui.ux3.ExactAttribute.prototype._setWidth = function(iWidth) {
	iWidth = sap.ui.ux3.ExactAttribute._checkWidth(iWidth);
	this.setProperty("width", iWidth, true);
};


//Checks whether the given width is within the allowed boundaries
sap.ui.ux3.ExactAttribute._checkWidth = function(iWidth) {
	iWidth = Math.max(iWidth, sap.ui.ux3.ExactAttribute._MINWIDTH);
	iWidth = Math.min(iWidth, sap.ui.ux3.ExactAttribute._MAXWIDTH);
	return iWidth;
};

}());
}; // end of sap.ui.ux3.ExactAttribute
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ExactList') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ExactList.
jQuery.sap.declare("sap.ui.ux3.ExactList");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ExactList.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getShowClose showClose} : boolean (default: false)</li>
 * <li>{@link #getTopTitle topTitle} : string</li>
 * <li>{@link #getTopHeight topHeight} : int (default: 290)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getSubLists subLists} : sap.ui.ux3.ExactList[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getData data} : string | sap.ui.ux3.ExactAttribute</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.ExactList#event:attributeSelected attributeSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Internal sub-control of the ExactBrowser. The control is not intended to be used stand alone. For this purpose, the ExactBrowser control can be used.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.ExactList
 */
sap.ui.core.Control.extend("sap.ui.ux3.ExactList", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"showClose" : {type : "boolean", group : "Misc", defaultValue : false},
		"topTitle" : {type : "string", group : "Misc", defaultValue : null},
		"topHeight" : {type : "int", group : "Appearance", defaultValue : 290}
	},
	aggregations : {
    	"subLists" : {type : "sap.ui.ux3.ExactList", multiple : true, singularName : "subList"}, 
    	"controls" : {type : "sap.ui.commons.ListBox", multiple : true, singularName : "control", visibility : "hidden"}
	},
	associations : {
		"data" : {type : "sap.ui.ux3.ExactAttribute", multiple : false}
	},
	events : {
		"attributeSelected" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ExactList with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ExactList.extend
 * @function
 */

sap.ui.ux3.ExactList.M_EVENTS = {'attributeSelected':'attributeSelected'};


/**
 * Getter for property <code>showClose</code>.
 * Defines whether the close icon shall be displayed in the header.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>showClose</code>
 * @public
 * @name sap.ui.ux3.ExactList#getShowClose
 * @function
 */

/**
 * Setter for property <code>showClose</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bShowClose  new value for property <code>showClose</code>
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#setShowClose
 * @function
 */


/**
 * Getter for property <code>topTitle</code>.
 * The title of this list is the top of the list hierarchy.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>topTitle</code>
 * @public
 * @name sap.ui.ux3.ExactList#getTopTitle
 * @function
 */

/**
 * Setter for property <code>topTitle</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTopTitle  new value for property <code>topTitle</code>
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#setTopTitle
 * @function
 */


/**
 * Getter for property <code>topHeight</code>.
 * The height in px if this list is the top of the list hierarchy.
 *
 * Default value is <code>290</code>
 *
 * @return {int} the value of property <code>topHeight</code>
 * @public
 * @name sap.ui.ux3.ExactList#getTopHeight
 * @function
 */

/**
 * Setter for property <code>topHeight</code>.
 *
 * Default value is <code>290</code> 
 *
 * @param {int} iTopHeight  new value for property <code>topHeight</code>
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#setTopHeight
 * @function
 */


/**
 * Getter for aggregation <code>subLists</code>.<br/>
 * The sub-ExactLists of this list. This aggregation must not be maintained from outside.
 * The control automatically takes care to fill this aggregation according to the given ExactAttribute.
 * 
 * @return {sap.ui.ux3.ExactList[]}
 * @public
 * @name sap.ui.ux3.ExactList#getSubLists
 * @function
 */


/**
 * Inserts a subList into the aggregation named <code>subLists</code>.
 *
 * @param {sap.ui.ux3.ExactList}
 *          oSubList the subList to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the subList should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the subList is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the subList is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#insertSubList
 * @function
 */

/**
 * Adds some subList <code>oSubList</code> 
 * to the aggregation named <code>subLists</code>.
 *
 * @param {sap.ui.ux3.ExactList}
 *            oSubList the subList to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#addSubList
 * @function
 */

/**
 * Removes an subList from the aggregation named <code>subLists</code>.
 *
 * @param {int | string | sap.ui.ux3.ExactList} vSubList the subList to remove or its index or id
 * @return {sap.ui.ux3.ExactList} the removed subList or null
 * @public
 * @name sap.ui.ux3.ExactList#removeSubList
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>subLists</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ExactList[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ExactList#removeAllSubLists
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ExactList</code> in the aggregation named <code>subLists</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ExactList}
 *            oSubList the subList whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ExactList#indexOfSubList
 * @function
 */
	

/**
 * Destroys all the subLists in the aggregation 
 * named <code>subLists</code>.
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#destroySubLists
 * @function
 */


/**
 * The associated ExactAttribute
 *
 * @return {string} Id of the element which is the current target of the <code>data</code> association, or null
 * @public
 * @name sap.ui.ux3.ExactList#getData
 * @function
 */

/**
 * The associated ExactAttribute
 *
 * @param {string | sap.ui.ux3.ExactAttribute} vData 
 *    Id of an element which becomes the new target of this <code>data</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#setData
 * @function
 */


	
/**
 * Event which is fired when an attribute is selected/unselected 
 *
 * @name sap.ui.ux3.ExactList#attributeSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.ux3.ExactAttribute} oControlEvent.getParameters.attribute The attribute which was selected/unselected recently
 * @param {object} oControlEvent.getParameters.allAttributes Array of all ExactAttributes
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'attributeSelected' event of this <code>sap.ui.ux3.ExactList</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ExactList</code>.<br/> itself. 
 *  
 * Event which is fired when an attribute is selected/unselected 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ExactList</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#attachAttributeSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'attributeSelected' event of this <code>sap.ui.ux3.ExactList</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactList#detachAttributeSelected
 * @function
 */

/**
 * Fire event attributeSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'attribute' of type <code>sap.ui.ux3.ExactAttribute</code> The attribute which was selected/unselected recently</li>
 * <li>'allAttributes' of type <code>object</code> Array of all ExactAttributes</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ExactList#fireAttributeSelected
 * @function
 */


// Start of sap/ui/ux3/ExactList.js
(function() {

jQuery.sap.require("sap.ui.commons.ListBox");
jQuery.sap.require("sap.ui.core.Popup");
jQuery.sap.require("jquery.sap.dom");
jQuery.sap.require("sap.ui.core.theming.Parameters");

//Private extension of the ListBox control
sap.ui.commons.ListBox.extend("sap.ui.ux3.ExactList.LB", { 
	init : function() {
		sap.ui.commons.ListBox.prototype.init.apply(this, arguments);
		this.setAllowMultiSelect(true);
		this.setDisplayIcons(true);
		this.addStyleClass("sapUiUx3ExactLstLb");
	},
	
	invalidate : function() {
		sap.ui.commons.ListBox.prototype.invalidate.apply(this, arguments);
		if(!this.bInvalidated && this.getParent()){
			this.getParent().invalidate();
		}
		this.bInvalidated = true;
	},
	
	_handleUserActivation : function(oEvent) {
		oEvent.metaKey = true;
		sap.ui.commons.ListBox.prototype._handleUserActivation.apply(this, [oEvent]);
	},
	
	onclick : function(oEvent) {
		sap.ui.commons.ListBox.prototype.onclick.apply(this, arguments);
		this.getParent().onclick(oEvent);
	},
	
	onAfterRendering : function() {
		sap.ui.commons.ListBox.prototype.onAfterRendering.apply(this, arguments);
		this.bInvalidated = false;
		var oParent = this.getParent();
		
		var items = this.getItems();
		var bIsTop = oParent._isTop();
		var bHasChildren = false;
		for(var i=0; i<items.length; i++){
			var oItem = items[i];
			var oExactAttr = sap.ui.getCore().byId(oItem.getKey());
			var jItem = jQuery.sap.byId(oItem.getId());
			bHasChildren = false;
			if(bIsTop || (!oExactAttr || !oExactAttr.getShowSubAttributesIndicator_Computed())){
				jItem.addClass("sapUiUx3ExactLstNoIco");
				bHasChildren = bIsTop;
			}else{
				bHasChildren = true;
			}
			
			if(bHasChildren && !bIsTop){
				jItem.attr("aria-label", oParent._rb.getText(
						jItem.hasClass("sapUiLbxISel") ? "EXACT_LST_LIST_ITEM_SEL_ARIA_LABEL" : "EXACT_LST_LIST_ITEM_ARIA_LABEL", [oItem.getText()]
				));
			}
		}

		var sPos = oParent._bRTL ? "left" : "right";
		jQuery(".sapUiLbxITxt", this.getDomRef()).css("margin-"+sPos, 20+jQuery.sap.scrollbarSize().width+"px");
		jQuery(".sapUiLbxIIco", this.getDomRef()).css(sPos, 5+jQuery.sap.scrollbarSize().width+"px");

		jQuery(this.getDomRef()).attr("tabindex", "-1");

		var sListLabel;
		if(bIsTop){
			sListLabel = oParent.getTopTitle();
		}else{
			sListLabel = oParent._rb.getText("EXACT_LST_LIST_ARIA_LABEL", [oParent._iLevel, oParent._getAtt().getText()]);
		}
		jQuery(this.getFocusDomRef()).attr("aria-label", sListLabel).attr("aria-expanded", "true");

		this.oItemNavigation.iActiveTabIndex = -1; //Do not set the tabindex to 0 on the focused list item
		this.oItemNavigation.setSelectedIndex(-1); //Reset the selected index always -> focus is set by the item navigation on the last focused item
		
		//The item navigation should not handle the arrow left and right keys
		this.oItemNavigation.onsapnext = function(oEvent) {
			if(oEvent.keyCode != jQuery.sap.KeyCodes.ARROW_DOWN){
				return;
			}
			sap.ui.core.delegate.ItemNavigation.prototype.onsapnext.apply(this, arguments);
		};
		this.oItemNavigation.onsapprevious = function(oEvent) {
			if(oEvent.keyCode != jQuery.sap.KeyCodes.ARROW_UP){
				return;
			}
			sap.ui.core.delegate.ItemNavigation.prototype.onsapprevious.apply(this, arguments);
		};
	},

	renderer: "sap.ui.commons.ListBoxRenderer"
});



/**
 * Does the setup when the control is created.
 * @private
 */
sap.ui.ux3.ExactList.prototype.init = function(){
	var that = this;
	
	this._iLevel = 0;

	this._bCollapsed = false; //Indicates whether the control is horizontally collapsed
	this._bIsFirstRendering = true; //Set to false when the first rendering was done (used to animate the first opening)

	this._rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");

	//Create the used ListBox control
	this._lb = new sap.ui.ux3.ExactList.LB(this.getId()+"-lb", {
		select: function(oEvent){
			setHeaderText(that);
			var sKey = oEvent.getParameter("selectedItem").getKey();
			var oAttr = sap.ui.getCore().byId(sKey);
			var iSelectedIndex = oEvent.getParameter("selectedIndex");
			if(that._lb.isIndexSelected(iSelectedIndex)){
				//select
				oAttr.setProperty("selected", true, true);
				var oSubList = createExactListForAttribute(that, oAttr);
				if(oSubList) {
					var idx = getIndexForNewSubList(that, oAttr);
					if(idx < 0){
						that.addSubList(oSubList);
					}else{
						that.insertSubList(oSubList, idx);
					}
				}
			}else{
				//deselect
				clearAttribute(that, oAttr, iSelectedIndex);
			}

			getTopList(that)._selectionChanged(oAttr);
		}
	});
	this.addAggregation("controls", this._lb);

	this._closeHandle = jQuery.proxy(this.onForceVerticalClose, this);
};


/**
 * Does all the cleanup when the control is to be destroyed.
 * Called from Element's destroy() method.
 * @private
 */
sap.ui.ux3.ExactList.prototype.exit = function() {
	if(this.bIsDestroyed){
		return;
	}
	clearChangeListener(this);
	this._lb.removeAllItems(); //remove items first before destroy the list (see getOrCreateListItem function: items are reused)
	this._lb = null; //Destroy is called when the aggregation "controls" is cleaned up
	this._closeHandle = null;
	this._scrollCheckHandle = null;
	this._rb = null;
	this._oTopList = null;
	if(this._dirtyListsCleanupTimer){
		jQuery.sap.clearDelayedCall(this._dirtyListsCleanupTimer);
		this._dirtyListsCleanupTimer = null;
		this._dirtyLists = null;
	}
};


/**
 * @see sap.ui.core.Element.prototype.getFocusDomRef
 * @private
 */
sap.ui.ux3.ExactList.prototype.getFocusDomRef = function() {
	if(this._isTop() && this.$().hasClass("sapUiUx3ExactLstTopHidden")){
		return jQuery.sap.domById(this.getId()+"-foc");
	}
	return this._bCollapsed ? jQuery.sap.domById(this.getId()+"-head") : this._lb.getFocusDomRef();
};


/**
 * Called before the re-rendering is started.
 * @private
 */
sap.ui.ux3.ExactList.prototype.onBeforeRendering = function() {
	this._oTopList = null;
	if(!this._bIsFirstRendering) {
		return;
	}
	
	this._bRTL = sap.ui.getCore().getConfiguration().getRTL();
	
	//Init the open animation (like expand, no Open Animation when the control is the top list)
	if(!this._isTop()){
		this._bCollapsed = true;
		
		//see also function collapseHorizontally
		this._oCollapseStyles = {
			"cntnt": "margin-"+(this._bRTL ? "right" : "left")+":"+sap.ui.core.theming.Parameters.get("sap.ui.ux3.ExactList:sapUiUx3ExactLstCollapseWidth")+";border-top-width:0px;",
			"lst": "width:0px;"
		};
	}else{
		this._bIsFirstRendering = false;
	}
};


/**
 * Called when the rendering is complete.
 * @private
 */
sap.ui.ux3.ExactList.prototype.onAfterRendering = function() {
	var that = this;
	var bIsTop = this._isTop();

	if(!this._iCurrentWidth){
		this._iCurrentWidth = this._getAtt().getWidth();
	}

	if(bIsTop){
		//Register listener on content overflow for scrollbar
		this._iScrollWidthDiff = -1;
		this.onCheckScrollbar();
		jQuery.sap.byId(this.getId()+"-lst").css("bottom", jQuery.sap.scrollbarSize().height+"px");
	}

	if(!this._bCollapsed){
		setWidth(this, this._iCurrentWidth);
	}

	//Init the header text
	setHeaderText(this);

	if(this._bIsFirstRendering) {
		//Open Animation
		this._bIsFirstRendering = false;
		collapseHorizontally(this, false, null, true);
	}else{
		//Adapt the scrolling behavior and show the vertical list expander if necessary
		refreshScrollBehaviour(this);
		
		//Refresh the header text width in case the list is collapsed
		refreshCollapseHeaderTextWidth(this);
	}
};


//********* EVENTING *********


/**
 * Called when the control gets the focus.
 * @private
 */
sap.ui.ux3.ExactList.prototype.onfocusin = function(oEvent) {
	if(oEvent.target === this.getDomRef()){
		this.getFocusDomRef().focus();
	}
	var $head = jQuery.sap.byId(this.getId()+"-head");
	if(this._isTop()){
		$head.attr("tabindex", "-1");
		jQuery.sap.byId(this.getId()+"-foc").attr("tabindex", "-1");
		if(!isTopHeaderFocusable(this) && oEvent.target === $head[0]){
			this.getFocusDomRef().focus();
		}
		
		if(this.$().hasClass("sapUiUx3ExactLstTopHidden") && oEvent.target === jQuery.sap.domById(this.getId()+"-foc")){
			var aLists = this.getSubLists();
			if(aLists.length > 0){
				aLists[0].getFocusDomRef().focus();
			}
		}
	}
	if(!oEvent.__exactHandled){
		$head.addClass("sapUiUx3ExactLstHeadFocus");
		oEvent.__exactHandled = true;
	}
};


/**
 * Called when the control loses the focus.
 * @private
 */
sap.ui.ux3.ExactList.prototype.onfocusout = function(oEvent) {
	var $head = jQuery.sap.byId(this.getId()+"-head");
	if(this._isTop()){
		$head.attr("tabindex", "0");
		jQuery.sap.byId(this.getId()+"-foc").attr("tabindex", "0");
	}
	$head.removeClass("sapUiUx3ExactLstHeadFocus");
};


/**
 * Called when the control is clicked.
 * @private
 */
sap.ui.ux3.ExactList.prototype.onclick = function(oEvent) {
	var s = this._lb.getScrollTop();
	if(jQuery(oEvent.target).attr("id") == this.getId() + "-exp"){
		//Toggle the vertically Collapse state
		toggleVerticalCollapseState(this);
		this.focus();
	}else if(jQuery(oEvent.target).attr("id") == this.getId() + "-close"){
		//Close this list
		close(this);
	}else if(jQuery(oEvent.target).attr("id") == this.getId() + "-hide"){
		//Toggle the horizontally Collapse state
		collapseHorizontally(this, !this._bCollapsed, oEvent);
	}else if(this._isTop() && isTopHeaderFocusable(this) && jQuery.sap.containsOrEquals(jQuery.sap.byId(this.getId()+"-head")[0], oEvent.target)){
		fireHeaderPress(this, oEvent, false);
		return;
	}else if(!jQuery.sap.containsOrEquals(jQuery.sap.byId(this.getId()+"-cntnt")[0], oEvent.target)){
		this.focus();
	}
	this._lb.setScrollTop(s);
};


/**
 * Called when a key is pressed.
 * @private
 */
sap.ui.ux3.ExactList.prototype.onkeydown = function(oEvent) {
	function _handleKeyEvent(oEvent, oTargetDomRef){
		if(jQuery(oTargetDomRef).hasClass("sapUiUx3ExactLstFoc")) {
			return;
		}
		
		if(oTargetDomRef){
			oTargetDomRef.focus();
		}
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
	
	switch(oEvent.keyCode){
		case jQuery.sap.KeyCodes.ENTER:
		case jQuery.sap.KeyCodes.SPACE:
			if(this._isTop() && isTopHeaderFocusable(this) && jQuery.sap.containsOrEquals(jQuery.sap.byId(this.getId()+"-head")[0], oEvent.target)){
				fireHeaderPress(this, oEvent, true);
			}
			break;
	
		case jQuery.sap.KeyCodes.DELETE:
			//If close functionality is active -> Close the control and deselect the corresponding attribute
			if(!this._isTop() && this.getShowClose()){
				close(this);
				_handleKeyEvent(oEvent, this.getParent().getFocusDomRef());
			}
			break;

		case jQuery.sap.KeyCodes.NUMPAD_MINUS:
			if(!!(oEvent.metaKey || oEvent.ctrlKey)){ //NUMPAD_MINUS + CTRL: Collapse list vertically
				//Deactivated on request of UX
				/*var jListContRef = jQuery.sap.byId(this.getId() + "-lst");
				if(jListContRef.hasClass("sapUiUx3ExactLstExpanded") && jQuery.sap.byId(this.getId() + "-exp").is(":visible")){
					toggleVerticalCollapseState(this);
				}
				oEvent.preventDefault();
				oEvent.stopPropagation();*/
			}else if(oEvent.shiftKey){ //NUMPAD_MINUS + SHIFT: Make width smaller
				if(!this._bCollapsed){
					setWidth(this, this._iCurrentWidth - 10);
					_handleKeyEvent(oEvent);
				}
			}else if(!this._bCollapsed){ //NUMPAD_MINUS: Collapse list horizontally
				collapseHorizontally(this, true, oEvent);
			}
			break;

		case jQuery.sap.KeyCodes.NUMPAD_PLUS:
			if(!!(oEvent.metaKey || oEvent.ctrlKey)){ //NUMPAD_PLUS + CTRL: Expand list vertically
				//Deactivated on request of UX
				/*var jListContRef = jQuery.sap.byId(this.getId() + "-lst");
				if(!jListContRef.hasClass("sapUiUx3ExactLstExpanded") && jQuery.sap.byId(this.getId() + "-exp").is(":visible")){
					toggleVerticalCollapseState(this);
				}
				oEvent.preventDefault();
				oEvent.stopPropagation();*/
			}else if(oEvent.shiftKey){ //NUMPAD_PLUS + SHIFT: Make width larger
				if(!this._bCollapsed){
					setWidth(this, this._iCurrentWidth + 10);
					_handleKeyEvent(oEvent);
				}
			}else if(this._bCollapsed){ //NUMPAD_PLUS: Expand list horizontally
				collapseHorizontally(this, false, oEvent);
			}
			break;

		case jQuery.sap.KeyCodes.TAB:
			//Handle Tabbing
			if(this._iLevel == 0){
				var bHeaderFocusable = isTopHeaderFocusable(this);
				if(!oEvent.shiftKey && bHeaderFocusable && jQuery.sap.containsOrEquals(jQuery.sap.byId(this.getId()+"-head")[0], oEvent.target)){
					_handleKeyEvent(oEvent, this.getFocusDomRef());
				} else if(jQuery.sap.containsOrEquals(this.getFocusDomRef(), oEvent.target)){
					if(oEvent.shiftKey && bHeaderFocusable) {
						_handleKeyEvent(oEvent, jQuery.sap.byId(this.getId()+"-head")[0]);
					}else if(!oEvent.shiftKey){
						var oSubList = getSuccessorList(this);
						if(oSubList){
							_handleKeyEvent(oEvent, oSubList.getFocusDomRef());
						}
					}
				}
				return;
			}
			
			if(this._iLevel == 1){
				var oSubList = null;
				if(oEvent.shiftKey){
					if(jQuery.sap.containsOrEquals(jQuery.sap.byId(this.getId()+"-cntnt")[0], oEvent.target)){
						oSubList = this;
					}else{
						oSubList = getPredecessorList(this);
					}
				}else{
					oSubList = getSuccessorList(this);
				}
				if(oSubList){
					_handleKeyEvent(oEvent, oSubList.getFocusDomRef());
				}
				oEvent.stopPropagation();
			}
			break;
			
		case jQuery.sap.KeyCodes.ARROW_LEFT:
		case jQuery.sap.KeyCodes.ARROW_RIGHT:
			var oSubList = null;
			if(this._iLevel >= 1){
				if((this._bRTL && oEvent.keyCode === jQuery.sap.KeyCodes.ARROW_LEFT)
						|| (!this._bRTL && oEvent.keyCode === jQuery.sap.KeyCodes.ARROW_RIGHT)){
					oSubList = getSuccessorList(this, true);
				}else{
					oSubList = getPredecessorList(this, true);
				}
				if(oSubList){
					_handleKeyEvent(oEvent, oSubList.getFocusDomRef());
				}
				oEvent.stopPropagation();
			}
			break;
	}
};


/**
 * Called when mousedown event appears. -> Starting point for the resizing
 * @private
 */
sap.ui.ux3.ExactList.prototype.onmousedown = function(oEvent) {
	if(oEvent.target.id === this.getId()+"-rsz"){
		jQuery(document.body).append(
				"<div id=\"" + this.getId() + "-ghost\" class=\"sapUiUx3ExactLstRSzGhost\" style =\" z-index:"+sap.ui.core.Popup.getNextZIndex()+"\" ></div>");

		// Fix for IE text selection while dragging
		jQuery(document.body).bind("selectstart."+this.getId(), onStartSelect);

		var jHandle = jQuery.browser.msie ? jQuery(document.body) : jQuery.sap.byId(this.getId() + "-ghost");
		jHandle.bind("mouseup."+this.getId(), jQuery.proxy(onRelease, this)).bind("mousemove."+this.getId(), jQuery.proxy(onMove, this));
			
		this._iStartDragX = oEvent.pageX;
		this._iStartWidth  = jQuery.sap.byId(this.getId()+"-lst").width();

		jQuery.sap.byId(this.getId()+"-rsz").addClass("sapUiUx3ExactLstRSzDrag");
	}
};


/**
 * Called when the vertically Collapse State should be closed immediately (e.g. outer event)
 * @private
 */
sap.ui.ux3.ExactList.prototype.onForceVerticalClose = function(oEvent) {
	if(oEvent.type == "mousedown" ||
			oEvent.type == "click" ||
			oEvent.type == "dblclick" ||
			oEvent.type == "focusin" ||
			oEvent.type == "focusout" ||
			oEvent.type == "keydown" ||
			oEvent.type == "keypress" ||
			oEvent.type == "keyup" ||
			oEvent.type == "mousedown" ||
			oEvent.type == "mouseup") {
		var jRef = jQuery.sap.byId(this.getId() + "-lst");
		if(!jQuery.sap.containsOrEquals(jRef[0], oEvent.target) || oEvent.target.tagName=="BODY"){
			if(jRef.hasClass("sapUiUx3ExactLstExpanded")){
				this._oPopup.close(true);
			}
		}
	}
};


/**
 * Called periodicly to check whether the content scrollbar must be show or hidden
 * @private
 */
sap.ui.ux3.ExactList.prototype.onCheckScrollbar = function(oEvent) {
	this._scrollCheckTimer = null;

	var jContentArea = jQuery.sap.byId(this.getId()+"-cntnt");
	var oContentArea = jContentArea[0];
	if(oContentArea){
		var iNewDiff = oContentArea.scrollWidth - oContentArea.clientWidth;
		if(this._iScrollWidthDiff != iNewDiff){
			this._iScrollWidthDiff = iNewDiff;
			if(iNewDiff <= 0){
				//hidden scrollbar
				jContentArea.css({"overflow-x": "hidden", "bottom": jQuery.sap.scrollbarSize().height+"px"});
			}else{
				//visible scrollbar
				jContentArea.css({"overflow-x": "scroll", "bottom": "0px"});
			}
		}
		this._scrollCheckTimer = jQuery.sap.delayedCall(300, this, this.onCheckScrollbar);
	}
};


//********* OVERRIDDEN API FUNCTIONS *********


sap.ui.ux3.ExactList.prototype.insertSubList = function(oSubList, iIndex) {
	this.insertAggregation("subLists", oSubList, iIndex);
	if(oSubList){
		setLevel(oSubList, this._iLevel + 1);
	}
	return this;
};


sap.ui.ux3.ExactList.prototype.addSubList = function(oSubList) {
	this.addAggregation("subLists", oSubList);
	if(oSubList){
		setLevel(oSubList, this._iLevel + 1);
	}
	return this;
};


sap.ui.ux3.ExactList.prototype.setData = function(vData) {
	if (vData != null && typeof(vData) != "string") {
		vData = vData.getId();
	}

	if(vData) {
		//Set the associated ExactAttribute
		this.setAssociation("data", vData);
		vData = this._getAtt();
		this._lb.removeAllItems();
		var aAtts = vData.getAttributesInternal(true);
		var aSelectedKeys = [];
		var aLists = [];
		//Update the used ListBox accordingly and create child exact lists
		for(var i=0; i<aAtts.length; i++){
			var oItem = getOrCreateListItem(aAtts[i]);
			this._lb.addItem(oItem);
			if(aAtts[i].getSelected()){
				var oList = createExactListForAttribute(this, aAtts[i]);
				if(oList){
					aLists.push(oList);
				}
				aSelectedKeys.push(oItem.getKey());
			}
		}
		this._lb.setSelectedKeys(aSelectedKeys);

		//Update child lists
		var aOldChildren = this.getSubLists();
		for(var i=0; i<aOldChildren.length; i++){
			var idx = jQuery.inArray(aOldChildren[i], aLists);
			if(idx >= 0){
				if(vData.getListOrder() != sap.ui.ux3.ExactOrder.Fixed /*Select*/){
					//List is already a sublist -> remove it from the array of lists to add
					aLists.splice(idx, 1);
				}
			}else{
				//List does not exist anymore in the array of lists to add -> destroy it (also removes it from the aggregation)
				aOldChildren[i]._lb.removeAllItems();  //remove items first before destroy the list (see function getOrCreateListItem: items are reused)
				aOldChildren[i].destroy();
			}
		}
		
		if(vData.getListOrder() === sap.ui.ux3.ExactOrder.Fixed){
			this.removeAllSubLists();
		}
		
		//Append all newly created lists
		for(var i=0; i<aLists.length; i++){
			this.addSubList(aLists[i]);
		}

		//Set the change listener to the exact attribute
		var that = this;
		vData.setChangeListener({id: that.getId(), _notifyOnChange: function(sType, oAttribute){
			if(sType === "width"){
				if(that._getAtt() === oAttribute && that.getDomRef()){
					setWidth(that, oAttribute.getWidth());
				}
				return;
			}
			
			var oTopList = getTopList(that);
			if(!oTopList._dirtyLists){
				oTopList._dirtyLists = {};
			}
			if(!oTopList._dirtyLists[that.getId()]){
				oTopList._dirtyLists[that.getId()] = that;
			}
			
			if(!oTopList._dirtyListsCleanupTimer){
				oTopList._dirtyListsCleanupTimer = jQuery.sap.delayedCall(0, oTopList, function(){
					this._dirtyListsCleanupTimer = null;
					jQuery.each(this._dirtyLists, function(i, oList){
						if(oList._lb && oList.getParent()){ //List was not destroyed in the meantime and is still active
							if(!oList._isTop()){
								oList.getParent().setData(oList.getParent().getData());
							}else{
								oList.setData(oList.getData());
							}
						}
					});
					this._dirtyLists = null;
				}, []);
			}
		}});
	}

	return this;
};


sap.ui.ux3.ExactList.prototype.setShowClose = function(bShowClose) {
	if(this._isTop()){
		this.setProperty("showClose", bShowClose);
	}
	return this;
};


sap.ui.ux3.ExactList.prototype.getShowClose = function() {
	return getTopList(this).getProperty("showClose");
};


sap.ui.ux3.ExactList.prototype.getTopTitle = function() {
	var sTitle = this.getProperty("topTitle");
	return sTitle ? sTitle : this._rb.getText("EXACT_BRWSR_LST_TITLE");
};


//********* GLOBAL HELPERS *********

/**
 * Returns the associated ExactAttribute.
 * @private
 */
sap.ui.ux3.ExactList.prototype._getAtt = function() {
	return sap.ui.getCore().byId(this.getData());
};


/**
 * Returns <code>true</code>, when this control is the top most in the hierarchy, <code>false</code> otherwise.
 * @private
 */
sap.ui.ux3.ExactList.prototype._isTop = function() {
	return !(this.getParent() instanceof sap.ui.ux3.ExactList);
};


/**
 * Handles selections of the whole list tree and fires selection change event.
 * @private
 */
sap.ui.ux3.ExactList.prototype._selectionChanged = function(oAttribute) {
	if(!this._isTop()){
		return;
	}

	//Computes recursivly all selected attributes and adds them to the given result list
	var _computeSelectedAttributes = function(oAtt, aResult){
		if(!oAtt.getSelected()) {
			return;
		}
		aResult.push(oAtt);
		var aValues = oAtt.getAttributesInternal();
		for(var idx=0; idx<aValues.length; idx++){
			_computeSelectedAttributes(aValues[idx], aResult);
		}
	};

	var aSelectedAttributes = [];
	var aTopValues = this._getAtt().getAttributesInternal();
	for(var idx=0; idx<aTopValues.length; idx++){
		_computeSelectedAttributes(aTopValues[idx], aSelectedAttributes);
	}

	this.fireAttributeSelected({attribute: oAttribute, allAttributes: aSelectedAttributes});
};


/**
 * Closes all open sub lists and clears the selection if this list is the top list.
 *
 * @private
 */
sap.ui.ux3.ExactList.prototype._closeAll = function() {
	if(!this._isTop()){
		return;
	}

	var that = this;

	var fCallback = function(){
		that._getAtt()._clearSelection();
		that._lb.clearSelection();
		that.fireAttributeSelected({attribute: undefined, allAttributes: []});
	};

	var aLists = this.getSubLists();

	if(aLists.length > 0){
		for(var i=0; i<aLists.length; i++){
			close(aLists[i], true, i == aLists.length-1 ? fCallback : null);
		}
	}else{
		fCallback();
	}
};


//********* LOCAL HELPERS *********

//Returns the predecessor of the given list based on the level and whether TAB or the arrow keys are used
var getPredecessorList = function(oList, bArrow){
	function getPrevOnSameLevel(oLst){
		var oParent = oLst.getParent();
		var aParentSubLists = oParent.getSubLists();
		var idx = oParent.indexOfSubList(oLst) - 1;
		if(idx >= 0){
			return aParentSubLists[idx];
		}
		return null;
	}
	
	function getListOrLastChild(oLst){
		var aSubLists = oLst.getSubLists();
		if(aSubLists.length > 0){
			return getListOrLastChild(aSubLists[aSubLists.length-1]);
		}
		return oLst;
	}
	
	if(oList._iLevel == 0) {
		return null;
	}else if(oList._iLevel == 1) {
		if(bArrow){
			return null;
		}
		var oPrevList = getPrevOnSameLevel(oList);
		if(oPrevList){
			return oPrevList;
		}
		return oList.getParent();
	}else if(oList._iLevel > 1) {
		var oPrevList = getPrevOnSameLevel(oList);
		if(oPrevList){
			return getListOrLastChild(oPrevList);
		}
		var oParent = oList.getParent();
		if(oParent._iLevel >= 1){
			return oParent;
		}
	}
	return null;
};

//Returns the successor of the given list based on the level and whether TAB or the arrow keys are used
var getSuccessorList = function(oList, bArrow){
	function getNextOnSameLevel(oLst){
		var oParent = oLst.getParent();
		var aParentSubLists = oParent.getSubLists();
		var idx = oParent.indexOfSubList(oLst) + 1;
		if(idx < aParentSubLists.length){
			return aParentSubLists[idx];
		}
		return null;
	}
	
	function getFirstChild(oLst){
		var aSubLists = oLst.getSubLists();
		if(aSubLists.length > 0){
			return aSubLists[0];
		}
		return null;
	}
	
	function getNext(oLst){
		var oNextList = getNextOnSameLevel(oLst);
		if(oNextList){
			return oNextList;
		}
		var oParent = oLst.getParent();
		if(oParent._iLevel > (bArrow ? 1 : 0)){
			return getNext(oParent);
		}else{
			return null;
		}
	}
	
	if(oList._iLevel == 0) {
		return getFirstChild(oList);
	}else if(oList._iLevel == 1) {
		return bArrow ? getFirstChild(oList) : getNextOnSameLevel(oList);
	}else if(oList._iLevel > 1) {
		var oNextList = getFirstChild(oList);
		if(oNextList){
			return oNextList;
		}
		
		return getNext(oList);
	}
	return null;
};

var fireHeaderPress = function(oList, oEvent, bKeyboard){
	oList.fireEvent("_headerPress", {
		kexboard: bKeyboard,
		domRef: jQuery.sap.byId(oList.getId() + "-head")
	});
	oEvent.stopPropagation();
};

var isTopHeaderFocusable = function(oList){
	return !isTopHidden(oList) && oList.$().hasClass("sapUiUx3ExactLstTopActive");
};

var isTopHidden = function(oList){
	return oList.$().hasClass("sapUiUx3ExactLstTopHidden");
};

//Returns the index in the sublists of the given list for a new list of the given attribute
var getIndexForNewSubList = function(oList, oAttr){
	if(oList._getAtt().getListOrder() != sap.ui.ux3.ExactOrder.Fixed /*Select*/){
		return -1;
	}
	
	var aAttributes = oList._getAtt().getAttributes();
	var idx = 0;
	for(var i=0; i<aAttributes.length; i++){
		if(aAttributes[i] === oAttr){
			break;
		}
		if(aAttributes[i].getChangeListener()){
			idx++;
		}
	}
	return idx;
};

var refreshScrollBehaviour = function(oList){
	if(adaptScollBehavior(oList)){
		jQuery.sap.byId(oList.getId() + "-lst").addClass("sapUiUx3ExactLstLstExp");

		if(!oList._oPopup){
			var fPopupEventHandle = function(oEvent){
				oList._handleEvent(oEvent);
			};

			oList._oPopup = new sap.ui.core.Popup();

			if(!jQuery.browser.mozilla){
				oList._oPopup._fixPositioning = function(oPosition, bRtl) {
					sap.ui.core.Popup.prototype._fixPositioning.apply(this, arguments);
					if(bRtl){
						var $Ref = this._$();
						var $Of = jQuery(oPosition.of);
						var iOffset = 0;
						if(oPosition.offset){
							iOffset = parseInt(oPosition.offset.split(" ")[0]);
						}
						$Ref.css("right", (jQuery(window).width() - $Of.outerWidth() - $Of.offset().left + iOffset) + "px");
					}
				};
			}

			oList._oPopup.open = function(){
				var jListContRef = jQuery.sap.byId(oList.getId() + "-lst");
				animate(jListContRef, false, -1, function(jRef){
					//Switch the expand icon
					jListContRef.addClass("sapUiUx3ExactLstExpanded");
					jQuery.sap.byId(oList.getId()+"-exp").html(sap.ui.ux3.ExactListRenderer.getExpanderSymbol(true, false));
					//Remember the current height for closing later and set the height explicitly
					oList.__sOldHeight = jListContRef.css("height");
					jListContRef.css("height", oList.__sOldHeight);
					var jListHeader = jQuery.sap.byId(oList.getId()+"-head");
					//Calculate the target height
					var jListRef = jQuery(oList._lb.getDomRef());
					var iListHeight = jListRef[0].scrollHeight + jQuery.sap.byId(oList.getId() + "-exp").height() + jListRef.outerHeight() - jListRef.height() + 1;
					var iMaxListHeight = jQuery(window).height() - parseInt(jListRef.offset().top, 10) + jQuery(window).scrollTop() - jListHeader.outerHeight();
					var iTargetHeight = Math.min(iListHeight, iMaxListHeight);
					//Set the list as popup content and open the popup
					oList._oPopup.setContent(jListContRef[0]);
					var sOffset = sap.ui.core.theming.Parameters.get()["sap.ui.ux3.ExactList:sapUiUx3ExactLst" + (oList._isTop() ? "Root" : "") + "ExpandOffset"] || "0 0";
					sap.ui.core.Popup.prototype.open.apply(oList._oPopup,
							[0, sap.ui.core.Popup.Dock.BeginTop, sap.ui.core.Popup.Dock.BeginBottom, jListHeader[0], sOffset, "none none"]);
					oList._bPopupOpened = true;
					return iTargetHeight;
				}, function(jRef){
					//Adapt the scroll behavior and set the focus
					adaptScollBehavior(oList);
					oList.getFocusDomRef().focus();
					//Bind the event handlers for closing and control events
					jQuery.sap.bindAnyEvent(oList._closeHandle);
					jRef.bind(jQuery.sap.ControlEvents.join(" "), fPopupEventHandle);
				});
			};
			oList._oPopup.close = function(bSkipFocus){
				var jListContRef = jQuery.sap.byId(oList.getId() + "-lst");
				animate(jListContRef, false, oList.__sOldHeight, function(jRef){
					//Unbind the event handlers for closing and control events
					jQuery.sap.unbindAnyEvent(oList._closeHandle);
					jRef.unbind(jQuery.sap.ControlEvents.join(" "), fPopupEventHandle);
					//Switch the expand icon
					jListContRef.removeClass("sapUiUx3ExactLstExpanded");
					jQuery.sap.byId(oList.getId()+"-exp").html(sap.ui.ux3.ExactListRenderer.getExpanderSymbol(false, false));
				}, function(jRef){
					//Move the list to its original position
					jRef.detach();
					jListContRef.removeClass("sapUiShd");
					jRef.attr("style", "width:"+oList._iCurrentWidth+"px;");
					jQuery(oList.getDomRef()).prepend(jRef);
					//Cleanup and close the popup
					oList._oPopup.setContent(null);
					oList._bPopupOpened = undefined;
					oList.__sOldHeight = null;
					if(oList._isTop()){
						jRef.css("bottom", jQuery.sap.scrollbarSize().height+"px");
					}
					adaptScollBehavior(oList);
					sap.ui.core.Popup.prototype.close.apply(oList._oPopup, [0]);
					if(!bSkipFocus){
						oList.getFocusDomRef().focus();
					}
				});
			};
		}
	}
};


//Animates the width or height of the given jRef to the given target value
//Optional callbacks are possible which are called before and after the animation
var animate = function(jRef, bWidth, iValue, fDoBefore, fDoAfter){
	if(fDoBefore){
		var iVal = fDoBefore(jRef);
		if(iVal != undefined){
			iValue = iVal;
		}
	}
	var _fDoAfter = fDoAfter ? function(){fDoAfter(jRef);} : function(){};
	if(jQuery.fx.off){
		if(bWidth){
			jRef.width(iValue);
		}else{
			jRef.height(iValue);
		}
		_fDoAfter();
	}else{
		var oParam = bWidth ? {width: iValue} : {height: iValue};
		jRef.stop(true, true).animate(oParam, 200, 'linear', _fDoAfter);
	}
};


// Handles the StartSelect event during resizing
// @see sap.ui.ux3.ExactList.prototype.onmousedown
var onStartSelect = function(oEvent){
	oEvent.preventDefault();
	oEvent.stopPropagation();
	return false;
};


//Handles the MouseMove event during resizing
//@see sap.ui.ux3.ExactList.prototype.onmousedown
var onMove = function(oEvent){
	var iCurrentX = oEvent.pageX;
	var iDiff = this._bRTL ? (this._iStartDragX - iCurrentX) : (iCurrentX - this._iStartDragX);
	setWidth(this, this._iStartWidth + iDiff);
};


//Handles the MouseUp event during resizing
//@see sap.ui.ux3.ExactList.prototype.onmousedown
var onRelease = function(oEvent){
	jQuery(document.body).unbind("selectstart."+this.getId()).unbind("mouseup."+this.getId()).unbind("mousemove."+this.getId());
	jQuery.sap.byId(this.getId() + "-ghost").remove();
	jQuery.sap.byId(this.getId()+"-rsz").removeClass("sapUiUx3ExactLstRSzDrag");
	this._iStartWidth = undefined;
	this._iStartDragX = undefined;
	this.focus();
};


//Sets the width of the list to the given width (maybe the width is adapted to the allowed range (@see checkWidth))
var setWidth = function(oList, iWidth){
	iWidth = sap.ui.ux3.ExactAttribute._checkWidth(iWidth);
	var sPos = oList._bRTL ? "right" : "left";
	var sId = oList.getId();
	oList._iCurrentWidth = iWidth;
	oList._getAtt()._setWidth(oList._iCurrentWidth);
	jQuery.sap.byId(sId+"-lst").css("width", iWidth+"px");
	jQuery.sap.byId(sId+"-rsz").css(sPos, (iWidth-4)+"px");
	if(oList._isTop()){
		if(!isTopHidden(oList)){
			jQuery.sap.byId(sId+"-head").css("width", iWidth+"px");
			jQuery.sap.byId(sId+"-cntnt").css(sPos, (iWidth+8)+"px");
			jQuery.sap.byId(sId+"-scroll").css(sPos, (iWidth+8)+"px");
		}
	}else{
		if(!oList.$().hasClass("sapUiUx3ExactLstCollapsed")){
			jQuery.sap.byId(sId+"-cntnt").css("margin-"+sPos, iWidth+"px");
		}
	}
};


//Refresh the header text of the list
var setHeaderText = function(oList){
	var oAtt = oList._getAtt();
	if(oAtt && !oList._isTop()){
		jQuery.sap.byId(oList.getId() + "-head-txt").html(jQuery.sap.encodeHTML(oAtt.getText())
				+"<span class=\"sapUiUx3ExactLstHeadInfo\">&nbsp;("+oList._lb.getSelectedIndices().length+"/"+oList._lb.getItems().length+")</span>");
	}
};


//Sets the level of the list and its sublists
var setLevel = function(oList, iLevel){
	oList._iLevel = iLevel;
	var aLists = oList.getSubLists();
	for(var i=0; i<aLists.length; i++){
		setLevel(aLists[i], iLevel+1);
	}
};


//Adapt the scrolling behavior when not all list items can be shown and return whether adaptation was done or not.
var adaptScollBehavior = function(oList){
	if(oList._lb){
		var jListRef = jQuery(oList._lb.getDomRef());
		jQuery.sap.byId(oList.getId() + "-lst").removeClass("sapUiUx3ExactLstScroll");
		if(jListRef.length > 0 && jListRef.outerHeight() < jListRef[0].scrollHeight){
			jQuery.sap.byId(oList.getId() + "-lst").addClass("sapUiUx3ExactLstScroll");
			return true;
		}
	}
	return false;
};


//Collapses or expands the given list horizontally
var collapseHorizontally = function(oList, bCollapse, oEvent, bSkipParentTraversal){
	if(oEvent){
		oEvent.preventDefault();
		oEvent.stopPropagation();
	}
	if(oList._isTop()){
		return;
	}
	if(oList._bCollapsed != bCollapse){
		//Toggles the horizontal Collapse State
		var bFocus = !!oEvent;
		var cntntAnimParam = {};
		cntntAnimParam["margin-" + (oList._bRTL ? "right" : "left")] = (oList._bCollapsed ?
				(oList._iCurrentWidth + "px") : sap.ui.core.theming.Parameters.get("sap.ui.ux3.ExactList:sapUiUx3ExactLstCollapseWidth"));
		cntntAnimParam["border-top-width"] = (oList._bCollapsed ? 
				sap.ui.core.theming.Parameters.get("sap.ui.ux3.ExactList:sapUiUx3ExactLstContentTop") : "0px");
		
		var $Ctnt = jQuery.sap.byId(oList.getId()+"-cntnt");
		if(jQuery.fx.off){
			for(var css in cntntAnimParam){
				$Ctnt.css(css, cntntAnimParam[css]);
			}
		}else{
			$Ctnt.stop(true, true).animate(cntntAnimParam, 200, 'linear');
		}
		
		if(oList._bCollapsed){
			//expand
			animate(jQuery.sap.byId(oList.getId()+"-lst"), true, oList._iCurrentWidth+"px", function() {
				jQuery(oList.getDomRef()).removeClass("sapUiUx3ExactLstCollapsed");
				jQuery.sap.byId(oList.getId()+"-head").css("overflow", "hidden");
			}, function($Ref) {
				jQuery.sap.byId(oList.getId()+"-hide")
					.html(sap.ui.ux3.ExactListRenderer.getExpanderSymbol(true, true))
					.attr("title", oList._rb.getText("EXACT_LST_LIST_COLLAPSE"));
				if(bFocus){
					oList.focus();
				}
				var $head = jQuery.sap.byId(oList.getId()+"-head");
				jQuery.sap.byId(oList.getId()+"-head-txt").removeAttr("style");
				$head.removeAttr("style");
				$Ref.removeAttr("style");
				refreshScrollBehaviour(oList);
				setWidth(oList, oList._iCurrentWidth);
				refreshCollapseHeaderTextWidth(oList);
				
				$head.removeAttr("role");
				$head.removeAttr("aria-label");
				$head.removeAttr("aria-expanded");
				
				var oAtt = oList._getAtt();
				if(oAtt && oAtt._scrollToAttributeId){
					oAtt.scrollTo(sap.ui.getCore().byId(oAtt._scrollToAttributeId));
				}
				
			});
			
			oList._oCollapseStyles = undefined;
		}else{
			oList._oCollapseStyles = {};
			
			//collapse
			animate(jQuery.sap.byId(oList.getId()+"-lst"), true, 0, null, function() {
				jQuery(oList.getDomRef()).addClass("sapUiUx3ExactLstCollapsed");
				jQuery.sap.byId(oList.getId()+"-hide")
					.html(sap.ui.ux3.ExactListRenderer.getExpanderSymbol(false, true))
					.attr("title", oList._rb.getText("EXACT_LST_LIST_EXPAND"));
				if(bFocus){
					oList.focus();
				}
				refreshCollapseHeaderTextWidth(oList);
				
				var $head = jQuery.sap.byId(oList.getId()+"-head");
				$head.attr("role", "region");
				$head.attr("aria-label", oList._rb.getText("EXACT_LST_LIST_COLL_ARIA_LABEL", [oList._iLevel, oList._getAtt().getText()]));
				$head.attr("aria-expanded", "false");
			});
			
			//Remember the current styles for rerendering
			var aStyles = [];
			for(var css in cntntAnimParam){
				aStyles.push(css, ":", cntntAnimParam[css], ";");
			}
			oList._oCollapseStyles["cntnt"] = aStyles.join("");
			oList._oCollapseStyles["lst"] = "width:0px;";
		}
		
		oList._bCollapsed = !oList._bCollapsed;
	}
	
	if(bSkipParentTraversal){
		return;
	}
	var oParent = oList.getParent();
	if(!oList._isTop() && oParent && oParent._isTop && !oParent._isTop()){
		collapseHorizontally(oParent, bCollapse);
	}
};


//Refreshs the header text width of all collapsed lists
var refreshCollapseHeaderTextWidth = function(oList) {
	if(oList._bCollapsed){
		var iWidth = jQuery.sap.byId(oList.getId()+"-cntnt").height()-50/*Space for Header Action Buttons - Maybe provide theme parameter in future*/;
		var $txt = jQuery.sap.byId(oList.getId()+"-head-txt");
		$txt.css("width", iWidth+"px");
		if(jQuery("html").attr("data-sap-ui-browser") == "ie8") {
			//A text with 90px width is correct aligned when bottom:75px is set
			var iBottom = 75-(90-iWidth);
			$txt.css("bottom", iBottom+"px");
		}
	}
	var aSubLists = oList.getSubLists();
	for(var i=0; i<aSubLists.length; i++){
		refreshCollapseHeaderTextWidth(aSubLists[i]);
	}
};


//Toggles the vertical Collapse State
var toggleVerticalCollapseState = function(oList){
	var jListContRef = jQuery.sap.byId(oList.getId() + "-lst");
	if(jListContRef.hasClass("sapUiUx3ExactLstExpanded")){
		//collapse
		oList._oPopup.close();
	}else{
		//expand
		oList._oPopup.open();
	}
};


//Handles the close of the list
var close = function(oList, bSkipNotify, fCallback){
	var fFinalize = function(jRef) {
		if(!bSkipNotify){
			var oAttr = oList._getAtt();
			var iSelectedIndex = oAttr.getParent().indexOfAttribute(oAttr);
			clearAttribute(oList.getParent(), oAttr, iSelectedIndex, true);
			setHeaderText(oList.getParent());
			getTopList(oList)._selectionChanged(oAttr);
		}
		oList.destroy();
		if(fCallback){
			fCallback();
		}
	};

	var oListRef = oList.getDomRef();
	if(oListRef){
		animate(jQuery(oListRef), true, 0, function(jRef) {
			jRef.css("overflow", "hidden");
		}, fFinalize);
	}else{
		fFinalize();
	}
};


//Creates a new ExactList for the given attribute if the attribute is selected and does not have a corresponding list yet.
//If the attribute has a corresponding list already this list is returned.
var createExactListForAttribute = function(oList, oAttribute) {
	if(oAttribute.getSelected()){
		var aAttributes = oAttribute.getAttributesInternal(true);
		if(aAttributes.length > 0){
			var oSubList;
			if(oAttribute.getChangeListener()){
				oSubList = sap.ui.getCore().byId(oAttribute.getChangeListener().id);
			}else{
				oSubList = new sap.ui.ux3.ExactList();
			}

			oSubList.setData(oAttribute);
			return oSubList;
		}
	}

	return null;
};


//Sets the selection property of the given attribute and all its sub-attributes to false.
//Additionally the given index in the lists ListBox is unselected. ExactLists which corresponds
//to the cleared attributes are closed if bSkipNotify is not set.
var clearAttribute = function(oList, oAttribute, iSelectedIndex, bSkipNotify){
	oList._lb.removeSelectedIndex(iSelectedIndex);
	oAttribute._clearSelection();
	if(!bSkipNotify){
		var aSubLists = oList.getSubLists();
		for(var i=0; i<aSubLists.length; i++){
			if(aSubLists[i].getData() === oAttribute.getId()){
				close(aSubLists[i], true);
			}
		}
	}
};


//Removes the change listener which is attached to the lists attribute.
var clearChangeListener = function(oList) {
	var oAttr = oList._getAtt();
	if(oAttr && oAttr.getChangeListener() && oAttr.getChangeListener().id === oList.getId()) {
		oAttr.setChangeListener(null);
	}
};


//Returns the top most list.
var getTopList = function(oList) {
	if(oList._isTop()){
		return oList;
	}
	if(!oList._oTopList){
		oList._oTopList = getTopList(oList.getParent());
	}
	return oList._oTopList;
};


var getOrCreateListItem = function(oAttribute){
	var oItem;
	if(oAttribute.__oItem){
		oItem = oAttribute.__oItem;
		if(oItem.getText() != oAttribute.getText()){
			oItem.setText(oAttribute.getText());
		}
		if(oItem.getKey() != oAttribute.getId()){
			oItem.setKey(oAttribute.getId());
		}
	}else{
		oItem = new sap.ui.core.ListItem({text:oAttribute.getText(), key: oAttribute.getId()});
		oAttribute.exit = function() {
			if(sap.ui.ux3.ExactAttribute.prototype.exit){
				sap.ui.ux3.ExactAttribute.prototype.exit.apply(oAttribute, []);
			}
			this.__oItem.destroy();
			this.__oItem = null;
		};
		oAttribute.__oItem = oItem;
	}
	return oItem;
};


}());


//Override docu of the "internal" aggregation subLists.

/**
 * Getter for aggregation <code>subLists</code>.<br/>
 * The sub ExactLists of this list. This aggregation must not be maintained from outside. The control automatically takes care to fill this aggregation according to the given ExactAttribute.
 *
 * @return {sap.ui.ux3.ExactList[]}
 * @protected
 */

/**
 * Inserts a subList into the aggregation named <code>subLists</code>.
 *
 * @param {sap.ui.ux3.ExactList}
 *          oSubList the subList to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the subList should be inserted at; for
 *             a negative value of <code>iIndex</code>, the subList is inserted at position 0; for a value
 *             greater than the current size of the aggregation, the subList is inserted at
 *             the last position
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @protected
 */

/**
 * Adds some subList <code>oSubList</code>
 * to the aggregation named <code>subLists</code>.
 *
 * @param {sap.ui.ux3.ExactList}
 *            oSubList the subList to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @protected
 */

/**
 * Removes an subList from the aggregation named <code>subLists</code>.
 *
 * @param {int | string | sap.ui.ux3.ExactList} vSubList the subList to remove or its index or id
 * @return {sap.ui.ux3.ExactList} the removed subList or null
 * @protected
 */

/**
 * Removes all the controls in the aggregation named <code>subLists</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ExactList[]} an array of the removed elements (might be empty)
 * @protected
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ExactList</code> in the aggregation named <code>subLists</code>
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ExactList}
 *            oSubList the subList whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @protected
 */

/**
 * Destroys all the subLists in the aggregation
 * named <code>subLists</code>.
 * @return {sap.ui.ux3.ExactList} <code>this</code> to allow method chaining
 * @protected
 */

}; // end of sap.ui.ux3.ExactList
if ( !jQuery.sap.isDeclared('sap.ui.ux3.FacetFilter') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.FacetFilter.
jQuery.sap.declare("sap.ui.ux3.FacetFilter");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new FacetFilter.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getLists lists} : sap.ui.ux3.FacetFilterList[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * FacetFilter Control.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.FacetFilter
 */
sap.ui.core.Control.extend("sap.ui.ux3.FacetFilter", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"visible" : {type : "boolean", group : "", defaultValue : true}
	},
	aggregations : {
    	"lists" : {type : "sap.ui.ux3.FacetFilterList", multiple : true, singularName : "list"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.FacetFilter with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.FacetFilter.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.ux3.FacetFilter#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.ux3.FacetFilter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilter#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>lists</code>.<br/>
 * Facet Filter list represents the list of the filter values and the title of this list.
 * 
 * @return {sap.ui.ux3.FacetFilterList[]}
 * @public
 * @name sap.ui.ux3.FacetFilter#getLists
 * @function
 */


/**
 * Inserts a list into the aggregation named <code>lists</code>.
 *
 * @param {sap.ui.ux3.FacetFilterList}
 *          oList the list to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the list should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the list is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the list is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.FacetFilter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilter#insertList
 * @function
 */

/**
 * Adds some list <code>oList</code> 
 * to the aggregation named <code>lists</code>.
 *
 * @param {sap.ui.ux3.FacetFilterList}
 *            oList the list to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.FacetFilter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilter#addList
 * @function
 */

/**
 * Removes an list from the aggregation named <code>lists</code>.
 *
 * @param {int | string | sap.ui.ux3.FacetFilterList} vList the list to remove or its index or id
 * @return {sap.ui.ux3.FacetFilterList} the removed list or null
 * @public
 * @name sap.ui.ux3.FacetFilter#removeList
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>lists</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.FacetFilterList[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.FacetFilter#removeAllLists
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.FacetFilterList</code> in the aggregation named <code>lists</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.FacetFilterList}
 *            oList the list whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.FacetFilter#indexOfList
 * @function
 */
	

/**
 * Destroys all the lists in the aggregation 
 * named <code>lists</code>.
 * @return {sap.ui.ux3.FacetFilter} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilter#destroyLists
 * @function
 */


// Start of sap/ui/ux3/FacetFilter.js

}; // end of sap.ui.ux3.FacetFilter
if ( !jQuery.sap.isDeclared('sap.ui.ux3.FacetFilterList') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.FacetFilterList.
jQuery.sap.declare("sap.ui.ux3.FacetFilterList");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new FacetFilterList.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTitle title} : string</li>
 * <li>{@link #getMultiSelect multiSelect} : boolean (default: true)</li>
 * <li>{@link #getDisplaySecondaryValues displaySecondaryValues} : boolean (default: false)</li>
 * <li>{@link #getSelectedKeys selectedKeys} : string[]</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.core.ListItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.FacetFilterList#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Internal sub-control of the FacetFilter. The control is not intended to be used stand alone. For this purpose, the FacetFilter control can be used.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @experimental Since version 1.5. 
 * API is not yet finished and might change completely
 * @name sap.ui.ux3.FacetFilterList
 */
sap.ui.core.Control.extend("sap.ui.ux3.FacetFilterList", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"title" : {type : "string", group : "Misc", defaultValue : null},
		"multiSelect" : {type : "boolean", group : "Behavior", defaultValue : true},
		"displaySecondaryValues" : {type : "boolean", group : "Misc", defaultValue : false},
		"selectedKeys" : {type : "string[]", group : "Misc", defaultValue : null}
	},
	aggregations : {
    	"items" : {type : "sap.ui.core.ListItem", multiple : true, singularName : "item"}, 
    	"controls" : {type : "sap.ui.commons.ListBox", multiple : true, singularName : "control", visibility : "hidden"}
	},
	events : {
		"select" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.FacetFilterList with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.FacetFilterList.extend
 * @function
 */

sap.ui.ux3.FacetFilterList.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>title</code>.
 * The title of this list.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.FacetFilterList#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilterList#setTitle
 * @function
 */


/**
 * Getter for property <code>multiSelect</code>.
 * Specifies whether multiple or single selection is used.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>multiSelect</code>
 * @public
 * @name sap.ui.ux3.FacetFilterList#getMultiSelect
 * @function
 */

/**
 * Setter for property <code>multiSelect</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bMultiSelect  new value for property <code>multiSelect</code>
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilterList#setMultiSelect
 * @function
 */


/**
 * Getter for property <code>displaySecondaryValues</code>.
 * Specifies whether the text values from the additionalText property (see sap.ui.core.ListItems) shall be displayed.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>displaySecondaryValues</code>
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.FacetFilterList#getDisplaySecondaryValues
 * @function
 */

/**
 * Setter for property <code>displaySecondaryValues</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bDisplaySecondaryValues  new value for property <code>displaySecondaryValues</code>
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.FacetFilterList#setDisplaySecondaryValues
 * @function
 */


/**
 * Getter for property <code>selectedKeys</code>.
 * Array of type string containing the selected keys.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string[]} the value of property <code>selectedKeys</code>
 * @public
 * @name sap.ui.ux3.FacetFilterList#getSelectedKeys
 * @function
 */

/**
 * Setter for property <code>selectedKeys</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string[]} aSelectedKeys  new value for property <code>selectedKeys</code>
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilterList#setSelectedKeys
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * The filter values that are presented as a list.
 * 
 * @return {sap.ui.core.ListItem[]}
 * @public
 * @name sap.ui.ux3.FacetFilterList#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.ListItem}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilterList#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.core.ListItem}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilterList#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.core.ListItem} vItem the item to remove or its index or id
 * @return {sap.ui.core.ListItem} the removed item or null
 * @public
 * @name sap.ui.ux3.FacetFilterList#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.ListItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.FacetFilterList#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.ListItem</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.ListItem}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.FacetFilterList#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilterList#destroyItems
 * @function
 */


/**
 * On Select event. 
 *
 * @name sap.ui.ux3.FacetFilterList#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id Id of the FacetFilterList taht fires the event.
 * @param {int[]} oControlEvent.getParameters.selectedIndices Array of selected Indices.
 * @param {sap.ui.core.ListItem[]} oControlEvent.getParameters.selectedItems Array of selected Items.
 * @param {boolean} oControlEvent.getParameters.all If it is true, then Item All is selected. That means all items in the list are selected - no filter is set.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.ux3.FacetFilterList</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FacetFilterList</code>.<br/> itself. 
 *  
 * On Select event. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FacetFilterList</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilterList#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.ux3.FacetFilterList</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FacetFilterList#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> Id of the FacetFilterList taht fires the event.</li>
 * <li>'selectedIndices' of type <code>int[]</code> Array of selected Indices.</li>
 * <li>'selectedItems' of type <code>sap.ui.core.ListItem[]</code> Array of selected Items.</li>
 * <li>'all' of type <code>boolean</code> If it is true, then Item All is selected. That means all items in the list are selected - no filter is set.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FacetFilterList} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FacetFilterList#fireSelect
 * @function
 */


// Start of sap/ui/ux3/FacetFilterList.js
jQuery.sap.require('sap.ui.commons.ListBox'); // unlisted dependency retained
 // unlisted dependency retained


(function() {

/**
 * Does the setup when the control is created.
 * @private
 */
sap.ui.ux3.FacetFilterList.prototype.init = function(){

    // Get the translatable text
	this._oResBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");

	//For later use
	//this._bAccMode = sap.ui.getCore().getConfiguration().getAccessibility();
	//this._bRtlMode = sap.ui.getCore().getConfiguration().getRTL();

	//Create the used ListBox control
	this._oListBox = new sap.ui.commons.ListBox(this.getId() + "-lb");
	this._oListBox.setVisibleItems(5);
	this._oListBox.setScrollTop(0);
	this._oListBox.setValueTextAlign("Begin");
	this._oListBox.setDisplaySecondaryValues(this.getDisplaySecondaryValues());
	this._oListBox.setDisplayIcons(false);
	this._oListBox.setEditable(true);
	this._oListBox.setEnabled(true);
	this._oListBox.setVisible(true);
	this._oListBox.setAllowMultiSelect(this.getMultiSelect());
	this._oListBox.addAriaLabelledBy(this.getId() + "-head-txt");
	var that=this;
	//Attach to the ListBox select event
	this._oListBox.attachSelect(function(oEvent) {
		that.onSelect(that, oEvent);
	});
	this.addAggregation("controls", this._oListBox);
	this._oItemAll = new sap.ui.core.ListItem({text: this._oResBundle.getText("FACETFILTER_ALL", [0]), key:"sapUiFacetFilter_ALL"});
	this._oListBox.addItem(this._oItemAll);
};

sap.ui.ux3.FacetFilterList.prototype.setMultiSelect = function(bMultiSelect) {
	this._oListBox.setAllowMultiSelect(bMultiSelect);
	this.setProperty("multiSelect", bMultiSelect, true);
};

sap.ui.ux3.FacetFilterList.prototype.setDisplaySecondaryValues = function(bDisplaySecondaryValues) {
	this._oListBox.setDisplaySecondaryValues(bDisplaySecondaryValues);
	this.setProperty("displaySecondaryValues", bDisplaySecondaryValues, true);
};

sap.ui.ux3.FacetFilterList.prototype.addItem = function(oItem) {
	this._oListBox.addItem(oItem);
	if (!oItem.getKey() || jQuery.trim(oItem.getKey()) == "" ){
		oItem.setKey("generatedkey" + this.indexOfItem(oItem));
	}
	this.updateText4All();
};

sap.ui.ux3.FacetFilterList.prototype.insertItem = function(oItem, iIndex) {
	this._oListBox.insertItem(oItem, iIndex + 1); // +1 because of entry "all" on the fist position.
	if (!oItem.getKey() || jQuery.trim(oItem.getKey()) == "" ){
		oItem.setKey("generatedkey" + this.indexOfItem(oItem));
	}
	this.updateText4All();
};

sap.ui.ux3.FacetFilterList.prototype.removeItem = function(oItem) {
	this._oListBox.removeItem(oItem);
	this.updateText4All();
};

sap.ui.ux3.FacetFilterList.prototype.removeAllItems = function() {
	this._oListBox.removeAllItems();
	this._oListBox.addItem(this._oItemAll);
	this.updateText4All();
};

sap.ui.ux3.FacetFilterList.prototype.destroyItems = function() {
	this._oListBox.removeItem(this._oItemAll);
	this._oListBox.destroyItems();
	this._oListBox.addItem(this._oItemAll);
	this.updateText4All();
};

sap.ui.ux3.FacetFilterList.prototype.indexOfItem = function(oItem) {
	var iIndex = this._oListBox.indexOfItem(oItem);
	if (iIndex > -1) { // index values -1, -2 and 0 stay unchanged
		iIndex = iIndex - 1;
	}
	return iIndex;
};

sap.ui.ux3.FacetFilterList.prototype.getItems = function() {
	var aListItems = this._oListBox.getItems();
	var aItems = [];
	for(var i=1; i<aListItems.length; i++){
		aItems.push(aListItems[i]);
	}
	return aItems;
}

sap.ui.ux3.FacetFilterList.prototype.setSelectedKeys = function(aSelectedKeys) {
	this.setProperty("selectedKeys", aSelectedKeys);
	this.invalidate(); 
}

/**
 *
 * @private
 */
sap.ui.ux3.FacetFilterList.prototype.updateText4All = function() {
	this._oItemAll.setText( this._oResBundle.getText("FACETFILTER_ALL", [this._oListBox.getItems().length - 1]));
};

/**
 * Used for after-rendering initialization.
 *
 * @private
 */
sap.ui.ux3.FacetFilterList.prototype.onBeforeRendering = function() {
	var aKeys = this.getSelectedKeys();
	if (aKeys && aKeys.length > 0) {
		this._oListBox.setSelectedKeys(aKeys);
		this._bAllOnly = false;
	} else {
		this._oListBox.setSelectedKeys(["sapUiFacetFilter_ALL"]);
		this._bAllOnly = true;
	}
};


//Handles the select event of the used ListBox control
sap.ui.ux3.FacetFilterList.prototype.onSelect = function(oFFList, oEvent) {
    var aSelectedKeys = this._oListBox.getSelectedKeys();
    //if no selection at all - mark ALL
    if (aSelectedKeys.length == 0) {
    	aSelectedKeys = ["sapUiFacetFilter_ALL"];
    	this._bAllOnly = true;
    	this._oListBox.setSelectedKeys(aSelectedKeys);
    }
    var iIndexAll = jQuery.inArray("sapUiFacetFilter_ALL", aSelectedKeys);
    if (iIndexAll > -1) {
    	if (aSelectedKeys.length == 1){
    		this._bAllOnly = true;
    	} else {
    		if (this._bAllOnly) {
    			aSelectedKeys.splice(iIndexAll,1);
    			this._bAllOnly = false;
    		} else {
    			aSelectedKeys = ["sapUiFacetFilter_ALL"];
    			this._bAllOnly = true;
    		}
    		this._oListBox.setSelectedKeys(aSelectedKeys);
    	}
    } else {
    	this._bAllOnly = false;
    }

	this.setProperty("selectedKeys", aSelectedKeys, true);
	
	var aSelectedIndices = [];
	var aSelectedItems = [];
	var aAllSelectedItems = this._oListBox.getSelectedItems();
	if(!this._bAllOnly){
		 for(var i=0; i<aAllSelectedItems.length; i++){
			 if(aAllSelectedItems[i] != this._oItemAll){
				 aSelectedIndices.push(this.indexOfItem(aAllSelectedItems[i]));
				 aSelectedItems.push(aAllSelectedItems[i]);
			 }
		 }
	}
	
	this.fireSelect({
		id:oFFList.getId(),
		all:this._bAllOnly,
		selectedIndices: aSelectedIndices,
		selectedItems: aSelectedItems
	});
};

}());

}; // end of sap.ui.ux3.FacetFilterList
if ( !jQuery.sap.isDeclared('sap.ui.ux3.Feeder') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.Feeder.
jQuery.sap.declare("sap.ui.ux3.Feeder");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Feeder.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getThumbnailSrc thumbnailSrc} : sap.ui.core.URI</li>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getType type} : sap.ui.ux3.FeederType (default: sap.ui.ux3.FeederType.Large)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.Feeder#event:submit submit} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This feed control flavor represents a lean common feed, or a comment feed, with a text commit function.
 * The control can be used stand alone or in a multiple way, and generally would be integrated directly into a UIArea.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @experimental Since version 1.2. 
 * The whole Feed/Feeder API is still under discussion, significant changes are likely. Especially text presentation (e.g. @-references and formatted text) is not final. Also the Feed model topic is still open.
 * @name sap.ui.ux3.Feeder
 */
sap.ui.core.Control.extend("sap.ui.ux3.Feeder", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"thumbnailSrc" : {type : "sap.ui.core.URI", group : "Data", defaultValue : null},
		"text" : {type : "string", group : "Data", defaultValue : null},
		"type" : {type : "sap.ui.ux3.FeederType", group : "Appearance", defaultValue : sap.ui.ux3.FeederType.Large}
	},
	events : {
		"submit" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.Feeder with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.Feeder.extend
 * @function
 */

sap.ui.ux3.Feeder.M_EVENTS = {'submit':'submit'};


/**
 * Getter for property <code>thumbnailSrc</code>.
 * URL to the thumb nail image
 * This property is optional if the feeder is a sub-control of a feed or a feedChunk control. In this case the value of the feed or feddChunk control is used if it's not set. So it must be only set once on the feed or feedChunk control.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>thumbnailSrc</code>
 * @public
 * @name sap.ui.ux3.Feeder#getThumbnailSrc
 * @function
 */

/**
 * Setter for property <code>thumbnailSrc</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sThumbnailSrc  new value for property <code>thumbnailSrc</code>
 * @return {sap.ui.ux3.Feeder} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feeder#setThumbnailSrc
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * The text for the Feeder. @References are supported.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.ux3.Feeder#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.ux3.Feeder} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feeder#setText
 * @function
 */


/**
 * Getter for property <code>type</code>.
 * Type and size of the Feeder
 *
 * Default value is <code>sap.ui.ux3.FeederType.Large</code>
 *
 * @return {sap.ui.ux3.FeederType} the value of property <code>type</code>
 * @public
 * @name sap.ui.ux3.Feeder#getType
 * @function
 */

/**
 * Setter for property <code>type</code>.
 *
 * Default value is <code>sap.ui.ux3.FeederType.Large</code> 
 *
 * @param {sap.ui.ux3.FeederType} oType  new value for property <code>type</code>
 * @return {sap.ui.ux3.Feeder} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feeder#setType
 * @function
 */


/**
 * Event is fired when the entered text is submitted 
 *
 * @name sap.ui.ux3.Feeder#submit
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.text The text that is submitted
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'submit' event of this <code>sap.ui.ux3.Feeder</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Feeder</code>.<br/> itself. 
 *  
 * Event is fired when the entered text is submitted 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Feeder</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Feeder} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feeder#attachSubmit
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'submit' event of this <code>sap.ui.ux3.Feeder</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Feeder} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feeder#detachSubmit
 * @function
 */

/**
 * Fire event submit to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'text' of type <code>string</code> The text that is submitted</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Feeder} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Feeder#fireSubmit
 * @function
 */


// Start of sap/ui/ux3/Feeder.js
jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Button'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * This file defines behavior for the control,
 */

sap.ui.ux3.Feeder.prototype.init = function(){
	this.rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
	this.oSendButton = new sap.ui.commons.Button( this.getId() + "-send", {
			style: sap.ui.commons.ButtonStyle.Emph
		}).setParent(this);
	this.oSendButton.attachEvent('press', this.handleSendButtonPress, this); // attach event this way to have the right this-reference in handler

};

/*
 * as onBeforeRendering only runs while re-rendering this module is called in renderer
 */
sap.ui.ux3.Feeder.prototype.initSendButton = function(){
	if (this.getText() == "") {
		// no re-rendering as button is not rendered now.
		this.oSendButton.setProperty('enabled', false, true);
	}

	var sArrow = "";

	switch (this.getType()){
	case( sap.ui.ux3.FeederType.Medium):
		sArrow = sap.ui.core.theming.Parameters.get('sap.ui.ux3.Feeder:sapUiFeederArrowMediumUrl');
	break;
	case( sap.ui.ux3.FeederType.Comment):
		sArrow = sap.ui.core.theming.Parameters.get('sap.ui.ux3.Feeder:sapUiFeederArrowSmallUrl');
	break;
	default: // large feeder is default
		sArrow = sap.ui.core.theming.Parameters.get('sap.ui.ux3.Feeder:sapUiFeederArrowLargeUrl');
	break;
	}

	if (!sArrow || sArrow == "") {
		// no arrow image
		// no re-rendering as button is not rendered now.
		this.oSendButton.setProperty('text', '-->', true);
	} else {
		// no re-rendering as button is not rendered now.
		if (sap.ui.getCore().getConfiguration().getRTL()) {
			sArrow = sArrow.replace(/\/img\//, "/img-RTL/");
		}
		this.oSendButton.setProperty('icon', jQuery.sap.getModulePath("sap.ui.ux3", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sArrow, true);
	}

};

sap.ui.ux3.Feeder.prototype.exit = function(){
	this.rb = undefined;
	this.oInput = undefined;
	if(this.oSendButton){
		this.oSendButton.destroy();
		delete this.oSendButton;
	}
};

/**
 * After rendering, keep the input field jQuery object as attribute
 * for reuse
 *
 * @private
 */
sap.ui.ux3.Feeder.prototype.onAfterRendering = function () {
	this.oInput = jQuery.sap.byId(this.getId()+"-input");
};

/**
 * handler for click event
 *
 * @private
 */
sap.ui.ux3.Feeder.prototype.onclick = function(oEvent){

	var sTargetId = oEvent.target.getAttribute( 'ID' );

	switch ( sTargetId ){
	case ( this.getId() + '-send' ):
		// Click on send button (should be handled in button)
	break;
	case ( this.getId() + '-input'):
		// Click on input field

	break;
	default:

	break;
	}

};

/**
 * handler for focusIn
 *
 * If the Feeder is empty the default text must be cleared
 * @private
 */
sap.ui.ux3.Feeder.prototype.onfocusin = function(oEvent){

	this.oInput.find(".sapUiFeederEmptyText").remove();

};

/**
 * handler for focusOut
 *
 * If the Feeder is empty the default text written
 * @private
 */
sap.ui.ux3.Feeder.prototype.onfocusout = function(oEvent){

	var sText = this.oInput.text();
	if(sText == ""){
		this.oInput.empty(); // to remove invisible line breaks and so on
		this.oInput.append(sap.ui.ux3.FeederRenderer.getEmptyTextInfo(this));
	}

	this.setProperty("text", sText, true); // no rerendering!

};

// overrides sap.ui.core.Element.getFocusDomRef()
sap.ui.ux3.Feeder.prototype.getFocusDomRef = function(){
	return jQuery.sap.domById(this.getId() + "-input");
};

/**
 * handler for keyUp
 *
 * if text is entered the button must be enables, if empty it must be disabled
 * @private
 */
sap.ui.ux3.Feeder.prototype.onkeyup = function(oEvent){

	if(this.oInput.text() == ""){
		this.oSendButton.setEnabled(false);
	}else{
		this.oSendButton.setEnabled(true);
	}

	//Clean input so we avoid having invisible DOM content
//	if(!this.oInput.text()){
//		this.oInput.empty();
//	}

};

/**
 * Handler for send-button press
 *
 * @private
 */
sap.ui.ux3.Feeder.prototype.handleSendButtonPress = function(oEvent){

	var sText = this.getMultilineText(this.oInput);
	this.setProperty("text", sText, true); // no rerendering!
	this.fireSubmit({text: sText});
	this.setText(''); // clear text after submit

};

/**
 * get multiline text from input DIV
 *
 * @param {object} [oInput] jQuery object of the input field
 *
 * @private
 */
sap.ui.ux3.Feeder.prototype.getMultilineText = function(oInput){

	// loop at children to find text elements
	var aChildren = oInput.get(0).childNodes,
		sText = "";

	for ( var i = 0; i < aChildren.length; i++) {
		var oChild = aChildren[i];

		switch (oChild.nodeName) {
		case "#text":
			if (oChild.innerText) { //IE
				sText = sText + oChild.innerText;
			}else if (oChild.nodeValue){//Firefox, Safari
				sText = sText + oChild.nodeValue;
			}
			break;

		case "BR": //Firefox
			sText = sText + "\n";
			break;

		case "P":
			if (oChild.innerText) { //IE
				sText = sText + oChild.innerText + "\n";
			}else if (oChild.textContent){
				sText = sText + oChild.textContent;
			}else{// just empty linebreak
				sText = sText + "\n";
			}
			break;

		case "DIV": //Safari
			sText = sText + "\n" + oChild.textContent;
			break;

		case "#comment": //Firefox - if copied and pasted from MS-Word -> ignore
			break;

		case "PRE": // copied from MS Word - add linebreak
			if (oChild.innerText) { //IE
				sText = sText + oChild.innerText + "\n";
			}else if (oChild.textContent){
				sText = sText + oChild.textContent + "\n";
			}
			break;

		default:
			// other tags (e.g. by copy&paste of HTML text into feeder) -> just check if text is there and take it
			if (oChild.innerText) { //IE
				sText = sText + oChild.innerText + "\n";
			}else if (oChild.textContent){
				sText = sText + oChild.textContent;
			}
			break;
		}
	}

	return(sText);
};

/*
 * Overwrite standard getter for thumbnail source:
 * If not set and feeder is child of a Feed or FeedChunk use the thumbnailsource of the parent
 * So it must not be set manually for each sub-control and is always in sync
 */
sap.ui.ux3.Feeder.prototype.getThumbnailSrc = function() {
	var sThumbnailSrc =  this.getProperty("thumbnailSrc");

	if (!sThumbnailSrc || sThumbnailSrc == "") {
		var oParent = this.getParent();
		if (oParent &&(oParent instanceof sap.ui.ux3.Feed || oParent instanceof sap.ui.ux3.FeedChunk)) {
			sThumbnailSrc = oParent.getFeederThumbnailSrc();
		}
	}

	return sThumbnailSrc;
};

sap.ui.ux3.Feeder.prototype.onpaste = function(oEvent){

	// call after paste function delayed to have content already pasted (in the moment only needed in FireFox)
	if (jQuery.browser.mozilla) {
		jQuery.sap.delayedCall(10, this, "onAfterPaste");
	}

};

sap.ui.ux3.Feeder.prototype.onAfterPaste = function(){

	// if pasted from MS Word in FireFox text is longer that contenteditable DIV
	// -> add overflow:hidden to PRE elements
	var aChildren = this.oInput.get(0).childNodes;

	for ( var i = 0; i < aChildren.length; i++) {
		var oChild = aChildren[i];
		if (oChild.nodeName == "PRE") {
			jQuery(oChild).css("overflow", "hidden");
		}
	}

};
}; // end of sap.ui.ux3.Feeder
if ( !jQuery.sap.isDeclared('sap.ui.ux3.NavigationBar') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.NavigationBar.
jQuery.sap.declare("sap.ui.ux3.NavigationBar");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new NavigationBar.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getToplevelVariant toplevelVariant} : boolean (default: false)</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getItems items} : sap.ui.ux3.NavigationItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getSelectedItem selectedItem} : string | sap.ui.ux3.NavigationItem</li>
 * <li>{@link #getAssociatedItems associatedItems} : string | sap.ui.ux3.NavigationItem</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.NavigationBar#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Provides enhanced navigation capabilities and is the parent control of NavigationItem. It is displayed in the form of a horizontal line
 * with switching markers depending on the currently selected item. The size of an item which is currently chosen by the user is enlarged. In the case
 * that a large number of items are defined for the bar, this is made transparent to the user by showing symbols for scrolling options (forwards and backwards)
 * to see the next or previous items.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.NavigationBar
 */
sap.ui.core.Control.extend("sap.ui.ux3.NavigationBar", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"setAssociatedItems", "isSelectedItemValid"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"toplevelVariant" : {type : "boolean", group : "Misc", defaultValue : false},
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true}
	},
	defaultAggregation : "items",
	aggregations : {
    	"items" : {type : "sap.ui.ux3.NavigationItem", multiple : true, singularName : "item"}
	},
	associations : {
		"selectedItem" : {type : "sap.ui.ux3.NavigationItem", multiple : false}, 
		"associatedItems" : {type : "sap.ui.ux3.NavigationItem", multiple : true, singularName : "associatedItem"}
	},
	events : {
		"select" : {allowPreventDefault : true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.NavigationBar with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.NavigationBar.extend
 * @function
 */

sap.ui.ux3.NavigationBar.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>toplevelVariant</code>.
 * Defines whether the navigation bar shall have top-level appearance
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>toplevelVariant</code>
 * @public
 * @name sap.ui.ux3.NavigationBar#getToplevelVariant
 * @function
 */

/**
 * Setter for property <code>toplevelVariant</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bToplevelVariant  new value for property <code>toplevelVariant</code>
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#setToplevelVariant
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible controls are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.ux3.NavigationBar#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#setVisible
 * @function
 */


/**
 * Getter for aggregation <code>items</code>.<br/>
 * If the navigation items need to have a different parent than the NavigationBar, alternatively the associatedItems association can be used.
 * The NavigationBar follows the approach to use the items aggregation. If this aggregation is empty, associatedItems is used.
 * 
 * @return {sap.ui.ux3.NavigationItem[]}
 * @public
 * @name sap.ui.ux3.NavigationBar#getItems
 * @function
 */


/**
 * Inserts a item into the aggregation named <code>items</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *          oItem the item to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the item should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the item is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the item is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#insertItem
 * @function
 */

/**
 * Adds some item <code>oItem</code> 
 * to the aggregation named <code>items</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oItem the item to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#addItem
 * @function
 */

/**
 * Removes an item from the aggregation named <code>items</code>.
 *
 * @param {int | string | sap.ui.ux3.NavigationItem} vItem the item to remove or its index or id
 * @return {sap.ui.ux3.NavigationItem} the removed item or null
 * @public
 * @name sap.ui.ux3.NavigationBar#removeItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>items</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.NavigationItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.NavigationBar#removeAllItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.NavigationItem</code> in the aggregation named <code>items</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oItem the item whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.NavigationBar#indexOfItem
 * @function
 */
	

/**
 * Destroys all the items in the aggregation 
 * named <code>items</code>.
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#destroyItems
 * @function
 */


/**
 * The selected NavigationItem.
 *
 * @return {string} Id of the element which is the current target of the <code>selectedItem</code> association, or null
 * @public
 * @name sap.ui.ux3.NavigationBar#getSelectedItem
 * @function
 */

/**
 * The selected NavigationItem.
 *
 * @param {string | sap.ui.ux3.NavigationItem} vSelectedItem 
 *    Id of an element which becomes the new target of this <code>selectedItem</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#setSelectedItem
 * @function
 */


	
/**
 * This association is ignored as long as the items aggregation is used; and supposed to be used alternatively when the items should be aggregated by other
 * entities.
 * 
 * @return {string[]}
 * @public
 * @name sap.ui.ux3.NavigationBar#getAssociatedItems
 * @function
 */

	
/**
 *
 * @param {string | sap.ui.ux3.NavigationItem} vAssociatedItem
 *    Id of a associatedItem which becomes an additional target of this <code>associatedItems</code> association.
 *    Alternatively, a associatedItem instance may be given. 
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#addAssociatedItem
 * @function
 */

/**
 * @param {int | string | sap.ui.ux3.NavigationItem} vAssociatedItem the associatedItem to remove or its index or id
 * @return {string} the id of the removed associatedItem or null
 * @public
 * @name sap.ui.ux3.NavigationBar#removeAssociatedItem
 * @function
 */

/**
 * @return {string[]} an array with the ids of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.NavigationBar#removeAllAssociatedItems
 * @function
 */

	
/**
 * Event is fired when an item is selected by the user 
 *
 * @name sap.ui.ux3.NavigationBar#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.itemId The ID of the newly selected NavigationItem.
 * @param {sap.ui.ux3.NavigationItem} oControlEvent.getParameters.item The newly selected NavigationItem.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.ux3.NavigationBar</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.NavigationBar</code>.<br/> itself. 
 *  
 * Event is fired when an item is selected by the user 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.NavigationBar</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.ux3.NavigationBar</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.NavigationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationBar#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'itemId' of type <code>string</code> The ID of the newly selected NavigationItem.</li>
 * <li>'item' of type <code>sap.ui.ux3.NavigationItem</code> The newly selected NavigationItem.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.ux3.NavigationBar#fireSelect
 * @function
 */


/**
 * Replaces the currently associated items with the ones in the given array
 *
 * @name sap.ui.ux3.NavigationBar.prototype.setAssociatedItems
 * @function
 * @param {sap.ui.ux3.NavigationItem[]} 
 *         aItems
 *         The items to associate

 * @type sap.ui.ux3.NavigationBar
 * @public
 */


/**
 * Returns whether there is a selectedItem set which is actually present in the items aggregation; or, if the aggregation is empty, in the associatedItems association.
 *
 * @name sap.ui.ux3.NavigationBar.prototype.isSelectedItemValid
 * @function

 * @type boolean
 * @public
 */


// Start of sap/ui/ux3/NavigationBar.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.ux3.NavigationBar.SCROLL_STEP = 250; // how many pixels to scroll with every overflow arrow click
//sap.ui.ux3.NavigationBar._MAX_ITEM_WIDTH = 300;

sap.ui.ux3.NavigationBar.prototype.init = function() {
	this._bPreviousScrollForward = false; // remember the item overflow state
	this._bPreviousScrollBack = false;
	this._iLastArrowPos = -100; // this property is always read and applied as "left"/"right" depending on RTL configuration
	this._bRtl = sap.ui.getCore().getConfiguration().getRTL();

	this.allowTextSelection(false);


	this.startScrollX = 0;
	this.startTouchX = 0;
	var that = this;

	// Initialize the ItemNavigation
	this._oItemNavigation = new sap.ui.core.delegate.ItemNavigation().setCycling(false);
	this.addDelegate(this._oItemNavigation);

	if (jQuery.sap.touchEventMode != "OFF") {
		var fnTouchStart = function(evt) {
			evt.preventDefault();

			// stop any inertia scrolling
			if (that._iInertiaIntervalId) {
				window.clearInterval(that._iInertiaIntervalId);
			}

			that.startScrollX = jQuery.sap.domById(that.getId() + "-list").scrollLeft;
			that.startTouchX = evt.touches[0].pageX;
			that._bTouchNotMoved = true;
			that._lastMoveTime = new Date().getTime();
		};

		var fnTouchMove = function(evt) {
			var dx = evt.touches[0].pageX - that.startTouchX;

			var oListRef = jQuery.sap.domById(that.getId() + "-list");
			var oldScrollLeft = oListRef.scrollLeft;
			var newScrollLeft = that.startScrollX - dx;
			oListRef.scrollLeft = newScrollLeft;
			that._bTouchNotMoved = false;

			// inertia scrolling: prepare continuation even after touchend by calculating the current velocity
			var dt = new Date().getTime() - that._lastMoveTime;
			that._lastMoveTime = new Date().getTime();
			if (dt > 0) {
				that._velocity = (newScrollLeft - oldScrollLeft) / dt;
			}

			evt.preventDefault();
		};

		var fnTouchEnd = function(evt) {
			if (that._bTouchNotMoved === false) { // swiping ends now
				evt.preventDefault();

				// add some inertia... continue scrolling with decreasing velocity
				var oListRef = jQuery.sap.domById(that.getId() + "-list");
				var dt = 50;
				var endVelocity = Math.abs(that._velocity / 10); // continue scrolling until the speed has decreased to a fraction (v/10 means 11 iterations with slowing-down factor 0.8)
				that._iInertiaIntervalId = window.setInterval(function(){
					that._velocity = that._velocity * 0.80;
					var dx = that._velocity * dt;
					oListRef.scrollLeft = oListRef.scrollLeft + dx;
					if (Math.abs(that._velocity) < endVelocity) {
						window.clearInterval(that._iInertiaIntervalId);
						that._iInertiaIntervalId = undefined;
					}
				}, dt);

			} else if (that._bTouchNotMoved === true) { //touchstart and touchend without move is a click; trigger it directly to avoid the usual delay
				that.onclick(evt);
				evt.preventDefault();
			} else {
				// touchend without corresponding start
				// do nothing special
			}
			that._bTouchNotMoved = undefined;
			that._lastMoveTime = undefined;
		};

		this.ontouchstart = fnTouchStart;
		this.ontouchend = fnTouchEnd;
		this.ontouchmove = fnTouchMove;
	}

};

sap.ui.ux3.NavigationBar.prototype.exit = function () {
	if (this._oItemNavigation) {
		this.removeDelegate(this._oItemNavigation);
		this._oItemNavigation.destroy();
		delete this._oItemNavigation;
	}

	// no super.exit() to call
};


sap.ui.ux3.NavigationBar.prototype.onBeforeRendering = function() {
	// stop the periodic overflow checker
	if (this._checkOverflowIntervalId) {
		jQuery.sap.clearIntervalCall(this._checkOverflowIntervalId);
		this._checkOverflowIntervalId = null;
	}

	if (jQuery.browser.mozilla) { // TODO: feature detection... not used yet because of performance implications (may involve creating elements)
		this.$().unbind("DOMMouseScroll", this._handleScroll);
	} else {
		this.$().unbind("mousewheel", this._handleScroll);
	}

	var arrow = jQuery.sap.domById(this.getId() + "-arrow");
	this._iLastArrowPos = arrow ? parseInt(this._bRtl ? arrow.style.right : arrow.style.left, 10) : -100;
};




sap.ui.ux3.NavigationBar.prototype.onAfterRendering = function() {
	var sId = this.getId();
	var oDomRef = jQuery.sap.domById(sId);

	// start the periodic checking for overflow of the item area
	var oListDomRef = oDomRef.firstChild;
	var of_back = jQuery.sap.domById(sId + "-ofb");
	var of_fw = jQuery.sap.domById(sId + "-off");
	this._checkOverflowIntervalId = jQuery.sap.intervalCall(350, this, "_checkOverflow", [oListDomRef,of_back,of_fw]);

	// bind a scroll handler to the workset item area
	if (jQuery.browser.mozilla) { // TODO: feature detection... not used yet because of performance implications (may involve creating elements)
		jQuery(oDomRef).bind("DOMMouseScroll", jQuery.proxy(this._handleScroll, this));
	} else {
		jQuery(oDomRef).bind("mousewheel", jQuery.proxy(this._handleScroll, this));
	}

	// re-initialize display of scroll arrows
	this._bPreviousScrollForward = false;
	this._bPreviousScrollBack = false;
	this._checkOverflow(this.getDomRef().firstChild, jQuery.sap.domById(sId + "-ofb"), jQuery.sap.domById(sId + "-off"));

	// paint selection arrow in the right place
	var selItem = sap.ui.getCore().byId(this.getSelectedItem());
	if (selItem) {
		this._checkOverflow(oListDomRef, of_back, of_fw);
		var $Arrow = jQuery.sap.byId(this.getId() + "-arrow");
		var arrowWidth = $Arrow.outerWidth();
		var targetPos = sap.ui.ux3.NavigationBar._getArrowTargetPos(selItem.getId(), arrowWidth, this._bRtl);
		if (!this._bRtl) {
			$Arrow[0].style.left = targetPos+"px";
		} else {
			$Arrow[0].style.right = targetPos+"px";
		}
	}

	this._updateItemNavigation();
};


sap.ui.ux3.NavigationBar.prototype._updateItemNavigation = function() {
	var oDomRef = this.getDomRef();
	if (oDomRef) {
		// reinitialize the ItemNavigation after rendering
		var iSelectedDomIndex = -1;
		var sSelectedId = this.getSelectedItem();

		var $ItemRefs = jQuery(oDomRef).children().children("li").children().not(".sapUiUx3NavBarDummyItem");
		$ItemRefs.each(function(index, element) {
			if (element.id == sSelectedId) {
				iSelectedDomIndex = index;
			}
		});

		this._oItemNavigation.setRootDomRef(oDomRef);
		this._oItemNavigation.setItemDomRefs($ItemRefs.toArray());
		this._oItemNavigation.setSelectedIndex(iSelectedDomIndex);
	}
};


sap.ui.ux3.NavigationBar.prototype.onsapspace = function(oEvent) {
	this._handleActivation(oEvent);
};

sap.ui.ux3.NavigationBar.prototype.onclick = function(oEvent) {
	this._handleActivation(oEvent);
};

sap.ui.ux3.NavigationBar.prototype._handleActivation = function(oEvent) {
	var sTargetId = oEvent.target.id;

	if (sTargetId) {
		var sId = this.getId();
		
		// For items: do not navigate away! Stay on the page and handle the click in-place. Right-click + "Open in new Tab" still works.
		// For scroll buttons: Prevent IE from firing beforeunload event -> see CSN 4378288 2012
		oEvent.preventDefault(); 

		if (sTargetId == sId + "-ofb") {
			// scroll back/left button
			this._scroll(-sap.ui.ux3.NavigationBar.SCROLL_STEP, 500);

		} else if (sTargetId == sId + "-off") {
			// scroll forward/right button
			this._scroll(sap.ui.ux3.NavigationBar.SCROLL_STEP, 500);

		} else {
			// should be one of the items - select it
			
			var item = sap.ui.getCore().byId(sTargetId);
			if (item
					&& (sTargetId != this.getSelectedItem())
					&& (sap.ui.getCore().byId(sTargetId) instanceof sap.ui.ux3.NavigationItem)) {
				// select the item and fire the event
				if (this.fireSelect({item:item,itemId:sTargetId})) {
					this.setAssociation("selectedItem", item, true); // avoid rerendering, animate
					this._updateSelection(sTargetId);
				}
			}
		}
	}
};


/**
 * Visually adapts the NavigationBar to the new selection, using animations instead of re-rendering.
 *
 * @param sItemId may be null, which means all selection is removed
 * @private
 */
sap.ui.ux3.NavigationBar.prototype._updateSelection = function(sItemId) {
	// update the css classes to make the selected item larger etc.
	var $newSel = jQuery.sap.byId(sItemId);
	$newSel.attr("tabindex", "0").attr("aria-checked", "true");
	$newSel.parent().addClass("sapUiUx3NavBarItemSel");
	$newSel.parent().parent().children().each(function(){
		var a = this.firstChild;
		if (a && (a.id != sItemId) && (a.className.indexOf("Dummy") == -1)) {
			jQuery(a).attr("tabindex", "-1"); // includes arrow and dummy, but does not hurt TODO?
			jQuery(a).parent().removeClass("sapUiUx3NavBarItemSel");
			jQuery(a).attr("aria-checked", "false");
		}
	});

	// let the ItemNavigation know about the new selection
	var iSelectedDomIndex = $newSel.parent().index();
	if (iSelectedDomIndex > 0) {
		iSelectedDomIndex--; // if a selected element is found, its index in the ItemNavigation is the DOM index minus the dummy element, which is the first sibling
	}
	this._oItemNavigation.setSelectedIndex(iSelectedDomIndex);

	// make the arrow slide to the selected item
	var $Arrow = jQuery.sap.byId(this.getId() + "-arrow");
	var arrowWidth = $Arrow.outerWidth();
	var targetPos = sap.ui.ux3.NavigationBar._getArrowTargetPos(sItemId, arrowWidth, this._bRtl);
	$Arrow.stop(); // stop any ongoing animation
	var animation_1 = this._bRtl ? {right:targetPos+"px"} : {left:targetPos+"px"};
	$Arrow.animate(animation_1, 500, "linear");
	var that = this;
	window.setTimeout(function(){ // because the items resize (for 300ms), interrupt and adjust the animation in the middle
		targetPos = sap.ui.ux3.NavigationBar._getArrowTargetPos(sItemId, arrowWidth, that._bRtl);
		$Arrow.stop();
		var animation_2 = that._bRtl ? {right:targetPos+"px"} : {left:targetPos+"px"};
		$Arrow.animate(animation_2, 200, "linear", function(){
			var item = jQuery.sap.domById(sItemId);
			that._scrollItemIntoView(item);
		});
	}, 300);
};

sap.ui.ux3.NavigationBar.prototype._scrollItemIntoView = function(item) {
	if (item) {
		var li = jQuery(item.parentNode);
		var ul = li.parent();
		var targetPos = undefined;
		var bRtl = sap.ui.getCore().getConfiguration().getRTL();

		// special handling for first and last item to not only scroll them into view but to scroll to the very start/end
		var index = li.index() - 1; // -1 because of leading dummy item
		if (index == 0) {
			targetPos = bRtl ? jQuery.sap.denormalizeScrollLeftRTL(ul[0].scrollWidth - ul.innerWidth() + 20) : 0; // +20 to account for margins etc.

		} else if (index == li.siblings().length - 2) { // siblings() excludes the item itself, but (apart from the already subtracted dummy) also the arrow => -2
			targetPos = bRtl ? jQuery.sap.denormalizeScrollLeftRTL(0) : (ul[0].scrollWidth - ul.innerWidth() + 20); // +20 to account for margins etc.

		} else {
			var liLeft = li.position().left;
			var ulScrollLeft = ul.scrollLeft();

			if (!bRtl) { // normal LTR mode
				if (liLeft < 0) {
					// item cut at the left => scroll right to make it left-aligned
					targetPos = ulScrollLeft + liLeft;
				} else {
					var rightDistance = ulScrollLeft + ul.innerWidth() - (liLeft + li.outerWidth(true));  // the distance from the right item edge to the end of the ul; negative if the item is cut
					if (rightDistance < 0) {
						targetPos = ulScrollLeft - rightDistance; // rightDistance is negative, add its amount to the current scroll amount
						// but now it might be that we scroll so far to the left that the left part of the item is hidden, which may not happen!
						targetPos = Math.min(targetPos, ulScrollLeft + liLeft);
					}
				}

			} else { // RTL
				var rightDistance = ulScrollLeft + ul.innerWidth() - (liLeft + li.outerWidth(true));  // the distance from the right item edge to the end of the ul; negative if the item is cut
				if (rightDistance < 0) { // if cut at the right, scroll left
					targetPos = ulScrollLeft - rightDistance; // rightDistance is negative, add its amount to the current scroll amount
				}  else if (liLeft < 0) {
					// cut at the left, so we should scroll right
					targetPos = ulScrollLeft + liLeft;
					// but now it might be that we scroll so far to the right that the right part of the item is hidden, which may not happen in RTL!
					targetPos = Math.max(targetPos, ulScrollLeft + liLeft);
				}
				targetPos = jQuery.sap.denormalizeScrollLeftRTL(targetPos); // fix browser differences
			}
		}

		if (targetPos !== undefined) {
			ul.stop().animate({scrollLeft: targetPos}); // should be a string like "-50px"
		}
	}
};

/**
 * Calculates the required position of the selection arrow to highlight the item with the given ID.
 * If null is given, the position will be outside the visible area.
 *
 * If bRight is set, the distance to the *right* border will be returned (instead of the normal position from left),
 * this can be used for RTL mode.
 *
 * @static
 * @private
 */
sap.ui.ux3.NavigationBar._getArrowTargetPos = function(sTargetItemId, arrowWidth, bRight) {
	var $Item = jQuery.sap.byId(sTargetItemId);
	if ($Item.length > 0) {
		var width = $Item.outerWidth(); //Math.min($Item.outerWidth(), sap.ui.ux3.NavigationBar._MAX_ITEM_WIDTH);
		var leftDistance = Math.round($Item[0].offsetLeft + (width/2) - (arrowWidth/2));
		if (!bRight) {
			return leftDistance;
		} else {
			return $Item.parent().parent().innerWidth() - leftDistance - arrowWidth;
		}
	} else {
		return -100;
	}
};


/**
 * Handles a mouse scroll event, scrolling the items if possible.
 *
 * @param oEvent
 * @private
 */
sap.ui.ux3.NavigationBar.prototype._handleScroll = function(oEvent) {
	if (oEvent.type == "DOMMouseScroll") { // Firefox
		var scrollAmount = oEvent.originalEvent.detail * 40; // in FF you get 3 ticks at once, *40 gives reasonable speed
		this._scroll(scrollAmount, 50);          // scroll fast to avoid temporal overlap
	} else { // other browsers
		var scrollAmount = -oEvent.originalEvent.wheelDelta; // in IE you get 120 as basic amount, direction is inverted
		this._scroll(scrollAmount, 50);          // scroll fast to avoid temporal overlap
	}
	oEvent.preventDefault(); // do not scroll the window (?)
};


/**
 * Scrolls the items if possible, using an animation.
 *
 * @param iDelta how far to scroll
 * @param iDuration how long to scroll (ms)
 * @private
 */
sap.ui.ux3.NavigationBar.prototype._scroll = function(iDelta, iDuration) {
	var oDomRef = this.$()[0].firstChild;
	var iScrollLeft = oDomRef.scrollLeft;
	if (!jQuery.browser.msie && this._bRtl) {
		iDelta = -iDelta;
	} // RTL lives in the negative space
	var iScrollTarget = iScrollLeft+iDelta;
	jQuery(oDomRef).stop(true, true).animate({scrollLeft: iScrollTarget}, iDuration);
};



/**
 * Changes the state of the scroll arrows depending on whether they are required due to overflow.
 *
 * @param oListDomRef the ul tag containing the items
 * @param of_back the backward scroll arrow
 * @param of_fw the forward scroll arrow
 * @private
 */
sap.ui.ux3.NavigationBar.prototype._checkOverflow = function(oListDomRef, of_back, of_fw) {
	if (oListDomRef) {
		var iScrollLeft = oListDomRef.scrollLeft;

		// check whether scrolling to the left is possible
		var bScrollBack = false;
		var bScrollForward = false;

		var realWidth = oListDomRef.scrollWidth;
		var availableWidth = oListDomRef.clientWidth;
		
		if(Math.abs(realWidth-availableWidth) == 1){ // Avoid rounding issues see CSN 1316630 2013
			realWidth = availableWidth;
		}

		if (!this._bRtl) {   // normal LTR mode
			if (iScrollLeft > 0) {
				bScrollBack = true;
			}
			if ((realWidth > availableWidth) && (iScrollLeft + availableWidth < realWidth)) {
				bScrollForward = true;
			}

		} else {  // RTL mode
			var $List = jQuery(oListDomRef);
			if ($List.scrollLeftRTL() > 0) {
				bScrollForward = true;
			}
			if ($List.scrollRightRTL() > 0) {
				bScrollBack = true;
			}
		}

		// only do DOM changes if the state changed to avoid periodic application of identical values
		if ((bScrollForward != this._bPreviousScrollForward) || (bScrollBack != this._bPreviousScrollBack)) {
			this._bPreviousScrollForward = bScrollForward;
			this._bPreviousScrollBack = bScrollBack;
			this.$().toggleClass("sapUiUx3NavBarScrollBack", bScrollBack)
					.toggleClass("sapUiUx3NavBarScrollForward", bScrollForward);
		}
	}
};




/* API methods */

/* overwritten association methods */

sap.ui.ux3.NavigationBar.prototype.setSelectedItem = function(item) {
	this.setAssociation("selectedItem", item, true); // avoid rerendering
	if (this.getDomRef()) {
		this._updateSelection((!item || (typeof(item) == "string")) ? item : item.getId()); // animate selection
	}
};


/* API method implementations */

sap.ui.ux3.NavigationBar.prototype.setAssociatedItems = function(aItems /* bResetArrowPosition */) { // second parameter is currently not in the public API
	jQuery.sap.assert(jQuery.isArray(aItems), "aItems must be an array");

	var oListDomRef = jQuery.sap.domById(this.getId() + "-list");

	// remove old items
	this.removeAllAssociation("associatedItems", true);

	// add new items
	for (var i = 0; i < aItems.length; i++) {
		this.addAssociation("associatedItems", aItems[i], true);
	}

	// if already rendered, update the UI
	if (oListDomRef) {
		var $FocusRef = jQuery(oListDomRef).find(":focus");
		var focusId = ($FocusRef.length > 0) ? $FocusRef.attr("id") : null;

		if (arguments.length > 1 && typeof arguments[1] === "boolean") { // checking for the second, hidden parameter "bResetArrowPosition"
			this._iLastArrowPos = -100;
		} else {
			var arrow = jQuery.sap.domById(this.getId() + "-arrow");
			this._iLastArrowPos = parseInt(this._bRtl ? arrow.style.right : arrow.style.left, 10);
		}
		oListDomRef.innerHTML = sap.ui.ux3.NavigationBarRenderer.getItemsHtml(this);

		// restore focus
		var oNewFocusRef;
		if (focusId && (oNewFocusRef = jQuery.sap.domById(focusId))) {
			jQuery.sap.focus(oNewFocusRef);
		}

		this._updateSelection(this.getSelectedItem());

		// update the item navigation, as the item HTML has changed
		this._updateItemNavigation();
	}

	return this;
};


sap.ui.ux3.NavigationBar.prototype.isSelectedItemValid = function() {
	var selId = this.getSelectedItem();
	if (!selId) {
		return false;
	} // no selection means no selected item out of those which are present

	var items = this.getItems();
	if (!items || items.length == 0) {
		items = this.getAssociatedItems();
		for (var i = 0; i < items.length; i++) {
			if (items[i] == selId) {
				return true;
			}
		}
	} else {
		for (var i = 0; i < items.length; i++) {
			if (items[i].getId() == selId) {
				return true;
			}
		}
	}
	return false;
};

}; // end of sap.ui.ux3.NavigationBar
if ( !jQuery.sap.isDeclared('sap.ui.ux3.NavigationItem') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.NavigationItem.
jQuery.sap.declare("sap.ui.ux3.NavigationItem");

jQuery.sap.require('sap.ui.core.Item'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new NavigationItem.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getHref href} : sap.ui.core.URI</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getSubItems subItems} : sap.ui.ux3.NavigationItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Item#constructor sap.ui.core.Item}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Is the item to be used within the NavigationBar
 * @extends sap.ui.core.Item
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.NavigationItem
 */
sap.ui.core.Item.extend("sap.ui.ux3.NavigationItem", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"visible" : {type : "boolean", group : "Appearance", defaultValue : true},
		"href" : {type : "sap.ui.core.URI", group : "Behavior", defaultValue : null}
	},
	defaultAggregation : "subItems",
	aggregations : {
    	"subItems" : {type : "sap.ui.ux3.NavigationItem", multiple : true, singularName : "subItem"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.NavigationItem with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.NavigationItem.extend
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Whether the NavigationItem is currently visible. When making NavigationItems invisible at runtime it is the application's responsibility to make sure it is not the currently selected one - or to select another one in this case.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.NavigationItem#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.ux3.NavigationItem} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.NavigationItem#setVisible
 * @function
 */


/**
 * Getter for property <code>href</code>.
 * Defines the link target URL. This property is optional and should only be set when required!
 * The use of the href property is to not only allow users to navigate in-place by left-clicking NavigationItems, but also to allow right-click and then "open in new tab" or "open in new window". As long as href is not set, an empty window will open and stay blank. But when href is set, the new window/tab will load this URL and it is the application's responsibility to display what the user expects (e.g. the Shell, with the respective NavigationItem being selected).
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>href</code>
 * @public
 * @name sap.ui.ux3.NavigationItem#getHref
 * @function
 */

/**
 * Setter for property <code>href</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sHref  new value for property <code>href</code>
 * @return {sap.ui.ux3.NavigationItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationItem#setHref
 * @function
 */


/**
 * Getter for aggregation <code>subItems</code>.<br/>
 * Any NavigationItems on the next hierarchy level connected to this NavigationItem
 * 
 * @return {sap.ui.ux3.NavigationItem[]}
 * @public
 * @name sap.ui.ux3.NavigationItem#getSubItems
 * @function
 */


/**
 * Inserts a subItem into the aggregation named <code>subItems</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *          oSubItem the subItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the subItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the subItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the subItem is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.NavigationItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationItem#insertSubItem
 * @function
 */

/**
 * Adds some subItem <code>oSubItem</code> 
 * to the aggregation named <code>subItems</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oSubItem the subItem to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.NavigationItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationItem#addSubItem
 * @function
 */

/**
 * Removes an subItem from the aggregation named <code>subItems</code>.
 *
 * @param {int | string | sap.ui.ux3.NavigationItem} vSubItem the subItem to remove or its index or id
 * @return {sap.ui.ux3.NavigationItem} the removed subItem or null
 * @public
 * @name sap.ui.ux3.NavigationItem#removeSubItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>subItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.NavigationItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.NavigationItem#removeAllSubItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.NavigationItem</code> in the aggregation named <code>subItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oSubItem the subItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.NavigationItem#indexOfSubItem
 * @function
 */
	

/**
 * Destroys all the subItems in the aggregation 
 * named <code>subItems</code>.
 * @return {sap.ui.ux3.NavigationItem} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NavigationItem#destroySubItems
 * @function
 */


// Start of sap/ui/ux3/NavigationItem.js

}; // end of sap.ui.ux3.NavigationItem
if ( !jQuery.sap.isDeclared('sap.ui.ux3.NotificationBar') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.NotificationBar.
jQuery.sap.declare("sap.ui.ux3.NotificationBar");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new NotificationBar.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getVisibleStatus visibleStatus} : sap.ui.ux3.NotificationBarStatus (default: sap.ui.ux3.NotificationBarStatus.Default)</li>
 * <li>{@link #getResizeEnabled resizeEnabled} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getMessageNotifier messageNotifier} : sap.ui.core.Element</li>
 * <li>{@link #getNotifiers notifiers} : sap.ui.core.Element[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.NotificationBar#event:display display} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.NotificationBar#event:resize resize} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A NotificationBar is a "toolbar" that can be added to a page to show messages and notifications from the application.
 * Its position, height and width is inherited from the element that the notification bar is added to.
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.NotificationBar
 */
sap.ui.core.Control.extend("sap.ui.ux3.NotificationBar", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"hasItems"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"visibleStatus" : {type : "sap.ui.ux3.NotificationBarStatus", group : "Misc", defaultValue : sap.ui.ux3.NotificationBarStatus.Default},
		"resizeEnabled" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	aggregations : {
    	"messageNotifier" : {type : "sap.ui.core.Element", multiple : false}, 
    	"notifiers" : {type : "sap.ui.core.Element", multiple : true, singularName : "notifier"}
	},
	events : {
		"display" : {}, 
		"resize" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.NotificationBar with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.NotificationBar.extend
 * @function
 */

sap.ui.ux3.NotificationBar.M_EVENTS = {'display':'display','resize':'resize'};


/**
 * Getter for property <code>visibleStatus</code>.
 * This property displays the bar corresponding to given status
 *
 * Default value is <code>Default</code>
 *
 * @return {sap.ui.ux3.NotificationBarStatus} the value of property <code>visibleStatus</code>
 * @public
 * @name sap.ui.ux3.NotificationBar#getVisibleStatus
 * @function
 */

/**
 * Setter for property <code>visibleStatus</code>.
 *
 * Default value is <code>Default</code> 
 *
 * @param {sap.ui.ux3.NotificationBarStatus} oVisibleStatus  new value for property <code>visibleStatus</code>
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#setVisibleStatus
 * @function
 */


/**
 * Getter for property <code>resizeEnabled</code>.
 * This property enables the bar to be resized by the user.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>resizeEnabled</code>
 * @public
 * @name sap.ui.ux3.NotificationBar#getResizeEnabled
 * @function
 */

/**
 * Setter for property <code>resizeEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bResizeEnabled  new value for property <code>resizeEnabled</code>
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#setResizeEnabled
 * @function
 */


/**
 * Getter for aggregation <code>messageNotifier</code>.<br/>
 * Notifier that shows messages
 * 
 * @return {sap.ui.core.Element}
 * @public
 * @name sap.ui.ux3.NotificationBar#getMessageNotifier
 * @function
 */


/**
 * Setter for the aggregated <code>messageNotifier</code>.
 * @param oMessageNotifier {sap.ui.core.Element}
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#setMessageNotifier
 * @function
 */
	

/**
 * Destroys the messageNotifier in the aggregation 
 * named <code>messageNotifier</code>.
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#destroyMessageNotifier
 * @function
 */


/**
 * Getter for aggregation <code>notifiers</code>.<br/>
 * Notifiers that monitor something within the application and display the corresponding notifications.
 * 
 * @return {sap.ui.core.Element[]}
 * @public
 * @name sap.ui.ux3.NotificationBar#getNotifiers
 * @function
 */


/**
 * Inserts a notifier into the aggregation named <code>notifiers</code>.
 *
 * @param {sap.ui.core.Element}
 *          oNotifier the notifier to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the notifier should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the notifier is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the notifier is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#insertNotifier
 * @function
 */

/**
 * Adds some notifier <code>oNotifier</code> 
 * to the aggregation named <code>notifiers</code>.
 *
 * @param {sap.ui.core.Element}
 *            oNotifier the notifier to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#addNotifier
 * @function
 */

/**
 * Removes an notifier from the aggregation named <code>notifiers</code>.
 *
 * @param {int | string | sap.ui.core.Element} vNotifier the notifier to remove or its index or id
 * @return {sap.ui.core.Element} the removed notifier or null
 * @public
 * @name sap.ui.ux3.NotificationBar#removeNotifier
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>notifiers</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Element[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.NotificationBar#removeAllNotifiers
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Element</code> in the aggregation named <code>notifiers</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Element}
 *            oNotifier the notifier whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.NotificationBar#indexOfNotifier
 * @function
 */
	

/**
 * Destroys all the notifiers in the aggregation 
 * named <code>notifiers</code>.
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#destroyNotifiers
 * @function
 */


/**
 * Event is fired when the bar wants to be displayed depending on given flag. This allows the application to decide what to do. 
 *
 * @name sap.ui.ux3.NotificationBar#display
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {boolean} oControlEvent.getParameters.show Indicates if the bar wants to be shown or hidden
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'display' event of this <code>sap.ui.ux3.NotificationBar</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.NotificationBar</code>.<br/> itself. 
 *  
 * Event is fired when the bar wants to be displayed depending on given flag. This allows the application to decide what to do. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.NotificationBar</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#attachDisplay
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'display' event of this <code>sap.ui.ux3.NotificationBar</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#detachDisplay
 * @function
 */

/**
 * Fire event display to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'show' of type <code>boolean</code> Indicates if the bar wants to be shown or hidden</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.NotificationBar#fireDisplay
 * @function
 */


/**
 * This event is thrown when the bar was resized. 
 *
 * @name sap.ui.ux3.NotificationBar#resize
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.ux3.NotificationBarStatus} oControlEvent.getParameters.status The corresponding status to which the bar was resized. The corresponding heights can be taken for the bar's CSS file.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'resize' event of this <code>sap.ui.ux3.NotificationBar</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.NotificationBar</code>.<br/> itself. 
 *  
 * This event is thrown when the bar was resized. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.NotificationBar</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#attachResize
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'resize' event of this <code>sap.ui.ux3.NotificationBar</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.NotificationBar#detachResize
 * @function
 */

/**
 * Fire event resize to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'status' of type <code>sap.ui.ux3.NotificationBarStatus</code> The corresponding status to which the bar was resized. The corresponding heights can be taken for the bar's CSS file.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.NotificationBar} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.NotificationBar#fireResize
 * @function
 */


/**
 * This method checks if the NotificationBar has any items (notifications or messages) to show and returns true if there are any items to show. So the application should decide if the bar should be displayed.
 *
 * @name sap.ui.ux3.NotificationBar.prototype.hasItems
 * @function

 * @type boolean
 * @public
 */


// Start of sap/ui/ux3/NotificationBar.js
jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * This file defines behavior for the control
 */
sap.ui.core.Control.extend("sap.ui.ux3.NotificationBar.NotifierView", {
	renderMessages : function(oRm) {
		oRm.write("<div");
		oRm.writeAttribute("id", this.getId() + "-content");
		oRm.addClass("sapUiNotifierContent");
		oRm.writeClasses();
		oRm.write(">");

		/*
		 * By setting the counter before running through loop this ensures that
		 * the most recent added message will be displayed first within rendered
		 * Callout
		 */
		var aMessages = this.getMessages();
		var i = aMessages.length - 1;
		var bFirst = true;

		for (; i >= 0; i--) {
			// Since first and last message don't need a
			// separator ->
			// prevent it
			if (!bFirst || (i == 0 && aMessages.length > 1)) {
				// if not the first message is being processed
				// OR
				// if the last available message is being
				// processed but
				// only
				// if there are more than one messages in total

				oRm.write("<div");
				oRm.addClass("sapUiNotificationBarCltSep");
				oRm.writeClasses();
				oRm.write(">");

				oRm.write("</div>");
			} else {
				// After first message was processed start
				// inserting a
				// separator
				bFirst = false;
			}

			var oMessage = aMessages[i];
			oRm.renderControl(oMessage);
		}

		oRm.write("</div>"); // sapUiNotifierContent
	},

	metadata : {
		properties : {
			"title" : "string",
			"visibleItems" : "int",
			"renderMode" : {
				type : "string",
				defaultValue : "callout"
			}
		},

		aggregations : {
			"messages" : "sap.ui.ux3.NotificationBar.MessageView"
		}
	},

	init : function() {
		this._oResBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
	},

	exit : function() {
		if (this._renderedControl) {
			delete this._renderedControl;
		}

		delete this._oResBundle;
	},

	getTitle : function() {
		var sTitle = this.getProperty("title");
		var iCount = this.getMessages().length;

		if (iCount > 0) {
			var sKey = "NOTIBAR_NOTIFIER_VIEW_TITLE";
			sTitle = this._oResBundle.getText(sKey, [ sTitle, iCount ]);
		}

		return sTitle;
	},

	renderer : function(oRm, oControl) {
		oRm.write("<div");
		oRm.addClass("sapUiNotifierContainer");
		oRm.writeControlData(oControl);
		oRm.writeClasses();
		oRm.write(">");

		/*
		 * Render title
		 */
		oRm.write("<div");
		oRm.addClass("sapUiNotifierTitle");
		oRm.writeClasses();
		oRm.write(">");

		oRm.writeEscaped(oControl.getTitle());

		oRm.write("</div>"); // div sapUiNotifierTitle

		/*
		 * Render messages
		 */
		if (oControl.getMessages().length > 0) {
			oControl.renderMessages(oRm);
		}

		oRm.write("</div>"); // sapUiNotifierContainer
	},

	onAfterRendering : function() {
		/*
		 * After all items are rendered it is needed to get the Callout's
		 * height. Since a single message could contain no, little or much text.
		 * So the messages' heights may vary.
		 */
		var $viewContent = jQuery.sap.byId(this.getId() + "-content");
		var $aChildren = $viewContent.children();

		var iTotalHeight = 0, iCount = 0;
		// Used to prevent unneeded method calls within loop
		var iVisibleItems = this.getVisibleItems();

		// i=1 since view's title should be skipped for
		// calculation
		for ( var i = 1; i < $aChildren.length; i++) {
			var child = jQuery($aChildren[i]);

			if (child.hasClass("sapUiNotifierMessage")) {
				iCount++;
			}

			var height = child.outerHeight(true);
			iTotalHeight += height;

			if (iCount == iVisibleItems) {
				// I don't know why these 2 pixels are needed
				// additionally
				// but
				// it works :-)
				iTotalHeight += 2;
				$viewContent.css("max-height", iTotalHeight);
			}
		}
	}
});

/**
 * Internal control that renders a single message for the NotificationBar
 * corresponding to its needs
 */
sap.ui.core.Control.extend("sap.ui.ux3.NotificationBar.MessageView", {
	metadata : {
		properties : {
			"text" : "string",
			"timestamp" : "string",
			"icon" : "sap.ui.core.URI"
		}
	},

	renderer : function(oRm, oControl) {
		oRm.write("<div");
		oRm.writeControlData(oControl);

		oRm.addClass("sapUiNotifierMessage");
		oRm.writeClasses();
		oRm.writeAttribute("tabindex", "0");
		oRm.write(">");

		if (oControl.getIcon()) {
			oRm.write("<div");
			oRm.addClass("sapUiNotifierMessageIcon");
			oRm.writeClasses();
			oRm.write(">");

			oRm.write("<img");
			oRm.writeAttribute("src", oControl.getIcon());
			oRm.write("/>");

			oRm.write("</div>");
		}

		oRm.write("<div");
		oRm.addClass("sapUiNotifierMessageText");
		oRm.writeClasses();
		oRm.write(">");
		oRm.writeEscaped(oControl.getText());
		oRm.write("</div>"); // Text

		oRm.write("<div");
		oRm.addClass("sapUiNotifierMessageTimestamp");
		oRm.writeClasses();
		oRm.write(">");
		oRm.writeEscaped(oControl.getTimestamp());
		oRm.write("</div>"); // Timestamp

		oRm.write("</div>"); // NotificationItem
	},

	onclick : function(oEvent) {
		var oNotifier = this._message.getParent();

		this._message.getParent().fireMessageSelected({
			message : this._message,
			notifier : oNotifier
		});
	},

	onsapselect : function(oEvent) {
		this.onclick(oEvent);
	},

	exit : function(oEvent) {
		if (this._message) {
			delete this._message;
		}
	}
});

(function() {
	var fnChangeVisibility = function(that) {
		var bShouldBeVisible = that.hasItems();
		var sStatus = that.getVisibleStatus();

		if (bShouldBeVisible && sStatus === "None") {
			return true;
		} else if (!bShouldBeVisible && sStatus !== "None") {
			return true;
		} else if (!bShouldBeVisible && sStatus !== "Min") {
			return true;
		} else {
			return false;
		}

	};

	/**
	 * This is the eventListener of the NotificationBar. All triggered events
	 * from the bar's notifiers will be caught here.
	 * 
	 * @param {sap.ui.base.Event}
	 *            oEvent the event will all needed stuff. It can contain
	 *            'added', 'removed' or 'openCallout' as a parameter to identify
	 *            the event.
	 */
	var fnChildEventListener = function(oEvent) {
		var oCallout = oEvent.getParameter("callout");

		switch (oEvent.getParameter("type")) {
		case "added":
		case "removed":
			var oNotifier = oEvent.getParameter("notifier");

			if (this.getMessageNotifier() && this.getMessageNotifier().getId() === oNotifier.getId()) {
				// clone the message array to sort it
				var aSortMessages = oNotifier.getMessages().concat(new Array());
				if (aSortMessages.length > 0) {
					// sort ascending the messages via their level
					aSortMessages.sort(sap.ui.core.Message.compareByType);

					var iIndex = aSortMessages.length - 1;
					this._sSeverestMessageLevel = aSortMessages[iIndex].getLevel();
				}
			}

			if (fnChangeVisibility(this)) {
				var bShouldBeVisible = this.hasItems();
				this.fireDisplay({
					show : bShouldBeVisible
				});
			} else {
				/*
				 * Needed if i.e. all messages of a notifier were removed but if
				 * there are still notifications or messages to display
				 */
				this.invalidate();

				/*
				 * Needed if the message is directly removed from the Callout
				 * without any request to the user.
				 */
				if (oEvent.getParameter("type") === "removed") {
					/*
					 * Since the Callout has only one content - the NotifierView -
					 * it can be checked this way. If there is no content the
					 * Callout has been closed already.
					 */
					if (oCallout.getContent().length > 0) {
						var oNotiView = oCallout.getContent()[0];
						var oMessage = oEvent.getParameter("message");

						var aMessageViews = oNotiView.getMessages();
						var tmpMsgView;

						for ( var i = 0; i < aMessageViews.length; i++) {
							tmpMsgView = aMessageViews[i];

							if (oMessage.getId() === tmpMsgView._message.getId()) {
								tmpMsgView.destroy();

								/*
								 * A normal invalidate on the NotifierView
								 * doesn't work here since the invalidate is
								 * delegated to the most upper parent -> the
								 * NotificationBar. If the NotificationBar is
								 * rendered it doesn't know something of the
								 * corresponding Callout. It would be possible
								 * to rerender the NotifierView but since the
								 * height of the Callout is reduced the
								 * Callout's position must be fixed as well.
								 * This happens also when the Callout is
								 * rerendered, so it saves some lines of codes
								 * to rerender the Callout itself.
								 */
								oCallout.rerender();
								break;
							}
						}
					}
				}
			}

			break;

		case "openCallout":
			oCallout.destroyContent();

			var oNotifier = oEvent.getParameter("notifier");

			// create control that renders the notifier's messages
			var oNotifierView = new sap.ui.ux3.NotificationBar.NotifierView({
				title : oNotifier.getTitle(),
				visibleItems : this._visibleItems
			});

			var aMessages = oNotifier.getMessages();
			for ( var i = 0; i < aMessages.length; i++) {
				var oView = fnCreateMessageView(aMessages[i], oNotifier, this);
				oNotifierView.addMessage(oView);
			}

			oCallout.addContent(oNotifierView);
			break;
		}
	};

	sap.ui.ux3.NotificationBar.HOVER_ITEM_HEIGHT = 16;

	sap.ui.ux3.NotificationBar.prototype.init = function() {
		this._oItemNavigation = new sap.ui.core.delegate.ItemNavigation();
		this._oItemNavigation.setCycling(true);
		this.addDelegate(this._oItemNavigation);

		this._iCalloutWidth = parseInt(250);
		this._iCalloutHeight = parseInt(200);

		this._visibleItems = 5;

		this._eventListener = jQuery.proxy(fnChildEventListener, this);

		// needed within Renderer
		this._oResBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");

		this._togglerPosition = "50%";
		this._gapMessageArea = "5";

		this._sSeverestMessageLevel = sap.ui.core.MessageType.None;

		// TODO maybe the ResizeHandler should be used
		/*
		 * Frank Weigel: I wonder whether the window.resize is sufficient. If
		 * the NotificationBat is not used top level (e.g. in Shell) but in some
		 * smaller portion of the screen (e.g. Panel), then resizing might occur
		 * without a window.resize. Unfortunately, there is no cross browser
		 * Element.resize event available. Instead, one can use our
		 * ResizeHandler, but this might need more discussion about the Pros and
		 * Cons (ResizeHandler does some kind of polling which is not nasty...)
		 */
		jQuery(window).bind("resize", jQuery.proxy(fnOnResize, this));
	};

	sap.ui.ux3.NotificationBar.prototype.exit = function() {
		this.removeDelegate(this._oItemNavigation);
		this._oItemNavigation.destroy();
		delete this._oItemNavigation;

		delete this._iCalloutWidth;
		delete this._iCalloutHeight;

		delete this._visibleItems;

		delete this._eventListener;

		if (this.getMessageNotifier()) {
			var oMN = this.getMessageNotifier();
			oMN._oMessageArea.destroy();
			delete oMN._oMessageArea;
		}

		delete this._resizeFrom;
		delete this._resizeTo;

		delete this._oResBundle;

		delete this._formerVisibleStatus;

		delete this._togglerPosition;
		delete this._gapMessageArea;

		delete this._isHovered;
		delete this._togglerClicked;

		delete this._sSeverestMessageLevel;

		jQuery(window).unbind("resize", fnOnResize);
	};
	/**
	 * This method creates an instance of the internal control
	 * {sap.ui.ux3.NotificationBar.MessageView} corresponding to the given
	 * message
	 * 
	 * @param {sap.ui.core.Message}
	 *            oMessage from that should be created a view
	 * @returns {sap.ui.ux3.NotificationBar.MessageView}
	 */
	var fnCreateMessageView = function(oMessage, oNotifier, oNotiBar) {
		var oMessageView = new sap.ui.ux3.NotificationBar.MessageView({
			text : oMessage.getText(),
			timestamp : oMessage.getTimestamp()
		});
		oMessageView._message = oMessage;

		if (oNotifier.sParentAggregationName == "messageNotifier") {
			if (oNotiBar.getVisibleStatus() == sap.ui.ux3.NotificationBarStatus.Max) {
				oMessageView.setIcon(oMessage.getIcon() || oMessage.getDefaultIcon("32x32"));
			} else {
				oMessageView.setIcon(oMessage.getIcon() || oMessage.getDefaultIcon());
			}
		} else {
			oMessageView.setIcon(oMessage.getIcon());
		}

		return oMessageView;
	};

	/**
	 * This attaches the given notifier to all necessary events that a notifier
	 * can trigger. A transformation is needed because 'this' in this method is
	 * the window instance
	 * 
	 * @param {sap.ui.ux3.NotificationBar}
	 *            The bar itself since 'this' is the window's instance
	 * @param {sap.ui.ux3.Notifier}
	 *            oNotifier that should be registered
	 */
	var fnRegisterNotifierToEvents = function(that, oNotifier) {
		oNotifier.attachEvent("_childControlCalling", that._eventListener, that);
	};

	/**
	 * This detaches the given notifier to all necessary events that a notifier
	 * can trigger. A transformation is needed because 'this' in this method is
	 * the window instance
	 * 
	 * @param {sap.ui.ux3.NotificationBar}
	 *            The bar itself since 'this' is the window's instance
	 * @param {sap.ui.ux3.Notifier}
	 *            oNotifier that should be detached
	 */
	var fnDeregisterNotifierFromEvents = function(that, oNotifier) {
		oNotifier.detachEvent("_childControlCalling", that._eventListener, that);
	};

	/*
	 * Add, insert, remove, removeAll methods for notifiers
	 */
	sap.ui.ux3.NotificationBar.prototype.addNotifier = function(oNotifier) {
		if (oNotifier) {
			var bSuppress = (this.getVisibleStatus() == sap.ui.ux3.NotificationBarStatus.None) ? true : false;
			this.addAggregation("notifiers", oNotifier, bSuppress);
			fnRegisterNotifierToEvents(this, oNotifier);
		}

		return this;
	};
	sap.ui.ux3.NotificationBar.prototype.insertNotifier = function(oNotifier, iIndex) {
		if (oNotifier) {
			this.insertAggregation("notifiers", oNotifier, iIndex);
			fnRegisterNotifierToEvents(this, oNotifier);
		}

		return this;
	};
	sap.ui.ux3.NotificationBar.prototype.removeNotifier = function(oNotifier) {
		var oRemovedNotifier = this.removeAggregation("notifiers", oNotifier);
		fnDeregisterNotifierFromEvents(this, oRemovedNotifier);

		return oRemovedNotifier;
	};
	sap.ui.ux3.NotificationBar.prototype.removeAllNotifiers = function() {
		var aChildren = this.removeAllAggregation("notifiers");

		for ( var i = 0; i < aChildren.length; i++) {
			var oNotifier = aChildren[i];
			fnDeregisterNotifierFromEvents(this, oNotifier);
		}

		return aChildren;
	};
	sap.ui.ux3.NotificationBar.prototype.destroyNotifiers = function() {
		var aChildren = this.getNotifiers();

		for ( var i = 0; i < aChildren.length; i++) {
			var oNotifier = aChildren[i];
			fnDeregisterNotifierFromEvents(this, oNotifier);
		}

		this.destroyAggregation("notifiers");
		return this;
	};

	/*
	 * Set, remove, destroy methods for message notifier
	 */
	sap.ui.ux3.NotificationBar.prototype.setMessageNotifier = function(oMessageNotifier) {

		var oMN = this.getMessageNotifier();
		if (oMN) {
			oMN._oMessageArea.destroy();
			delete oMN._oMessageArea;

			fnDeregisterNotifierFromEvents(this, oMN);
		}

		this.setAggregation("messageNotifier", oMessageNotifier);

		if (oMessageNotifier) {
			oMessageNotifier._oMessageArea = new sap.ui.ux3.NotificationBar.MessageView(this.getId() + "-inplaceMessage");
			oMessageNotifier._oMessageArea.setParent(oMessageNotifier);

			fnRegisterNotifierToEvents(this, oMessageNotifier);
		}

		return this;
	};
	sap.ui.ux3.NotificationBar.prototype.destroyMessageNotifier = function(oMsgNotifier) {

		var oMN = this.getMessageNotifier();
		if (oMN) {
			oMN._oMessageArea.destroy();
			delete oMN._oMessageArea;

			fnDeregisterNotifierFromEvents(this, oMN);
		}

		this.destroyAggregation("messageNotifier");

		return this;
	};

	var fnSetResizeClasses = function(that, sStatus) {

		switch (sStatus) {
		case sap.ui.ux3.NotificationBarStatus.Min:
			that.$().addClass("sapUiNotificationBarMinimized");
			break;

		case sap.ui.ux3.NotificationBarStatus.Max:
			var sHeight = that.getHeightOfStatus(that.getVisibleStatus());

			that.$().addClass("sapUiNotificationBarMaximized");
			that.$().css("height", sHeight);

			var $containers = jQuery.sap.byId(that.getId() + "-containers");
			$containers.css("max-height", sHeight);
			break;

		case sap.ui.ux3.NotificationBarStatus.None:
			if (!that._resizeTo) {
				that.$().css("display", "none");
			}
			break;

		case sap.ui.ux3.NotificationBarStatus.Default:
		default:
			that.$().removeClass("sapUiNotificationBarMaximized");
			that.$().removeClass("sapUiNotificationBarMinimized");

			break;
		}
	};

	var fnResizeStuff = function(that) {
		if (fnWasResized(that)) {
			var sFromHeight = that.getHeightOfStatus(that._resizeFrom);
			that.$().css("height", sFromHeight);

			var sToHeight = that.getHeightOfStatus(that._resizeTo);
			that.$().stop().animate({
				height : sToHeight
			}, "fast", function() {
				var sStatus = that.getVisibleStatus();
				if (sStatus === "None") {
					that.$().css("display", "none");

					if (that.hasItems()) {
						if (that.getMessageNotifier()) {
							var oMN = that.getMessageNotifier();
							oMN.$().css("display", "none");
						}

						if (that.getNotifiers().length > 0) {
							var aNotifiers = that.getNotifiers();
							for ( var i = 0; i < aNotifiers.length; i++) {
								aNotifiers[i].$().css("display", "none");
							}
						}
					}
				}

				fnSetResizeClasses(that, sStatus);
				fnResize(that, sStatus);
			});
		} else {
			/*
			 * Setting the correct size of the bar is necessary if the bar is
			 * maximized e.g. and a new message was added and triggered a
			 * re-rendering
			 */
			var sStatus = that.getVisibleStatus();
			fnSetResizeClasses(that, sStatus);
		}

		delete that._resizeFrom;
		delete that._resizeTo;
	};

	var fnSettingWidth = function(that) {
		if (that.getMessageNotifier() && that.getMessageNotifier().hasItems()) {
			var $messageArea = undefined;
			var sId = that.getId() + "-notifiers";
			var $domRef = jQuery.sap.byId(sId);
			if ($domRef.length > 0) {
				var iTotalWidth = parseInt($domRef.width());

				var $children = $domRef.children();

				for ( var i = 0; i < $children.length; i++) {
					var $child = jQuery($children[i]);

					if ($child.hasClass("sapUiNotifier")) {
						iTotalWidth -= $child.width();
					} else if ($child.hasClass("sapUiNotifierSeparator")) {
						iTotalWidth -= $child.width();
					} else if ($child.hasClass("sapUiInPlaceMessage")) {
						$messageArea = $child;
					}
				}

				if ($messageArea) {
					// +2 since otherwise the inplace message has no place to be
					// displayed
					iTotalWidth -= that._gapMessageArea + 2;
					$messageArea.css("width", iTotalWidth + "px");
				}
			}
		}
	};

	var fnMouseMoveListener = function(oEvent) {
		var height = jQuery(window).height();

		var oNotiBar = oEvent.data.notibar;
		var $hoverDomRef = jQuery.sap.byId(oNotiBar.getId() + "-hoverItem");

		var clientY = oEvent.clientY;
		var iClientTop = parseInt(clientY, 10);

		/*
		 * Border has to be moved up a little since the IE doesn't react anymore
		 * if the mouse cursor is too close to the boder.
		 */
		var iBorder = height - $hoverDomRef.outerHeight();
		if (oNotiBar._isHovered) {
			if (iClientTop < iBorder) {
				var fnHoverProxy = jQuery.proxy(fnHover, oNotiBar);
				$hoverDomRef.on("mouseleave", fnHoverProxy);

				window.setTimeout(function() {
					var oEvt = jQuery.Event("mouseleave", {
						notibar : oNotiBar
					});
					$hoverDomRef.trigger(oEvt);

					$hoverDomRef.off("mouseleave", fnHoverProxy);
				}, 100);

				delete oNotiBar._isHovered;
			}
		} else {
			if (iClientTop >= iBorder) {
				var fnHoverProxy = jQuery.proxy(fnHover, oNotiBar);
				$hoverDomRef.on("mouseenter", fnHoverProxy);

				window.setTimeout(function() {
					var oEvt = jQuery.Event("mouseenter", {
						notibar : oNotiBar
					});
					$hoverDomRef.trigger(oEvt);

					$hoverDomRef.off("mouseenter", fnHoverProxy);
				}, 100);

				oNotiBar._isHovered = true;
			}
		}
	};

	/*
	 * When the NotiBar is minimized the IE doesn't get the mouseenter and
	 * mouseleave events on the bar's parent element. So it's needed to simulate
	 * these events with checking if the mouse cursor is near the bottom of the
	 * window to manually trigger these events.
	 */
	var simulateMouseEventsForIE = function(oNotiBar) {
		var $doc = jQuery(document);

		if (oNotiBar.getVisibleStatus() === "Min") {
			$doc.on("mousemove", {
				notibar : oNotiBar
			}, fnMouseMoveListener);
		} else {
			$doc.off("mousemove", fnMouseMoveListener);
		}
	};

	/**
	 * @private
	 */
	sap.ui.ux3.NotificationBar.prototype.onBeforeRendering = function() {
		if (jQuery.browser.msie) {
			/*
			 * This crap is needed since the IE has problems to show the bar
			 * again if the was was minimized and the user clicked on 'barUp'.
			 * Only if the mouse was moved the IE shows a previously hidden
			 * element again.
			 */
			window.parent.document.mousePageY = 0;
		}
	};

	/**
	 * @private
	 */
	sap.ui.ux3.NotificationBar.prototype.onAfterRendering = function() {
		this._oItemNavigation.setRootDomRef(this.getDomRef());

		var aItemDomRefs = [];
		var mNotifiers = this.getNotifiers();
		for ( var i = 0; i < mNotifiers.length; i++) {
			aItemDomRefs.push(mNotifiers[i].getDomRef());
		}

		var oMessageNotifier = this.getMessageNotifier();
		if (oMessageNotifier != null) {
			aItemDomRefs.push(oMessageNotifier.getDomRef());

			// add the inplace message to the item navigation as well
			aItemDomRefs.push(jQuery.sap.byId(this.getId() + "-inplaceMessage"));
		}

		this._oItemNavigation.setItemDomRefs(aItemDomRefs);

		/*
		 * Stuff for resizing
		 */
		fnResizeStuff(this);

		/*
		 * Calculating of the width to get the correct width for the message
		 * area
		 */
		fnSettingWidth(this);

		/*
		 * Set corresponding color for MessageNotifier's counter and description
		 * for the MessageNotifier
		 */
		fnSetSeverityForMessageNotifier(this, this.getMessageNotifier());

		// set descriptions for all normal notifiers
		fnSetItemsDescription(this);

		if (jQuery.browser.msie) {
			simulateMouseEventsForIE(this);
		}

		// set toggler always to visible if running on a mobile device
		if (jQuery.browser.mobile) {
			var $toggler = jQuery.sap.byId(this.getId() + "-toggler");

			if (this.getVisibleStatus() !== sap.ui.ux3.NotificationBarStatus.None) {
				$toggler.css("display", "block");
			} else {
				$toggler.css("display", "none");
			}
		}
	};

	/**
	 * This method sets the corresponding CSS class to the message notifier's
	 * counter to set its corresponding color and sets the corresponding ARIA
	 * information to the notifier's description element
	 * 
	 * @private
	 */
	var fnSetSeverityForMessageNotifier = function(oThis, oMN) {
		if (oMN && oMN.hasItems()) {
			var $messageCount = jQuery.sap.byId(oMN.getId() + "-counter");

			// remove all possible classes
			$messageCount.removeClass("sapUiMessageInformation");
			$messageCount.removeClass("sapUiMessageSuccess");
			$messageCount.removeClass("sapUiMessageWarning");
			$messageCount.removeClass("sapUiMessageError");

			// add new corresponding class
			var sLvl = oThis._sSeverestMessageLevel;
			$messageCount.addClass("sapUiMessage" + sLvl);

			// create key for description text
			var iCount = oMN.getMessages().length;
			var sKey = "NOTIBAR_MESSAGE_NOTIFIER_DESC_LEVEL_" + sLvl.toUpperCase() + iCount === 1 ? "_SING" : "_PL";

			// set description (i.e. "3 messages available: Highest severity
			// "Error")
			fnSetNotifierDescription(oThis, oMN, sKey, iCount);
		}
	};

	/**
	 * Sets all description of all notifiers
	 * 
	 * @private
	 */
	var fnSetItemsDescription = function(oThis) {
		var aNotifiers = oThis.getNotifiers();

		for ( var i = 0; i < aNotifiers.length; i++) {
			var iCount = aNotifiers[i].getMessages().length;
			var sKey = "NOTIBAR_NOTIFIER_COUNT_TEXT_" + iCount === 1 ? "SING" : "PL";

			fnSetNotifierDescription(oThis, aNotifiers[i], sKey, iCount);
		}
	};

	var fnSetNotifierDescription = function(oThis, oNotifier, sKey, iCount) {
		var sId = oNotifier.getId();
		var $description = jQuery.sap.byId(sId + "-description");

		var sMessage = oThis._oResBundle.getText(sKey, [ iCount ]);
		$description.html(sMessage);
	};

	/*
	 * Event listener for mouseenter/mouseleave for NotificationBar's parent
	 * HTML-element
	 */
	var fnHover = function(oEvent) {
		var sId = this.getId() + "-toggler";
		var $toggler = jQuery.sap.byId(sId);

		var bDisplay = ($toggler.css("display") === "block") ? true : false;
		if (bDisplay) {
			// if toggler is being displayed
			if (oEvent.type === "mouseleave") {
				$toggler.css("display", "none");
			}
		} else {
			if (oEvent.type === "mouseenter") {
				$toggler.css("display", "block");
			}
		}
	};

	/*
	 * EventListener when bar was resized
	 */
	var fnOnResize = function(oEvent) {
		/*
		 * Calculating of the width to get the correct width for the message
		 * area
		 */
		fnSettingWidth(this);
	};

	var fnWasResized = function(that) {
		if (that._resizeFrom && that._resizeTo) {
			if (that._resizeFrom != that._resizeTo) {
				return true;
			}
		}

		return false;
	};

	sap.ui.ux3.NotificationBar.prototype.hasItems = function() {
		// Checking all notifiers if any has items
		var mNotifiers = this.getNotifiers();
		if (mNotifiers.length > 0) {
			for ( var i = 0; i < mNotifiers.length; i++) {
				var oNotifier = mNotifiers[i];
				if (oNotifier.hasItems()) {
					return true;
				}
			}
		}

		// Checking MessageNotifier if it has items
		if (this.getMessageNotifier()) {
			if (this.getMessageNotifier().hasItems()) {
				return true;
			}
		}

		return false;
	};

	var fnResize = function(oNotiBar, toStatus) {
		var display = "none";

		switch (toStatus) {
		/*
		 * These cases are only mentioned to prevent running into default
		 */
		case sap.ui.ux3.NotificationBarStatus.Max:
		case sap.ui.ux3.NotificationBarStatus.None:
			break;

		case sap.ui.ux3.NotificationBarStatus.Min:
			/*
			 * Since minimizing doesn't need any re-rendering all necessary
			 * stuff can be done here
			 */
			oNotiBar.$().stop().animate({
				height : oNotiBar.getHeightOfStatus(toStatus)
			}, "fast");

			oNotiBar.$().addClass("sapUiNotificationBarMinimized");

			display = "block";
			break;

		default:
		case sap.ui.ux3.NotificationBarStatus.Default:
			/*
			 * If bar should be resized from maximized to default a re-rendering
			 * is needed. Otherwise a simple animation and CSS exchange is
			 * enough
			 */
			oNotiBar.$().stop().animate({
				height : oNotiBar.getHeightOfStatus(toStatus)
			}, "fast");

			oNotiBar.$().removeClass("sapUiNotificationBarMaximized");
			oNotiBar.$().removeClass("sapUiNotificationBarMinimized");

			break;
		}

		var $hover = jQuery.sap.byId(oNotiBar.getId() + "-hoverItem");
		$hover.css("display", display);
	};

	sap.ui.ux3.NotificationBar.prototype.onfocusin = function(oEvent) {
		if (this._togglerClicked) {
			delete this._togglerClicked;

			/*
			 * if the bar is minimized and a notifiers still has the focus it is
			 * needed to stop this event to prevent webkit browsers from
			 * scrolling down
			 */
			oEvent.stopImmediatePropagation(true);
		}
	};

	sap.ui.ux3.NotificationBar.prototype.onclick = function(oEvent) {
		/*
		 * if the bar is minimized and a notifiers still has the focus it is
		 * needed to stop this event to prevent webkit browsers from scrolling
		 * down
		 */
		this._togglerClicked = true;
		/*
		 * Prevent that the NotificationBar itselft gets the focus and causes a
		 * (dotted) border around the hover item and/or the bar iteslef
		 */
		this.$().blur();
		var $activeElement = jQuery(document.activeElement);

		fnCloseAllCallouts(this);

		var sId = oEvent.target.id;
		var aSplit = sId.split("-");

		if (aSplit) {
			var sVisibleStatus = this.getVisibleStatus();
			var iIndex = aSplit.length - 1;

			switch (aSplit[iIndex]) {
			case "ArrowUp":
				if (sVisibleStatus === "Min") {
					this.setVisibleStatus("Default");
				} else {
					// if current state is default -> maximize bar
					this.setVisibleStatus("Max");
				}
				break;

			case "ArrowDown":
				if (sVisibleStatus === "Max") {
					this.setVisibleStatus("Default");
				} else {
					// if current state is default -> minimize bar
					this.setVisibleStatus("Min");
				}
				oEvent.preventDefault();
				break;

			case "BarUp":
				if (this._formerVisibleStatus) {
					this.setVisibleStatus(this._formerVisibleStatus);
				} else {
					this.setVisibleStatus("Default");
				}

				break;

			case "BarDown":
				this._formerVisibleStatus = sVisibleStatus;
				this.setVisibleStatus("Min");

				$activeElement.blur();
				break;

			default:
				if ($activeElement.hasClass("sapUiNotifier")) {
					$activeElement.focus();
				} else {
					if (this.hasItems()) {
						var aNotifiers = this.getNotifiers();
						if (aNotifiers.length > 0) {
							var $firstNoti = jQuery(aNotifiers[0]);
							$firstNoti.focus();
						} else {
							var messageNoti = this.getMessageNotifier();
							if (messageNoti) {
								jQuery(messageNoti).focus();
							}
						}
					}
				}
				break;
			}
		}
	};

	sap.ui.ux3.NotificationBar.prototype.onThemeChanged = function(oEvent) {
		this.invalidate();
	};

	/**
	 * Forces a close of all Callouts of all notifiers of the NotificationBar.
	 */
	var fnCloseAllCallouts = function(that) {
		var mNotifiers = that.getNotifiers();

		for ( var i = 0; i < mNotifiers.length; i++) {
			var oNotifier = mNotifiers[i];

			oNotifier._oCallout.close();
		}

		if (that.getMessageNotifier()) {
			that.getMessageNotifier()._oCallout.close();
		}
	};

	sap.ui.ux3.NotificationBar.prototype.getHeightOfStatus = function(sStatus) {
		var sParamRoot = "sap.ui.ux3.NotificationBar:";
		var sParam = "";

		if (sStatus == sap.ui.ux3.NotificationBarStatus.Min) {
			sParam = sParamRoot + "sapUiNotificationBarHeightMinimized";
		} else if (sStatus == sap.ui.ux3.NotificationBarStatus.Default) {
			sParam = sParamRoot + "sapUiNotificationBarHeight";
		} else if (sStatus == sap.ui.ux3.NotificationBarStatus.Max) {
			sParam = sParamRoot + "sapUiNotificationBarHeightMaximized";
			sParam = sap.ui.core.theming.Parameters.get(sParam);

			var iIndex = sParam.indexOf("%");
			if (iIndex != -1) {
				var iPercentage = sParam.substring(0, iIndex);
				var iHeight = jQuery(window).height();
				iHeight = parseInt(iHeight / 100 * iPercentage);

				// Ensure that the MaxHeight is at least 1 px larger than the
				// Default
				// Maybe disabling the resize feature would be the better
				// approach in this case
				var _iHeight = parseInt(this.getHeightOfStatus(sap.ui.ux3.NotificationBarStatus.Default));
				if (iHeight < _iHeight) {
					iHeight = _iHeight + 1;
				}
			} else {
				var sMessage = "No valid percantage value given for maximized size. 400px is used";
				jQuery.sap.log.warning(sMessage);

				iHeight = 400;
			}
			return iHeight + "px";
		} else {
			// sStatus == sap.ui.ux3.NotificationBarStatus.None
			return "0px";
		}

		sParam = sap.ui.core.theming.Parameters.get(sParam);
		return sParam;
	};

	sap.ui.ux3.NotificationBar.prototype.setVisibleStatus = function(toStatus) {
		this._resizeFrom = this.getVisibleStatus();
		this._resizeTo = toStatus;

		// skip setting the property if 'toStatus' equals the current status
		if (this._resizeFrom !== this._resizeTo) {
			if (toStatus === sap.ui.ux3.NotificationBarStatus.None) {
				fnCloseAllCallouts(this);

				if (this.getDomRef()) {
					fnResize(this, toStatus);
				} else {
					this.$().css("height", "0px");
					this.$().css("display", "none");
				}
			}

			this.setProperty("visibleStatus", toStatus);
		}
	};
}());

}; // end of sap.ui.ux3.NotificationBar
if ( !jQuery.sap.isDeclared('sap.ui.ux3.Notifier') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.Notifier.
jQuery.sap.declare("sap.ui.ux3.Notifier");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Notifier.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getTitle title} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getMessages messages} : sap.ui.core.Message[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.Notifier#event:messageSelected messageSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * This element can be docked to a notification bar to show notification items
 * @extends sap.ui.core.Element
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.Notifier
 */
sap.ui.core.Element.extend("sap.ui.ux3.Notifier", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"hasItems"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"icon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"title" : {type : "string", group : "Misc", defaultValue : null}
	},
	aggregations : {
    	"messages" : {type : "sap.ui.core.Message", multiple : true, singularName : "message"}, 
    	"views" : {type : "sap.ui.core.Control", multiple : true, singularName : "view", visibility : "hidden"}
	},
	events : {
		"messageSelected" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.Notifier with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.Notifier.extend
 * @function
 */

sap.ui.ux3.Notifier.M_EVENTS = {'messageSelected':'messageSelected'};


/**
 * Getter for property <code>icon</code>.
 * Icon of the control that should be displayed within the corresponding bar
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.ux3.Notifier#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.ux3.Notifier} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Notifier#setIcon
 * @function
 */


/**
 * Getter for property <code>title</code>.
 * Defines the title that should be displayed within the opening popup
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.Notifier#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.Notifier} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Notifier#setTitle
 * @function
 */


/**
 * Getter for aggregation <code>messages</code>.<br/>
 * Messages of this notifier.
 * 
 * @return {sap.ui.core.Message[]}
 * @public
 * @name sap.ui.ux3.Notifier#getMessages
 * @function
 */


/**
 * Inserts a message into the aggregation named <code>messages</code>.
 *
 * @param {sap.ui.core.Message}
 *          oMessage the message to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the message should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the message is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the message is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Notifier} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Notifier#insertMessage
 * @function
 */

/**
 * Adds some message <code>oMessage</code> 
 * to the aggregation named <code>messages</code>.
 *
 * @param {sap.ui.core.Message}
 *            oMessage the message to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Notifier} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Notifier#addMessage
 * @function
 */

/**
 * Removes an message from the aggregation named <code>messages</code>.
 *
 * @param {int | string | sap.ui.core.Message} vMessage the message to remove or its index or id
 * @return {sap.ui.core.Message} the removed message or null
 * @public
 * @name sap.ui.ux3.Notifier#removeMessage
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>messages</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Message[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Notifier#removeAllMessages
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Message</code> in the aggregation named <code>messages</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Message}
 *            oMessage the message whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Notifier#indexOfMessage
 * @function
 */
	

/**
 * Destroys all the messages in the aggregation 
 * named <code>messages</code>.
 * @return {sap.ui.ux3.Notifier} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Notifier#destroyMessages
 * @function
 */


/**
 * Event is fired when a message of the notifiers was selected. 
 *
 * @name sap.ui.ux3.Notifier#messageSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.core.Message} oControlEvent.getParameters.message The message that was selected
 * @param {sap.ui.ux3.Notifier} oControlEvent.getParameters.notifier The notifier that contains the selected message
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'messageSelected' event of this <code>sap.ui.ux3.Notifier</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Notifier</code>.<br/> itself. 
 *  
 * Event is fired when a message of the notifiers was selected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Notifier</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Notifier} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Notifier#attachMessageSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'messageSelected' event of this <code>sap.ui.ux3.Notifier</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Notifier} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Notifier#detachMessageSelected
 * @function
 */

/**
 * Fire event messageSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'message' of type <code>sap.ui.core.Message</code> The message that was selected</li>
 * <li>'notifier' of type <code>sap.ui.ux3.Notifier</code> The notifier that contains the selected message</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Notifier} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Notifier#fireMessageSelected
 * @function
 */


/**
 * This method checks if the notifier has any items.
 *
 * @name sap.ui.ux3.Notifier.prototype.hasItems
 * @function

 * @type boolean
 * @public
 */


// Start of sap/ui/ux3/Notifier.js
jQuery.sap.require('sap.ui.commons.Callout'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * This file defines behavior for the control,
 */

(function() {
	var fBeforeOpen = function() {
		this.fireEvent("_childControlCalling", {
			type : "openCallout",
			callout : this._oCallout,
			notifier : this
		});
	};

	/**
	 * This is to ensure that all content is destroyed when the Callout is
	 * closed. Otherwise the content is destroyed when the Callout should be
	 * opened again. But who knows if the user will really do this :-)?
	 */
	var fCalloutClosed = function(oEvent) {
		if (oEvent.getSource()) {
			oEvent.getSource().destroyContent();
		}
	};

	sap.ui.ux3.Notifier.prototype.hasItems = function() {
		if (this.getMessages().length > 0) {
			return true;
		}
		return false;
	};

	sap.ui.ux3.Notifier.prototype.init = function() {

		/*
		 * Setting a parent isn't needed due to it will be set below when
		 * Callout is set as Tooltip
		 */
		this._oCallout = new sap.ui.commons.Callout({
			beforeOpen : jQuery.proxy(fBeforeOpen, this),
			open : function(oEvent) {
				// to prevent that the Callout moves if the window is scrolled
				this.$().css("position", "fixed");
			},
			close : jQuery.proxy(fCalloutClosed, this)
		});
		this._oCallout.addStyleClass("sapUiNotifierCallout");
		if (jQuery.browser.mobile) {
			// if used on a mobile device the tab-event is transfered into a
			// 'mouseover' to open the Callout. To simulate a real tab-event the
			// open delay of the callout has to be eleminated.
			this._oCallout.setOpenDelay(0);
		}

		/*
		 * Though it seems that these are properties -> they're not. There are
		 * only methods to do this so a method-call is needed.
		 */
		this._oCallout.setMyPosition("begin bottom");
		this._oCallout.setAtPosition("begin top");

		/*
		 * The method needs to be overwritten since the positioning of the
		 * callout's arrow does currently not work for transparent arrows. The
		 * transparent arrow is styled differently than defined within the
		 * callout and therefore the hard-coded position of the arrow has to be
		 * corrected
		 */
		this._oCallout.setTip = function() {
			sap.ui.commons.Callout.prototype.setTip.apply(this, arguments);

			/*
			 * Since the arrow is set with another CSS technique the position
			 * needs to be corrected as well
			 */
			var $arrow = jQuery.sap.byId(this.getId() + "-arrow");
			$arrow.css("bottom", "-24px");

			/*
			 * Since the calculation of the callout's arrow works fine for RTL
			 * and must be corrected for LTR only a manipulation of the arrow's
			 * position is needed if LTR is active
			 */
			var bRtl = sap.ui.getCore().getConfiguration().getRTL();
			if (!bRtl) {
				$arrow.css("left", "6px");
			}
		};

		this.setTooltip(this._oCallout);
		this.setTooltip = function() {
			jQuery.sap.log
					.warning("Setting toolstips for notifiers deactivated");
		};
	};

	sap.ui.ux3.Notifier.prototype.exit = function(oEvent) {
		this._oCallout = undefined;

		/*
		 * Instance is created when adding the Notifier as MessageNotifier to
		 * the NotificationBar
		 */
		if (this._oMessageView) {
			this._oMessageView.destroy();
			delete this._oMessageView;
		}
	};

	sap.ui.ux3.Notifier.prototype.onclick = function(oEvent) {
		oEvent.preventDefault();

		this.$().trigger("mouseover");
	};

	var fnFireChildControlCalling = function(sType, oMessage, oThat) {
		var sLevel = oMessage ? oMessage.getLevel()
				: sap.ui.core.MessageType.None;

		oThat.fireEvent("_childControlCalling", {
			type : sType,
			notifier : oThat,
			level : sLevel,
			// these two values are needed if a message was removed
			message : oMessage,
			callout : oThat._oCallout
		});
	};

	sap.ui.ux3.Notifier.prototype.addMessage = function(oMessage) {
		this.addAggregation("messages", oMessage);
		fnFireChildControlCalling("added", oMessage, this);

		return this;
	};

	sap.ui.ux3.Notifier.prototype.insertMessage = function(oMessage, index) {
		this.insertAggregation("messages", oMessage, index);
		fnFireChildControlCalling("added", oMessage, this);

		return this;
	};

	sap.ui.ux3.Notifier.prototype.removeMessage = function(oMessage) {
		var oRemovedMessage = this.removeAggregation("messages", oMessage);
		if (oRemovedMessage) {
			fnFireChildControlCalling("removed", oRemovedMessage, this);
		}

		return oRemovedMessage;
	};

	sap.ui.ux3.Notifier.prototype.removeAllMessages = function() {
		var aRemovedMessages = this.removeAllAggregation("messages");
		if (aRemovedMessages.length > 0) {
			// only re-render if there were messages removed
			fnFireChildControlCalling("removed", null, this);
		}

		return aRemovedMessages;
	};
	sap.ui.ux3.Notifier.prototype.destroyMessages = function() {
		var iLength = this.getMessages().length;
		this.destroyAggregation("messages");

		if (iLength > 0) {
			// only re-render if there were messages removed
			fnFireChildControlCalling("removed", null, this);
		}

		return this;
	};

}());

}; // end of sap.ui.ux3.Notifier
if ( !jQuery.sap.isDeclared('sap.ui.ux3.Overlay') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.Overlay.
jQuery.sap.declare("sap.ui.ux3.Overlay");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Overlay.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getOpenButtonVisible openButtonVisible} : boolean (default: true)</li>
 * <li>{@link #getCloseButtonVisible closeButtonVisible} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.Overlay#event:close close} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Overlay#event:openNew openNew} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Overlay#event:open open} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Overlay Control
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.Overlay
 */
sap.ui.core.Control.extend("sap.ui.ux3.Overlay", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"open", "close", "isOpen"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"openButtonVisible" : {type : "boolean", group : "Misc", defaultValue : true},
		"closeButtonVisible" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	events : {
		"close" : {allowPreventDefault : true}, 
		"openNew" : {}, 
		"open" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.Overlay with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.Overlay.extend
 * @function
 */

sap.ui.ux3.Overlay.M_EVENTS = {'close':'close','openNew':'openNew','open':'open'};


/**
 * Getter for property <code>openButtonVisible</code>.
 * Defines whether the 'Open' button shall be visible
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>openButtonVisible</code>
 * @public
 * @name sap.ui.ux3.Overlay#getOpenButtonVisible
 * @function
 */

/**
 * Setter for property <code>openButtonVisible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bOpenButtonVisible  new value for property <code>openButtonVisible</code>
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Overlay#setOpenButtonVisible
 * @function
 */


/**
 * Getter for property <code>closeButtonVisible</code>.
 * Defines whether the 'Close' button shall be visible
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>closeButtonVisible</code>
 * @public
 * @name sap.ui.ux3.Overlay#getCloseButtonVisible
 * @function
 */

/**
 * Setter for property <code>closeButtonVisible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bCloseButtonVisible  new value for property <code>closeButtonVisible</code>
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Overlay#setCloseButtonVisible
 * @function
 */


/**
 * Event is fired when the ThingInspector is closed 
 *
 * @name sap.ui.ux3.Overlay#close
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id The Id of the Thing which is inspected in this ThingInspector instance
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'close' event of this <code>sap.ui.ux3.Overlay</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Overlay</code>.<br/> itself. 
 *  
 * Event is fired when the ThingInspector is closed 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Overlay</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Overlay#attachClose
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'close' event of this <code>sap.ui.ux3.Overlay</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Overlay#detachClose
 * @function
 */

/**
 * Fire event close to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> The Id of the Thing which is inspected in this ThingInspector instance</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.ux3.Overlay#fireClose
 * @function
 */


/**
 * Event is fired when the 'Open' button of the ThingInspector is clicked 
 *
 * @name sap.ui.ux3.Overlay#openNew
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id The Id of the Thing which is inspected in this ThingInspector instance
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'openNew' event of this <code>sap.ui.ux3.Overlay</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Overlay</code>.<br/> itself. 
 *  
 * Event is fired when the 'Open' button of the ThingInspector is clicked 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Overlay</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Overlay#attachOpenNew
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'openNew' event of this <code>sap.ui.ux3.Overlay</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Overlay#detachOpenNew
 * @function
 */

/**
 * Fire event openNew to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> The Id of the Thing which is inspected in this ThingInspector instance</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Overlay#fireOpenNew
 * @function
 */


/**
 * Event is fired when the ThingInspector is opened 
 *
 * @name sap.ui.ux3.Overlay#open
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id The Id of the Thing which is inspected in this ThingInspector instance
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'open' event of this <code>sap.ui.ux3.Overlay</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Overlay</code>.<br/> itself. 
 *  
 * Event is fired when the ThingInspector is opened 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Overlay</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Overlay#attachOpen
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'open' event of this <code>sap.ui.ux3.Overlay</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Overlay#detachOpen
 * @function
 */

/**
 * Fire event open to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> The Id of the Thing which is inspected in this ThingInspector instance</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Overlay} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Overlay#fireOpen
 * @function
 */


/**
 * Opens Overlay as pop up
 *
 * @name sap.ui.ux3.Overlay.prototype.open
 * @function
 * @param {string} 
 *         sInitialFocusId
 *         ID of the control that gets focused when the overlay is openend

 * @type void
 * @public
 */


/**
 * Closes Overlay
 *
 * @name sap.ui.ux3.Overlay.prototype.close
 * @function

 * @type void
 * @public
 */


/**
 * Checks whether Overlay is open
 *
 * @name sap.ui.ux3.Overlay.prototype.isOpen
 * @function

 * @type boolean
 * @public
 */


// Start of sap/ui/ux3/Overlay.js
jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * This file defines behavior for the control,
 */
sap.ui.ux3.Overlay.prototype.init = function() {
	var that = this;
	this._oPopup = new sap.ui.core.Popup(this, false, true);
	this._oPopup.attachOpened(function(oEvent){
		var domRef = jQuery.sap.byId(that._initialFocusId)[0];
		if (!domRef && that._getShell() && that.getOpenButtonVisible()) {
			domRef = jQuery.sap.domById(that._getOpenButtonId());
		} else if (!domRef && that._getShell() && that.getCloseButtonVisible()) {
			domRef = jQuery.sap.domById(that._getCloseButtonId());
		} else if (!domRef) {
			domRef = jQuery.sap.byId(that.getId()+"-content").firstFocusableDomRef();
		} 
		if (!domRef) {
			domRef = jQuery.sap.byId(that.getId()).firstFocusableDomRef();
		}
 		if(domRef) {
			jQuery.sap.focus(domRef);
		}
	});
	this._overridePopupEventing();
};

/**
 * Returns the Shell (if both Overlay and Shell are rendered)
 */
sap.ui.ux3.Overlay.prototype._getShell = function() {
	return this._oShell;
};


/**
 * Returns the ID of the close button element.
 * 
 * @return {String} The close button ID.
 * @private
 */
sap.ui.ux3.Overlay.prototype._getCloseButtonId = function() {
	return this.getId()+"-close";
};


/**
 * Returns the ID of the open button element.
 * 
 * @return {String} The open button ID.
 * @private
 */
sap.ui.ux3.Overlay.prototype._getOpenButtonId = function() {
	return this.getId()+"-openNew";
};


sap.ui.ux3.Overlay.prototype._initDom = function(fFocusFirst, fFocusLast) {
	//Override the popup theming and init the focus handling
	var oShell = jQuery(".sapUiUx3Shell").control();
	this._oShell = oShell.length ? oShell[0] : null;
	oShell = this._oShell;
	jQuery.sap.byId(this.getId()).css("position", "fixed");
	if (oShell) {
		this._bFocusEventsRegistered = true;
		oShell.syncWithCanvasSize(this.getId(), true, fFocusFirst, fFocusLast);
		jQuery.sap.byId(this.getId() + "-firstFocusDummyPaneFw").attr("tabindex", "0").focusin(jQuery.proxy(oShell.focusFirstTool,oShell));
		jQuery.sap.byId(this.getId() + "-firstFocusDummyPaneBw").attr("tabindex", "0").focusin(jQuery.proxy(oShell.focusLastTool,oShell));
		jQuery.sap.byId(this.getId() + "-LastFocusDummyPane").attr("tabindex", "0").focusin(jQuery.proxy(oShell.focusPaneStart,oShell));
	} else {
		jQuery.sap.byId(this.getId()).css("bottom", "0px").css("top", "0px").css("left", "0px").css("right", "0px");
	}
};

sap.ui.ux3.Overlay.prototype._cleanupDom = function() {
	if (this._oShell) {
		this._oShell.syncWithCanvasSize(this.getId(), false);
	}
	if (this._bFocusEventsRegistered) {
		this._bFocusEventsRegistered = false;
		jQuery.sap.byId(this.getId() + "-firstFocusDummyPaneFw").removeAttr("tabindex").unbind("focusin");
		jQuery.sap.byId(this.getId() + "-firstFocusDummyPaneBw").removeAttr("tabindex").unbind("focusin");
		jQuery.sap.byId(this.getId() + "-LastFocusDummyPane").removeAttr("tabindex").unbind("focusin");
	}
}

/**
 * Set size of TI after rendering: If running in Shell we sync with shell
 * canvas (only if Popup is open/opening). The size will then be set by the shell.
 */
sap.ui.ux3.Overlay.prototype.onAfterRendering = function() {
    var oPopupState = this._oPopup.getOpenState();
    if(oPopupState === sap.ui.core.OpenState.OPEN || oPopupState === sap.ui.core.OpenState.OPENING){
          this._initDom(jQuery.proxy(this._setFocusFirst, this), jQuery.proxy(this._setFocusLast, this));
    }
};

sap.ui.ux3.Overlay.prototype.onBeforeRendering = function() {
};


/**
 * Destroys this instance of Overlay, called by Element#destroy()
 *
 * @private
 */
sap.ui.ux3.Overlay.prototype.exit = function() {
	this.close();
	this._oPopup.destroy();
	this._oPopup = null;
	this._oShell = null;
};

/**
 * Opens this instance of Overlay
 *
 * @public
 */
sap.ui.ux3.Overlay.prototype.open = function(initialFocusId) {
	this._initialFocusId = initialFocusId;
	if (this._oPopup.isOpen()) {
		return;
	}
	if(initialFocusId) {
		this._oPopup.setInitialFocusId(initialFocusId);
	}
	this._oPopup.open(400);
	
	this._initDom(jQuery.proxy(this._setFocusFirst, this), jQuery.proxy(this._setFocusLast, this));

	//fire open event
	this.fireOpen({
		id : this.getId()
	});
};

/**
 * Closes this instance of Overlay
 *
 * @public
 */
sap.ui.ux3.Overlay.prototype.close = function() {
	if (!this._oPopup.isOpen()) {
		return;
	}
	this._oPopup.close(400);
	this._cleanupDom();
};

/**
 * Handle the click event happening on the Overlay instance.
 *
 * @param {jQuery.EventObject}
 *            oEvent
 * @private
 */
sap.ui.ux3.Overlay.prototype.onclick = function(oEvent) {
	this._handleButtonEvent(oEvent);
};

/**
 * Handle the sapselect pseudo event happening on the Overlay instance.
 *
 * @param {jQuery.EventObject}
 *            oEvent
 * @private
 */
sap.ui.ux3.Overlay.prototype.onsapselect = function(oEvent) {
	this._handleButtonEvent(oEvent);
};

/**
 * Eventhandling for Overlay Buttons
 *
 * @private
 */
sap.ui.ux3.Overlay.prototype._handleButtonEvent = function(oEvent) {
	var elementId = oEvent.target.id;
	if (elementId === this._getCloseButtonId()) {
		if(this.fireClose({id : this.getId()})) {
			this.close();
		}
	} else if (elementId === this._getOpenButtonId()) {
		this.fireOpenNew({
			id : this.getId()
		});
	}
};

/**
 * Load language dependent texts.
 *
 * @private
 */
sap.ui.ux3.Overlay.prototype._getText = function(sKey, aArgs) {
	var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
	var sText = undefined;
	if(rb) {
		sText = rb.getText(sKey);
	}
	if(sText && aArgs){
		for(var index=0; index<aArgs.length; index++){
			sText = sText.replace("{"+index+"}", aArgs[index]);
		}
	}
	return sText ? sText : sKey;
};

/**
 * Override Popup Events
 *
 * @private
 */
sap.ui.ux3.Overlay.prototype._overridePopupEventing = function() {
	// don't bring Overlay to the front on mouse down. Existing
	// Toolpopups should always be in front
	this._oPopup.onmousedown = function(oEvent) {
		return;
	};
};

/**
 * Returns the first focusable Dom element which is contained in this Overlay.
 * This function is used for the Shell integration for a proper keyboard handling (tab chain).
 * 
 * This function must be overridden in sub classes appropriately.
 *
 * @private
 */
sap.ui.ux3.Overlay.prototype._setFocusFirst = function() {
	jQuery.sap.focus(jQuery.sap.domById(this._getOpenButtonId()));
};

/**
 * Returns the last focusable Dom element which is contained in this Overlay.
 * This function is used for the Shell integration for a proper keyboard handling (tab chain).
 *
 * This function must be overridden in sub classes appropriately.
 *
 * @private
 */
sap.ui.ux3.Overlay.prototype._setFocusLast = function() {
	jQuery.sap.focus(jQuery.sap.domById(this._getCloseButtonId()));
};

/* Redefinition of generated API methods */

// Implementation of API method isOpen
sap.ui.ux3.Overlay.prototype.isOpen = function() {
	return this._oPopup.isOpen();
};

}; // end of sap.ui.ux3.Overlay
if ( !jQuery.sap.isDeclared('sap.ui.ux3.OverlayContainer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.OverlayContainer.
jQuery.sap.declare("sap.ui.ux3.OverlayContainer");



/**
 * Constructor for a new OverlayContainer.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.ux3.Overlay#constructor sap.ui.ux3.Overlay}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Is to be embedded into the Overlay control as content container
 * @extends sap.ui.ux3.Overlay
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.OverlayContainer
 */
sap.ui.ux3.Overlay.extend("sap.ui.ux3.OverlayContainer", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.OverlayContainer with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.OverlayContainer.extend
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Aggregation for content
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.OverlayContainer#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.OverlayContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.OverlayContainer#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.OverlayContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.OverlayContainer#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.ux3.OverlayContainer#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.OverlayContainer#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.OverlayContainer#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.ux3.OverlayContainer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.OverlayContainer#destroyContent
 * @function
 */


// Start of sap/ui/ux3/OverlayContainer.js
/**
 * Focus Last Element
 *
 * @private
 */
sap.ui.ux3.OverlayContainer.prototype._setFocusLast = function() {
	var oFocus = jQuery.sap.byId(this.getId()+"-content").lastFocusableDomRef();
	if (!oFocus && this.getCloseButtonVisible()) {
		oFocus = jQuery.sap.domById(this.getId()+"-close");
	} else if (!oFocus && this.getOpenButtonVisible()) {
		oFocus = jQuery.sap.domById(this.getId()+"-openNew");
	}
	jQuery.sap.focus(oFocus);
};

/**
 * Focus First Element
 *
 * @private
 */
sap.ui.ux3.OverlayContainer.prototype._setFocusFirst = function() {
	if (this.getOpenButtonVisible()) {
		jQuery.sap.focus(jQuery.sap.domById(this.getId()+"-openNew"));
	} else if (this.getCloseButtonVisible()) {
		jQuery.sap.focus(jQuery.sap.domById(this.getId()+"-close"));
	} else {
		jQuery.sap.focus(jQuery.sap.byId(this.getId()+"-content").firstFocusableDomRef());
	}
};
}; // end of sap.ui.ux3.OverlayContainer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.OverlayContainerRenderer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

// Provides default renderer for the sap.ui.ux3.OverlayContainer
jQuery.sap.declare("sap.ui.ux3.OverlayContainerRenderer");

jQuery.sap.require('sap.ui.core.Renderer'); // unlisted dependency retained
 // unlisted dependency retained

/**
 * @class OverlayContainer renderer.
 * @static
 */
sap.ui.ux3.OverlayContainerRenderer = sap.ui.core.Renderer.extend(sap.ui.ux3.OverlayRenderer);

/**
 * Renders the Overlay content
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.OverlayContainerRenderer.renderContent = function(oRenderManager, oControl) {
	var rm = oRenderManager;
	rm.write("<div role='Main' class='sapUiUx3OCContent' id='"+oControl.getId()+"-content'>");
	var content = oControl.getContent();
	for (var i = 0; i < content.length; i++) {
		var control = content[i];
		rm.renderControl(control);
	}
	rm.write("</div>");
};

/**
 * Add root class to Overlay
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.OverlayContainerRenderer.addRootClasses = function(oRenderManager, oControl) {
	var rm = oRenderManager;
	rm.addClass("sapUiUx3OC");
};

/**
 * Add class to Overlay
 *
 * @param {sap.ui.core.RenderManager}
 *            oRenderManager the RenderManager that can be used for writing to
 *            the Render-Output-Buffer
 * @param {sap.ui.core.Control}
 *            oControl an object representation of the control that should be
 *            rendered
 */
sap.ui.ux3.OverlayContainerRenderer.addOverlayClasses = function(oRenderManager, oControl) {
	var rm = oRenderManager;
	rm.addClass("sapUiUx3OCOverlay");
};

}; // end of sap.ui.ux3.OverlayContainerRenderer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.QuickView') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.QuickView.
jQuery.sap.declare("sap.ui.ux3.QuickView");

jQuery.sap.require('sap.ui.commons.CalloutBase'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new QuickView.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getType type} : string</li>
 * <li>{@link #getFirstTitle firstTitle} : string</li>
 * <li>{@link #getFirstTitleHref firstTitleHref} : string</li>
 * <li>{@link #getSecondTitle secondTitle} : string</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize</li>
 * <li>{@link #getShowActionBar showActionBar} : boolean (default: true)</li>
 * <li>{@link #getFollowState followState} : sap.ui.ux3.FollowActionState (default: sap.ui.ux3.FollowActionState.Default)</li>
 * <li>{@link #getFlagState flagState} : boolean (default: false)</li>
 * <li>{@link #getFavoriteState favoriteState} : boolean (default: false)</li>
 * <li>{@link #getFavoriteActionEnabled favoriteActionEnabled} : boolean (default: true)</li>
 * <li>{@link #getUpdateActionEnabled updateActionEnabled} : boolean (default: true)</li>
 * <li>{@link #getFollowActionEnabled followActionEnabled} : boolean (default: true)</li>
 * <li>{@link #getFlagActionEnabled flagActionEnabled} : boolean (default: true)</li>
 * <li>{@link #getOpenActionEnabled openActionEnabled} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Element[]</li>
 * <li>{@link #getActions actions} : sap.ui.ux3.ThingAction[]</li>
 * <li>{@link #getActionBar actionBar} : sap.ui.ux3.ActionBar</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.QuickView#event:actionSelected actionSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.QuickView#event:feedSubmit feedSubmit} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.QuickView#event:navigate navigate} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.commons.CalloutBase#constructor sap.ui.commons.CalloutBase}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * QuickView is a small popup with a short overview of a Thing.
 * QuickView is shown when a user holds the mouse pointer over a related screen element.
 * 
 * @extends sap.ui.commons.CalloutBase
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.QuickView
 */
sap.ui.commons.CalloutBase.extend("sap.ui.ux3.QuickView", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"type" : {type : "string", group : "Misc", defaultValue : null},
		"firstTitle" : {type : "string", group : "Misc", defaultValue : null},
		"firstTitleHref" : {type : "string", group : "Misc", defaultValue : null},
		"secondTitle" : {type : "string", group : "Misc", defaultValue : null},
		"icon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"width" : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
		"showActionBar" : {type : "boolean", group : "Misc", defaultValue : true},
		"followState" : {type : "sap.ui.ux3.FollowActionState", group : "Misc", defaultValue : sap.ui.ux3.FollowActionState.Default},
		"flagState" : {type : "boolean", group : "Misc", defaultValue : false},
		"favoriteState" : {type : "boolean", group : "Misc", defaultValue : false},
		"favoriteActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"updateActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"followActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"flagActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"openActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	aggregations : {
    	"content" : {type : "sap.ui.core.Element", multiple : true, singularName : "content"}, 
    	"actions" : {type : "sap.ui.ux3.ThingAction", multiple : true, singularName : "action"}, 
    	"actionBar" : {type : "sap.ui.ux3.ActionBar", multiple : false}
	},
	events : {
		"actionSelected" : {}, 
		"feedSubmit" : {}, 
		"navigate" : {allowPreventDefault : true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.QuickView with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.QuickView.extend
 * @function
 */

sap.ui.ux3.QuickView.M_EVENTS = {'actionSelected':'actionSelected','feedSubmit':'feedSubmit','navigate':'navigate'};


/**
 * Getter for property <code>type</code>.
 * Thing type (mandatory) like Account, Material, Employee etc. is displayed in a header at the top part of the QuickView.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>type</code>
 * @public
 * @name sap.ui.ux3.QuickView#getType
 * @function
 */

/**
 * Setter for property <code>type</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sType  new value for property <code>type</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setType
 * @function
 */


/**
 * Getter for property <code>firstTitle</code>.
 * Thing name shown in the header of the QuickView
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>firstTitle</code>
 * @public
 * @name sap.ui.ux3.QuickView#getFirstTitle
 * @function
 */

/**
 * Setter for property <code>firstTitle</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFirstTitle  new value for property <code>firstTitle</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setFirstTitle
 * @function
 */


/**
 * Getter for property <code>firstTitleHref</code>.
 * URI to Thing Inspector
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>firstTitleHref</code>
 * @public
 * @name sap.ui.ux3.QuickView#getFirstTitleHref
 * @function
 */

/**
 * Setter for property <code>firstTitleHref</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFirstTitleHref  new value for property <code>firstTitleHref</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setFirstTitleHref
 * @function
 */


/**
 * Getter for property <code>secondTitle</code>.
 * Optional short text shown under the firstTitle
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>secondTitle</code>
 * @public
 * @name sap.ui.ux3.QuickView#getSecondTitle
 * @function
 */

/**
 * Setter for property <code>secondTitle</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSecondTitle  new value for property <code>secondTitle</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setSecondTitle
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * URI of the Thing icon image (mandatory). The image is scaled down to the maximal size of 32 pixel (vertical or horizontal).
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.ux3.QuickView#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setIcon
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Control width as common CSS-size (px or % as unit, for example).
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.ux3.QuickView#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setWidth
 * @function
 */


/**
 * Getter for property <code>showActionBar</code>.
 * Show Action Bar
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showActionBar</code>
 * @public
 * @name sap.ui.ux3.QuickView#getShowActionBar
 * @function
 */

/**
 * Setter for property <code>showActionBar</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowActionBar  new value for property <code>showActionBar</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setShowActionBar
 * @function
 */


/**
 * Getter for property <code>followState</code>.
 * Follow State of a Thing
 *
 * Default value is <code>Default</code>
 *
 * @return {sap.ui.ux3.FollowActionState} the value of property <code>followState</code>
 * @public
 * @name sap.ui.ux3.QuickView#getFollowState
 * @function
 */

/**
 * Setter for property <code>followState</code>.
 *
 * Default value is <code>Default</code> 
 *
 * @param {sap.ui.ux3.FollowActionState} oFollowState  new value for property <code>followState</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setFollowState
 * @function
 */


/**
 * Getter for property <code>flagState</code>.
 * State of Flag Action
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>flagState</code>
 * @public
 * @name sap.ui.ux3.QuickView#getFlagState
 * @function
 */

/**
 * Setter for property <code>flagState</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bFlagState  new value for property <code>flagState</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setFlagState
 * @function
 */


/**
 * Getter for property <code>favoriteState</code>.
 * State Of favorite Action
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>favoriteState</code>
 * @public
 * @name sap.ui.ux3.QuickView#getFavoriteState
 * @function
 */

/**
 * Setter for property <code>favoriteState</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bFavoriteState  new value for property <code>favoriteState</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setFavoriteState
 * @function
 */


/**
 * Getter for property <code>favoriteActionEnabled</code>.
 * Favorite action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>favoriteActionEnabled</code>
 * @public
 * @name sap.ui.ux3.QuickView#getFavoriteActionEnabled
 * @function
 */

/**
 * Setter for property <code>favoriteActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFavoriteActionEnabled  new value for property <code>favoriteActionEnabled</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setFavoriteActionEnabled
 * @function
 */


/**
 * Getter for property <code>updateActionEnabled</code>.
 * Update action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>updateActionEnabled</code>
 * @public
 * @name sap.ui.ux3.QuickView#getUpdateActionEnabled
 * @function
 */

/**
 * Setter for property <code>updateActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bUpdateActionEnabled  new value for property <code>updateActionEnabled</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setUpdateActionEnabled
 * @function
 */


/**
 * Getter for property <code>followActionEnabled</code>.
 * Follow action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>followActionEnabled</code>
 * @public
 * @name sap.ui.ux3.QuickView#getFollowActionEnabled
 * @function
 */

/**
 * Setter for property <code>followActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFollowActionEnabled  new value for property <code>followActionEnabled</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setFollowActionEnabled
 * @function
 */


/**
 * Getter for property <code>flagActionEnabled</code>.
 * Flag action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>flagActionEnabled</code>
 * @public
 * @name sap.ui.ux3.QuickView#getFlagActionEnabled
 * @function
 */

/**
 * Setter for property <code>flagActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFlagActionEnabled  new value for property <code>flagActionEnabled</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setFlagActionEnabled
 * @function
 */


/**
 * Getter for property <code>openActionEnabled</code>.
 * Open Thing action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>openActionEnabled</code>
 * @public
 * @name sap.ui.ux3.QuickView#getOpenActionEnabled
 * @function
 */

/**
 * Setter for property <code>openActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bOpenActionEnabled  new value for property <code>openActionEnabled</code>
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setOpenActionEnabled
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Body content of the QuickView
 * 
 * @return {sap.ui.core.Element[]}
 * @public
 * @name sap.ui.ux3.QuickView#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Element}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Element}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Element} vContent the content to remove or its index or id
 * @return {sap.ui.core.Element} the removed content or null
 * @public
 * @name sap.ui.ux3.QuickView#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Element[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.QuickView#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Element</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Element}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.QuickView#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#destroyContent
 * @function
 */


/**
 * Getter for aggregation <code>actions</code>.<br/>
 * Actions of a Thing
 * 
 * @return {sap.ui.ux3.ThingAction[]}
 * @public
 * @name sap.ui.ux3.QuickView#getActions
 * @function
 */


/**
 * Inserts a action into the aggregation named <code>actions</code>.
 *
 * @param {sap.ui.ux3.ThingAction}
 *          oAction the action to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the action should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the action is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the action is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#insertAction
 * @function
 */

/**
 * Adds some action <code>oAction</code> 
 * to the aggregation named <code>actions</code>.
 *
 * @param {sap.ui.ux3.ThingAction}
 *            oAction the action to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#addAction
 * @function
 */

/**
 * Removes an action from the aggregation named <code>actions</code>.
 *
 * @param {int | string | sap.ui.ux3.ThingAction} vAction the action to remove or its index or id
 * @return {sap.ui.ux3.ThingAction} the removed action or null
 * @public
 * @name sap.ui.ux3.QuickView#removeAction
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>actions</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ThingAction[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.QuickView#removeAllActions
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ThingAction</code> in the aggregation named <code>actions</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ThingAction}
 *            oAction the action whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.QuickView#indexOfAction
 * @function
 */
	

/**
 * Destroys all the actions in the aggregation 
 * named <code>actions</code>.
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#destroyActions
 * @function
 */


/**
 * Getter for aggregation <code>actionBar</code>.<br/>
 * ActionBar. If no actionBar is set a default ActionBar will be created.
 * In any case, ActionBar is displayed only when the showActionBar property is set to true.
 * 
 * @return {sap.ui.ux3.ActionBar}
 * @public
 * @name sap.ui.ux3.QuickView#getActionBar
 * @function
 */


/**
 * Setter for the aggregated <code>actionBar</code>.
 * @param oActionBar {sap.ui.ux3.ActionBar}
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#setActionBar
 * @function
 */
	

/**
 * Destroys the actionBar in the aggregation 
 * named <code>actionBar</code>.
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#destroyActionBar
 * @function
 */


/**
 * Action is selected in Action Bar 
 *
 * @name sap.ui.ux3.QuickView#actionSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id Id of selected ThingAction
 * @param {sap.ui.ux3.ThingAction} oControlEvent.getParameters.action Selected ThingAction
 * @param {string} oControlEvent.getParameters.newState New State of the selected action. Only filled if the respective action maintains a state property, for example 'FollowUp' or 'Favorite'
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'actionSelected' event of this <code>sap.ui.ux3.QuickView</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.QuickView</code>.<br/> itself. 
 *  
 * Action is selected in Action Bar 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.QuickView</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#attachActionSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'actionSelected' event of this <code>sap.ui.ux3.QuickView</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#detachActionSelected
 * @function
 */

/**
 * Fire event actionSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> Id of selected ThingAction</li>
 * <li>'action' of type <code>sap.ui.ux3.ThingAction</code> Selected ThingAction</li>
 * <li>'newState' of type <code>string</code> New State of the selected action. Only filled if the respective action maintains a state property, for example 'FollowUp' or 'Favorite'</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.QuickView#fireActionSelected
 * @function
 */


/**
 * Fired when a new feed entry is submitted. 
 *
 * @name sap.ui.ux3.QuickView#feedSubmit
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.text Feed text
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'feedSubmit' event of this <code>sap.ui.ux3.QuickView</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.QuickView</code>.<br/> itself. 
 *  
 * Fired when a new feed entry is submitted. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.QuickView</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#attachFeedSubmit
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'feedSubmit' event of this <code>sap.ui.ux3.QuickView</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#detachFeedSubmit
 * @function
 */

/**
 * Fire event feedSubmit to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'text' of type <code>string</code> Feed text</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.QuickView#fireFeedSubmit
 * @function
 */


/**
 * Event is fired when a user clicks on the firstTitle link. Call the preventDefault method of the event object to cancel browser navigation. 
 *
 * @name sap.ui.ux3.QuickView#navigate
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.href URI of the Thing Inspector application.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'navigate' event of this <code>sap.ui.ux3.QuickView</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.QuickView</code>.<br/> itself. 
 *  
 * Event is fired when a user clicks on the firstTitle link. Call the preventDefault method of the event object to cancel browser navigation. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.QuickView</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#attachNavigate
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'navigate' event of this <code>sap.ui.ux3.QuickView</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.QuickView} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.QuickView#detachNavigate
 * @function
 */

/**
 * Fire event navigate to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'href' of type <code>string</code> URI of the Thing Inspector application.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.ux3.QuickView#fireNavigate
 * @function
 */


// Start of sap/ui/ux3/QuickView.js
///**
// * This file defines behavior for the QuickView control,
// */

jQuery.sap.require('sap.ui.core.delegate.ItemNavigation'); // unlisted dependency retained
 // unlisted dependency retained



/**
 * Initialization of the QuickView control.
 * 
 * @private
 */
sap.ui.ux3.QuickView.prototype.init = function(){

	var oActionBar;

	// Initialize CalloutBase
	sap.ui.commons.CalloutBase.prototype.init.call(this);

	if(!this.getActionBar()){
		oActionBar = new sap.ui.ux3.ActionBar();

		// react on the ActionSelected event of the ActionBar
		function onActionSelected(oControlEvent){
			var parameters = oControlEvent.getParameters();
			this.fireActionSelected(parameters);
		}
		oActionBar.attachActionSelected(jQuery.proxy(onActionSelected, this));

		// react on the FeedSubmit event of the ActionBar
		function onFeedSubmit(oControlEvent){
			var parameters = oControlEvent.getParameters();
			this.fireFeedSubmit(parameters);
		}
		oActionBar.attachFeedSubmit(jQuery.proxy(onFeedSubmit, this));
		this.setAggregation("actionBar", oActionBar, true);
	}
}

/**
* Handle the mouseover event
* @param {jQuery.EventObject} oEvent The event that occurred on the QuickView link
* @private
 */
sap.ui.ux3.QuickView.prototype.onmouseover = function(oEvent) {
	//jQuery.sap.log.debug("QuickView: mouseover");
	var oPopup = this._getPopup();
	// do not close my pop-up if it was opened already
	if (oPopup.isOpen() && oPopup.getContent() == this) {
		if (this.sCloseNowTimeout){
			jQuery.sap.clearDelayedCall(this.sCloseNowTimeout);
			this.sCloseNowTimeout = null; }
		return;
	}

	sap.ui.core.TooltipBase.prototype.onmouseover.call(this, oEvent);
};

/**
 * Organize header fields navigation with help of arrow keys.
 * 
 * @private
 */
sap.ui.ux3.QuickView.prototype.onAfterRendering = function(){
	// Collect the DOM references of items that are accessible via keyboard arrow keys

	var	i,
		oFocusRef = this.getDomRef(),
		aDomRefs = [],
		sId = this.getId();

	// Title
	var oRef = jQuery.sap.byId(sId+"-title");
	aDomRefs.push(oRef);

	// Name
	oRef = jQuery.sap.byId(sId+"-link");
	if(!oRef.length){oRef = jQuery.sap.byId(sId+"-name"); } // when no link, navigate to -name
	if(!oRef.length){ return; } // do nothing if we have a title only
	aDomRefs.push(oRef);

	// Description
	oRef = jQuery.sap.byId(sId+"-descr");
	if(oRef.length){aDomRefs.push(oRef);}

	// initialize item navigation
	if(!this.oItemNavigation){
		this.oItemNavigation = new sap.ui.core.delegate.ItemNavigation(null, null, false);
		this.addDelegate(this.oItemNavigation);
	}
	this.oItemNavigation.setRootDomRef(oFocusRef);
	this.oItemNavigation.setItemDomRefs(aDomRefs);
	this.oItemNavigation.setCycling(false);
	this.oItemNavigation.setSelectedIndex(1); // UX3 requirement: the Name field must be focused first
	this.oItemNavigation.setPageSize(aDomRefs.length);
};

/**
 * Function is called when the Control is clicked.
 * If one of the links on the form is clicked, fire a "navigate" event, otherwise ignore the click.
 * If one of the "navigate" event handlers calls <code>preventDefault()</code>,
 * prevent the original event too (cancel browser navigation).
 *
 * @param {jQuery.Event} oEvent
 * @private
 */
sap.ui.ux3.QuickView.prototype.onclick = function(oEvent) {

	var oTarget = oEvent.target;
	// react only on clicks over links:
	if(!oTarget || !oTarget.href ){ return; }

	// fire the "navigate" event and prevent browser navigation if the application requests this
	if(!this.fireEvent("navigate", {href:oTarget.href}, true, false)){
		oEvent.preventDefault();
	};
};

/**
 * Clean up on exit.
 * 
 * @private
 */
sap.ui.ux3.QuickView.prototype.exit = function() {
	if (this.oItemNavigation) {
		this.removeDelegate(this.oItemNavigation);
		this.oItemNavigation.destroy();
		delete this.oItemNavigation;
	}
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.insertAction = function(oAction, iIndex) {
	if(this.getActionBar()) {
		this.getActionBar().insertBusinessAction(oAction, iIndex);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.addAction = function(oAction) {
	if(this.getActionBar()) {
		this.getActionBar().addBusinessAction(oAction);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.removeAction = function(oAction) {
	if(this.getActionBar()) {
		this.getActionBar().removeBusinessAction(oAction);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.removeAllActions = function() {
	if(this.getActionBar()) {
		this.getActionBar().removeAllBusinessActions();
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getActions = function() {
	if(this.getActionBar()) {
		this.getActionBar().getBusinessActions();
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.destroyActions = function() {
	if (this.getActionBar()) {
		this.getActionBar().destroyBusinessActions();
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.setFollowState = function(oFollowState) {
	if (this.getActionBar()) {
		this.getActionBar().setFollowState(oFollowState);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getFollowState = function() {
	var result = null;
	if (this.getActionBar()) {
		result = this.getActionBar().getFollowState(); 
	}
	return result;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.setFlagState = function(oFlagState) {
	if (this.getActionBar()) {
		this.getActionBar().setFlagState(oFlagState);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getFlagState = function() {
	var result = null;
	if (this.getActionBar()) {
		result = this.getActionBar().getFlagState(); 
	}
	return result;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.setFavoriteState = function(oFavoriteState) {
	if (this.getActionBar()) {
		this.getActionBar().setFavoriteState(oFavoriteState);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getFavoriteState = function() {
	var result = null;
	if (this.getActionBar()) {
		result = this.getActionBar().getFavoriteState(); 
	}
	return result;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.setFavoriteActionEnabled = function(bEnabled) {
	if (this.getActionBar()) {
		this.getActionBar().setShowFavorite(bEnabled);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getFavoriteActionEnabled = function() {
	var result;
	if (this.getActionBar()) {
		result = this.getActionBar().getShowFavorite();
	}
	return result;
}

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.setFlagActionEnabled = function(bEnabled) {
	if (this.getActionBar()) {
		this.getActionBar().setShowFlag(bEnabled);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getFlagActionEnabled = function() {
	var result;
	if (this.getActionBar()) {
		result = this.getActionBar().getShowFlag();
	}
	return result;
}

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.setUpdateActionEnabled = function(bEnabled) {
	if (this.getActionBar()) {
		this.getActionBar().setShowUpdate(bEnabled);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getUpdateActionEnabled = function() {
	var result;
	if (this.getActionBar()) {
		result = this.getActionBar().getShowUpdate();
	}
	return result;
}

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.setFollowActionEnabled = function(bEnabled) {
	if (this.getActionBar()) {
		this.getActionBar().setShowFollow(bEnabled);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getFollowActionEnabled = function() {
	var result;
	if (this.getActionBar()) {
		result = this.getActionBar().getShowFollow();
	}
	return result;
}

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.setOpenActionEnabled = function(bEnabled) {
	if (this.getActionBar()) {
		this.getActionBar().setShowOpen(bEnabled);
	}
	return this;
};

// Interface method to ActionBar API
sap.ui.ux3.QuickView.prototype.getOpenActionEnabled = function() {
	var result;
	if (this.getActionBar()) {
		result = this.getActionBar().getShowOpen();
	}
	return result;
}

// Implementation of API method
sap.ui.ux3.QuickView.prototype.setIcon = function(oIcon) {
	this.setProperty("icon", oIcon);
	if (this.getActionBar()) {
		this.getActionBar().setThingIconURI(oIcon);
	}
	return this;
};

// Implementation of API method
sap.ui.ux3.QuickView.prototype.setActionBar = function(oActionBar) {
	this.setAggregation("actionBar", oActionBar, true);
	if (this.getIcon() && this.getActionBar()) {
		this.getActionBar().setThingIconURI(this.getIcon());
	}
	return this;
};

}; // end of sap.ui.ux3.QuickView
if ( !jQuery.sap.isDeclared('sap.ui.ux3.Shell') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.Shell.
jQuery.sap.declare("sap.ui.ux3.Shell");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Shell.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getAppTitle appTitle} : string</li>
 * <li>{@link #getAppIcon appIcon} : sap.ui.core.URI</li>
 * <li>{@link #getAppIconTooltip appIconTooltip} : string</li>
 * <li>{@link #getShowLogoutButton showLogoutButton} : boolean (default: true)</li>
 * <li>{@link #getLogoutButtonTooltip logoutButtonTooltip} : string</li>
 * <li>{@link #getShowSearchTool showSearchTool} : boolean (default: true)</li>
 * <li>{@link #getShowInspectorTool showInspectorTool} : boolean (default: false)</li>
 * <li>{@link #getShowFeederTool showFeederTool} : boolean (default: true)</li>
 * <li>{@link #getShowTools showTools} : boolean (default: true)</li>
 * <li>{@link #getShowPane showPane} : boolean (default: true)</li>
 * <li>{@link #getHeaderType headerType} : sap.ui.ux3.ShellHeaderType (default: sap.ui.ux3.ShellHeaderType.Standard)</li>
 * <li>{@link #getDesignType designType} : sap.ui.ux3.ShellDesignType (default: sap.ui.ux3.ShellDesignType.Standard)</li>
 * <li>{@link #getPaneWidth paneWidth} : int (default: 250)</li>
 * <li>{@link #getApplyContentPadding applyContentPadding} : boolean (default: true)</li>
 * <li>{@link #getFullHeightContent fullHeightContent} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getWorksetItems worksetItems} : sap.ui.ux3.NavigationItem[]</li>
 * <li>{@link #getPaneBarItems paneBarItems} : sap.ui.core.Item[]</li>
 * <li>{@link #getPaneContent paneContent} : sap.ui.core.Control[]</li>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li>
 * <li>{@link #getToolPopups toolPopups} : sap.ui.ux3.ToolPopup[]</li>
 * <li>{@link #getHeaderItems headerItems} : sap.ui.core.Control[]</li>
 * <li>{@link #getNotificationBar notificationBar} : sap.ui.ux3.NotificationBar</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getSelectedWorksetItem selectedWorksetItem} : string | sap.ui.ux3.NavigationItem</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.Shell#event:worksetItemSelected worksetItemSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Shell#event:paneBarItemSelected paneBarItemSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Shell#event:logout logout} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Shell#event:search search} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Shell#event:feedSubmit feedSubmit} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Shell#event:paneClosed paneClosed} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The Ux3 GoldReflection Shell, which is an application frame with navigation capabilities.
 * It is supposed to be added to a direct child of the BODY tag of a page and there should be no other parts of the page consuming space outside the Shell.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.Shell
 */
sap.ui.core.Control.extend("sap.ui.ux3.Shell", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"setContent", "setPaneContent", "openPersonalizationDialog", "initializePersonalization", "getSearchField", "openPane", "closePane", "isPaneOpen"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"appTitle" : {type : "string", group : "Misc", defaultValue : null},
		"appIcon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"appIconTooltip" : {type : "string", group : "Misc", defaultValue : null},
		"showLogoutButton" : {type : "boolean", group : "Misc", defaultValue : true},
		"logoutButtonTooltip" : {type : "string", group : "Accessibility", defaultValue : null},
		"showSearchTool" : {type : "boolean", group : "Misc", defaultValue : true},
		"showInspectorTool" : {type : "boolean", group : "Misc", defaultValue : false, deprecated: true},
		"showFeederTool" : {type : "boolean", group : "Misc", defaultValue : true},
		"showTools" : {type : "boolean", group : "Misc", defaultValue : true},
		"showPane" : {type : "boolean", group : "Misc", defaultValue : true},
		"headerType" : {type : "sap.ui.ux3.ShellHeaderType", group : "Misc", defaultValue : sap.ui.ux3.ShellHeaderType.Standard},
		"designType" : {type : "sap.ui.ux3.ShellDesignType", group : "Misc", defaultValue : sap.ui.ux3.ShellDesignType.Standard},
		"paneWidth" : {type : "int", group : "Misc", defaultValue : 250},
		"applyContentPadding" : {type : "boolean", group : "Appearance", defaultValue : true},
		"fullHeightContent" : {type : "boolean", group : "Appearance", defaultValue : false}
	},
	defaultAggregation : "content",
	aggregations : {
    	"worksetItems" : {type : "sap.ui.ux3.NavigationItem", multiple : true, singularName : "worksetItem"}, 
    	"paneBarItems" : {type : "sap.ui.core.Item", multiple : true, singularName : "paneBarItem"}, 
    	"paneContent" : {type : "sap.ui.core.Control", multiple : true, singularName : "paneContent"}, 
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}, 
    	"toolPopups" : {type : "sap.ui.ux3.ToolPopup", multiple : true, singularName : "toolPopup"}, 
    	"headerItems" : {type : "sap.ui.core.Control", multiple : true, singularName : "headerItem"}, 
    	"notificationBar" : {type : "sap.ui.ux3.NotificationBar", multiple : false}
	},
	associations : {
		"selectedWorksetItem" : {type : "sap.ui.ux3.NavigationItem", multiple : false}
	},
	events : {
		"worksetItemSelected" : {allowPreventDefault : true}, 
		"paneBarItemSelected" : {}, 
		"logout" : {}, 
		"search" : {}, 
		"feedSubmit" : {}, 
		"paneClosed" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.Shell with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.Shell.extend
 * @function
 */

sap.ui.ux3.Shell.M_EVENTS = {'worksetItemSelected':'worksetItemSelected','paneBarItemSelected':'paneBarItemSelected','logout':'logout','search':'search','feedSubmit':'feedSubmit','paneClosed':'paneClosed'};


/**
 * Getter for property <code>appTitle</code>.
 * The application title to appear in the left part of the header, usually a company and/or product name. appIcon and appTitle are both optional and can both be set; in this case the icon appears first.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>appTitle</code>
 * @public
 * @name sap.ui.ux3.Shell#getAppTitle
 * @function
 */

/**
 * Setter for property <code>appTitle</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAppTitle  new value for property <code>appTitle</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setAppTitle
 * @function
 */


/**
 * Getter for property <code>appIcon</code>.
 * The URL of the image to appear in the left part of the header, usually a branding image containing a logo and/or product name. appIcon and appTitle are both optional and can both be set; in this case the icon appears first.
 * If the appIcon is set, for accessibility reasons the appIconTooltip must also be set.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>appIcon</code>
 * @public
 * @name sap.ui.ux3.Shell#getAppIcon
 * @function
 */

/**
 * Setter for property <code>appIcon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sAppIcon  new value for property <code>appIcon</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setAppIcon
 * @function
 */


/**
 * Getter for property <code>appIconTooltip</code>.
 * The tooltip of the application icon in the header
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>appIconTooltip</code>
 * @public
 * @name sap.ui.ux3.Shell#getAppIconTooltip
 * @function
 */

/**
 * Setter for property <code>appIconTooltip</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sAppIconTooltip  new value for property <code>appIconTooltip</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setAppIconTooltip
 * @function
 */


/**
 * Getter for property <code>showLogoutButton</code>.
 * Whether the Logoff button in the header should be displayed or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showLogoutButton</code>
 * @public
 * @name sap.ui.ux3.Shell#getShowLogoutButton
 * @function
 */

/**
 * Setter for property <code>showLogoutButton</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowLogoutButton  new value for property <code>showLogoutButton</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setShowLogoutButton
 * @function
 */


/**
 * Getter for property <code>logoutButtonTooltip</code>.
 * The tooltip to be displayed for the Logout Button of the Shell. If not set, a text meaning "Logout" in the current language will be displayed.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>logoutButtonTooltip</code>
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.Shell#getLogoutButtonTooltip
 * @function
 */

/**
 * Setter for property <code>logoutButtonTooltip</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sLogoutButtonTooltip  new value for property <code>logoutButtonTooltip</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.Shell#setLogoutButtonTooltip
 * @function
 */


/**
 * Getter for property <code>showSearchTool</code>.
 * Whether the "Global Search" tool should be displayed or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showSearchTool</code>
 * @public
 * @name sap.ui.ux3.Shell#getShowSearchTool
 * @function
 */

/**
 * Setter for property <code>showSearchTool</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowSearchTool  new value for property <code>showSearchTool</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setShowSearchTool
 * @function
 */


/**
 * Getter for property <code>showInspectorTool</code>.
 * Whether the "Inspector" tool should be displayed or not.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>showInspectorTool</code>
 * @public
 * @deprecated Since version 1.7.2. 
 * According to the current Ux designs, the ThingInspector should NOT be opened like this from the Tool Pane. And technically, the ThingInspector is not a ToolPopup.
 * Instead trigger it from the respective elements in the Shell content.
 * @name sap.ui.ux3.Shell#getShowInspectorTool
 * @function
 */

/**
 * Setter for property <code>showInspectorTool</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bShowInspectorTool  new value for property <code>showInspectorTool</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 1.7.2. 
 * According to the current Ux designs, the ThingInspector should NOT be opened like this from the Tool Pane. And technically, the ThingInspector is not a ToolPopup.
 * Instead trigger it from the respective elements in the Shell content.
 * @name sap.ui.ux3.Shell#setShowInspectorTool
 * @function
 */


/**
 * Getter for property <code>showFeederTool</code>.
 * Whether the "Feeder" tool should be displayed or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showFeederTool</code>
 * @public
 * @name sap.ui.ux3.Shell#getShowFeederTool
 * @function
 */

/**
 * Setter for property <code>showFeederTool</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowFeederTool  new value for property <code>showFeederTool</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setShowFeederTool
 * @function
 */


/**
 * Getter for property <code>showTools</code>.
 * Whether the tool area should be displayed at all or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showTools</code>
 * @public
 * @name sap.ui.ux3.Shell#getShowTools
 * @function
 */

/**
 * Setter for property <code>showTools</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowTools  new value for property <code>showTools</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setShowTools
 * @function
 */


/**
 * Getter for property <code>showPane</code>.
 * Whether the pane bar should be displayed at all or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showPane</code>
 * @public
 * @name sap.ui.ux3.Shell#getShowPane
 * @function
 */

/**
 * Setter for property <code>showPane</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowPane  new value for property <code>showPane</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setShowPane
 * @function
 */


/**
 * Getter for property <code>headerType</code>.
 * Defines which header type to be used. Depending on the header type some other functionality might be obsolete.
 *
 * Default value is <code>Standard</code>
 *
 * @return {sap.ui.ux3.ShellHeaderType} the value of property <code>headerType</code>
 * @public
 * @name sap.ui.ux3.Shell#getHeaderType
 * @function
 */

/**
 * Setter for property <code>headerType</code>.
 *
 * Default value is <code>Standard</code> 
 *
 * @param {sap.ui.ux3.ShellHeaderType} oHeaderType  new value for property <code>headerType</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setHeaderType
 * @function
 */


/**
 * Getter for property <code>designType</code>.
 * Defines which design type is to be used.
 *
 * Default value is <code>Standard</code>
 *
 * @return {sap.ui.ux3.ShellDesignType} the value of property <code>designType</code>
 * @public
 * @since 1.12.0
 * @name sap.ui.ux3.Shell#getDesignType
 * @function
 */

/**
 * Setter for property <code>designType</code>.
 *
 * Default value is <code>Standard</code> 
 *
 * @param {sap.ui.ux3.ShellDesignType} oDesignType  new value for property <code>designType</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @since 1.12.0
 * @name sap.ui.ux3.Shell#setDesignType
 * @function
 */


/**
 * Getter for property <code>paneWidth</code>.
 * The width of the right-hand side pane in pixels. The value must be a non-negative integer. The Shell reserves the right to define a minimum width (currently 50px).
 *
 * Default value is <code>250</code>
 *
 * @return {int} the value of property <code>paneWidth</code>
 * @public
 * @name sap.ui.ux3.Shell#getPaneWidth
 * @function
 */

/**
 * Setter for property <code>paneWidth</code>.
 *
 * Default value is <code>250</code> 
 *
 * @param {int} iPaneWidth  new value for property <code>paneWidth</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setPaneWidth
 * @function
 */


/**
 * Getter for property <code>applyContentPadding</code>.
 * Whether the Shell content area should have a theme-dependent padding or not.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>applyContentPadding</code>
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.Shell#getApplyContentPadding
 * @function
 */

/**
 * Setter for property <code>applyContentPadding</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bApplyContentPadding  new value for property <code>applyContentPadding</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.Shell#setApplyContentPadding
 * @function
 */


/**
 * Getter for property <code>fullHeightContent</code>.
 * If set to true, the content area has a defined height. This means that any content put inside can use "100%" height in CSS and will then consume all available space.
 * However, if content is larger, scrollbars will appear at the content area of the Shell and not on window level.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>fullHeightContent</code>
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.Shell#getFullHeightContent
 * @function
 */

/**
 * Setter for property <code>fullHeightContent</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bFullHeightContent  new value for property <code>fullHeightContent</code>
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.0
 * @name sap.ui.ux3.Shell#setFullHeightContent
 * @function
 */


/**
 * Getter for aggregation <code>worksetItems</code>.<br/>
 * The workset items.
 * 
 * @return {sap.ui.ux3.NavigationItem[]}
 * @public
 * @name sap.ui.ux3.Shell#getWorksetItems
 * @function
 */


/**
 * Inserts a worksetItem into the aggregation named <code>worksetItems</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *          oWorksetItem the worksetItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the worksetItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the worksetItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the worksetItem is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#insertWorksetItem
 * @function
 */

/**
 * Adds some worksetItem <code>oWorksetItem</code> 
 * to the aggregation named <code>worksetItems</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oWorksetItem the worksetItem to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#addWorksetItem
 * @function
 */

/**
 * Removes an worksetItem from the aggregation named <code>worksetItems</code>.
 *
 * @param {int | string | sap.ui.ux3.NavigationItem} vWorksetItem the worksetItem to remove or its index or id
 * @return {sap.ui.ux3.NavigationItem} the removed worksetItem or null
 * @public
 * @name sap.ui.ux3.Shell#removeWorksetItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>worksetItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.NavigationItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Shell#removeAllWorksetItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.NavigationItem</code> in the aggregation named <code>worksetItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oWorksetItem the worksetItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Shell#indexOfWorksetItem
 * @function
 */
	

/**
 * Destroys all the worksetItems in the aggregation 
 * named <code>worksetItems</code>.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#destroyWorksetItems
 * @function
 */


/**
 * Getter for aggregation <code>paneBarItems</code>.<br/>
 * The items to appear in the PaneBar.
 * 
 * @return {sap.ui.core.Item[]}
 * @public
 * @name sap.ui.ux3.Shell#getPaneBarItems
 * @function
 */


/**
 * Inserts a paneBarItem into the aggregation named <code>paneBarItems</code>.
 *
 * @param {sap.ui.core.Item}
 *          oPaneBarItem the paneBarItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the paneBarItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the paneBarItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the paneBarItem is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#insertPaneBarItem
 * @function
 */

/**
 * Adds some paneBarItem <code>oPaneBarItem</code> 
 * to the aggregation named <code>paneBarItems</code>.
 *
 * @param {sap.ui.core.Item}
 *            oPaneBarItem the paneBarItem to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#addPaneBarItem
 * @function
 */

/**
 * Removes an paneBarItem from the aggregation named <code>paneBarItems</code>.
 *
 * @param {int | string | sap.ui.core.Item} vPaneBarItem the paneBarItem to remove or its index or id
 * @return {sap.ui.core.Item} the removed paneBarItem or null
 * @public
 * @name sap.ui.ux3.Shell#removePaneBarItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>paneBarItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Item[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Shell#removeAllPaneBarItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Item</code> in the aggregation named <code>paneBarItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Item}
 *            oPaneBarItem the paneBarItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Shell#indexOfPaneBarItem
 * @function
 */
	

/**
 * Destroys all the paneBarItems in the aggregation 
 * named <code>paneBarItems</code>.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#destroyPaneBarItems
 * @function
 */


/**
 * Getter for aggregation <code>paneContent</code>.<br/>
 * The content to appear in the pane area.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.Shell#getPaneContent
 * @function
 */


/**
 * Inserts a paneContent into the aggregation named <code>paneContent</code>.
 *
 * @param {sap.ui.core.Control}
 *          oPaneContent the paneContent to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the paneContent should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the paneContent is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the paneContent is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#insertPaneContent
 * @function
 */

/**
 * Adds some paneContent <code>oPaneContent</code> 
 * to the aggregation named <code>paneContent</code>.
 *
 * @param {sap.ui.core.Control}
 *            oPaneContent the paneContent to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#addPaneContent
 * @function
 */

/**
 * Removes an paneContent from the aggregation named <code>paneContent</code>.
 *
 * @param {int | string | sap.ui.core.Control} vPaneContent the paneContent to remove or its index or id
 * @return {sap.ui.core.Control} the removed paneContent or null
 * @public
 * @name sap.ui.ux3.Shell#removePaneContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>paneContent</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Shell#removeAllPaneContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>paneContent</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oPaneContent the paneContent whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Shell#indexOfPaneContent
 * @function
 */
	

/**
 * Destroys all the paneContent in the aggregation 
 * named <code>paneContent</code>.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#destroyPaneContent
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * The content to appear in the main canvas. Each modification of this aggregation leads to a re-rendering of the content area - but not to a re-rendering of the complete Shell.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.Shell#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.ux3.Shell#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Shell#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Shell#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#destroyContent
 * @function
 */


/**
 * Getter for aggregation <code>toolPopups</code>.<br/>
 * The items which appear in the ToolPalette and are opened as popup when clicked.
 * 
 * @return {sap.ui.ux3.ToolPopup[]}
 * @public
 * @name sap.ui.ux3.Shell#getToolPopups
 * @function
 */


/**
 * Inserts a toolPopup into the aggregation named <code>toolPopups</code>.
 *
 * @param {sap.ui.ux3.ToolPopup}
 *          oToolPopup the toolPopup to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the toolPopup should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the toolPopup is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the toolPopup is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#insertToolPopup
 * @function
 */

/**
 * Adds some toolPopup <code>oToolPopup</code> 
 * to the aggregation named <code>toolPopups</code>.
 *
 * @param {sap.ui.ux3.ToolPopup}
 *            oToolPopup the toolPopup to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#addToolPopup
 * @function
 */

/**
 * Removes an toolPopup from the aggregation named <code>toolPopups</code>.
 *
 * @param {int | string | sap.ui.ux3.ToolPopup} vToolPopup the toolPopup to remove or its index or id
 * @return {sap.ui.ux3.ToolPopup} the removed toolPopup or null
 * @public
 * @name sap.ui.ux3.Shell#removeToolPopup
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>toolPopups</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ToolPopup[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Shell#removeAllToolPopups
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ToolPopup</code> in the aggregation named <code>toolPopups</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ToolPopup}
 *            oToolPopup the toolPopup whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Shell#indexOfToolPopup
 * @function
 */
	

/**
 * Destroys all the toolPopups in the aggregation 
 * named <code>toolPopups</code>.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#destroyToolPopups
 * @function
 */


/**
 * Getter for aggregation <code>headerItems</code>.<br/>
 * Controls to appear in the header next to the logout button. It is recommended to only use controls of type Button, MenuButton and TextView.
 * The respective UI guidelines need to be enforced on a higher level.
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.Shell#getHeaderItems
 * @function
 */


/**
 * Inserts a headerItem into the aggregation named <code>headerItems</code>.
 *
 * @param {sap.ui.core.Control}
 *          oHeaderItem the headerItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the headerItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the headerItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the headerItem is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#insertHeaderItem
 * @function
 */

/**
 * Adds some headerItem <code>oHeaderItem</code> 
 * to the aggregation named <code>headerItems</code>.
 *
 * @param {sap.ui.core.Control}
 *            oHeaderItem the headerItem to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#addHeaderItem
 * @function
 */

/**
 * Removes an headerItem from the aggregation named <code>headerItems</code>.
 *
 * @param {int | string | sap.ui.core.Control} vHeaderItem the headerItem to remove or its index or id
 * @return {sap.ui.core.Control} the removed headerItem or null
 * @public
 * @name sap.ui.ux3.Shell#removeHeaderItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>headerItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Shell#removeAllHeaderItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>headerItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oHeaderItem the headerItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Shell#indexOfHeaderItem
 * @function
 */
	

/**
 * Destroys all the headerItems in the aggregation 
 * named <code>headerItems</code>.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#destroyHeaderItems
 * @function
 */


/**
 * Getter for aggregation <code>notificationBar</code>.<br/>
 * The NotificationBar which should be integrated into the Shell.
 * 
 * @return {sap.ui.ux3.NotificationBar}
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.Shell#getNotificationBar
 * @function
 */


/**
 * Setter for the aggregated <code>notificationBar</code>.
 * @param oNotificationBar {sap.ui.ux3.NotificationBar}
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.Shell#setNotificationBar
 * @function
 */
	

/**
 * Destroys the notificationBar in the aggregation 
 * named <code>notificationBar</code>.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.Shell#destroyNotificationBar
 * @function
 */


/**
 * The ID of the Item that is currently selected.
 * When setting, the NavigationItem itself can be given instead of its ID. There will not be a worksetItemSelected event, the application is responsible to show the proper content according to the newly selected WorksetItem. If the set WorksetItem does not exist in this Shell, the first item (and first sub-item) will be selected after the call.
 * When getting, always the ID is returned, by which the NavigationItem instance can be retrieved.
 *
 * @return {string} Id of the element which is the current target of the <code>selectedWorksetItem</code> association, or null
 * @public
 * @name sap.ui.ux3.Shell#getSelectedWorksetItem
 * @function
 */

/**
 * The ID of the Item that is currently selected.
 * When setting, the NavigationItem itself can be given instead of its ID. There will not be a worksetItemSelected event, the application is responsible to show the proper content according to the newly selected WorksetItem. If the set WorksetItem does not exist in this Shell, the first item (and first sub-item) will be selected after the call.
 * When getting, always the ID is returned, by which the NavigationItem instance can be retrieved.
 *
 * @param {string | sap.ui.ux3.NavigationItem} vSelectedWorksetItem 
 *    Id of an element which becomes the new target of this <code>selectedWorksetItem</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#setSelectedWorksetItem
 * @function
 */


	
/**
 * Fired when a workset item was selected by the user. The application may populate the sub-items of the given workset item in the event handler, but this must happen synchronously. If this is done, the application is responsible for displaying the correct content for the selected one of the newly created sub-items. The Shell will currently always mark the first sub-item as selected. 
 *
 * @name sap.ui.ux3.Shell#worksetItemSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id The id of the workset item that has been newly selected by the user. If a top-level item has been clicked which has sub-items, the ID of the currently active sub-item (/leaf) is given.
 * @param {sap.ui.ux3.NavigationItem} oControlEvent.getParameters.item The selected NavigationItem
 * @param {string} oControlEvent.getParameters.key The key of the selected NavigationItem (or null if there is no key)
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'worksetItemSelected' event of this <code>sap.ui.ux3.Shell</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Shell</code>.<br/> itself. 
 *  
 * Fired when a workset item was selected by the user. The application may populate the sub-items of the given workset item in the event handler, but this must happen synchronously. If this is done, the application is responsible for displaying the correct content for the selected one of the newly created sub-items. The Shell will currently always mark the first sub-item as selected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Shell</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#attachWorksetItemSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'worksetItemSelected' event of this <code>sap.ui.ux3.Shell</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#detachWorksetItemSelected
 * @function
 */

/**
 * Fire event worksetItemSelected to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> The id of the workset item that has been newly selected by the user. If a top-level item has been clicked which has sub-items, the ID of the currently active sub-item (/leaf) is given.</li>
 * <li>'item' of type <code>sap.ui.ux3.NavigationItem</code> The selected NavigationItem</li>
 * <li>'key' of type <code>string</code> The key of the selected NavigationItem (or null if there is no key)</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.ux3.Shell#fireWorksetItemSelected
 * @function
 */


/**
 * An item in the right-hand-side pane bar has been selected, the pane is now visible and can be filled with UI elements. 
 *
 * @name sap.ui.ux3.Shell#paneBarItemSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id The ID of the selected PaneBarItem.
 * @param {sap.ui.core.Item} oControlEvent.getParameters.item The selected Item
 * @param {string} oControlEvent.getParameters.key The key of the selected Item (or null if there is no key)
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'paneBarItemSelected' event of this <code>sap.ui.ux3.Shell</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Shell</code>.<br/> itself. 
 *  
 * An item in the right-hand-side pane bar has been selected, the pane is now visible and can be filled with UI elements. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Shell</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#attachPaneBarItemSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'paneBarItemSelected' event of this <code>sap.ui.ux3.Shell</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#detachPaneBarItemSelected
 * @function
 */

/**
 * Fire event paneBarItemSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> The ID of the selected PaneBarItem.</li>
 * <li>'item' of type <code>sap.ui.core.Item</code> The selected Item</li>
 * <li>'key' of type <code>string</code> The key of the selected Item (or null if there is no key)</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Shell#firePaneBarItemSelected
 * @function
 */


/**
 * Fired when the user clicks the "Log-off" button 
 *
 * @name sap.ui.ux3.Shell#logout
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'logout' event of this <code>sap.ui.ux3.Shell</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Shell</code>.<br/> itself. 
 *  
 * Fired when the user clicks the "Log-off" button 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Shell</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#attachLogout
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'logout' event of this <code>sap.ui.ux3.Shell</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#detachLogout
 * @function
 */

/**
 * Fire event logout to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Shell#fireLogout
 * @function
 */


/**
 * Fired when search has been triggered. 
 *
 * @name sap.ui.ux3.Shell#search
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'search' event of this <code>sap.ui.ux3.Shell</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Shell</code>.<br/> itself. 
 *  
 * Fired when search has been triggered. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Shell</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#attachSearch
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'search' event of this <code>sap.ui.ux3.Shell</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#detachSearch
 * @function
 */

/**
 * Fire event search to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Shell#fireSearch
 * @function
 */


/**
 * Fired when a new feed entry is submitted. 
 *
 * @name sap.ui.ux3.Shell#feedSubmit
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'feedSubmit' event of this <code>sap.ui.ux3.Shell</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Shell</code>.<br/> itself. 
 *  
 * Fired when a new feed entry is submitted. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Shell</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#attachFeedSubmit
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'feedSubmit' event of this <code>sap.ui.ux3.Shell</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Shell#detachFeedSubmit
 * @function
 */

/**
 * Fire event feedSubmit to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Shell#fireFeedSubmit
 * @function
 */


/**
 * Fired after a side pane of the shell is closed. It is also fired, when an open pane is closed by calling setShowPane(false), if and only if the pane was opened before. 
 *
 * @name sap.ui.ux3.Shell#paneClosed
 * @event
 * @since 1.12.0
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id The id of the PaneBarItem to which the closed pane belonged.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'paneClosed' event of this <code>sap.ui.ux3.Shell</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Shell</code>.<br/> itself. 
 *  
 * Fired after a side pane of the shell is closed. It is also fired, when an open pane is closed by calling setShowPane(false), if and only if the pane was opened before. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Shell</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @since 1.12.0
 * @name sap.ui.ux3.Shell#attachPaneClosed
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'paneClosed' event of this <code>sap.ui.ux3.Shell</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @public
 * @since 1.12.0
 * @name sap.ui.ux3.Shell#detachPaneClosed
 * @function
 */

/**
 * Fire event paneClosed to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> The id of the PaneBarItem to which the closed pane belonged.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Shell} <code>this</code> to allow method chaining
 * @protected
 * @since 1.12.0
 * @name sap.ui.ux3.Shell#firePaneClosed
 * @function
 */


/**
 * Replaces the existing Shell content with the given Control(-Tree). Only leads to a re-rendering of the content area (not the complete Shell).
 * This method may be more convenient than a series of calls to "removeContent" and "addContent", which each lead to a re-rendering of the content area (but again not of the complete Shell).
 * 
 * By default the old content is not destroyed and is returned by this method in an array for further usage. To avoid memory leaks, the old content should be destroyed (if not needed later), by setting the "destroyOldContent" flag or by destroying it manually later on. If "destroyOldContent" is set, an empty array is returned.
 *
 * @name sap.ui.ux3.Shell.prototype.setContent
 * @function
 * @param {sap.ui.core.Control} 
 *         oContent
 *         The new Content. In this method it must be exactly one control (-tree). Use addContent() to add more control (-trees) to the main content area of the Shell.
 * @param {boolean} 
 *         bDestroyOldContent
 *         If set, the controls previously contained in the Shell will be destroyed, to avoid memory leaks.

 * @type sap.ui.core.Control[]
 * @public
 */


/**
 * Replaces the existing side pane content with the given Control(-Tree). This method is optimized to only re-render the pane content (and not the shell) which is faster and smoother than any other way of changing the "paneContent" aggregation.
 * 
 * By default, the old pane content is not destroyed and is returned by this method in an array for further usage. To avoid memory leaks, the old content should be destroyed (if not needed later), by setting the "destroyOldContent" flag or by destroying it manually later on. If "destroyOldContent" is set, an empty array is returned.
 *
 * @name sap.ui.ux3.Shell.prototype.setPaneContent
 * @function
 * @param {sap.ui.core.Control} 
 *         oContent
 *         The new Pane content. In this method it must be exactly one control (-tree). This could likely be a layout or a specific ux3 Pane control. Use addPaneContent() to add more control (-trees) to the Pane.
 * @param {boolean} 
 *         bDestroyOldContent
 *         If set, the controls previously contained in the pane will be destroyed, to avoid memory leaks.

 * @type sap.ui.core.Control[]
 * @public
 */


/**
 * Experimental method! Do not use!
 *
 * @name sap.ui.ux3.Shell.prototype.openPersonalizationDialog
 * @function

 * @type void
 * @public
 */


/**
 * Experimental method! Do not use!
 * 
 * Makes Shell personalization available and injects the given personalization settings. This should be called before the user can do any adaptations per drag&drop or using the personalization dialog. Otherwise it may override the user's new settings.
 *
 * @name sap.ui.ux3.Shell.prototype.initializePersonalization
 * @function
 * @param {object} 
 *         oSettings
 *         Personalization settings object

 * @type void
 * @public
 */


/**
 * Returns the SearchField control which is used in the Search Tool.
 *
 * @name sap.ui.ux3.Shell.prototype.getSearchField
 * @function

 * @type sap.ui.commons.SearchField
 * @public
 */


/**
 * Opens the side Pane.
 * 
 * A valid ID of a paneBarItem must be given, so this item can be marked as selected. A "paneBarItemSelected" event is then fired as if the opening was triggered by the user by a click on the respective PaneBarItem.
 * This method can be called (with different IDs) even when the Pane is already open. It has then the same effect as if the user switches between PaneBarItems.
 * 
 * Returns 'this' to allow method chaining.
 *
 * @name sap.ui.ux3.Shell.prototype.openPane
 * @function
 * @param {string} 
 *         sPaneBarItemId
 *         The ID of the PaneBarItem which should be marked as selected.

 * @type sap.ui.ux3.Shell
 * @public
 */


/**
 * Closes the side Pane (if open).
 * 
 * Returns 'this' to allow method chaining.
 *
 * @name sap.ui.ux3.Shell.prototype.closePane
 * @function

 * @type sap.ui.ux3.Shell
 * @public
 */


/**
 * Returns 'true' if the side Pane is currently open.
 *
 * @name sap.ui.ux3.Shell.prototype.isPaneOpen
 * @function

 * @type boolean
 * @public
 */


// Start of sap/ui/ux3/Shell.js
jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.ux3.Shell.WSI_MENU_DELAY = 200;
sap.ui.ux3.Shell.WSI_OVERFLOW_SCROLL_STEP = 250; // how many pixels to scroll with every overflow arrow click
sap.ui.ux3.Shell.TOOL_PREFIX = "-tool-";
sap.ui.ux3.Shell.FIRST_RENDERING = true; // used for detecting the single very first rendering of any Shell on the page

jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


sap.ui.ux3.Shell.prototype.init = function() {
   this._iOpenPaneIndex = -1;
   this._sOpenWsiId = null;

   this._bPreviousScrollRight = false; // remember the workset item overflow state
   this._bPreviousScrollLeft = false;

   this._sSelectedWorksetId = null;
   this._sSelectedFacetId= null;
   this._oWorksetBar = new sap.ui.ux3.NavigationBar(this.getId() + "-wsBar", {toplevelVariant:true,select:[this._handleWorksetBarSelect,this]}).setParent(this);
   this._oFacetBar = new sap.ui.ux3.NavigationBar(this.getId() + "-facetBar", {select:[this._handleFacetBarSelect,this]}).setParent(this);
   
   this._aSyncRefStack = [];
   this._mSyncRefs = [];
};


sap.ui.ux3.Shell.prototype.exit = function() {
	if (this._oWorksetBar) {
		this._oWorksetBar.destroy();
		delete this._oWorksetBar;
	}
	if (this._oFacetBar) {
		this._oFacetBar.destroy();
		delete this._oFacetBar;
	}
	this._oSearchField = null;
};


sap.ui.ux3.Shell.prototype.onBeforeRendering = function() {
	var sId = this.getId();

	// unbind the tool palette mouse (hover effect) handlers
	this._beforeRenderingToolPalette();
	
	jQuery.sap.byId(this.getId() + "-focusDummyPane").unbind("focusin");

	// drag&drop for images with local file API
	if (window.FileReader) {
		var $hdr = jQuery.sap.byId(sId + "-hdr");
		$hdr.unbind('dragover', this._handleDragover)
			.unbind('dragend', this._handleDragend)
			.unbind('drop', this._handleDrop);
		var $bg = jQuery.sap.byId(sId + "-bgImg");
		$bg.unbind('dragover', jQuery.proxy(this._handleDragover))
			.unbind('dragend', this._handleDragend)
			.unbind('drop', this._handleDrop);
	}
};


sap.ui.ux3.Shell.prototype.onAfterRendering = function() {
	var sId = this.getId();

	// register hover effect handlers for application-provided tool icons
	this._afterRenderingToolPalette();
	
	if (this._topSyncRefId && this._mSyncRefs[this._topSyncRefId].focusLast) {
		jQuery.sap.byId(this.getId() + "-focusDummyPane").focusin(this._mSyncRefs[this._topSyncRefId].focusLast);
	}

	// drag&drop for images with local file API
	if (window.FileReader) {
		var $hdr = jQuery.sap.byId(sId + "-hdr");
		$hdr.bind('dragover', jQuery.proxy(this._handleDragover, this))
			.bind('dragend',jQuery.proxy(this._handleDragend, this))
			.bind('drop', jQuery.proxy(this._handleDrop, this));
		var $bg = jQuery.sap.byId(sId + "-bgImg");
		$bg.bind('dragover', jQuery.proxy(this._handleDragover, this))
			.bind('dragend',jQuery.proxy(this._handleDragend, this))
			.bind('drop', jQuery.proxy(this._handleDrop, this));
	}

	// hide or show the facet bar depending on whether the current workset item has sub-items
	var bShowFacetBar = (this._oFacetBar.getAssociatedItems().length > 0);
	var $FacetBar = jQuery.sap.byId(this.getId() + "-facetBar");
	this._iFacetBarHeight = $FacetBar.outerHeight(true);
	$FacetBar.css("display", (bShowFacetBar ? "block" : "none"));
	this._adaptContentHeight();

	// remember RTL mode to avoid repeated checks
	this._bRtl = sap.ui.getCore().getConfiguration().getRTL();

	if (this._getPersonalization().hasChanges()) {
		this._getPersonalization().applySettings(this._getPersonalization().oSettings);
	}

	// ItemNavigation for PaneBar items
	if (!this._oPaneItemNavigation) {
		this._oPaneItemNavigation = new sap.ui.core.delegate.ItemNavigation().setCycling(false);
		this.addDelegate(this._oPaneItemNavigation);
	}
	var $PaneListRef = jQuery.sap.byId(this.getId() + "-paneBar").find(".sapUiUx3ShellPaneEntries");
	this._updatePaneBarItemNavigation($PaneListRef);
	
	this._setNotifyVisibility();

	sap.ui.ux3.Shell.FIRST_RENDERING = false;
};

/**
 * Updates the ItemNavigation for the PaneBarItems after the HTML has changed due to re-rendering
 *
 * @param $PaneListRef
 */
sap.ui.ux3.Shell.prototype._updatePaneBarItemNavigation = function($PaneListRef) {
	this._oPaneItemNavigation.setRootDomRef($PaneListRef[0]);
	var aPaneItems = $PaneListRef.children().toArray();
	this._oPaneItemNavigation.setItemDomRefs(aPaneItems);

	if (this._oPaneItemNavigation.getFocusedIndex() > aPaneItems.length) { // if items have been removed
		this._oPaneItemNavigation.setFocusedIndex(-1);
	}
};


/**
 * @returns an object defining the current focus in the Shell
 */
sap.ui.ux3.Shell.prototype.getFocusInfo = function() {
	try {
		var oElement = document.activeElement;
		return oElement ? {'sFocusId': oElement.id,'oFocusedElement': oElement} : {};
	} catch (ex) {
		// IE9 throws an Unspecified Error when accessing document.activeElement inside a frame before body.onload. This is not an issue, as there is just no focus yet to restore.
		return {};
	}
};

/**
 * Restores focus according to the given oFocusInfo which has been acquired by calling Shell.getFocusInfo
 * @param oFocusInfo
 */
sap.ui.ux3.Shell.prototype.applyFocusInfo = function(oFocusInfo) {
	var oElement = jQuery.sap.domById(oFocusInfo.sFocusId)
			|| oFocusInfo.oFocusedElement; // if not even an ID was available when focus was lost maybe the original DOM element is still there
	jQuery.sap.focus(oElement); // also works for oElement == null
};


/**
 *
 * @private
 * @static
 */
sap.ui.ux3.Shell._updateToolIcon = function(oDomRef) {
	if (oDomRef && oDomRef.firstChild) {
		var $elem = jQuery(oDomRef);
		var toolId = oDomRef.id.substr(oDomRef.id.indexOf(sap.ui.ux3.Shell.TOOL_PREFIX) + 6);
		var tool = sap.ui.getCore().byId(toolId);
		var icon = $elem.is(".sapUiUx3ShellToolSelected") ? tool.getIconSelected() : ($elem.is(".sapUiUx3ShellToolHover") ? tool.getIconHover() : tool.getIcon());
		oDomRef.firstChild.src = icon;
	}
};


sap.ui.ux3.Shell.prototype.onclick = function(oEvent) {
	this.onUserActivation(oEvent);
};
sap.ui.ux3.Shell.prototype.onsapspace = function(oEvent) {
	this.onUserActivation(oEvent);
};
sap.ui.ux3.Shell.prototype.onsapenter = function(oEvent) {
	this.onUserActivation(oEvent);
};

sap.ui.ux3.Shell.prototype.onUserActivation = function(oEvent) {
	var sTargetId = oEvent.target.id;
	var parent = oEvent.target.parentNode;

	if (oEvent.target.className 
			&& oEvent.target.className.indexOf /* not available for SVG elements */ 
			&& oEvent.target.className.indexOf("sapUiUx3ShellHeader-logout") > -1) { // logout button clicked
		this.fireLogout();

	} else if (parent && parent.parentNode
				&& parent.parentNode.className
				&& parent.parentNode.className.indexOf /* not available for SVG elements */
				&& parent.parentNode.className.indexOf("sapUiUx3ShellToolPaletteArea") > -1) {  // tool item clicked
			this._handleToolItemClick(sTargetId);

	} else if (parent && parent.parentNode
				&& parent.parentNode.parentNode
				&& parent.parentNode.parentNode.className
				&& parent.parentNode.parentNode.className.indexOf /* not available for SVG elements */
				&& parent.parentNode.parentNode.className.indexOf("sapUiUx3ShellToolPaletteArea") > -1) {  // image in tool item clicked
			this._handleToolItemClick(parent.id);

	} else if (sTargetId) {
		if (parent && parent.className 
				&& parent.className.indexOf /* not available for SVG elements */
				&& parent.className.indexOf("sapUiUx3ShellPaneEntries") > -1) {  // pane bar item clicked
			this._handlePaneBarItemClick(sTargetId);
		}
	}
};




/* ====== WORKSET ITEMS ====== */


sap.ui.ux3.Shell.prototype._handleWorksetBarSelect = function(oEvent) {
	var bProcessSelection = this._handleWorksetItemClick(oEvent.getParameter("item"));
	if (!bProcessSelection) {
		oEvent.preventDefault();
	}
};

sap.ui.ux3.Shell.prototype._handleFacetBarSelect = function(oEvent) {
	var bProcessSelection = this._handleWorksetItemClick(oEvent.getParameter("item"));
	if (!bProcessSelection) {
		oEvent.preventDefault();
	}
};


sap.ui.ux3.Shell.prototype._handleWorksetItemClick = function(oElement) {
	var parent = oElement.getParent(),
		id = oElement.getId(),
		facetId = id,
		bProcessSelection = true;

	if (parent instanceof sap.ui.ux3.Shell) { // 1st-level
		if (id != this._sSelectedWorksetId) {   // it's actually a change

			var aSubItems = oElement.getSubItems();
			if (aSubItems.length > 0) {
				facetId = aSubItems[0].getId();
			}

			// tell the application what the user has done and give the chance to supply new/more/changed subitems
			bProcessSelection = this._fireWorksetItemSelected(facetId);
			if (bProcessSelection) {

				this._sSelectedWorksetId = id;
				if (aSubItems.length > 0) {
					this._sSelectedFacetId = aSubItems[0].getId();
					id = this._sSelectedFacetId; // the user clicked first-level, but if the first-level has children there must be one of them selected
				} else {
					this._sSelectedFacetId = null;
				}

				// if the application modifies/sets the selected subId, this should work, as long as this._sSelectedFacetId is updated

				// application has received the event and potentially modified the subitems
				var aSubItems = oElement.getSubItems();
				this._oFacetBar.setAssociatedItems(aSubItems, true); // exchange the items in the second-level navigation; force an "arrow flies in" animation

				// hide/show the second-level navigation
				if (aSubItems.length > 0) {
					if (!this._oFacetBar.isSelectedItemValid()) {
						this._oFacetBar.setSelectedItem(aSubItems[0]);
						this._sSelectedFacetId = aSubItems[0].getId();
					}
					jQuery.sap.byId(this.getId() + "-facetBar").slideDown();
					this._adaptContentHeight(null, true);
				} else {
					this._oFacetBar.setSelectedItem(null);
					jQuery.sap.byId(this.getId() + "-facetBar").slideUp();
					this._adaptContentHeight(null, true);
				}
			}
		}

	} else {									 // 2nd-level - it is a sub-item
		if (id != this._sSelectedFacetId) { // it's actually a change
			bProcessSelection = this._fireWorksetItemSelected(facetId);
			if (bProcessSelection) {
				this._sSelectedFacetId = id;
			}
		}
	}
	return bProcessSelection;
};


sap.ui.ux3.Shell.prototype._fireWorksetItemSelected = function(sId) {
	var item = sap.ui.getCore().byId(sId);
	var key = (item ? item.getKey() : null);
	var bProcessSelection = this.fireWorksetItemSelected({id:sId,item:item,key:key});
	if (bProcessSelection) {
		this.setAssociation("selectedWorksetItem", sId, true); // update the internal and publicly available knowledge about which item is selected
	}
	return bProcessSelection;
};





/* ====== TOOL PALETTE ====== */

sap.ui.ux3.Shell.prototype._closeCurrentToolPopup = function() {
	var sOpenToolId = undefined;
	if (this._oOpenToolPopup) {
		sOpenToolId = this._oOpenToolPopup.getId();
		jQuery.sap.byId(this.getId() + sap.ui.ux3.Shell.TOOL_PREFIX + this._oOpenToolPopup.getId()).removeClass("sapUiUx3ShellToolSelected").attr("aria-pressed", "false");
		if (sOpenToolId === this.getId() + "-feederTool") {
			var feeder = sap.ui.getCore().byId(this.getId() + "-feeder");
			feeder.setText("");
			feeder.rerender();
		}
		this._oOpenToolPopup.close();
		this._oOpenToolPopup = null;
	}
	return sOpenToolId;
};

sap.ui.ux3.Shell.prototype._handleToolItemClick = function(sId) {

	// close any previously open tool and remember ID of open tool, so it does not get opened again below
	var sAlreadyOpenId = this._closeCurrentToolPopup();

	// identify new tool
	var tool;
	var toolId = sId.substr(sId.indexOf(sap.ui.ux3.Shell.TOOL_PREFIX) + 6);
	if (toolId == (this.getId() + "-searchTool")) {
		tool = this._getSearchTool();
	} else if (toolId == (this.getId() + "-feederTool")) {
		tool = this._getFeederTool();
	} else  {
		// application tool clicked
		tool = sap.ui.getCore().byId(toolId);
	}

	// open the new tool
	if (tool && (tool.getId() != sAlreadyOpenId)) {
		this._oOpenToolPopup = tool;
		tool.setPosition(sap.ui.core.Popup.Dock.BeginTop, sap.ui.core.Popup.Dock.EndTop, jQuery.sap.domById(sId), "13 -6", "none");
		tool.open();

		// mark icon as "tool opened"
		jQuery.sap.byId(sId).addClass("sapUiUx3ShellToolSelected").attr("aria-pressed", "true");
		sap.ui.ux3.Shell._updateToolIcon(jQuery.sap.domById(sId));
		// need to reset the icon also when the tool is closed by the application
		var that = this;
		tool.attachEvent("close_always", function(oEvt) { // HACK: this event is a sort of private one between Shell and ToolPopup to make sure the Shell is always notified on close
			jQuery.sap.byId(sId).removeClass("sapUiUx3ShellToolSelected");
			that._oOpenToolPopup = null;
			sap.ui.ux3.Shell._updateToolIcon(jQuery.sap.domById(sId));
		});

	} else if (tool.getId() == sAlreadyOpenId) {
		sap.ui.ux3.Shell._updateToolIcon(jQuery.sap.domById(sId));
	}
};

sap.ui.ux3.Shell.prototype._getSearchTool = function() {
	if (!this._oSearchPopup) {
		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
		this._oSearchPopup = new sap.ui.ux3.ToolPopup(this.getId() + "-searchTool", {tooltip:rb.getText("SHELL_SEARCH")}).addStyleClass("sapUiUx3TP-search");
		
		// Create the popup in an inverted state if the shell is dark.
		// This will be changed when the design is changed: see setDesignType()
		var bInverted = this.getDesignType() !== sap.ui.ux3.ShellDesignType.Light;
		this._oSearchPopup.setInverted(bInverted);
		
		var that = this;
		var sf = new sap.ui.commons.SearchField(this.getId() + "-searchField", {
			enableListSuggest: false,
			search: function(oEvent) { 
				that.fireSearch({text:oEvent.getParameter("query")});
			}
		});
		var label = new sap.ui.commons.Label({text:"Search:"}).setLabelFor(sf);
		this._oSearchPopup.addContent(label).addContent(sf);
		this._oSearchPopup.attachOpen(function(){
			window.setTimeout(function(){sf.focus();},100);
		});
		this._oSearchField = sf;
	}
	return this._oSearchPopup;
};

sap.ui.ux3.Shell.prototype.getSearchField = function() {
	if(!this._oSearchField){
		this._getSearchTool();
	}
	return this._oSearchField;
};

sap.ui.ux3.Shell.prototype._getFeederTool = function() {
	if (!this._oFeederPopup) {
		var that = this;
		var rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
		this._oFeederPopup = new sap.ui.ux3.ToolPopup(this.getId() + "-feederTool", {tooltip:rb.getText("SHELL_FEEDER")}).addStyleClass("sapUiUx3TP-feeder");
		
		// Create the popup in an inverted state if the shell is dark.
		// This will be changed when the design is changed: see setDesignType()
		var bInverted = this.getDesignType() !== sap.ui.ux3.ShellDesignType.Light;
		this._oFeederPopup.setInverted(bInverted);
		
		var f = new sap.ui.ux3.Feeder(this.getId() + "-feeder", {type:sap.ui.ux3.FeederType.Medium,submit:function(oEvent){
			that.fireFeedSubmit({text:oEvent.getParameter("text")});
			f.setText("");
			f.rerender();
			that._oFeederPopup.close();
		}});
		this._oFeederPopup.setInitialFocus(this.getId() + "-feeder");
		this._oFeederPopup.attachClose(function(){
			// TODO: maybe the text should stay when closing?
			f.setText("");
		});
		this._oFeederPopup.addContent(f);
	}
	return this._oFeederPopup;
};




/* ====== PANE BAR ====== */


sap.ui.ux3.Shell.prototype.openPane = function(sPaneId) {
	jQuery.sap.assert(typeof sPaneId === "string", "sPaneId must be given as string");
	var item = sap.ui.getCore().byId(sPaneId);
	if (item && (sPaneId != this._sOpenPaneId) && this.getShowPane()) {
		var key = (item ? (item.getKey() == "" ? null : item.getKey()) : null);
		this.firePaneBarItemSelected({"id":sPaneId,"item":item,"key":key});

		jQuery.sap.byId(this.getId() + "-pb_" + sPaneId).addClass("sapUiUx3ShellPaneEntrySelected");
		if (!this._sOpenPaneId) {
			// pane area not open yet, open it
		  this._openPane();
		} else {
			// pane area already open for a different pane bar item - unselect that one
			jQuery.sap.byId(this.getId() + "-pb_" + this._sOpenPaneId).removeClass("sapUiUx3ShellPaneEntrySelected");
		}

		this._sOpenPaneId = sPaneId;
	}
	return this;
};

sap.ui.ux3.Shell.prototype.closePane = function() {
	this._closePane();
	return this;
};

sap.ui.ux3.Shell.prototype.isPaneOpen = function() {
	return (this._sOpenPaneId != null);
};


sap.ui.ux3.Shell.prototype._handlePaneBarItemClick = function(sPaneId) {
	if (sPaneId === this._sOpenPaneId) { // close currently opened pane area
		this.closePane();
	} else { // a pane needs to be displayed
		this.openPane(sPaneId);
	}
};


(function() {

	sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT = 0;   // can be changed during runtime
	sap.ui.ux3.Shell._PANE_OUTER_DISTANCE = 40; //TODO: Theme Parameter?

	sap.ui.ux3.Shell.prototype._closePane = function(fCompleteCallback) {
		if (!this._sOpenPaneId) {
			if(fCompleteCallback) {
				fCompleteCallback();
			}
			
			// If the paneId is not set, it  means that there was no open pane, thus 
			// the paneClosed-event (see below where the callback is called as well)
			// is not fired.
			return;
		}
		
		// Keep the pane-ID for use as a parameter to the paneClosed-event below 
		var sOpenPaneId = this._sOpenPaneId;
		var that = this; // this-reference for closures below
		
		var id = this.getId();
		var dist = this.getShowPane() ? (sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) : sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT;
		var props = {};
		props[this._bRtl ? "left" : "right"] = dist + "px";
		var props2 = {};
		props2[this._bRtl ? "marginLeft" : "marginRight"] = (dist + 14 - sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"; //TODO: Theme Parameter
		
		jQuery.sap.byId(id + "-content").css("overflow-x", "hidden");
		jQuery.sap.byId(id + "-canvas").stop().animate(props);
		jQuery.sap.byId(id + "-notify").stop().animate(props);
		this._getSyncRefs().stop(false, true).animate(props);
		jQuery.sap.byId(id + "-wBar").stop().animate(props2);
		jQuery.sap.byId(id + "-canvasBackground")
			.removeClass("sapUiUx3ShellCanvasBackgroundOpen")
			.addClass("sapUiUx3ShellCanvasBackgroundClosed")
			.stop().animate(props, function() {
				jQuery.sap.byId(id + "-paneBar").removeClass("sapUiUx3ShellPaneBarOpen");
				jQuery.sap.byId(id + "-content").css("overflow-x", "");
				if(fCompleteCallback){
					fCompleteCallback();
				}
				
			    // When pane closing is finished, the event paneClosed is fired with 
			    // the id of the closed pane in its parameter. 
                that.firePaneClosed({ "id" : sOpenPaneId });
		});

		jQuery.sap.byId(id + "-pb_" + this._sOpenPaneId).removeClass("sapUiUx3ShellPaneEntrySelected");
		this._sOpenPaneId = null;
	};

	sap.ui.ux3.Shell.prototype._openPane = function() {
		var PANE_WIDTH = this.getPaneWidth();

		var id = this.getId();
		jQuery.sap.byId(id + "-content").css("overflow-x", "hidden");
		if (this._bRtl) {
			jQuery.sap.byId(id+"-paneBar").addClass("sapUiUx3ShellPaneBarOpen");
			jQuery.sap.byId(id+"-wBar").stop().animate({marginLeft: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + 22) + "px"});
			jQuery.sap.byId(id+"-canvas").stop().animate({left: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"});
			jQuery.sap.byId(id + "-notify").stop().animate({left: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"});
			this._getSyncRefs().stop(false, true).animate({left: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"});
			jQuery.sap.byId(id+"-canvasBackground").stop().animate({left: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"}, function() {
				jQuery.sap.byId(id + "-content").css("overflow-x", "");
				jQuery.sap.byId(id+"-canvasBackground").removeClass("sapUiUx3ShellCanvasBackgroundClosed").addClass("sapUiUx3ShellCanvasBackgroundOpen");
			});
		} else {
			jQuery.sap.byId(id+"-paneBar").addClass("sapUiUx3ShellPaneBarOpen");
			jQuery.sap.byId(id+"-wBar").stop().animate({marginRight: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + 22) + "px"});
			jQuery.sap.byId(id+"-canvas").stop().animate({right: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"});
			jQuery.sap.byId(id + "-notify").stop().animate({right: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"});
			this._getSyncRefs().stop(false, true).animate({right: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"});
			jQuery.sap.byId(id+"-canvasBackground").stop().animate({right: (PANE_WIDTH + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px"}, function() {
				jQuery.sap.byId(id + "-content").css("overflow-x", "");
				jQuery.sap.byId(id+"-canvasBackground").removeClass("sapUiUx3ShellCanvasBackgroundClosed").addClass("sapUiUx3ShellCanvasBackgroundOpen");
			});
		}
	};

	sap.ui.ux3.Shell.prototype.setPaneWidth = function (iWidth) {
		if (typeof iWidth == "number" && (iWidth > 0)) {
			iWidth = Math.max(iWidth, 50);

			// apply width
			if (this.getDomRef()) {
				var id = this.getId();
				jQuery.sap.byId(id + "-paneContent").css("width", iWidth + "px");
				jQuery.sap.byId(id + "-paneBar").css("width", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE) + "px");

				if (!!this._sOpenPaneId) { // pane area is open
					if (this._bRtl) {
						jQuery.sap.byId(id+"-wBar").css("marginLeft", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + 22) + "px");
						jQuery.sap.byId(id+"-canvas").css("left", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px");
						jQuery.sap.byId(id+"-notify").css("left", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px");
						this._getSyncRefs().css("left", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px");
						jQuery.sap.byId(id+"-canvasBackground").css("left", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px");
					} else {
						jQuery.sap.byId(id+"-wBar").css("marginRight", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + 22) + "px");
						jQuery.sap.byId(id+"-canvas").css("right", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px");
						jQuery.sap.byId(id+"-notify").css("right", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px");
						this._getSyncRefs().css("right", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px");
						jQuery.sap.byId(id+"-canvasBackground").css("right", (iWidth + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE + sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT) + "px");
					}
				}
			}

			this.setProperty("paneWidth", iWidth, true);
		}

		return this;
	};
	
	/**
	 * Moves the complete Shell away from the right window border by the given number of pixels (left border in RTL case).
	 * 
	 * So there is space for a sidebar or so outside the Shell. The CSS class 'sapUiUx3ShellOuterSideBar' provides the basic position
	 * capabilities for the sidebar DOM element.
	 * 
	 * This feature is not public. The usage is only granted to special groups on request.
	 * 
	 * @param {integer} px how many pixels of free space should be next to the Shell (between 0 and 600)
	 * @param {function} [complete] optional callback function to call after the animation
	 * @param {string} [outerId] optional id of the content representing the outside sidebar. If specified the width of the content is animated.
	 * @since 1.7.0
	 * 
	 * @protected
	 */
	sap.ui.ux3.Shell.prototype.setOffsetRight = function(px, complete, outerId) {
		if (px < 0) {
			px = 0;
		}
		if (px > 600) {
			px = 600;
		}
		
		// adapt value used for animations
		sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT = px;
		
		// adapt DOM elements
		var pxVal = px + "px";
		var id = this.getId();
		var animCnfg = this._bRtl ? {"left": pxVal} : {"right": pxVal};

		jQuery.sap.byId(id+"-hdr").stop().animate(animCnfg);
		jQuery.sap.byId(id+"-hdrImg").stop().animate(animCnfg);
		jQuery.sap.byId(id+"-bg").stop().animate(animCnfg, function() {
			if(complete){
				complete();
			}
		});
		
		jQuery.sap.byId(id+"-bgImg").stop().animate(animCnfg);
		jQuery.sap.byId(id+"-wBar").stop().animate(animCnfg);
		jQuery.sap.byId(id+"-paneBar").stop().animate(animCnfg);
		jQuery.sap.byId(outerId).stop().animate({"width": pxVal});
		
		if(!this.$().hasClass("sapUiUx3ShellNoPane")){
			pxVal = (px + (this._sOpenPaneId ? this.getPaneWidth() : 0) + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE) + "px";
		}
		
		animCnfg = this._bRtl ? {"left": pxVal} : {"right": pxVal};
		
		jQuery.sap.byId(id+"-notify").stop().animate(animCnfg);
		this._getSyncRefs().stop(false, true).animate(animCnfg);
		jQuery.sap.byId(id+"-canvas").stop().animate(animCnfg);
		jQuery.sap.byId(id+"-canvasBackground").stop().animate(animCnfg);
	};
	
	sap.ui.ux3.Shell.prototype._refreshCanvasOffsetRight = function(bPaneShown) {
		var id = this.getId();
		var right = this._bRtl ? "left" : "right";
		var pxVal = sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT;
		if(bPaneShown){
			pxVal = pxVal + (this._sOpenPaneId ? this.getPaneWidth() : 0) + sap.ui.ux3.Shell._PANE_OUTER_DISTANCE;
		}
		pxVal = pxVal + "px";
		
		jQuery.sap.byId(id+"-notify").css(right, pxVal);
		jQuery.sap.byId(id+"-canvas").css(right, pxVal);
		jQuery.sap.byId(id+"-canvasBackground").css(right, pxVal);
		this._getSyncRefs().css(right, pxVal);
	};

	sap.ui.ux3.Shell.prototype._setNotifyVisibility = function(sVisibleStatus) {
		var oNotificationBar = this.getNotificationBar();
		if(!oNotificationBar) {
			return;
		}
		
		if(!sVisibleStatus){
			sVisibleStatus = oNotificationBar.getVisibleStatus();
		}
		
		var $notify = jQuery.sap.byId(this.getId() + "-notify");
		var $syncRef = this._topSyncRefId ? jQuery.sap.byId(this._topSyncRefId) : jQuery(null);
		var bIsThingInspector = $syncRef.hasClass("sapUiUx3TI");
		
		var iHeight = 0;
		var iBottom = 0;
		var iZIndex = 1;
		
		if(sVisibleStatus === sap.ui.ux3.NotificationBarStatus.Min){
			iHeight = 10;
		}else if(sVisibleStatus === sap.ui.ux3.NotificationBarStatus.Max || sVisibleStatus === sap.ui.ux3.NotificationBarStatus.Default){
			if(this.getHeaderType() === sap.ui.ux3.ShellHeaderType.BrandOnly && bIsThingInspector){
				iHeight = parseInt(oNotificationBar.getHeightOfStatus(sap.ui.ux3.NotificationBarStatus.Default));
			}else{
				iHeight = 10;
			}
			iBottom = iHeight;
		}
		
		$notify.removeClass("sapUiUx3ShellNotifyTI").removeClass("sapUiUx3ShellNotifyOverlay");
		
		if(this._topSyncRefId){
			this._getSyncRefs().stop(true, true).animate({"bottom" : iBottom+"px"}, "fast");
			//$syncRef.css("bottom", iBottom+"px");
			iZIndex = parseInt($syncRef.css("z-index"));
			if(iBottom > 0){
				$notify.addClass(bIsThingInspector ? "sapUiUx3ShellNotifyTI" : "sapUiUx3ShellNotifyOverlay");
			}
		}
		
		$notify.css("height", iHeight+"px").css("z-index", iZIndex+1);
		
		if(iHeight > 0 && !this.$().hasClass("sapUiUx3ShellNotifyVisible")){
			this.$().addClass("sapUiUx3ShellNotifyVisible");
		}else if(iHeight == 0 && this.$().hasClass("sapUiUx3ShellNotifyVisible")){
			this.$().removeClass("sapUiUx3ShellNotifyVisible");
		}
		
		this._adaptContentHeight(sVisibleStatus);
	};


/**
 * Used to hand a DomRef to the Shell which should always cover the canvas area and also be animated with PaneBar opening/closing.
 *
 * Only to be used internally (by the ThingInspector/OverlayContainer)! Marking as "private", but actually is "package" visibility.
 * @private
 */
sap.ui.ux3.Shell.prototype.syncWithCanvasSize = function(sId, bInit, fFocusFirst, fFocusLast) {
	var idx = jQuery.inArray(sId, this._aSyncRefStack);
	
	//Update sync ref data structure
	if(bInit){
		var oRef = {id: sId, focusFirst: fFocusFirst, focusLast: fFocusLast};
		if(idx < 0){
			this._aSyncRefStack.push(sId); 
		}
		this._mSyncRefs[sId] = oRef;
	}else{
		if (idx > 0) {
			delete this._mSyncRefs[sId];
			this._aSyncRefStack.splice(idx, 1);
		} 
	}
	
	//Cleanup Shell 
	jQuery.sap.byId(this.getId() + "-canvas").removeAttr("aria-hidden");
	jQuery.sap.byId(this.getId() + "-focusDummyTPStart").removeAttr("tabindex").unbind("focusin");
	jQuery.sap.byId(this.getId() + "-focusDummyTPEnd").removeAttr("tabindex").unbind("focusin");
	jQuery.sap.byId(this.getId() + "-focusDummyPane").removeAttr("tabindex").unbind("focusin");
	delete this._topSyncRefId;
	
	//Reinitialize Shell
	if(this._aSyncRefStack.length > 0){
		var oRef = this._mSyncRefs[this._aSyncRefStack[this._aSyncRefStack.length-1]];
		var $DomRef = jQuery.sap.byId(oRef.id);
		var oCanvas = jQuery.sap.domById(this.getId() + "-canvas");
		$DomRef.css(this._bRtl ? "right" : "left", (this.getShowTools() ? sap.ui.ux3.Shell._PANE_OUTER_DISTANCE : 0) + "px");
		var iRight = sap.ui.ux3.Shell._SHELL_OFFSET_RIGHT;
		if(this.getShowPane()){
			iRight += sap.ui.ux3.Shell._PANE_OUTER_DISTANCE;
			if(this._sOpenPaneId){
				iRight += this.getPaneWidth();
			}
		}
		$DomRef.css(this._bRtl ? "left" : "right", iRight + "px");
		$DomRef.css("top", jQuery.sap.domById(this.getId() + "-hdrLine").offsetHeight + "px");
		$DomRef.css("bottom", "0");
		jQuery(oCanvas).attr("aria-hidden", "true");
		jQuery.sap.byId(this.getId() + "-focusDummyTPEnd").attr("tabindex", "0").focusin(oRef.focusFirst);
		jQuery.sap.byId(this.getId() + "-focusDummyTPStart").attr("tabindex", "0").focusin(jQuery.proxy(this.focusPaneEnd, this));
		jQuery.sap.byId(this.getId() + "-focusDummyPane").attr("tabindex", "0").focusin(oRef.focusLast);
		this._topSyncRefId = oRef.id;
	}
	
	jQuery.sap.require("jquery.sap.script");
	if(this._sUpdateNotificationZIndex){
		jQuery.sap.clearDelayedCall(this._sUpdateNotificationZIndex);
		delete this._sUpdateNotificationZIndex;
	}
	this._sUpdateNotificationZIndex = jQuery.sap.delayedCall(0, this, function(){
		delete this._sUpdateNotificationZIndex;
		this._setNotifyVisibility();
	});
};

}());


sap.ui.ux3.Shell.prototype._getSyncRefs = function(){
	var aRefs = [];
	var oRef;
	for(var i=0; i<this._aSyncRefStack.length; i++){
		oRef = jQuery.sap.domById(this._aSyncRefStack[i]);
		if(oRef){
			aRefs.push(oRef);
		}
	}
	return jQuery(aRefs);
};


/**
 * Focuses the first element in the Shell which is in the logical tab chain while the ThingInspector is open. This is either the first Tool,
 * or if there is no tool, it is the first item in the ThingInspector.
 *
 * Only to be used internally (by the ThingInspector)! Marking as "private", but actually is "package" visibility.
 * @private
 */
sap.ui.ux3.Shell.prototype.focusFirstTool = function() {
	// tabbing forward into the page from the browser UI
	var $firstTool = jQuery.sap.byId(this.getId() + "-tp").find(".sapUiUx3ShellTool").first();
	if ($firstTool.length && this.getShowTools()) {
		jQuery.sap.focus($firstTool[0]);
	} else {
		// otherwise focus the first item in the ThingInspector
		this._mSyncRefs[this._topSyncRefId].focusFirst();
	}
};

/**
 * Focuses the last element in the tab chain which is logically BEFORE the ThingInspector
 *
 * Only to be used internally (by the ThingInspector)! Marking as "private", but actually is "package" visibility.
 * @private
 */
sap.ui.ux3.Shell.prototype.focusLastTool = function() {
	// tabbing backward out of the ThingInspector
	var $lastTool = jQuery.sap.byId(this.getId() + "-tp").find(".sapUiUx3ShellTool").last();
	if ($lastTool.length && this.getShowTools()) {
		jQuery.sap.focus($lastTool[0]);
	} else {
		// no tool present => jump to end of the Pane
		this.focusPaneEnd();
	}
};

/**
 * Focuses the first element in the tab chain which is logically AFTER the ThingInspector
 *
 * Only to be used internally (by the ThingInspector)! Marking as "private", but actually is "package" visibility.
 * @private
 */
sap.ui.ux3.Shell.prototype.focusPaneStart = function() {
	// tabbing forward, ThingInspector is being left
	var oToFocus = jQuery.sap.byId(this.getId() + "-paneBar").firstFocusableDomRef();
	if (oToFocus) {
		jQuery.sap.focus(oToFocus);
	} else {
		// no focusable element in the pane => focus first tool
		this.focusFirstTool();
	}
};

/**
 * Focuses the last element in the tab chain which belongs to the Shell Pane. This is also the "last" element of the Shell.
 * 
 * @private
 */
sap.ui.ux3.Shell.prototype.focusPaneEnd = function() {
	// The ThingInspector tried to focus the last tool, but there was no tool. Or tools were being focused and we are tabbing backwards.
	var oToFocus = jQuery.sap.byId(this.getId() + "-paneBar").lastFocusableDomRef();
	if (oToFocus) {
		jQuery.sap.focus(oToFocus);
	} else {
		// no focusable element in the pane, so focus the last element in the ThingInspector
		this._mSyncRefs[this._topSyncRefId].focusLast();
	}
};


// invalidation avoiding code

sap.ui.ux3.Shell.prototype.setAppTitle = function(sAppTitle) {
	this.setProperty("appTitle", sAppTitle, true);
	this._rerenderHeader();
	return this;
};

sap.ui.ux3.Shell.prototype.setAppIcon = function(sAppIcon) {
	this.setProperty("appIcon", sAppIcon, true);
	this._rerenderHeader();
	return this;
};

sap.ui.ux3.Shell.prototype.setShowLogoutButton = function(bShowLogoutButton) {
	this.setProperty("showLogoutButton", bShowLogoutButton, true);
	this._rerenderHeader();
	return this;
};

sap.ui.ux3.Shell.prototype.setLogoutButtonTooltip = function(sTooltip) {
	this.setProperty("logoutButtonTooltip", sTooltip, true);
	this._rerenderHeader();
	return this;
};

sap.ui.ux3.Shell.prototype.insertHeaderItem = function(oHeaderItem, iIndex) {
	if (sap.ui.commons && sap.ui.commons.Button && (oHeaderItem instanceof sap.ui.commons.Button)) {
		oHeaderItem.setStyled(false);
	}
	this.insertAggregation("headerItems", oHeaderItem, iIndex, true);
	this._rerenderHeader();
	return this;
};
sap.ui.ux3.Shell.prototype.addHeaderItem = function(oHeaderItem) {
	if (sap.ui.commons && sap.ui.commons.Button && (oHeaderItem instanceof sap.ui.commons.Button)) {
		oHeaderItem.setStyled(false);
	}
	this.addAggregation("headerItems", oHeaderItem, true);
	this._rerenderHeader();
	return this;
};
sap.ui.ux3.Shell.prototype.removeHeaderItem = function(vIndex) {
	var result = this.removeAggregation("headerItems", vIndex, true);
	this._rerenderHeader();
	return result;
};
sap.ui.ux3.Shell.prototype.removeAllHeaderItems = function() {
	var result = this.removeAllAggregation("headerItems", true);
	this._rerenderHeader();
	return result;
};
sap.ui.ux3.Shell.prototype.destroyHeaderItems = function() {
	this.destroyAggregation("headerItems", true);
	this._rerenderHeader();
	return this;
};


sap.ui.ux3.Shell.prototype.setShowSearchTool = function(bShowSearchTool) {
	this.setProperty("showSearchTool", bShowSearchTool, true);
	this._rerenderToolPalette();
	return this;
};

sap.ui.ux3.Shell.prototype.setShowFeederTool = function(bShowFeederTool) {
	this.setProperty("showFeederTool", bShowFeederTool, true);
	this._rerenderToolPalette();
	return this;
};

sap.ui.ux3.Shell.prototype.setHeaderType = function(sHeaderType) {
	var sCurrentType = this.getHeaderType();
	this.setProperty("headerType", sHeaderType, true);
	this.$().removeClass("sapUiUx3ShellHead"+sCurrentType).addClass("sapUiUx3ShellHead"+this.getHeaderType());
	return this;
};

sap.ui.ux3.Shell.prototype.setDesignType = function(sDesignType) {
	var sCurrentType = this.getDesignType();
	this.setProperty("designType", sDesignType, true);
	
	// Set inverted state of registered tool popups based on design
	var bInverted = sDesignType !== sap.ui.ux3.ShellDesignType.Light;
	
	if (this._oSearchPopup) {
		// If it does not exist at this time, the inverted state will be set on
		// creation of the ToolPopup: see _getSearchTool()
		this._oSearchPopup.setInverted(bInverted);
	}
	if (this._oFeederPopup) {
		// If it does not exist at this time, the inverted state will be set on
		// creation of the ToolPopup: see _getFeederTool()
		this._oFeederPopup.setInverted(bInverted);
	}

	var aToolPopups = this.getToolPopups();
	for (var i = 0; i < aToolPopups.length; ++i) {
		aToolPopups[i].setInverted(bInverted);
	}
	
	
	this.$()
		.removeClass("sapUiUx3ShellDesign" + sCurrentType)
		.addClass("sapUiUx3ShellDesign" + this.getDesignType());
	return this;
};

sap.ui.ux3.Shell.prototype.setShowTools = function(bShowTools) {
	this.setProperty("showTools", bShowTools, true);
	if(bShowTools){
		this.$().removeClass("sapUiUx3ShellNoTools");
	}else{
		this.$().addClass("sapUiUx3ShellNoTools");
		this._closeCurrentToolPopup();
	}
	var $SyncRefs = this._getSyncRefs();
	if($SyncRefs.length){
		var oCanvas = jQuery.sap.domById(this.getId() + "-canvas");
		if(this._bRtl){
			$SyncRefs.css("right", (jQuery(document).width() - oCanvas.offsetLeft - oCanvas.offsetWidth) + "px");
		}else{
			$SyncRefs.css("left", oCanvas.offsetLeft + "px");
		}
	}
	return this;
};

sap.ui.ux3.Shell.prototype.setShowPane = function(bShowPane) {
	this.setProperty("showPane", bShowPane, true);
	if(bShowPane){
		this.$().removeClass("sapUiUx3ShellNoPane");
		this._refreshCanvasOffsetRight(true);
	}else{
		var that = this;
		this._closePane(function(){
			that.$().addClass("sapUiUx3ShellNoPane");
			that._refreshCanvasOffsetRight(false);
		});
	}
	return this;
};

sap.ui.ux3.Shell.prototype.insertToolPopup = function(oToolPopup, iIndex) {
	this.insertAggregation("toolPopups", oToolPopup, iIndex, true);
	oToolPopup.attachIconChanged(this._rerenderToolPalette, this);
	this._rerenderToolPalette();
	return this;
};

sap.ui.ux3.Shell.prototype.addToolPopup = function(oToolPopup) {
    // Set inverted state of registered tool popups based on design
    var bInverted = (this.getDesignType() !== sap.ui.ux3.ShellDesignType.Light);
    oToolPopup.setInverted(bInverted);

	this.addAggregation("toolPopups", oToolPopup, true);
	oToolPopup.attachIconChanged(this._rerenderToolPalette, this);
	this._rerenderToolPalette();
	return this;
};

sap.ui.ux3.Shell.prototype.removeToolPopup = function(vIndex) {
	var result = this.removeAggregation("toolPopups", vIndex, true);
	this._rerenderToolPalette();
	return result;
};
sap.ui.ux3.Shell.prototype.removeAllToolPopups = function() {
	var result = this.removeAllAggregation("toolPopups", true);
	this._rerenderToolPalette();
	return result;
};
sap.ui.ux3.Shell.prototype.destroyToolPopups = function() {
	this.destroyAggregation("toolPopups", true);
	this._rerenderToolPalette();
	return this;
};

sap.ui.ux3.Shell.prototype.insertContent = function(oContent, iIndex) {
	this.insertAggregation("content", oContent, iIndex, true);
	this._rerenderContent();
	return this;
};
sap.ui.ux3.Shell.prototype.addContent = function(oContent) {
	this.addAggregation("content", oContent, true);
	this._rerenderContent();
	return this;
};
sap.ui.ux3.Shell.prototype.removeContent = function(vIndex) {
	var result = this.removeAggregation("content", vIndex, true);
	this._rerenderContent();
	return result;
};
sap.ui.ux3.Shell.prototype.removeAllContent = function() {
	var result = this.removeAllAggregation("content", true);
	this._rerenderContent();
	return result;
};
sap.ui.ux3.Shell.prototype.destroyContent = function() {
	this.destroyAggregation("content", true);
	this._rerenderContent();
	return this;
};

sap.ui.ux3.Shell.prototype.addPaneBarItem = function(oPaneBarItem) {
	this.addAggregation("paneBarItems", oPaneBarItem, true);
	this._rerenderPaneBarItems();
	return this;
};
sap.ui.ux3.Shell.prototype.insertPaneBarItem = function(oPaneBarItem, iIndex) {
	this.insertAggregation("paneBarItems", oPaneBarItem, iIndex, true);
	this._rerenderPaneBarItems();
	return this;
};
sap.ui.ux3.Shell.prototype.removePaneBarItem = function(vPaneBarItem) {
	var result = this.removeAggregation("paneBarItems", vPaneBarItem, true);
	this._rerenderPaneBarItems();
	return result;
};
sap.ui.ux3.Shell.prototype.removeAllPaneBarItems = function() {
	var result = this.removeAllAggregation("paneBarItems", true);
	this._rerenderPaneBarItems();
	return result;
};
sap.ui.ux3.Shell.prototype.destroyPaneBarItems = function() {
	this.destroyAggregation("paneBarItems", true);
	this._rerenderPaneBarItems();
	return this;
};

sap.ui.ux3.Shell.prototype.addWorksetItem = function(oWorksetItem) {
	this.addAggregation("worksetItems", oWorksetItem, true);
	this._rerenderWorksetItems();
	return this;
};
sap.ui.ux3.Shell.prototype.insertWorksetItem = function(oWorksetItem, iIndex) {
	this.insertAggregation("worksetItems", oWorksetItem, iIndex, true);
	this._rerenderWorksetItems();
	return this;
};
sap.ui.ux3.Shell.prototype.removeWorksetItem = function(vWorksetItem) {
	var result = this.removeAggregation("worksetItems", vWorksetItem, true);
	this._rerenderWorksetItems();
	return result;
};
sap.ui.ux3.Shell.prototype.removeAllWorksetItems = function() {
	var result = this.removeAllAggregation("worksetItems", true);
	this._rerenderWorksetItems();
	return result;
};
sap.ui.ux3.Shell.prototype.destroyWorksetItems = function() {
	this.destroyAggregation("worksetItems", true);
	this._rerenderWorksetItems();
	return this;
};

(function() {

function clearNotificationBar(oShell) {
	var oOldNotificationBar = oShell.getNotificationBar();
	if(oOldNotificationBar){
		oShell._setNotifyVisibility(sap.ui.ux3.NotificationBarStatus.None);
		oOldNotificationBar.setVisibleStatus = oOldNotificationBar.__orig_setVisibleStatus;
		oOldNotificationBar.detachDisplay(oOldNotificationBar.__fHandleNotifyDisplay);
		delete oOldNotificationBar.__orig_setVisibleStatus;
		delete oOldNotificationBar.__fHandleNotifyDisplay;
	}
};
	
sap.ui.ux3.Shell.prototype.setNotificationBar = function(oNotificationBar) {
	clearNotificationBar(this);
	if(oNotificationBar) {
		var that = this;
		oNotificationBar.__orig_setVisibleStatus = oNotificationBar.setVisibleStatus;
		oNotificationBar.setVisibleStatus = function(sVisibleStatus){
			this.__orig_setVisibleStatus.apply(this, arguments);
			that._setNotifyVisibility();
		};
	}
	this.setAggregation("notificationBar", oNotificationBar, true);
	this._rerenderNotificationArea();
	if(oNotificationBar){
		oNotificationBar.__fHandleNotifyDisplay = function(oEvent){
			var bShow = oEvent ? oEvent.getParameter("show") : oNotificationBar.hasItems();
			oNotificationBar.setVisibleStatus(bShow ? sap.ui.ux3.NotificationBarStatus.Default : sap.ui.ux3.NotificationBarStatus.None);
		};
		oNotificationBar.attachDisplay(oNotificationBar.__fHandleNotifyDisplay);
		oNotificationBar.__fHandleNotifyDisplay();
	}
	return this; 
};

sap.ui.ux3.Shell.prototype.destroyNotificationBar = function() {
	clearNotificationBar(this);
	this.destroyAggregation("notificationBar", true);
	this._rerenderNotificationArea();
	return this;
};

}());

sap.ui.ux3.Shell.prototype._rerenderNotificationArea = function() {
	var $notify = jQuery.sap.byId(this.getId() + "-notify");
	if ($notify.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		sap.ui.ux3.ShellRenderer.renderNotificationArea(rm, this);
		rm.flush($notify[0], true);
		rm.destroy();
	}
};

sap.ui.ux3.Shell.prototype._rerenderHeader = function() {
	var $hdr = jQuery.sap.byId(this.getId() + "-hdr");
	if ($hdr.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		sap.ui.ux3.ShellRenderer.renderHeader(rm, this);
		rm.flush($hdr[0], true);
		rm.destroy();
	}
};

sap.ui.ux3.Shell.prototype._rerenderToolPalette = function() {
	var $tp = jQuery.sap.byId(this.getId() + "-tp");
	if ($tp.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		this._beforeRenderingToolPalette();
		sap.ui.ux3.ShellRenderer.renderToolPalette(rm, this);
		rm.flush($tp[0], true);
		this._afterRenderingToolPalette();
		rm.destroy();
	}
};

sap.ui.ux3.Shell.prototype._beforeRenderingToolPalette = function() {
	// unbind the tool palette mouse (hover effect) handlers
	jQuery.sap.byId(this.getId() + "-tp").find(".sapUiUx3ShellTool").unbind("mouseenter mouseleave");
	
	jQuery.sap.byId(this.getId() + "-focusDummyTPEnd").unbind("focusin");
	jQuery.sap.byId(this.getId() + "-focusDummyTPStart").unbind("focusin");
};

sap.ui.ux3.Shell.prototype._afterRenderingToolPalette = function() {
	// register hover effect handlers for application-provided tool icons
	var sIdPrefix = this.getId() + sap.ui.ux3.Shell.TOOL_PREFIX;
	var aToolItems = this.getToolPopups();
	for (var i = 0; i < aToolItems.length; i++) {
		var oToolItem = aToolItems[i];
		if (oToolItem instanceof sap.ui.ux3.ToolPopup) {	// regular item
			jQuery.sap.byId(sIdPrefix + oToolItem.getId()).hover(
				function(evt) {
					jQuery(this).toggleClass("sapUiUx3ShellToolHover", (evt.type === "mouseenter")); // set/remove class depending on mouseenter/mouseleave
					sap.ui.ux3.Shell._updateToolIcon(this);
				}
			);
		}
	}
	
	if (this._topSyncRefId && this._mSyncRefs[this._topSyncRefId].focusFirst) {
		jQuery.sap.byId(this.getId() + "-focusDummyTPEnd").attr("tabindex", "0").focusin(this._mSyncRefs[this._topSyncRefId].focusFirst);
	}
	if (this._aSyncRefStack.length > 0) {
		jQuery.sap.byId(this.getId() + "-focusDummyTPStart").attr("tabindex", "0").focusin(jQuery.proxy(this.focusPaneEnd, this));
	}
};

sap.ui.ux3.Shell.prototype._rerenderContent = function(bPreventPreserve) {
	var $content = jQuery.sap.byId(this.getId() + "-content");
	if ($content.length > 0) {
		var aContent = this.getContent(),
		rm = sap.ui.getCore().createRenderManager();
		for (var i = 0; i < aContent.length; i++) {
			rm.renderControl(aContent[i]);
		}
		rm.flush($content[0], bPreventPreserve);
		rm.destroy();
	}
};

sap.ui.ux3.Shell.prototype._rerenderPane = function(bPreventPreserve) {
	var $paneContent = jQuery.sap.byId(this.getId() + "-paneContent");
	if ($paneContent.length > 0) {
		var aPaneContent = this.getPaneContent(),
		rm = sap.ui.getCore().createRenderManager();
		for (var i = 0; i < aPaneContent.length; i++) {
			rm.renderControl(aPaneContent[i]);
		}
		rm.flush($paneContent[0], bPreventPreserve);
		rm.destroy();
	}
};

sap.ui.ux3.Shell.prototype._rerenderPaneBarItems = function() {
	var $PaneListRef = jQuery.sap.byId(this.getId() + "-paneBar").find(".sapUiUx3ShellPaneEntries");

	if ($PaneListRef.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		sap.ui.ux3.ShellRenderer.renderPaneBarItems(rm, this);
		rm.flush($PaneListRef[0]);
		rm.destroy();

		this._updatePaneBarItemNavigation($PaneListRef);
	}
};

sap.ui.ux3.Shell.prototype._rerenderWorksetItems = function() {
	if (jQuery.sap.byId(this.getId() + "-wBar").length > 0) {
		sap.ui.ux3.ShellRenderer.renderWorksetItems(null, this);
		sap.ui.ux3.ShellRenderer.renderFacetBar(null, this);
		var items = this._oFacetBar.getAssociatedItems();
		this._oFacetBar.$().css("display", (items && items.length > 0 ? "block" : "none"));
		this._adaptContentHeight();
	}
};



/* DEBUG code for tracking invalidation */

/**
 * Forces invalidation and rerendering (.invalidate() is disabled)
 * @private
 */
sap.ui.ux3.Shell.prototype.forceInvalidation = sap.ui.core.Control.prototype.invalidate;

/**
 * Hack that prevents Shell invalidation by default.
 * Later, invalidation should return to normal, but be prevented in all typical cases by bSuppressRerendering with explicit change handling.
 *
 * @private
 */
sap.ui.ux3.Shell.prototype.invalidate = function(oSource) {

	if (oSource == this) {
		// does not happen because the source is only given when propagating to a parent

	} else if (!oSource) {
		// direct invalidation of the Shell; this means a property has been modified
		this.forceInvalidation(); // let invalidation occur

	} else if (oSource instanceof sap.ui.ux3.NavigationItem) {
		// a workset item was changed/renamed or, more likely, subitems were added/exchanged
		if (this._oWorksetBar && this._oFacetBar) { // if already destroyed no update
			this._oWorksetBar.setAssociatedItems(this.getWorksetItems());
			var wsi = this.getSelectedWorksetItem();
			if (wsi) {
				var items;
				var sel = sap.ui.getCore().byId(wsi);
				if (sel && sel.getParent() instanceof sap.ui.ux3.NavigationItem) { // second-level item is selected
					this._oFacetBar.setAssociatedItems(sel.getParent().getSubItems()); // update the second-level NavigationBar as well
				} else if (sel && (items = sel.getSubItems())) {                            // toplevel item is selected and has children
					if (items && (items.length > 0)) {
						this._oFacetBar.setAssociatedItems(items); // update the second-level NavigationBar as well
					}
				} else {
					// toplevel item with no children, TODO: removing/adding the only child may be interesting to look at
				}
				
				items = this._oFacetBar.getAssociatedItems();
				this._oFacetBar.$().css("display", (items && items.length > 0 ? "block" : "none"));
				this._adaptContentHeight();
			}
		}

	} else if ((oSource instanceof sap.ui.core.Item) && (oSource.getParent() == this)) {
		// a PaneBarItem was changed/added/removed
		this.forceInvalidation();

	} else if (oSource instanceof sap.ui.ux3.ToolPopup) {
		// do nothing: icon is rendered by listener to iconChanged event

	} else if (this.indexOfHeaderItem(oSource) >= 0) {
		// a header item was invalidated - rerender the header
		this._rerenderHeader();

	} else {
		// a child was invalidated - TODO: check what kind of child and either handle directly or re-render
	}
};


sap.ui.ux3.Shell.prototype._setParent = sap.ui.core.Control.prototype.setParent;
sap.ui.ux3.Shell.prototype.setParent = function(oParent, sAggregationName, bSuppressRerendering) {
	this._setParent(oParent, sAggregationName, bSuppressRerendering);
	this.forceInvalidation(); // TODO: temporary hack to force invalidation when the Shell is added to a UiArea
};


/*  METHODS  */

sap.ui.ux3.Shell.prototype.setContent = function(vContent, bDestruct) {
	jQuery.sap.assert(vContent === null
			|| (vContent instanceof sap.ui.core.Control)
			|| ((jQuery.isArray(vContent) && ((vContent.length > 0) ? (vContent[0] instanceof sap.ui.core.Control) : true))),
			"vContent must be a control or array of controls or null"); // only the first array element is checked
	jQuery.sap.assert((bDestruct === undefined || bDestruct === true || bDestruct === false), "bDestruct must be true, false, or undefined");

	var oldContent = [];
	var $content = jQuery.sap.byId(this.getId() + "-content");
	var bPreventPreserve = false;

	if (!bDestruct) {
		oldContent = this.removeAllAggregation("content", true);

		if ($content.length > 0) {
			sap.ui.core.RenderManager.preserveContent($content[0]);
			bPreventPreserve = true;
			$content.empty();
		}
	} else {
		this.destroyAggregation("content", true);
	}

	// add new control(s) to aggregation
	if (vContent instanceof sap.ui.core.Control) { // one single control
		this.addAggregation("content", vContent, true);
	} else if (vContent && typeof(vContent) == "object" && vContent.length) { // an array of (hopefully) controls
		for (var i = 0; i < vContent.length; i++) {
			this.addAggregation("content", vContent[i], true);
		}
	}

	// if Shell is already rendered, update the UI
	this._rerenderContent(bPreventPreserve);

	return oldContent;
};


sap.ui.ux3.Shell.prototype.setPaneContent = function(vContent, bDestruct) {
	jQuery.sap.assert((vContent instanceof sap.ui.core.Control)
			|| ((jQuery.isArray(vContent) && ((vContent.length > 0) ? (vContent[0] instanceof sap.ui.core.Control) : true))),
			"vContent must be a control or array of controls"); // only the first array element is checked
	jQuery.sap.assert((bDestruct === undefined || bDestruct === true || bDestruct === false), "bDestruct must be true, false, or undefined");

	var oldContent = [];
	var $paneContent = jQuery.sap.byId(this.getId() + "-paneContent");
	var bPreventPreserve = false;

	if (!bDestruct) {
		oldContent = this.removeAllAggregation("paneContent", true);

		if ($paneContent.length > 0) {
			sap.ui.core.RenderManager.preserveContent($paneContent[0]);
			bPreventPreserve = true; // HTML content is already preserved; do not do it again in the RenderManager
			$paneContent.empty();
		}
	} else {
		this.destroyAggregation("paneContent", true);
	}

	// add new control(s) to aggregation
	if (vContent instanceof sap.ui.core.Control) { // one single control
		this.addAggregation("paneContent", vContent, true);
	} else if (vContent && typeof(vContent) == "object" && vContent.length) { // an array of (hopefully) controls
		for (var i = 0; i < vContent.length; i++) {
			this.addAggregation("paneContent", vContent[i], true);
		}
	}

	// if Shell is already rendered, update the UI
	this._rerenderPane(bPreventPreserve);

	return oldContent;
};



sap.ui.ux3.Shell.prototype.getSelectedWorksetItem = function() {
	/* Initially, this is null
	 * There is a value as soon as:
	 * 1. The application sets a value
	 * 2. The Shell is rendered without a value (the first toplevel item will be used then (respectively its first child, if present))
	 */
	return this.getAssociation("selectedWorksetItem");
};

sap.ui.ux3.Shell.prototype.setSelectedWorksetItem = function(selectedWorksetItem) {
	var oldSelectedId = this.getSelectedWorksetItem();
	this.setAssociation("selectedWorksetItem", selectedWorksetItem, true);
	var newSelectedId = this.getSelectedWorksetItem();

	if (oldSelectedId != newSelectedId) { // only do something if selected item really changed
		var newSelectedItem = sap.ui.getCore().byId(newSelectedId);

		if (newSelectedItem) {

			this._sSelectedWorksetId = newSelectedId;
			this._sSelectedFacetId = null;

			var sub = newSelectedItem.getSubItems();
			if (sub.length > 0) { // app set a parent item that has children, so select automatically the first child
				newSelectedItem = sub[0];
			}

			if (newSelectedItem && (newSelectedItem.getParent() instanceof sap.ui.ux3.NavigationItem)) { // if selected item is sub-item
				var newParentItem = newSelectedItem.getParent();
				this._sSelectedWorksetId = newParentItem.getId();
				this._sSelectedFacetId = newSelectedItem.getId();

				this._oWorksetBar.setSelectedItem(newParentItem);
				this._oFacetBar.setAssociatedItems(newParentItem.getSubItems());
				this._oFacetBar.setSelectedItem(newSelectedItem);

				if (this.getDomRef()) {
					jQuery.sap.byId(this.getId() + "-facetBar").slideDown();
					this._adaptContentHeight(null, true);
				}

			} else if (newSelectedItem) {
				this._oWorksetBar.setSelectedItem(newSelectedItem);
				this._oFacetBar.setAssociatedItems([]);
				this._oFacetBar.setSelectedItem(null);

				if (this.getDomRef()) {
					jQuery.sap.byId(this.getId() + "-facetBar").slideUp();
					this._adaptContentHeight(null, true);
				}

			} else {
				// newSelectedItem == null  after selecting the child
			}
		} else {
			// newSelectedItem == null
			throw new Error("WorksetItem with ID " + newSelectedId + " cannot be found.");
		}
	}

	return this;
};


/* FullHeight / ContentPadding */

sap.ui.ux3.Shell.prototype.setApplyContentPadding = function(bApplyContentPadding) {
	this.setProperty("applyContentPadding", bApplyContentPadding, true); // no re-rendering
	this.$().toggleClass("sapUiUx3ShellNoContentPadding", !bApplyContentPadding);
	this._adaptContentHeight();
};

sap.ui.ux3.Shell.prototype.setFullHeightContent = function(bFullHeightContent) {
	this.setProperty("fullHeightContent", bFullHeightContent, true); // no re-rendering
	this.$().toggleClass("sapUiUx3ShellFullHeightContent", bFullHeightContent);
	this._adaptContentHeight();
};

sap.ui.ux3.Shell.prototype._adaptContentHeight = function(sNotificationBarVisibleStatus, bAnimate) {
	if(!this.getDomRef()){
		return;
	}
	
	var $content = jQuery.sap.byId(this.getId()+"-content");
	var $canvas = jQuery.sap.byId(this.getId()+"-canvas");
	
	if(this.getFullHeightContent()){
		var bPad = this.getApplyContentPadding();
		var iTop = !bPad ? 0 : parseInt($canvas.css("paddingTop"), 10);
		var iLeft = !bPad ? 0 : parseInt($canvas.css("paddingLeft"), 10);
		var iRight = !bPad ? 0 : parseInt($canvas.css("paddingRight"), 10);
		
		var sTop = (iTop + (this._oFacetBar.getAssociatedItems().length > 0 ? this._iFacetBarHeight : 0)) + "px";

		if(bAnimate){
			$content.stop().animate({top: sTop});
		}else{
			$content.stop().css("top", sTop);
		}
		
		var oNotify = this.getNotificationBar();
		if(oNotify && !sNotificationBarVisibleStatus){
			sNotificationBarVisibleStatus = oNotify.getVisibleStatus();
		}
		
		if(sNotificationBarVisibleStatus === sap.ui.ux3.NotificationBarStatus.Default
				|| sNotificationBarVisibleStatus === sap.ui.ux3.NotificationBarStatus.Max){
			$content.css("bottom", oNotify.getHeightOfStatus(sap.ui.ux3.NotificationBarStatus.Default));
		}else{
			var iBottom = !bPad ? 0 : parseInt($canvas.css("paddingBottom"), 10);
			if (oNotify && sNotificationBarVisibleStatus === sap.ui.ux3.NotificationBarStatus.Min) {
				iBottom += sap.ui.ux3.NotificationBar.HOVER_ITEM_HEIGHT; 
			}
			$content.css("bottom", iBottom + "px");
		}
		
		$content.css(this._bRtl ? "right" : "left", iLeft + "px");
		$content.css(this._bRtl ? "left" : "right", iRight + "px");
	}else{
		$content.removeAttr("style");
	}
	
	if(jQuery.browser.webkit){
		//Force Webkit Browsers to do a repaint
		sap.ui.core.RenderManager.forceRepaint(this.getId()+"-canvas")
	}
};


/* Drag&Drop personalization */

sap.ui.ux3.Shell.prototype._handleDragover = function(evt) {
	var id = evt.target.id;
	if (!this._dragOverBlinking) {
		var $bg = jQuery.sap.byId(id);
		$bg.css("opacity", "0.5");
		this._dragOverBlinking = true;
		var that = this;
		window.setTimeout(function(){
			$bg.css("opacity", "1");
			window.setTimeout(function(){
				that._dragOverBlinking = null;
			}, 300);
		}, 300);
	}
  return false;
};
sap.ui.ux3.Shell.prototype._handleDragend = function(evt) {
	return false;
};
sap.ui.ux3.Shell.prototype._handleDrop = function(evt) {
	var id = evt.target.id;
	evt.preventDefault();
	var e = evt.originalEvent;
	var file = e.dataTransfer.files[0];
	if(file) {
		// read file content
		var reader = new window.FileReader();
		reader.onload = jQuery.proxy(function(event) {
			var dataUrl = event.target.result;
			if (id == this.getId() + "-bgImg") {
				this._getPersonalization()._handleBackgroundImageChange(dataUrl, true);
			} else if (id == this.getId() + "-hdr") {
				this._getPersonalization()._handleHeaderImageChange(dataUrl, true);
			} else if (id == this.getId() + "-logoImg") {
				this._getPersonalization()._handleLogoImageChange(dataUrl, true);
			}
			reader = null;
		}, this);
		reader.readAsDataURL(file);
	}
};



sap.ui.ux3.Shell.prototype._getPersonalization = function() {
	if (!this.oPersonalization) {
		jQuery.sap.require("sap.ui.ux3.ShellPersonalization");
		this.oPersonalization = new sap.ui.ux3.ShellPersonalization(this);
	}
	return this.oPersonalization;
};

sap.ui.ux3.Shell.prototype.openPersonalizationDialog = function() {
	this._getPersonalization().openDialog();
};

sap.ui.ux3.Shell.prototype.initializePersonalization = function(oSettings) {
	this._getPersonalization().initializeSettings(oSettings);
};

sap.ui.ux3.Shell.prototype._convertImageParameter = function(sParameter) {
	var rExtractUri = new RegExp(/url[\s]*\('?"?([^\'")]*)'?"?\)/);
	return rExtractUri.exec(sParameter) ? rExtractUri.exec(sParameter)[1] : sParameter;
};
sap.ui.ux3.Shell.prototype.onThemeChanged = function(oEvent) {

	if (this.getDomRef()) {
		var sImage = "";
		// if already rendered update images
		if (!this.getAppIcon()) {
			sImage = sap.ui.core.theming.Parameters.get('sapUiUx3ShellApplicationImageURL');
			sImage = this._convertImageParameter(sImage);
			if (sImage) {
				jQuery.sap.byId(this.getId()+'-logoImg').attr('src', sImage);
			}else{
				jQuery.sap.byId(this.getId()+'-logoImg').attr('src', sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif'));
			}
		}

		sImage = sap.ui.core.theming.Parameters.get('sapUiUx3ShellHeaderImageURL');
		sImage = this._convertImageParameter(sImage);
		if (sImage) {
			jQuery.sap.byId(this.getId()+'-hdrImg').attr('src', sImage);
		}else{
			jQuery.sap.byId(this.getId()+'-hdrImg').attr('src', sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif'));
		}

		sImage = sap.ui.core.theming.Parameters.get('sapUiUx3ShellBackgroundImageURL');
		sImage = this._convertImageParameter(sImage);
		if (sImage) {
			jQuery.sap.byId(this.getId()+'-bgImg').attr('src', sImage);
		}else{
			jQuery.sap.byId(this.getId()+'-bgImg').attr('src', sap.ui.resource('sap.ui.core', 'themes/base/img/1x1.gif'));
		}
	}

};

}; // end of sap.ui.ux3.Shell
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ThingAction') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ThingAction.
jQuery.sap.declare("sap.ui.ux3.ThingAction");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ThingAction.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getEnabled enabled} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.ThingAction#event:select select} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Thing Action for Swatch, QuickView, Thinginspector
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.ThingAction
 */
sap.ui.core.Element.extend("sap.ui.ux3.ThingAction", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"text" : {type : "string", group : "Misc", defaultValue : null},
		"enabled" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	events : {
		"select" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ThingAction with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ThingAction.extend
 * @function
 */

sap.ui.ux3.ThingAction.M_EVENTS = {'select':'select'};


/**
 * Getter for property <code>text</code>.
 * text of action
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.ux3.ThingAction#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.ux3.ThingAction} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingAction#setText
 * @function
 */


/**
 * Getter for property <code>enabled</code>.
 * action enabled (true/false)
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enabled</code>
 * @public
 * @name sap.ui.ux3.ThingAction#getEnabled
 * @function
 */

/**
 * Setter for property <code>enabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnabled  new value for property <code>enabled</code>
 * @return {sap.ui.ux3.ThingAction} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingAction#setEnabled
 * @function
 */


/**
 * Event will be fired when the action was triggered. 
 *
 * @name sap.ui.ux3.ThingAction#select
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id Id of selected action
 * @param {sap.ui.ux3.ThingAction} oControlEvent.getParameters.action Selected Thing Action
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'select' event of this <code>sap.ui.ux3.ThingAction</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ThingAction</code>.<br/> itself. 
 *  
 * Event will be fired when the action was triggered. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ThingAction</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ThingAction} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingAction#attachSelect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'select' event of this <code>sap.ui.ux3.ThingAction</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ThingAction} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingAction#detachSelect
 * @function
 */

/**
 * Fire event select to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> Id of selected action</li>
 * <li>'action' of type <code>sap.ui.ux3.ThingAction</code> Selected Thing Action</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ThingAction} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ThingAction#fireSelect
 * @function
 */


// Start of sap/ui/ux3/ThingAction.js
///**
// * This file defines behavior for the control,
// */
//sap.ui.ux3.ThingAction.prototype.init = function(){
//   // do something for initialization...
//};
sap.ui.ux3.ThingAction.prototype.onclick = function(oEvent) {
	this.fireSelect({
		id : this.getId(),
		action: this
	});
};
sap.ui.ux3.ThingAction.prototype.onsapselect = function(oEvent) {
	this.fireSelect({
		id : this.getId(),
		action: this
	});
};

sap.ui.ux3.ThingAction.prototype.setTooltip = function(oTooltip) {

	var oOldTooltip = this.getTooltip();
	// if the old tooltip was a Tooltip object, remove it as a delegate
	if (oOldTooltip instanceof sap.ui.core.TooltipBase){
		this.removeDelegate(oOldTooltip);
	}
	// if the new tooltip is a Tooltip object, add it as a delegate
	if (oTooltip instanceof sap.ui.core.TooltipBase){
		oTooltip._currentControl = this;
		this.addDelegate(oTooltip);
	}
	this.setAggregation("tooltip", oTooltip, true);

	return this;
};
}; // end of sap.ui.ux3.ThingAction
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ThingGroup') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ThingGroup.
jQuery.sap.declare("sap.ui.ux3.ThingGroup");

jQuery.sap.require('sap.ui.core.Element'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ThingGroup.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTitle title} : string</li>
 * <li>{@link #getColspan colspan} : boolean (default: false)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li>
 * <li>{@link #getActions actions} : sap.ui.ux3.ThingGroup[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.core.Element#constructor sap.ui.core.Element}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Thing Group Area
 * @extends sap.ui.core.Element
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.ThingGroup
 */
sap.ui.core.Element.extend("sap.ui.ux3.ThingGroup", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"title" : {type : "string", group : "Misc", defaultValue : null},
		"colspan" : {type : "boolean", group : "Misc", defaultValue : false}
	},
	defaultAggregation : "content",
	aggregations : {
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}, 
    	"actions" : {type : "sap.ui.ux3.ThingGroup", multiple : true, singularName : "action"}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ThingGroup with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ThingGroup.extend
 * @function
 */


/**
 * Getter for property <code>title</code>.
 * Title of Group
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.ThingGroup#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.ThingGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingGroup#setTitle
 * @function
 */


/**
 * Getter for property <code>colspan</code>.
 * If Group is used in a column layout the groups spans the all columns if set to true.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>colspan</code>
 * @public
 * @name sap.ui.ux3.ThingGroup#getColspan
 * @function
 */

/**
 * Setter for property <code>colspan</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bColspan  new value for property <code>colspan</code>
 * @return {sap.ui.ux3.ThingGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingGroup#setColspan
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * Content of Group
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.ThingGroup#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingGroup#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingGroup#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.ux3.ThingGroup#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingGroup#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingGroup#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.ux3.ThingGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingGroup#destroyContent
 * @function
 */


/**
 * Getter for aggregation <code>actions</code>.<br/>
 * Actions of the groups content
 * 
 * @return {sap.ui.ux3.ThingGroup[]}
 * @public
 * @name sap.ui.ux3.ThingGroup#getActions
 * @function
 */


/**
 * Inserts a action into the aggregation named <code>actions</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *          oAction the action to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the action should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the action is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the action is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingGroup#insertAction
 * @function
 */

/**
 * Adds some action <code>oAction</code> 
 * to the aggregation named <code>actions</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oAction the action to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingGroup#addAction
 * @function
 */

/**
 * Removes an action from the aggregation named <code>actions</code>.
 *
 * @param {int | string | sap.ui.ux3.ThingGroup} vAction the action to remove or its index or id
 * @return {sap.ui.ux3.ThingGroup} the removed action or null
 * @public
 * @name sap.ui.ux3.ThingGroup#removeAction
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>actions</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ThingGroup[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingGroup#removeAllActions
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ThingGroup</code> in the aggregation named <code>actions</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oAction the action whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingGroup#indexOfAction
 * @function
 */
	

/**
 * Destroys all the actions in the aggregation 
 * named <code>actions</code>.
 * @return {sap.ui.ux3.ThingGroup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingGroup#destroyActions
 * @function
 */


// Start of sap/ui/ux3/ThingGroup.js
///**
// * This file defines behavior for the control,
// */
//sap.ui.ux3.ThingContent.prototype.init = function(){
//   // do something for initialization...
//};
}; // end of sap.ui.ux3.ThingGroup
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ThingViewer') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ThingViewer.
jQuery.sap.declare("sap.ui.ux3.ThingViewer");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ThingViewer.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTitle title} : string</li>
 * <li>{@link #getType type} : string</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getSubtitle subtitle} : string</li>
 * <li>{@link #getWidth width} : sap.ui.core.CSSSize (default: '100%')</li>
 * <li>{@link #getHeight height} : sap.ui.core.CSSSize (default: '100%')</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getHeaderContent headerContent} : sap.ui.ux3.ThingGroup[]</li>
 * <li>{@link #getFacets facets} : sap.ui.ux3.NavigationItem[]</li>
 * <li>{@link #getFacetContent facetContent} : sap.ui.ux3.ThingGroup[]</li>
 * <li>{@link #getActionBar actionBar} : sap.ui.ux3.ActionBar</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getSelectedFacet selectedFacet} : string | sap.ui.ux3.NavigationItem</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.ThingViewer#event:facetSelected facetSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * ThingViewer: Same as ThingInspector but decoupled from the Overlay and the ActionBar.
 * The control can be added to a Parent container that has a defined width. The ThingViewer fill the whole container. If the parent container has no width defined the control will not work properly.
 * @extends sap.ui.core.Control
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @since 1.9.1
 * @name sap.ui.ux3.ThingViewer
 */
sap.ui.core.Control.extend("sap.ui.ux3.ThingViewer", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"title" : {type : "string", group : "Misc", defaultValue : null},
		"type" : {type : "string", group : "Misc", defaultValue : null},
		"icon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"subtitle" : {type : "string", group : "Misc", defaultValue : null},
		"width" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : '100%'},
		"height" : {type : "sap.ui.core.CSSSize", group : "Misc", defaultValue : '100%'}
	},
	aggregations : {
    	"headerContent" : {type : "sap.ui.ux3.ThingGroup", multiple : true, singularName : "headerContent"}, 
    	"facets" : {type : "sap.ui.ux3.NavigationItem", multiple : true, singularName : "facet"}, 
    	"facetContent" : {type : "sap.ui.ux3.ThingGroup", multiple : true, singularName : "facetContent"}, 
    	"actionBar" : {type : "sap.ui.ux3.ActionBar", multiple : false}, 
    	"navBar" : {type : "sap.ui.ux3.NavigationBar", multiple : false, visibility : "hidden"}
	},
	associations : {
		"selectedFacet" : {type : "sap.ui.ux3.NavigationItem", multiple : false}
	},
	events : {
		"facetSelected" : {allowPreventDefault : true}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ThingViewer with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ThingViewer.extend
 * @function
 */

sap.ui.ux3.ThingViewer.M_EVENTS = {'facetSelected':'facetSelected'};


/**
 * Getter for property <code>title</code>.
 * Title of the Thing Inspector
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.ThingViewer#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#setTitle
 * @function
 */


/**
 * Getter for property <code>type</code>.
 * Thing type
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>type</code>
 * @public
 * @name sap.ui.ux3.ThingViewer#getType
 * @function
 */

/**
 * Setter for property <code>type</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sType  new value for property <code>type</code>
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#setType
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * Thing Icon Url
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.ux3.ThingViewer#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#setIcon
 * @function
 */


/**
 * Getter for property <code>subtitle</code>.
 * Subtitle of the Thing Inspector
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>subtitle</code>
 * @public
 * @name sap.ui.ux3.ThingViewer#getSubtitle
 * @function
 */

/**
 * Setter for property <code>subtitle</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSubtitle  new value for property <code>subtitle</code>
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#setSubtitle
 * @function
 */


/**
 * Getter for property <code>width</code>.
 * Width of the ThingViewer
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>width</code>
 * @public
 * @name sap.ui.ux3.ThingViewer#getWidth
 * @function
 */

/**
 * Setter for property <code>width</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sWidth  new value for property <code>width</code>
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#setWidth
 * @function
 */


/**
 * Getter for property <code>height</code>.
 * Height of the ThingViewer
 *
 * Default value is <code>100%</code>
 *
 * @return {sap.ui.core.CSSSize} the value of property <code>height</code>
 * @public
 * @name sap.ui.ux3.ThingViewer#getHeight
 * @function
 */

/**
 * Setter for property <code>height</code>.
 *
 * Default value is <code>100%</code> 
 *
 * @param {sap.ui.core.CSSSize} sHeight  new value for property <code>height</code>
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#setHeight
 * @function
 */


/**
 * Getter for aggregation <code>headerContent</code>.<br/>
 * ThingGroups for the header content
 * 
 * @return {sap.ui.ux3.ThingGroup[]}
 * @public
 * @name sap.ui.ux3.ThingViewer#getHeaderContent
 * @function
 */


/**
 * Inserts a headerContent into the aggregation named <code>headerContent</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *          oHeaderContent the headerContent to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the headerContent should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the headerContent is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the headerContent is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#insertHeaderContent
 * @function
 */

/**
 * Adds some headerContent <code>oHeaderContent</code> 
 * to the aggregation named <code>headerContent</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oHeaderContent the headerContent to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#addHeaderContent
 * @function
 */

/**
 * Removes an headerContent from the aggregation named <code>headerContent</code>.
 *
 * @param {int | string | sap.ui.ux3.ThingGroup} vHeaderContent the headerContent to remove or its index or id
 * @return {sap.ui.ux3.ThingGroup} the removed headerContent or null
 * @public
 * @name sap.ui.ux3.ThingViewer#removeHeaderContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>headerContent</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ThingGroup[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingViewer#removeAllHeaderContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ThingGroup</code> in the aggregation named <code>headerContent</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oHeaderContent the headerContent whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingViewer#indexOfHeaderContent
 * @function
 */
	

/**
 * Destroys all the headerContent in the aggregation 
 * named <code>headerContent</code>.
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#destroyHeaderContent
 * @function
 */


/**
 * Getter for aggregation <code>facets</code>.<br/>
 * Thing Inspector facets
 * 
 * @return {sap.ui.ux3.NavigationItem[]}
 * @public
 * @name sap.ui.ux3.ThingViewer#getFacets
 * @function
 */


/**
 * Inserts a facet into the aggregation named <code>facets</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *          oFacet the facet to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the facet should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the facet is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the facet is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#insertFacet
 * @function
 */

/**
 * Adds some facet <code>oFacet</code> 
 * to the aggregation named <code>facets</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oFacet the facet to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#addFacet
 * @function
 */

/**
 * Removes an facet from the aggregation named <code>facets</code>.
 *
 * @param {int | string | sap.ui.ux3.NavigationItem} vFacet the facet to remove or its index or id
 * @return {sap.ui.ux3.NavigationItem} the removed facet or null
 * @public
 * @name sap.ui.ux3.ThingViewer#removeFacet
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>facets</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.NavigationItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingViewer#removeAllFacets
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.NavigationItem</code> in the aggregation named <code>facets</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oFacet the facet whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingViewer#indexOfFacet
 * @function
 */
	

/**
 * Destroys all the facets in the aggregation 
 * named <code>facets</code>.
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#destroyFacets
 * @function
 */


/**
 * Getter for aggregation <code>facetContent</code>.<br/>
 * ThingGroups for content of the selected facet
 * 
 * @return {sap.ui.ux3.ThingGroup[]}
 * @public
 * @name sap.ui.ux3.ThingViewer#getFacetContent
 * @function
 */


/**
 * Inserts a facetContent into the aggregation named <code>facetContent</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *          oFacetContent the facetContent to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the facetContent should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the facetContent is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the facetContent is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#insertFacetContent
 * @function
 */

/**
 * Adds some facetContent <code>oFacetContent</code> 
 * to the aggregation named <code>facetContent</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oFacetContent the facetContent to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#addFacetContent
 * @function
 */

/**
 * Removes an facetContent from the aggregation named <code>facetContent</code>.
 *
 * @param {int | string | sap.ui.ux3.ThingGroup} vFacetContent the facetContent to remove or its index or id
 * @return {sap.ui.ux3.ThingGroup} the removed facetContent or null
 * @public
 * @name sap.ui.ux3.ThingViewer#removeFacetContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>facetContent</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ThingGroup[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingViewer#removeAllFacetContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ThingGroup</code> in the aggregation named <code>facetContent</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oFacetContent the facetContent whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingViewer#indexOfFacetContent
 * @function
 */
	

/**
 * Destroys all the facetContent in the aggregation 
 * named <code>facetContent</code>.
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#destroyFacetContent
 * @function
 */


/**
 * Getter for aggregation <code>actionBar</code>.<br/>
 * An ActionBar can be given
 * 
 * @return {sap.ui.ux3.ActionBar}
 * @public
 * @name sap.ui.ux3.ThingViewer#getActionBar
 * @function
 */


/**
 * Setter for the aggregated <code>actionBar</code>.
 * @param oActionBar {sap.ui.ux3.ActionBar}
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#setActionBar
 * @function
 */
	

/**
 * Destroys the actionBar in the aggregation 
 * named <code>actionBar</code>.
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#destroyActionBar
 * @function
 */


/**
 * The Facet that is currently selected.
 *
 * @return {string} Id of the element which is the current target of the <code>selectedFacet</code> association, or null
 * @public
 * @name sap.ui.ux3.ThingViewer#getSelectedFacet
 * @function
 */

/**
 * The Facet that is currently selected.
 *
 * @param {string | sap.ui.ux3.NavigationItem} vSelectedFacet 
 *    Id of an element which becomes the new target of this <code>selectedFacet</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#setSelectedFacet
 * @function
 */


	
/**
 * Event for facet selection. The application is responsible for displaying the correct content for the selected one. The ThingInspector will currently always mark the first facet as selected. 
 *
 * @name sap.ui.ux3.ThingViewer#facetSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id Id of selected NavigationItem
 * @param {sap.ui.ux3.NavigationItem} oControlEvent.getParameters.item The selected NavigationItem
 * @param {string} oControlEvent.getParameters.key Key of selected NavigationItem
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'facetSelected' event of this <code>sap.ui.ux3.ThingViewer</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ThingViewer</code>.<br/> itself. 
 *  
 * Event for facet selection. The application is responsible for displaying the correct content for the selected one. The ThingInspector will currently always mark the first facet as selected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ThingViewer</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#attachFacetSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'facetSelected' event of this <code>sap.ui.ux3.ThingViewer</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ThingViewer} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingViewer#detachFacetSelected
 * @function
 */

/**
 * Fire event facetSelected to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> Id of selected NavigationItem</li>
 * <li>'item' of type <code>sap.ui.ux3.NavigationItem</code> The selected NavigationItem</li>
 * <li>'key' of type <code>string</code> Key of selected NavigationItem</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.ux3.ThingViewer#fireFacetSelected
 * @function
 */


// Start of sap/ui/ux3/ThingViewer.js
(function() {
	/**
	 * Initialization hook for the ThingViewer. It creates the instance of the
	 * Popup helper service and does some basic configuration for it.
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype.init = function() {
		var that = this;
		this._oNavBar = new sap.ui.ux3.NavigationBar();
		this.setAggregation("navBar",this._oNavBar);
		// attach NavBar selection
		this._oSocialActions = {};
		this._oNavBar.attachSelect(function(oControlEvent) {
			var item = oControlEvent.getParameters().item;
			if(that.fireFacetSelected({id:item.getId(), key:item.getKey(),item:item})) {
				that.setSelectedFacet(item);
			} else {
				 oControlEvent.preventDefault();
			}
		});
	};
	
	/*
	 * Set size of TI after rendering: If running in Shell we sync with shell
	 * canvas. The size will then be set by the shell.
	 */
	sap.ui.ux3.ThingViewer.prototype.onAfterRendering = function() {
		// register resize handler
		this._resize = false;
		if (this.getActionBar()) {
			this._adjustStyles();
		}
		if (this.$().find(".sapUiUx3TVFacetContent").length <= 0) {
			return;
		}
		this._resizeListenerId = sap.ui.core.ResizeHandler.register(this.$().find(".sapUiUx3TVFacetContent")[0], jQuery.proxy(this._onresize, this));
		
		// initial resize handling
		this._setTriggerValue();
		this._setHeaderPosition();
		this._onresize();
	};
	
	sap.ui.ux3.ThingViewer.prototype.onBeforeRendering = function() {
		if (this._resizeListenerId) {
			sap.ui.core.ResizeHandler.deregister(this._resizeListenerId);
			this._resizeListenerId = null;
		}
	};
	
	sap.ui.ux3.ThingViewer.prototype._setHeaderPosition = function() {
		var $typeContainer = this.$().find(".sapUiUx3TVHeaderContainerIdentifier");
		var $scrollContainer = this.$().find(".sapUiUx3TVHeaderGroupScrollContainer");
		$scrollContainer.css("top", $typeContainer.outerHeight());
	};
	
	/**
	 * Resize handler listening to the facet content area. If the area will be
	 * resized and the blocks will be rearranged to one column the width will be set
	 * to 100%. After resize to a width greater than two times the minimum width of
	 * a single block the size will be set back to 50%
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._onresize = function(oEvent) {
		var width;
		if (oEvent) {
			width = jQuery(oEvent.target).width();
		}
		if (!width) {
			width = jQuery(this.$().find(".sapUiUx3TVFacetContent")[0]).width();
		}
		if (width < this._triggerValue && this._resize == false) {
			var facetGroups = this.$().find(".sapUiUx3TVFacetThingGroup");
			for ( var i = 0; i < facetGroups.length; i++) {
				jQuery(facetGroups[i]).animate({
					width : "100%"
				}, "fast");
			}
			this._resize = true;
		} else if (width > this._triggerValue && this._resize == true) {
			var facetGroups = this.$().find(".sapUiUx3TVFacetThingGroup");
			for ( var i = 0; i < facetGroups.length; i++) {
				jQuery(facetGroups[i]).animate({
					width : "50%"
				}, "fast");
			}
			this._resize = false;
		}
		if (this.getActionBar()) {
			var minWidth = this.getActionBar().getActionBarMinWidth();
			var minWidthTI = minWidth;
			if (this._bShell) {
				minWidth += 36;
				minWidthTI  = minWidth + 60;
			}
			this.$().find(".sapUiUx3TV").css("min-width",minWidthTI+"px");
			this.$().find(".sapUiUx3TVContent").css("min-width",minWidth+"px");
		}
	};
	
	/**
	 * Destroys this instance of ThingViewer, called by Element#destroy()
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype.exit = function() {
		this._oNavBar.destroy();
		if (this._resizeListenerId) {
			sap.ui.core.ResizeHandler.deregister(this._resizeListenerId);
			this._resizeListenerId = null;
		}
	};
	
	/**
	 * get Navigation Bar control
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._getNavBar = function() {
		return this._oNavBar;
	};
	
	/**
	 * setDefault NavBar selection and fire SelectedItem Event
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._selectDefault = function() {
		var navBarItems = this._oNavBar.getItems();
		if (navBarItems.length && !this._oNavBar.getSelectedItem()) {
			if (!this.getSelectedFacet()) {
				this.setSelectedFacet(navBarItems[0]);
			}
			var itemID = this._oNavBar.getSelectedItem();
			var item = sap.ui.getCore().byId(itemID);
			this.fireFacetSelected({
				id : item.getId(),
				key : item.getKey(),
				item : item
			});
		}
	};
	
	/**
	 * equal Columns
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._equalColumns = function() {
		var headerColumn = this.$().find(".sapUiUx3TVHeader");
		var facetsColumn = this.$().find(".sapUiUx3TVFacets");
		var scrollContainer = this.$().find(".sapUiUx3TVContentScrollContainer");
		facetsColumn.height(scrollContainer.get(0).scrollHeight);
		headerColumn.height(scrollContainer.get(0).scrollHeight);
	};
	
	/**
	 * Rerender Header
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._rerenderHeader = function() {
		var $content = jQuery.sap.byId(this.getId() + "-header");
		if ($content.length > 0) {
			var rm = sap.ui.getCore().createRenderManager();
			sap.ui.ux3.ThingViewerRenderer.renderHeader(rm, this);
			rm.flush($content[0]);
			rm.destroy();
		}
	};
	
	/**
	 * Rerender Header Content
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._rerenderHeaderContent = function() {
		var $content = jQuery.sap.byId(this.getId() + "-headerContent");
		if ($content.length > 0) {
			var rm = sap.ui.getCore().createRenderManager();
			sap.ui.ux3.ThingViewerRenderer.renderHeaderContent(rm, this);
			rm.flush($content[0]);
			rm.destroy();
		}
	};
	
	/**
	 * Rerender Toolbar
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._rerenderToolbar = function() {
		var $content = jQuery.sap.byId(this.getId() + "-toolbar");
		if ($content.length > 0) {
			var rm = sap.ui.getCore().createRenderManager();
			sap.ui.ux3.ThingViewerRenderer.renderToolbar(rm, this);
			rm.flush($content[0]);
			rm.destroy();
		}
	};
	
	/**
	 * Rerender Facet Content
	 *
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._rerenderFacetContent = function() {
		var $content = jQuery.sap.byId(this.getId() + "-facetContent");
		if ($content.length > 0) {
			var rm = sap.ui.getCore().createRenderManager();
			sap.ui.ux3.ThingViewerRenderer.renderFacetContent(rm, this);
			rm.flush($content[0]);
			rm.destroy();
			this._resize = false;
			this._setTriggerValue();
			this._onresize();
		}
	};
	
	/**
	 * set trigger value for resize handler
	 * 
	 * @private
	 */
	sap.ui.ux3.ThingViewer.prototype._setTriggerValue = function() {
		var facetGroups, minWidth,
			$content = jQuery.sap.byId(this.getId() + "-facetContent");
		
		// get triggerValue for facet content resize handler
		if ($content.length > 0) {
			facetGroups = this.$().find(".sapUiUx3TVFacetThingGroup");
			minWidth = jQuery(facetGroups[0]).css("min-width");
			this._triggerValue = parseInt(minWidth, 10) * 2;
		}
	};
	
	/* Redefinition of generated API methods */
	
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.getFacets = function() {
		return this._oNavBar.getItems();
	};
	
	// Implementation of API method insertFacet
	sap.ui.ux3.ThingViewer.prototype.insertFacet = function(oFacet, iIndex) {
		this._oNavBar.insertItem(oFacet, iIndex);
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.addFacet = function(oFacet) {
		this._oNavBar.addItem(oFacet);
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.removeFacet = function(vElement) {
		return this._oNavBar.removeItem(vElement);
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.removeAllFacets = function() {
		return this._oNavBar.removeAllItems();
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.destroyFacets = function() {
		this._oNavBar.destroyItems();
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.setIcon = function(oIcon) {
		this.setProperty("icon", oIcon);
		if (this.getActionBar()) {
			this.getActionBar().setThingIconURI(oIcon);
		}
		this._rerenderHeader();
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.insertFacetContent = function(oFacetContent, iIndex) {
		this.insertAggregation("facetContent", oFacetContent, iIndex, true);
		this._rerenderFacetContent();
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.addFacetContent = function(oFacetContent) {
		this.addAggregation("facetContent", oFacetContent, true);
		this._rerenderFacetContent();
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.removeFacetContent = function(vFacetContent) {
		var result = this.removeAggregation("facetContent", vFacetContent, true);
		this._rerenderFacetContent();
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.removeAllFacetContent = function() {
		var result = this.removeAllAggregation("facetContent", true);
		this._rerenderFacetContent();
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.destroyFacetContent = function() {
		this.destroyAggregation("facetContent", true);
		this._rerenderFacetContent();
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.insertHeaderContent = function(oHeaderContent, iIndex) {
		this.insertAggregation("headerContent", oHeaderContent, iIndex, true);
		this._rerenderHeaderContent();
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.addHeaderContent = function(oHeaderContent) {
		this.addAggregation("headerContent", oHeaderContent, true);
		this._rerenderHeaderContent();
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.removeHeaderContent = function(vHeaderContent) {
		var result = this.removeAggregation("headerContent", vHeaderContent, true);
		this._rerenderHeaderContent();
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.removeAllHeaderContent = function() {
		var result = this.removeAllAggregation("headerContent", true);
		this._rerenderHeaderContent();
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.destroyHeaderContent = function() {
		this.destroyAggregation("headerContent", true);
		this._rerenderHeaderContent();
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.setSelectedFacet = function(selectedFacet) {
		var oldSelectedFacet = this.getSelectedFacet();
		this.setAssociation("selectedFacet", selectedFacet, true);
		var newSelectedFacet = this.getSelectedFacet();
	
		if (oldSelectedFacet != newSelectedFacet) {
			this._oNavBar.setSelectedItem(newSelectedFacet);
		}
	};
	//Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.setTitle = function(sTitle) {
		this.setProperty("title", sTitle, true);
		this._rerenderHeader();
	};
	//Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.setSubtitle = function(sTitle) {
		this.setProperty("subtitle", sTitle, true);
		this._rerenderHeader();
	};
	// Implementation of API method
	sap.ui.ux3.ThingViewer.prototype.setActionBar = function(oActionBar) {
		this.setAggregation("actionBar", oActionBar, true);
		if (this.getIcon() && this.getActionBar()) {
			this.getActionBar().setThingIconURI(this.getIcon());
		}
		this._rerenderToolbar();
		this._adjustStyles();
		return this;
	};
	sap.ui.ux3.ThingViewer.prototype._adjustStyles = function() {
		var $header = this.$().find(".sapUiUx3TVHeader");
		var $facets = this.$().find(".sapUiUx3TVFacets");
		if ($header.length > 0) { 
			$header.addClass("sapUiUx3TVActionBar");
			$header.removeClass("sapUiUx3TVNoActionBar");
		}
		if ($facets.length > 0) {
			$facets.addClass("sapUiUx3TVActionBar");
			$facets.removeClass("sapUiUx3TVNoActionBar");
		}
	};
}());
}; // end of sap.ui.ux3.ThingViewer
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ToolPopup') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ToolPopup.
jQuery.sap.declare("sap.ui.ux3.ToolPopup");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ToolPopup.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTitle title} : string</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getIconHover iconHover} : sap.ui.core.URI</li>
 * <li>{@link #getIconSelected iconSelected} : sap.ui.core.URI</li>
 * <li>{@link #getModal modal} : boolean (default: false)</li>
 * <li>{@link #getInverted inverted} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getButtons buttons} : sap.ui.core.Control[]</li>
 * <li>{@link #getContent content} : sap.ui.core.Control[]</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getInitialFocus initialFocus} : string | sap.ui.core.Control</li>
 * <li>{@link #getOpener opener} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.ToolPopup#event:open open} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.ToolPopup#event:close close} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.ToolPopup#event:enter enter} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.ToolPopup#event:iconChanged iconChanged} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.ToolPopup#event:closed closed} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A pop up which the user can open from the Shell's tool pane. Generally, the starting point would be an icon.
 * For this pop up, buttons can be defined with any text; therefore, it has the same purpose and similar look like any common dialog box.
 * A ToolPopup can have any content. Depending on the application type and design, the structure of the texts and input fields can be for
 * example form-like.
 * 
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.ToolPopup
 */
sap.ui.core.Control.extend("sap.ui.ux3.ToolPopup", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"isOpen", "open", "close", "setPosition", "getEnabled"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"title" : {type : "string", group : "Misc", defaultValue : null},
		"icon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"iconHover" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"iconSelected" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"modal" : {type : "boolean", group : "Behavior", defaultValue : false},
		"inverted" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	defaultAggregation : "content",
	aggregations : {
    	"buttons" : {type : "sap.ui.core.Control", multiple : true, singularName : "button"}, 
    	"content" : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
	},
	associations : {
		"initialFocus" : {type : "sap.ui.core.Control", multiple : false}, 
		"opener" : {type : "sap.ui.core.Control", multiple : false}
	},
	events : {
		"open" : {}, 
		"close" : {allowPreventDefault : true}, 
		"enter" : {}, 
		"iconChanged" : {}, 
		"closed" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ToolPopup with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ToolPopup.extend
 * @function
 */

sap.ui.ux3.ToolPopup.M_EVENTS = {'open':'open','close':'close','enter':'enter','iconChanged':'iconChanged','closed':'closed'};


/**
 * Getter for property <code>title</code>.
 * The title displayed in the pop up window (optional property)
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.ToolPopup#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#setTitle
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * This property is relevant for Shell-use:
 * The URL to the icon displayed in the tool area which is used to open the ToolPopup. The recommended size is 32x32px, including some transparent border. Therefore, the content will cover about 20x20px.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.ux3.ToolPopup#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#setIcon
 * @function
 */


/**
 * Getter for property <code>iconHover</code>.
 * This property is relevant for Shell-use:
 * The URL to the icon in hover state, displayed in the tool area which is used to open the pop up.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconHover</code>
 * @public
 * @name sap.ui.ux3.ToolPopup#getIconHover
 * @function
 */

/**
 * Setter for property <code>iconHover</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconHover  new value for property <code>iconHover</code>
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#setIconHover
 * @function
 */


/**
 * Getter for property <code>iconSelected</code>.
 * This property is relevant for Shell-use:
 * The URL to the icon in selected state displayed in the tool area which is used to open the pop up. If no selected icon is given, the hover icon is used.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>iconSelected</code>
 * @public
 * @name sap.ui.ux3.ToolPopup#getIconSelected
 * @function
 */

/**
 * Setter for property <code>iconSelected</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIconSelected  new value for property <code>iconSelected</code>
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#setIconSelected
 * @function
 */


/**
 * Getter for property <code>modal</code>.
 * Whether the popup is modal and blocks any user-interaction with controls in the background.
 * Changing this property while the ToolPopup is open is not allowed (and currently has noeffect).
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>modal</code>
 * @public
 * @name sap.ui.ux3.ToolPopup#getModal
 * @function
 */

/**
 * Setter for property <code>modal</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bModal  new value for property <code>modal</code>
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#setModal
 * @function
 */


/**
 * Getter for property <code>inverted</code>.
 * Specifies whether the ToolPopup has a dark or bright background. If set to true the background and borders will be dark. If false this stuff will be bright.
 * This property doesn't cause an effect in the HCB-theme.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>inverted</code>
 * @public
 * @since 1.11.1
 * @name sap.ui.ux3.ToolPopup#getInverted
 * @function
 */

/**
 * Setter for property <code>inverted</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bInverted  new value for property <code>inverted</code>
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @since 1.11.1
 * @name sap.ui.ux3.ToolPopup#setInverted
 * @function
 */


/**
 * Getter for aggregation <code>buttons</code>.<br/>
 * The buttons to appear in the pop up
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.ToolPopup#getButtons
 * @function
 */


/**
 * Inserts a button into the aggregation named <code>buttons</code>.
 *
 * @param {sap.ui.core.Control}
 *          oButton the button to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the button should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the button is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the button is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#insertButton
 * @function
 */

/**
 * Adds some button <code>oButton</code> 
 * to the aggregation named <code>buttons</code>.
 *
 * @param {sap.ui.core.Control}
 *            oButton the button to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#addButton
 * @function
 */

/**
 * Removes an button from the aggregation named <code>buttons</code>.
 *
 * @param {int | string | sap.ui.core.Control} vButton the button to remove or its index or id
 * @return {sap.ui.core.Control} the removed button or null
 * @public
 * @name sap.ui.ux3.ToolPopup#removeButton
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>buttons</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ToolPopup#removeAllButtons
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>buttons</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oButton the button whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ToolPopup#indexOfButton
 * @function
 */
	

/**
 * Destroys all the buttons in the aggregation 
 * named <code>buttons</code>.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#destroyButtons
 * @function
 */


/**
 * Getter for aggregation <code>content</code>.<br/>
 * The content of the pop up
 * 
 * @return {sap.ui.core.Control[]}
 * @public
 * @name sap.ui.ux3.ToolPopup#getContent
 * @function
 */


/**
 * Inserts a content into the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *          oContent the content to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the content should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the content is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the content is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#insertContent
 * @function
 */

/**
 * Adds some content <code>oContent</code> 
 * to the aggregation named <code>content</code>.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#addContent
 * @function
 */

/**
 * Removes an content from the aggregation named <code>content</code>.
 *
 * @param {int | string | sap.ui.core.Control} vContent the content to remove or its index or id
 * @return {sap.ui.core.Control} the removed content or null
 * @public
 * @name sap.ui.ux3.ToolPopup#removeContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>content</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.Control[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ToolPopup#removeAllContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.Control</code> in the aggregation named <code>content</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.Control}
 *            oContent the content whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ToolPopup#indexOfContent
 * @function
 */
	

/**
 * Destroys all the content in the aggregation 
 * named <code>content</code>.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#destroyContent
 * @function
 */


/**
 * Defines the control that shall get the focus when the ToolPopup is opened.
 *
 * @return {string} Id of the element which is the current target of the <code>initialFocus</code> association, or null
 * @public
 * @name sap.ui.ux3.ToolPopup#getInitialFocus
 * @function
 */

/**
 * Defines the control that shall get the focus when the ToolPopup is opened.
 *
 * @param {string | sap.ui.core.Control} vInitialFocus 
 *    Id of an element which becomes the new target of this <code>initialFocus</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#setInitialFocus
 * @function
 */


	
/**
 * This property is relevant for stand-alone-use:
 * This association needs to be set if the ToolPopup should not be opened by/with the Shell. This association contains the instance of the control that assigns the ToolPopup's position.
 *
 * @return {string} Id of the element which is the current target of the <code>opener</code> association, or null
 * @public
 * @name sap.ui.ux3.ToolPopup#getOpener
 * @function
 */

/**
 * This property is relevant for stand-alone-use:
 * This association needs to be set if the ToolPopup should not be opened by/with the Shell. This association contains the instance of the control that assigns the ToolPopup's position.
 *
 * @param {string | sap.ui.core.Control} vOpener 
 *    Id of an element which becomes the new target of this <code>opener</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#setOpener
 * @function
 */


	
/**
 * Event is fired when the pop up opens 
 *
 * @name sap.ui.ux3.ToolPopup#open
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'open' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself. 
 *  
 * Event is fired when the pop up opens 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#attachOpen
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'open' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#detachOpen
 * @function
 */

/**
 * Fire event open to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ToolPopup#fireOpen
 * @function
 */


/**
 * Event is fired when the pop up closes because the user pressed Escape or the ToolPopup Button in the Shell. This is called before the closing animation. 
 *
 * @name sap.ui.ux3.ToolPopup#close
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'close' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself. 
 *  
 * Event is fired when the pop up closes because the user pressed Escape or the ToolPopup Button in the Shell. This is called before the closing animation. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#attachClose
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'close' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#detachClose
 * @function
 */

/**
 * Fire event close to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.ux3.ToolPopup#fireClose
 * @function
 */


/**
 * Event is fired whenever the user clicks the Enter or the Return key inside the pop up 
 *
 * @name sap.ui.ux3.ToolPopup#enter
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {object} oControlEvent.getParameters.originalEvent The onsapenter event, received by the pop up
 * @param {sap.ui.core.Control} oControlEvent.getParameters.originalSrcControl The control that was focused when the user pressed the Enter key (may be null)
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'enter' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself. 
 *  
 * Event is fired whenever the user clicks the Enter or the Return key inside the pop up 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#attachEnter
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'enter' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#detachEnter
 * @function
 */

/**
 * Fire event enter to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'originalEvent' of type <code>object</code> The onsapenter event, received by the pop up</li>
 * <li>'originalSrcControl' of type <code>sap.ui.core.Control</code> The control that was focused when the user pressed the Enter key (may be null)</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ToolPopup#fireEnter
 * @function
 */


/**
 * Event is fired when one of the icon properties is modified (Note: The icon is not rendered by the ToolPopup).
 * To be used by other controls which want to update the icon in their UI. 
 *
 * @name sap.ui.ux3.ToolPopup#iconChanged
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'iconChanged' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself. 
 *  
 * Event is fired when one of the icon properties is modified (Note: The icon is not rendered by the ToolPopup).
 * To be used by other controls which want to update the icon in their UI. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#attachIconChanged
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'iconChanged' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#detachIconChanged
 * @function
 */

/**
 * Fire event iconChanged to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ToolPopup#fireIconChanged
 * @function
 */


/**
 * This event is fired after the ToolPopup has finished its closing animation. It is called for EVERY close, regardless of whether the user has triggered the close or whether the ToolPopup was closed via API call. 
 *
 * @name sap.ui.ux3.ToolPopup#closed
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'closed' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself. 
 *  
 * This event is fired after the ToolPopup has finished its closing animation. It is called for EVERY close, regardless of whether the user has triggered the close or whether the ToolPopup was closed via API call. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ToolPopup</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#attachClosed
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'closed' event of this <code>sap.ui.ux3.ToolPopup</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ToolPopup#detachClosed
 * @function
 */

/**
 * Fire event closed to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ToolPopup} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ToolPopup#fireClosed
 * @function
 */


/**
 * Returns whether the pop up is currently open
 *
 * @name sap.ui.ux3.ToolPopup.prototype.isOpen
 * @function

 * @type boolean
 * @public
 */


/**
 * Opens the pop up.
 *
 * @name sap.ui.ux3.ToolPopup.prototype.open
 * @function
 * @param {string} 
 *         sMy
 *         The ToolPopup's content reference position for docking. This value is optional if the position of the ToolPopup is set via 'setPosition'.
 * @param {string} 
 *         sAt
 *         The "of" element's reference point for docking to. This value is optional if the position of the ToolPopup is set via 'setPosition'.

 * @type void
 * @public
 */


/**
 * Closes the pop up. Can be called by the Shell when the pop up's button is clicked again; or by the application
 * when the interaction in the pop up has been completed or canceled.
 *
 * @name sap.ui.ux3.ToolPopup.prototype.close
 * @function
 * @param {boolean} 
 *         bPreventRestoreFocus
 *         If set, the focus is NOT restored to the element that had the focus before the ToolPopup was opened. This makes sense when the ToolPopup is closed programmatically from a different area of the application (outside the ToolPopup) and the focus should not move aways from that place.

 * @type void
 * @public
 */


/**
 * Sets the position of the pop up, the same parameters as for sap.ui.core.Popup can be used.
 *
 * @name sap.ui.ux3.ToolPopup.prototype.setPosition
 * @function

 * @type void
 * @public
 */


/**
 * Whether the ToolPopup is currently enabled or not.
 * 
 * Applications can't control the enabled state via a property. A ToolPopup is implicitly enabled while it is OPENING or OPEN. Descendant controls that honor the enabled state of their ancestors will appear disabled after the ToolPopup is closed.
 *
 * @name sap.ui.ux3.ToolPopup.prototype.getEnabled
 * @function

 * @type boolean
 * @public
 */


// Start of sap/ui/ux3/ToolPopup.js
jQuery.sap.require('sap.ui.core.Popup'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained


// regex rules for arrows corresponding to the given 'my' and 'at' parameters
// these regexes also consider the new offset style of jQueryUI-position from version 1.10.x
// from version 1.10.x the offset is used right within the 'my' parameter
sap.ui.ux3.ToolPopup.ARROW_LEFT =  new RegExp(/my:(left|begin)(-+\d*\%?)?\|[a-z]+(-+\d*\%?)? at:(right|end)\|[a-z]+/);
sap.ui.ux3.ToolPopup.ARROW_RIGHT = new RegExp(/my:(right|end)(-+\d*\%?)?\|[a-z]+(-+\d*\%?)? at:(left|begin)\|[a-z]+/);
sap.ui.ux3.ToolPopup.ARROW_UP =    new RegExp(/my:[a-z]+(-+\d*\%?)?\|top(-+\d*\%?)? at:[a-z]+\|bottom/);
sap.ui.ux3.ToolPopup.ARROW_DOWN =  new RegExp(/my:[a-z]+(-+\d*\%?)?\|bottom(-+\d*\%?)? at:[a-z]+\|top/);

(function() {
sap.ui.ux3.ToolPopup.prototype.init = function() {
	this.oPopup = null;
	this._bPositionSet = false;
	
	this._bFocusSet = false;
	this._proxyOpened = jQuery.proxy(fnPopupOpened, this);
	this._proxyFixTooLargeContent = jQuery.proxy(fnFixTooLargeContent, this);
};
sap.ui.ux3.ToolPopup.prototype.exit = function() {
	if (this.oPopup) {
		this.oPopup.detachClosed(jQuery.proxy(this.fireClosed, this));
		this.oPopup.detachOpened(this._proxyOpened);
		delete this.oPopup;
	}
	delete this._bPositionSet;
	
	delete this._bFocusSet;
	delete this._proxyOpened;
	
	if (this._bBoundOnResize){
		jQuery(window).unbind("resize", this._proxyFixTooLargeContent);
	}
	
	delete this._bRTL;
	delete this.sArrowDir;
};

/**
 * Checks if the ToolPopup already has a focused element. If not it's checked whether
 * the fake-element should be used or if there is an element that could be focused instead
 */
var fnSetInitialFocus = function(oThis){
	var sId = oThis.getId();
	var $element = jQuery.sap.byId(sId + "-focusable");
	
	// if there is an initial focus it was already set to the Popup onBeforeRendering
	if (!oThis._bFocusSet){
		var $focusables = jQuery(":sapFocusable", oThis.$());
		
		// the first focusable element is the dummy element
		if($focusables.length > 1) {
			// hide the dummy element and choose the first focusable content element
			$element.css("display", "none");
			$element = $focusables[1];
		}
		
		$element.focus();
	} else {
		$element.css("display", "none");
	}
};

/**
 * This function fixes the height of the ToolPopup if the content is too large.
 * So the height will be set to the possible maximum and a scrollbar is provided.
 * Additionally the width of the ToolPopup is fixed as well since the scrollbar reduces
 * the possible space for the content.
 */
var fnFixTooLargeContent = function(){
	var $this = this.$();
	var iHeight = $this.height();
	// subtract the gap between top and the ToolPopup
	var iTop = $this.offset().top;
	iHeight -= iTop;
	
	var iWinHeight = jQuery(window).height();
	var $content = jQuery.sap.byId(this.getId() + "-content");
	
	if (!this._bInitialFix || this._bInitialFix && iHeight > iWinHeight) {
		delete this._bInitialFix;
		var iBottomGap = parseInt($this.css("padding-bottom"));
		iBottomGap += parseInt($this.css("border-bottom-width")) + 75;
		
		iWinHeight -= iTop + iBottomGap;
		
		$content.css("max-height", iWinHeight + "px");
		$content.addClass("sapUiUx3TPLargeContent");

		$this.addClass("sapUiUx3TPLargeContent");
	}
	
	if (!this._bBoundOnResize) {
		jQuery(window).bind("resize", this._proxyFixTooLargeContent);
		this._bBoundOnResize = true;
	}
};

/**
 * Function is called via 'jQuery.proxy()' when the ToolPopup has been opened
 * including the fade-in-animation of the Popup
 */
var fnPopupOpened = function(){
	fnSetInitialFocus(this);
	this._bInitialFix = true; // will be deleted in _proxyFixTooLargeContent
	this._proxyFixTooLargeContent();
};

sap.ui.ux3.ToolPopup.prototype.isOpen = function() {
	if (this.oPopup && this.oPopup.isOpen()) {
		return true;
	}
	return false;
};

sap.ui.ux3.ToolPopup.prototype.willBeClosed = function() {
	var eState = this.oPopup && this.oPopup.getOpenState();
	return eState !== sap.ui.core.OpenState.OPENING && eState !== sap.ui.core.OpenState.OPEN;
};

/**
 * This opens the ToolPopup. It is checked which control wants to open the ToolPopup. The Shell was previously set as parent so the
 * corresponding parent element is used to set the correct position of the ToolPopup.
 * If another control (i.e. a button) opens the ToolPopup, the control must be previously set as 'opener' via 'setOpener' to the
 * ToolPopup. Corresponding to this opener the position of the ToolPopup will be set.
 * It's also possible to set the position above, below or left from the opener. This can be done via the possible parameters 'my' and 'at'.
 * These parameters refers to work the same way as they do of sap.ui.core.Popup.open.
 *
 * @param {sap.ui.core.Popup.Dock} [my=sap.ui.core.Popup.Dock.CenterCenter] the ToolPopup's content reference position for docking
 * @param {sap.ui.core.Popup.Dock} [at=sap.ui.core.Popup.Dock.CenterCenter] the "of" element's reference point for docking to
 * @public
 */
sap.ui.ux3.ToolPopup.prototype.open = function(my, at) {
	this.sArrowDir = fnGetArrowDirection(this, my, at);
	var oOpener = null;
	var sOffset = "";
	
	// if the popup position has not been (re-)initialized since the last time this was opened, try to apply the default position
	if (!this._bPositionSet) {
		var sRoot = "sap.ui.ux3.ToolPopup:";
		var sArrowWidth = sRoot + "sapUiUx3ToolPopupArrowWidth";
		sArrowWidth = sap.ui.core.theming.Parameters.get(sArrowWidth);
		
		var iOffsetX = parseInt(sArrowWidth, 10); // the arrow's width
		var iOffsetY = 0;
		
		// any further validation of the values is done within the Popup
		if (!my){
			my = sap.ui.core.Popup.Dock.BeginTop;
		}
		if (!at){
			at = sap.ui.core.Popup.Dock.EndTop;
		}
		
		oOpener = jQuery.sap.domById(this.getOpener());
		if (oOpener){
			var $opener = jQuery.sap.byId(this.getOpener());
			var iHeight = $opener.outerHeight(true);
		
			switch (this.sArrowDir) {
				case "Up":
					iOffsetX = 0;
					iOffsetY = parseInt(sArrowWidth, 10);
					break;
				
				case "Down":
					iOffsetX = 0;
					iOffsetY = parseInt(sArrowWidth, 10) * -1;
					break;
					
				case "Right":
					iOffsetX = parseInt(sArrowWidth, 10) * -1;
			
				default:
				case "Left":
					iOffsetY = (iHeight / 2) * -1;
					iOffsetY = parseInt( iOffsetY, 10 );
					break;
			}
			
			sOffset = "" + iOffsetX + " " + iOffsetY;
			// my, at, of, offset, collision /*none*/
			this.setPosition(my, at, oOpener, sOffset, "none");
			/* value is set in 'setPosition'. This value shows if the position was previously set manually =>
			* in this case it was definitely not set manually
 			*/
			this._bPositionSet = false;
		} else {
			jQuery.sap.log.warning("No opener set. Using a default position for Popup", this);
		}
	}

	// create popup if required
	this._ensurePopup();
	
	this.oPopup.setModal(this.getModal());

	// Save current focused element to restore the focus after closing the dialog
	this._oPreviousFocus = sap.ui.core.Popup.getCurrentFocusInfo();

	// open popup
	this.fireOpen();
	// function(iDuration, my, at, of, offset, collision /*empty to avoid any override*/, followOf /*true*/)
	this.oPopup.open(400, my, at, oOpener, sOffset, "", true);
	
	return this;
};

/**
 * Calculates the desired arrow direction related to the set docking. This only works when "my" and "at" both use the jQuery-based docking
 * which means they are strings like "begin top".
 *
 * @private
 */
var fnGetArrowDirection = function(oThis, sMy, sAt) {
	// if 'my' is not set check if it was previously set via 'setPosition'
	if (!sMy && oThis.oPopup){
		sMy = oThis.oPopup._oPosition.my;
	}
	
	if (!sAt && oThis.oPopup){
		sAt = oThis.oPopup._oPosition.at;
	}
	
	if (sMy && sAt) { 
		var my = sMy.split(" ");
		var at = sAt.split(" ");
		// create a rule like "my:top|left at:left|top"
		var sRule = "my:" + my[0] + "|" + my[1];
		sRule += " at:" + at[0] + "|" + at[1];
		
		if (sap.ui.ux3.ToolPopup.ARROW_LEFT.exec(sRule)) {
			return "Left";
		}
		if (sap.ui.ux3.ToolPopup.ARROW_RIGHT.exec(sRule)) {
			return "Right";
		}
		if (sap.ui.ux3.ToolPopup.ARROW_UP.exec(sRule)) {
			return "Up";
		}
		if (sap.ui.ux3.ToolPopup.ARROW_DOWN.exec(sRule)) {
			return "Down";
		}
	}
	
	// this is the default case if no match was found
	return "Left";
};

/**
 * Handles the sapescape event, triggers closing of the ToolPopup.
 *
 * @private
 */
sap.ui.ux3.ToolPopup.prototype.onsapescape = function() {
	if (this.fireClose()) {
		this.close();
	}
};

sap.ui.ux3.ToolPopup.prototype.close = function(bPreventRestoreFocus) {
	if (this.oPopup && this.oPopup.isOpen()) {
		if (this._bBoundOnResize){
			jQuery(window).unbind("resize", this._proxyFixTooLargeContent);
			delete this._bBoundOnResize;
		}
	
		this.oPopup.close(400);
		this.fireEvent("close_always"); // TODO: hack to make sure Shell is notified. Do not use this event!!
		if (!bPreventRestoreFocus) {
			sap.ui.core.Popup.applyFocusInfo(this._oPreviousFocus);
		}
	}
	return this;
};

/**
 * Whether the ToolPopup is currently enabled or not.
 * 
 * Applications can't control the enabled state via a property. A ToolPopup is implicitly 
 * enabled while it is OPENING or OPEN. Descendant controls that honor the enabled state of their  
 * ancestors will appear disabled after the ToolPopup is closed.
 * 
 * @return {boolean} whether the ToolPopup is currently enabled or not.
 */
sap.ui.commons.Dialog.prototype.getEnabled = function() {
	var eState = this.oPopup ? this.oPopup.getOpenState() : sap.ui.core.OpenState.CLOSED; // assuming that a ToolPopup without a Popup can’t be open

	//TODO the check for state OPENING is a compromise. Without that, the content of the dialog will render 
	// in disabled state but will be enabled. As an alternative, the dialog could render again after OPEN is reached
	// and after switching to CLOSING (to properly reflect the changed enabled state in the descendants) 
	return eState === sap.ui.core.OpenState.OPENING || eState === sap.ui.core.OpenState.OPEN;
};

sap.ui.ux3.ToolPopup.prototype.onsapenter = function(oEvent) {
	this.fireEnter({originalEvent:oEvent,originalSrcControl:oEvent.srcControl});
};

sap.ui.ux3.ToolPopup.prototype.onBeforeRendering = function() {
	var sId = this.getInitialFocus();
	if (sId) {
		this._bFocusSet = true;
		this.oPopup.setInitialFocusId(sId);
	} else {
		this._bFocusSet = false;
	}
	
	this._bRTL = sap.ui.getCore().getConfiguration().getRTL();
};

sap.ui.ux3.ToolPopup.prototype._ensurePopup = function() {
	if (!this.oPopup) {
		this.oPopup = new sap.ui.core.Popup(this, false, true, false);
		this.oPopup.attachClosed(jQuery.proxy(this.fireClosed, this));
		this.oPopup.attachOpened(this._proxyOpened);
		
		var oThis = this;
		this.oPopup._applyPosition = function(){
			var sId = oThis.getId();
			sap.ui.core.Popup.prototype._applyPosition.apply(oThis.oPopup, arguments);
			
			var of = oThis.oPopup._oLastPosition.of;
			var $of = jQuery.sap.byId(of.id);
			// only after an open popup the corresponding arrow can be determined
			// if the position was set manually
			if (oThis._bPositionSet) {
				// shell stuff should still use the left arrow
				if (!$of.hasClass("sapUiUx3ShellTool")) {
					var my = oThis.oPopup._oLastPosition.my;
					var at = oThis.oPopup._oLastPosition.at;
					oThis.sArrowDir = fnGetArrowDirection(oThis, my, at);
				}
			}
			oThis._bPositionSet = false;
		
			// position the arrow correctly
			var $arrow = jQuery.sap.byId(sId + "-arrow"); 
			var sClassAttr = oThis.isInverted() ? "sapUiUx3TPArrow sapUiTPInverted sapUiUx3TPArrow" : "sapUiUx3TPArrow sapUiUx3TPArrow";
			$arrow.attr("class", sClassAttr + oThis.sArrowDir);
			
			if (oThis.sArrowDir === "Right" ){
				var iWidth = jQuery.sap.byId(sId).outerWidth(true);
				
				var sRoot = "sap.ui.ux3.ToolPopup:";
				var sArrowCorrection = sRoot + "sapUiUx3ToolPopupArrowRightMarginCorrection";
				sArrowCorrection = sap.ui.core.theming.Parameters.get(sArrowCorrection);
				
				iWidth += parseInt(sArrowCorrection);
				
				oThis._bRTL = sap.ui.getCore().getConfiguration().getRTL();
				if (oThis._bRTL) {
					$arrow.css("margin-right", iWidth + "px");
				} else {
					$arrow.css("margin-left", iWidth + "px");
				}
			}
		};
	}
	return this.oPopup;
};
}());


sap.ui.ux3.ToolPopup.prototype.setPosition = function() {
	this._ensurePopup();
	this.oPopup.setPosition.apply(this.oPopup, arguments);
	this._bPositionSet = true;
	return this;
};

sap.ui.ux3.ToolPopup.prototype.setIcon = function(sIcon) {
	this.setProperty("icon", sIcon, true); // rerendering makes no sense, as this icon is not rendered by the ToolPopup
	this.fireIconChanged(); // tell other interested parties to update the icon
	return this;
};
sap.ui.ux3.ToolPopup.prototype.setIconHover = function(sIconHover) {
	this.setProperty("iconHover", sIconHover, true); // rerendering makes no sense, as this icon is not rendered by the ToolPopup
	this.fireIconChanged(); // tell other interested parties to update the icon
	return this;
};
sap.ui.ux3.ToolPopup.prototype.setIconSelected = function(sIconSelected) {
	this.setProperty("iconSelected", sIconSelected, true); // rerendering makes no sense, as this icon is not rendered by the ToolPopup
	this.fireIconChanged(); // tell other interested parties to update the icon
	return this;
};
sap.ui.ux3.ToolPopup.prototype.getIconSelected = function() {
	return this.getProperty("iconSelected") || this.getProperty("iconHover"); // implement the documented fallback
};

/**
 * This checks if the ToolPopup is inverted. This depends on the parameter
 * 'inverted' and the LESS-parameter 'sapUiUx3ToolPopupInverted' in the current
 * theme. 
 * 
 * @return {sap.ui.core.boolean} whether the ToolPopup is inverted
 * @private
 */
sap.ui.ux3.ToolPopup.prototype.isInverted = function() {
	var sParam = "sap.ui.ux3.ToolPopup:";
	sParam += "sapUiUx3ToolPopupInverted";

	sParam = sap.ui.core.theming.Parameters.get(sParam);
	var bThemeInverted = sParam === "true" ? true : false;

	return this.getInverted() && bThemeInverted;
};

}; // end of sap.ui.ux3.ToolPopup
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ExactBrowser') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ExactBrowser.
jQuery.sap.declare("sap.ui.ux3.ExactBrowser");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new ExactBrowser.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getTitle title} : string</li>
 * <li>{@link #getHeaderTitle headerTitle} : string</li>
 * <li>{@link #getVisible visible} : boolean (default: true)</li>
 * <li>{@link #getTopListOrder topListOrder} : sap.ui.ux3.ExactOrder (default: sap.ui.ux3.ExactOrder.Select)</li>
 * <li>{@link #getEnableListClose enableListClose} : boolean (default: false)</li>
 * <li>{@link #getListHeight listHeight} : int (default: 290)</li>
 * <li>{@link #getShowHeader showHeader} : boolean (default: false)</li>
 * <li>{@link #getShowTopList showTopList} : boolean (default: true)</li>
 * <li>{@link #getEnableReset enableReset} : boolean (default: true)</li>
 * <li>{@link #getEnableSave enableSave} : boolean (default: false)</li>
 * <li>{@link #getTopListWidth topListWidth} : int (default: 168)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getAttributes attributes} : sap.ui.ux3.ExactAttribute[]</li>
 * <li>{@link #getOptionsMenu optionsMenu} : sap.ui.commons.Menu</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getFollowUpControl followUpControl} : string | sap.ui.core.Control</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.ExactBrowser#event:attributeSelected attributeSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.ExactBrowser#event:save save} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Attribute browse area used within the Exact pattern. The main benefit of this control is the high flexibility when large data amounts shall be displayed
 * in the form of structured data sets with a high or low interdependency level. From lists - which can be nested according to the defined attributes - the user can choose
 * entries and thereby trigger the display of further information, depending on the chosen entry/entries (multiple selection supported).
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.ExactBrowser
 */
sap.ui.core.Control.extend("sap.ui.ux3.ExactBrowser", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"reset"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"title" : {type : "string", group : "Misc", defaultValue : null},
		"headerTitle" : {type : "string", group : "Misc", defaultValue : null},
		"visible" : {type : "boolean", group : "", defaultValue : true},
		"topListOrder" : {type : "sap.ui.ux3.ExactOrder", group : "", defaultValue : sap.ui.ux3.ExactOrder.Select},
		"enableListClose" : {type : "boolean", group : "Misc", defaultValue : false},
		"listHeight" : {type : "int", group : "Appearance", defaultValue : 290},
		"showHeader" : {type : "boolean", group : "Misc", defaultValue : false},
		"showTopList" : {type : "boolean", group : "Misc", defaultValue : true},
		"enableReset" : {type : "boolean", group : "Misc", defaultValue : true},
		"enableSave" : {type : "boolean", group : "Misc", defaultValue : false},
		"topListWidth" : {type : "int", group : "Misc", defaultValue : 168}
	},
	defaultAggregation : "attributes",
	aggregations : {
    	"attributes" : {type : "sap.ui.ux3.ExactAttribute", multiple : true, singularName : "attribute"}, 
    	"optionsMenu" : {type : "sap.ui.commons.Menu", multiple : false}, 
    	"controls" : {type : "sap.ui.core.Control", multiple : true, singularName : "control", visibility : "hidden"}, 
    	"rootAttribute" : {type : "sap.ui.core.Element", multiple : false, visibility : "hidden"}
	},
	associations : {
		"followUpControl" : {type : "sap.ui.core.Control", multiple : false}
	},
	events : {
		"attributeSelected" : {}, 
		"save" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ExactBrowser with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ExactBrowser.extend
 * @function
 */

sap.ui.ux3.ExactBrowser.M_EVENTS = {'attributeSelected':'attributeSelected','save':'save'};


/**
 * Getter for property <code>title</code>.
 * Title text in the list area of the Exact Browser. The title is not shown when the property showTopList is set to false.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.ExactBrowser#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setTitle
 * @function
 */


/**
 * Getter for property <code>headerTitle</code>.
 * Title text in the header of the Exact Browser.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>headerTitle</code>
 * @public
 * @name sap.ui.ux3.ExactBrowser#getHeaderTitle
 * @function
 */

/**
 * Setter for property <code>headerTitle</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sHeaderTitle  new value for property <code>headerTitle</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setHeaderTitle
 * @function
 */


/**
 * Getter for property <code>visible</code>.
 * Invisible ExactBrowsers are not rendered.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>visible</code>
 * @public
 * @name sap.ui.ux3.ExactBrowser#getVisible
 * @function
 */

/**
 * Setter for property <code>visible</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bVisible  new value for property <code>visible</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setVisible
 * @function
 */


/**
 * Getter for property <code>topListOrder</code>.
 * The order how the sublists of the top level list should be displayed.
 *
 * Default value is <code>Select</code>
 *
 * @return {sap.ui.ux3.ExactOrder} the value of property <code>topListOrder</code>
 * @public
 * @since 1.7.1
 * @name sap.ui.ux3.ExactBrowser#getTopListOrder
 * @function
 */

/**
 * Setter for property <code>topListOrder</code>.
 *
 * Default value is <code>Select</code> 
 *
 * @param {sap.ui.ux3.ExactOrder} oTopListOrder  new value for property <code>topListOrder</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.1
 * @name sap.ui.ux3.ExactBrowser#setTopListOrder
 * @function
 */


/**
 * Getter for property <code>enableListClose</code>.
 * Enables the close icons of the displayed lists.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>enableListClose</code>
 * @public
 * @name sap.ui.ux3.ExactBrowser#getEnableListClose
 * @function
 */

/**
 * Setter for property <code>enableListClose</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bEnableListClose  new value for property <code>enableListClose</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setEnableListClose
 * @function
 */


/**
 * Getter for property <code>listHeight</code>.
 * The height of the list area in px.
 *
 * Default value is <code>290</code>
 *
 * @return {int} the value of property <code>listHeight</code>
 * @public
 * @name sap.ui.ux3.ExactBrowser#getListHeight
 * @function
 */

/**
 * Setter for property <code>listHeight</code>.
 *
 * Default value is <code>290</code> 
 *
 * @param {int} iListHeight  new value for property <code>listHeight</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setListHeight
 * @function
 */


/**
 * Getter for property <code>showHeader</code>.
 * Whether the header area of the ExactBrowser should be shown.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>showHeader</code>
 * @public
 * @name sap.ui.ux3.ExactBrowser#getShowHeader
 * @function
 */

/**
 * Setter for property <code>showHeader</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bShowHeader  new value for property <code>showHeader</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setShowHeader
 * @function
 */


/**
 * Getter for property <code>showTopList</code>.
 * Whether the top list of the ExactBrowser should be shown. When the property is set to false the
 * application must ensure to select top level attributes appropriately.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>showTopList</code>
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.ExactBrowser#getShowTopList
 * @function
 */

/**
 * Setter for property <code>showTopList</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bShowTopList  new value for property <code>showTopList</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.ExactBrowser#setShowTopList
 * @function
 */


/**
 * Getter for property <code>enableReset</code>.
 * Whether the reset functionality should be available in the header area.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableReset</code>
 * @public
 * @name sap.ui.ux3.ExactBrowser#getEnableReset
 * @function
 */

/**
 * Setter for property <code>enableReset</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableReset  new value for property <code>enableReset</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setEnableReset
 * @function
 */


/**
 * Getter for property <code>enableSave</code>.
 * Whether the save button should be available in the header area.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>enableSave</code>
 * @public
 * @since 1.9.2
 * @name sap.ui.ux3.ExactBrowser#getEnableSave
 * @function
 */

/**
 * Setter for property <code>enableSave</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bEnableSave  new value for property <code>enableSave</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @since 1.9.2
 * @name sap.ui.ux3.ExactBrowser#setEnableSave
 * @function
 */


/**
 * Getter for property <code>topListWidth</code>.
 * Specifies the width of the top list in pixels. The value must be between 70 and 500.
 *
 * Default value is <code>168</code>
 *
 * @return {int} the value of property <code>topListWidth</code>
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.ExactBrowser#getTopListWidth
 * @function
 */

/**
 * Setter for property <code>topListWidth</code>.
 *
 * Default value is <code>168</code> 
 *
 * @param {int} iTopListWidth  new value for property <code>topListWidth</code>
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @since 1.7.0
 * @name sap.ui.ux3.ExactBrowser#setTopListWidth
 * @function
 */


/**
 * Getter for aggregation <code>attributes</code>.<br/>
 * The attributes which shall be available.
 * 
 * @return {sap.ui.ux3.ExactAttribute[]}
 * @public
 * @name sap.ui.ux3.ExactBrowser#getAttributes
 * @function
 */


/**
 * Inserts a attribute into the aggregation named <code>attributes</code>.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *          oAttribute the attribute to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the attribute should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the attribute is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the attribute is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#insertAttribute
 * @function
 */

/**
 * Adds some attribute <code>oAttribute</code> 
 * to the aggregation named <code>attributes</code>.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *            oAttribute the attribute to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#addAttribute
 * @function
 */

/**
 * Removes an attribute from the aggregation named <code>attributes</code>.
 *
 * @param {int | string | sap.ui.ux3.ExactAttribute} vAttribute the attribute to remove or its index or id
 * @return {sap.ui.ux3.ExactAttribute} the removed attribute or null
 * @public
 * @name sap.ui.ux3.ExactBrowser#removeAttribute
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>attributes</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ExactAttribute[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ExactBrowser#removeAllAttributes
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ExactAttribute</code> in the aggregation named <code>attributes</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *            oAttribute the attribute whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ExactBrowser#indexOfAttribute
 * @function
 */
	

/**
 * Destroys all the attributes in the aggregation 
 * named <code>attributes</code>.
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#destroyAttributes
 * @function
 */


/**
 * Getter for aggregation <code>optionsMenu</code>.<br/>
 * Menu with options. The menu can not used when the property showTopList is set to false.
 * 
 * @return {sap.ui.commons.Menu}
 * @public
 * @name sap.ui.ux3.ExactBrowser#getOptionsMenu
 * @function
 */


/**
 * Setter for the aggregated <code>optionsMenu</code>.
 * @param oOptionsMenu {sap.ui.commons.Menu}
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setOptionsMenu
 * @function
 */
	

/**
 * Destroys the optionsMenu in the aggregation 
 * named <code>optionsMenu</code>.
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#destroyOptionsMenu
 * @function
 */


/**
 * 
 * The successor control of the Exact Browser. The id of this control is used in the ARIA description of the control.
 * Additionally it is possible to directly jump to this control via the F6 key.
 * 
 *
 * @return {string} Id of the element which is the current target of the <code>followUpControl</code> association, or null
 * @public
 * @name sap.ui.ux3.ExactBrowser#getFollowUpControl
 * @function
 */

/**
 * 
 * The successor control of the Exact Browser. The id of this control is used in the ARIA description of the control.
 * Additionally it is possible to directly jump to this control via the F6 key.
 * 
 *
 * @param {string | sap.ui.core.Control} vFollowUpControl 
 *    Id of an element which becomes the new target of this <code>followUpControl</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#setFollowUpControl
 * @function
 */


	
/**
 * Event is fired when an attribute is selected or unselected. 
 *
 * @name sap.ui.ux3.ExactBrowser#attributeSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.ux3.ExactAttribute} oControlEvent.getParameters.attribute The attribute which was selected or unselected recently
 * @param {object} oControlEvent.getParameters.allAttributes Array of all selected ExactAttributes
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'attributeSelected' event of this <code>sap.ui.ux3.ExactBrowser</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ExactBrowser</code>.<br/> itself. 
 *  
 * Event is fired when an attribute is selected or unselected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ExactBrowser</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#attachAttributeSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'attributeSelected' event of this <code>sap.ui.ux3.ExactBrowser</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#detachAttributeSelected
 * @function
 */

/**
 * Fire event attributeSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'attribute' of type <code>sap.ui.ux3.ExactAttribute</code> The attribute which was selected or unselected recently</li>
 * <li>'allAttributes' of type <code>object</code> Array of all selected ExactAttributes</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ExactBrowser#fireAttributeSelected
 * @function
 */


/**
 * Event is fired when an attribute is selected or unselected. 
 *
 * @name sap.ui.ux3.ExactBrowser#save
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'save' event of this <code>sap.ui.ux3.ExactBrowser</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ExactBrowser</code>.<br/> itself. 
 *  
 * Event is fired when an attribute is selected or unselected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ExactBrowser</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#attachSave
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'save' event of this <code>sap.ui.ux3.ExactBrowser</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ExactBrowser#detachSave
 * @function
 */

/**
 * Fire event save to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ExactBrowser} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ExactBrowser#fireSave
 * @function
 */


/**
 * Deselects all currently selected attributes and closes all attribute lists.
 *
 * @name sap.ui.ux3.ExactBrowser.prototype.reset
 * @function

 * @type void
 * @public
 */


// Start of sap/ui/ux3/ExactBrowser.js


jQuery.sap.require('sap.ui.commons.Menu'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Button'); // unlisted dependency retained
 // unlisted dependency retained


(function() {
	
	/**
	 * Does the setup when the ExactBrowser is created.
	 * @private
	 */
	sap.ui.ux3.ExactBrowser.prototype.init = function(){
		var that = this;

		this._rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");

		//Create a root node for the attributes tree
		this._attributeRoot = new sap.ui.ux3.ExactAttribute();
		this.setAggregation("rootAttribute",this._attributeRoot);
		//Init the used subcontrols
		this._rootList = new sap.ui.ux3.ExactList(this.getId()+"-rootlist");
		this._rootList.setData(this._attributeRoot);
		this.addAggregation("controls", this._rootList);

		this._resetButton = new sap.ui.commons.Button(this.getId()+"-RstBtn", {text: this._rb.getText("EXACT_BRWSR_RESET"), lite: true});
		this._resetButton.addStyleClass("sapUiUx3ExactBrwsrReset");
		this.addAggregation("controls", this._resetButton);
		this._resetButton.attachPress(function(){
			that.reset();
		});

		this._saveButton = new sap.ui.commons.Button(this.getId()+"-SvBtn", {text: this._rb.getText("EXACT_BRWSR_SAVE"), lite: true});
		this._saveButton.addStyleClass("sapUiUx3ExactBrwsrSave");
		this.addAggregation("controls", this._saveButton);
		this._saveButton.attachPress(function(){
			that.fireSave();
		});

		this._rootList.attachAttributeSelected(function(oEvent){
			that.fireAttributeSelected({attribute: oEvent.getParameter("attribute"), allAttributes: oEvent.getParameter("allAttributes")});
		});
		this._rootList.attachEvent("_headerPress", function(oEvent){
			var oMenu = that.getOptionsMenu();
			if(oMenu){
				var oDomRef = oEvent.getParameter("domRef");
				oMenu.open(oEvent.getParameter("keyboard"), oDomRef, sap.ui.core.Popup.Dock.BeginTop, sap.ui.core.Popup.Dock.BeginBottom, oDomRef);
			}
		});
	};


	/**
	 * Does all the cleanup when the ExactBrowser is to be destroyed.
	 * Called from Element's destroy() method.
	 * @private
	 */
	sap.ui.ux3.ExactBrowser.prototype.exit = function(){
		this._rootList.destroy();
		this._attributeRoot.destroy();
		this._rootList = null;
		this._attributeRoot = null;
		this._resetButton = null;
		this._saveButton = null;
		this._saveDialog = null;
		this._saveTextField = null;
		this._rb = null;
	};


	/**
	 * Called when a key is pressed.
	 * @private
	 */
	sap.ui.ux3.ExactBrowser.prototype.onkeydown = function(oEvent) {
		if(oEvent.keyCode != jQuery.sap.KeyCodes.F6 || !this.getFollowUpControl()) {
			return;
		}

		var oFollowUpControl = sap.ui.getCore().byId(this.getFollowUpControl());
		if(oFollowUpControl) {
			oEvent.preventDefault();
			oFollowUpControl.focus();
		}
	};
	
	
	/**
	 * Called when the theme is changed.
	 * @private
	 */
	sap.ui.ux3.ExactBrowser.prototype.onThemeChanged = function(oEvent) {
		this.invalidate();
	};


	//*** Overridden API functions ***

	sap.ui.ux3.ExactBrowser.prototype.getTitle = function() {
		return this._rootList.getTopTitle();
	};


	sap.ui.ux3.ExactBrowser.prototype.setTitle = function(sTitle) {
		this._rootList.setTopTitle(sTitle);
		return this;
	};
	
	
	sap.ui.ux3.ExactBrowser.prototype.setTopListOrder = function(sListOrder) {
		this.setProperty("topListOrder", sListOrder, true);
		this._attributeRoot.setListOrder(sListOrder);
		return this;
	};
	
	
	sap.ui.ux3.ExactBrowser.prototype.getTopListWidth = function() {
		return this._attributeRoot.getWidth();
	};


	sap.ui.ux3.ExactBrowser.prototype.setTopListWidth = function(iWidth) {
		this._attributeRoot.setWidth(iWidth);
		return this;
	};


	sap.ui.ux3.ExactBrowser.prototype.getHeaderTitle = function() {
		var sTitle = this.getProperty("headerTitle");
		return sTitle ? sTitle : this._rb.getText("EXACT_BRWSR_TITLE");
	};


	sap.ui.ux3.ExactBrowser.prototype.getEnableListClose = function() {
		return this._rootList.getShowClose();
	};


	sap.ui.ux3.ExactBrowser.prototype.setEnableListClose = function(bEnableListClose) {
		this._rootList.setShowClose(bEnableListClose);
		return this;
	};


	sap.ui.ux3.ExactBrowser.prototype.getListHeight = function() {
		return this._rootList.getTopHeight();
	};


	sap.ui.ux3.ExactBrowser.prototype.setListHeight = function(iListHeight) {
		this._rootList.setTopHeight(iListHeight);
		return this;
	};


	sap.ui.ux3.ExactBrowser.prototype.getAttributes = function() {
		return this._attributeRoot.getAttributesInternal();
	};


	sap.ui.ux3.ExactBrowser.prototype.insertAttribute = function(oAttribute, iIndex) {
		this._attributeRoot.insertAttribute(oAttribute, iIndex);
		return this;
	};


	sap.ui.ux3.ExactBrowser.prototype.addAttribute = function(oAttribute) {
		this._attributeRoot.addAttribute(oAttribute);
		return this;
	};


	sap.ui.ux3.ExactBrowser.prototype.removeAttribute = function(vElement) {
		return this._attributeRoot.removeAttribute(vElement);
	};


	sap.ui.ux3.ExactBrowser.prototype.removeAllAttributes = function() {
		return this._attributeRoot.removeAllAttributes();
	};


	sap.ui.ux3.ExactBrowser.prototype.indexOfAttribute = function(oAttribute) {
		return this._attributeRoot.indexOfAttribute(oAttribute);
	};


	sap.ui.ux3.ExactBrowser.prototype.destroyAttributes = function() {
		this._attributeRoot.destroyAttributes();
		return this;
	};


	sap.ui.ux3.ExactBrowser.prototype.reset = function() {
		this._rootList._closeAll();
	};


	//*** Private helper functions ***
	
	sap.ui.ux3.ExactBrowser.prototype.hasOptionsMenu = function() {
		return !!this.getOptionsMenu();
	};

/*	//Closes the save dialog and triggers the save event
	function doSave(oExactBrowser, bSkip) {
		oExactBrowser._saveDialog.close();
		if(!bSkip){
			alert("Save: "+oExactBrowser._saveTextField.getValue());
		}
	}


	//Opens the save dialog
	function openSaveDialog(oExactBrowser) {
		if(!oExactBrowser._saveDialog){
			jQuery.sap.require("sap.ui.ux3.ToolPopup");
			jQuery.sap.require("sap.ui.commons.TextField");
			jQuery.sap.require("sap.ui.commons.Label");
			oExactBrowser._saveTextField = new sap.ui.commons.TextField(oExactBrowser.getId()+"-SvDlgTf");
			var label = new sap.ui.commons.Label({text: oExactBrowser._rb.getText("EXACT_BRWSR_DLG_LABEL")}).setLabelFor(oExactBrowser._saveTextField);
			oExactBrowser._saveDialog = new sap.ui.ux3.ToolPopup(oExactBrowser.getId()+"-SvDlg", {
				content:[label, oExactBrowser._saveTextField],
				buttons: [
					new sap.ui.commons.Button(oExactBrowser.getId()+"-SvDlgSvBtn", {
						text: oExactBrowser._rb.getText("EXACT_BRWSR_DLG_SAVE"),
						press: function(){
							doSave(oExactBrowser);
						}
					}),
					new sap.ui.commons.Button(oExactBrowser.getId()+"-SvDlgCnclBtn", {
						text: oExactBrowser._rb.getText("EXACT_BRWSR_DLG_CANCEL"),
						press: function(){
							doSave(oExactBrowser, true);
						}
					})
				]
			});
			oExactBrowser._saveDialog.addStyleClass("sapUiUx3ExactBrwsrSaveDlg");
			oExactBrowser.addAggregation("controls", oExactBrowser._saveDialog);
		}
		oExactBrowser._saveDialog.setPosition(sap.ui.core.Popup.Dock.EndTop, sap.ui.core.Popup.Dock.EndBottom, oExactBrowser._saveButton.getDomRef(), "0 13", "none");
		oExactBrowser._saveDialog.open();
	}
*/

}());
}; // end of sap.ui.ux3.ExactBrowser
if ( !jQuery.sap.isDeclared('sap.ui.ux3.Feed') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.Feed.
jQuery.sap.declare("sap.ui.ux3.Feed");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Feed.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getFeederThumbnailSrc feederThumbnailSrc} : sap.ui.core.URI</li>
 * <li>{@link #getFeederSender feederSender} : string</li>
 * <li>{@link #getLive live} : boolean (default: true)</li>
 * <li>{@link #getTitle title} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getFilterItems filterItems} : sap.ui.core.ListItem[]</li>
 * <li>{@link #getChunks chunks} : sap.ui.ux3.FeedChunk[]</li>
 * <li>{@link #getToolsMenuItems toolsMenuItems} : sap.ui.commons.MenuItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.Feed#event:filterChange filterChange} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Feed#event:search search} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Feed#event:chunkAdded chunkAdded} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Feed#event:toolsItemSelected toolsItemSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Feed#event:toggleLive toggleLive} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A container control representing a full feed page, including feeder and updates.
 * 
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @experimental Since version 1.2. 
 * The whole Feed/Feeder API is still under discussion, significant changes are likely. Especially text presentation (e.g. @-references and formatted text) is not final. Also the Feed model topic is still open.
 * @name sap.ui.ux3.Feed
 */
sap.ui.core.Control.extend("sap.ui.ux3.Feed", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"feederThumbnailSrc" : {type : "sap.ui.core.URI", group : "Data", defaultValue : null},
		"feederSender" : {type : "string", group : "Data", defaultValue : null},
		"live" : {type : "boolean", group : "Behavior", defaultValue : true},
		"title" : {type : "string", group : "Data", defaultValue : null}
	},
	aggregations : {
    	"filterItems" : {type : "sap.ui.core.ListItem", multiple : true, singularName : "filterItem", bindable : "bindable"}, 
    	"chunks" : {type : "sap.ui.ux3.FeedChunk", multiple : true, singularName : "chunk", bindable : "bindable"}, 
    	"toolsMenuItems" : {type : "sap.ui.commons.MenuItem", multiple : true, singularName : "toolsMenuItem", bindable : "bindable"}
	},
	events : {
		"filterChange" : {}, 
		"search" : {}, 
		"chunkAdded" : {}, 
		"toolsItemSelected" : {}, 
		"toggleLive" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.Feed with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.Feed.extend
 * @function
 */

sap.ui.ux3.Feed.M_EVENTS = {'filterChange':'filterChange','search':'search','chunkAdded':'chunkAdded','toolsItemSelected':'toolsItemSelected','toggleLive':'toggleLive'};


/**
 * Getter for property <code>feederThumbnailSrc</code>.
 * The path to the thumbnail image used for the feeder
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>feederThumbnailSrc</code>
 * @public
 * @name sap.ui.ux3.Feed#getFeederThumbnailSrc
 * @function
 */

/**
 * Setter for property <code>feederThumbnailSrc</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sFeederThumbnailSrc  new value for property <code>feederThumbnailSrc</code>
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#setFeederThumbnailSrc
 * @function
 */


/**
 * Getter for property <code>feederSender</code>.
 * The sender of the feeder
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>feederSender</code>
 * @public
 * @name sap.ui.ux3.Feed#getFeederSender
 * @function
 */

/**
 * Setter for property <code>feederSender</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFeederSender  new value for property <code>feederSender</code>
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#setFeederSender
 * @function
 */


/**
 * Getter for property <code>live</code>.
 * Specifies whether the feed shall be in live mode
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>live</code>
 * @public
 * @name sap.ui.ux3.Feed#getLive
 * @function
 */

/**
 * Setter for property <code>live</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bLive  new value for property <code>live</code>
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#setLive
 * @function
 */


/**
 * Getter for property <code>title</code>.
 * Title text of the Feed. If no text is entered "FEED" is displayed.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>title</code>
 * @public
 * @name sap.ui.ux3.Feed#getTitle
 * @function
 */

/**
 * Setter for property <code>title</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTitle  new value for property <code>title</code>
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#setTitle
 * @function
 */


/**
 * Getter for aggregation <code>filterItems</code>.<br/>
 * Items of the filter
 * 
 * @return {sap.ui.core.ListItem[]}
 * @public
 * @name sap.ui.ux3.Feed#getFilterItems
 * @function
 */


/**
 * Inserts a filterItem into the aggregation named <code>filterItems</code>.
 *
 * @param {sap.ui.core.ListItem}
 *          oFilterItem the filterItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the filterItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the filterItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the filterItem is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#insertFilterItem
 * @function
 */

/**
 * Adds some filterItem <code>oFilterItem</code> 
 * to the aggregation named <code>filterItems</code>.
 *
 * @param {sap.ui.core.ListItem}
 *            oFilterItem the filterItem to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#addFilterItem
 * @function
 */

/**
 * Removes an filterItem from the aggregation named <code>filterItems</code>.
 *
 * @param {int | string | sap.ui.core.ListItem} vFilterItem the filterItem to remove or its index or id
 * @return {sap.ui.core.ListItem} the removed filterItem or null
 * @public
 * @name sap.ui.ux3.Feed#removeFilterItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>filterItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.core.ListItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Feed#removeAllFilterItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.core.ListItem</code> in the aggregation named <code>filterItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.core.ListItem}
 *            oFilterItem the filterItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Feed#indexOfFilterItem
 * @function
 */
	

/**
 * Destroys all the filterItems in the aggregation 
 * named <code>filterItems</code>.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#destroyFilterItems
 * @function
 */


/**
 * Binder for aggregation <code>filterItems</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#bindFilterItems
 * @function
 */

/**
 * Unbinder for aggregation <code>filterItems</code>.
 *
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#unbindFilterItems
 * @function
 */


/**
 * Getter for aggregation <code>chunks</code>.<br/>
 * The chunks
 * 
 * @return {sap.ui.ux3.FeedChunk[]}
 * @public
 * @name sap.ui.ux3.Feed#getChunks
 * @function
 */


/**
 * Inserts a chunk into the aggregation named <code>chunks</code>.
 *
 * @param {sap.ui.ux3.FeedChunk}
 *          oChunk the chunk to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the chunk should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the chunk is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the chunk is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#insertChunk
 * @function
 */

/**
 * Adds some chunk <code>oChunk</code> 
 * to the aggregation named <code>chunks</code>.
 *
 * @param {sap.ui.ux3.FeedChunk}
 *            oChunk the chunk to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#addChunk
 * @function
 */

/**
 * Removes an chunk from the aggregation named <code>chunks</code>.
 *
 * @param {int | string | sap.ui.ux3.FeedChunk} vChunk the chunk to remove or its index or id
 * @return {sap.ui.ux3.FeedChunk} the removed chunk or null
 * @public
 * @name sap.ui.ux3.Feed#removeChunk
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>chunks</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.FeedChunk[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Feed#removeAllChunks
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.FeedChunk</code> in the aggregation named <code>chunks</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.FeedChunk}
 *            oChunk the chunk whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Feed#indexOfChunk
 * @function
 */
	

/**
 * Destroys all the chunks in the aggregation 
 * named <code>chunks</code>.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#destroyChunks
 * @function
 */


/**
 * Binder for aggregation <code>chunks</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#bindChunks
 * @function
 */

/**
 * Unbinder for aggregation <code>chunks</code>.
 *
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#unbindChunks
 * @function
 */


/**
 * Getter for aggregation <code>toolsMenuItems</code>.<br/>
 * MenuItems to open when the tool button is clicked by the user
 * 
 * @return {sap.ui.commons.MenuItem[]}
 * @public
 * @name sap.ui.ux3.Feed#getToolsMenuItems
 * @function
 */


/**
 * Inserts a toolsMenuItem into the aggregation named <code>toolsMenuItems</code>.
 *
 * @param {sap.ui.commons.MenuItem}
 *          oToolsMenuItem the toolsMenuItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the toolsMenuItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the toolsMenuItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the toolsMenuItem is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#insertToolsMenuItem
 * @function
 */

/**
 * Adds some toolsMenuItem <code>oToolsMenuItem</code> 
 * to the aggregation named <code>toolsMenuItems</code>.
 *
 * @param {sap.ui.commons.MenuItem}
 *            oToolsMenuItem the toolsMenuItem to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#addToolsMenuItem
 * @function
 */

/**
 * Removes an toolsMenuItem from the aggregation named <code>toolsMenuItems</code>.
 *
 * @param {int | string | sap.ui.commons.MenuItem} vToolsMenuItem the toolsMenuItem to remove or its index or id
 * @return {sap.ui.commons.MenuItem} the removed toolsMenuItem or null
 * @public
 * @name sap.ui.ux3.Feed#removeToolsMenuItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>toolsMenuItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.MenuItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Feed#removeAllToolsMenuItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.MenuItem</code> in the aggregation named <code>toolsMenuItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.MenuItem}
 *            oToolsMenuItem the toolsMenuItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Feed#indexOfToolsMenuItem
 * @function
 */
	

/**
 * Destroys all the toolsMenuItems in the aggregation 
 * named <code>toolsMenuItems</code>.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#destroyToolsMenuItems
 * @function
 */


/**
 * Binder for aggregation <code>toolsMenuItems</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#bindToolsMenuItems
 * @function
 */

/**
 * Unbinder for aggregation <code>toolsMenuItems</code>.
 *
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#unbindToolsMenuItems
 * @function
 */


/**
 * Event is fired when the filter is changed 
 *
 * @name sap.ui.ux3.Feed#filterChange
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.newValue The new/changed value of the filter
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'filterChange' event of this <code>sap.ui.ux3.Feed</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Feed</code>.<br/> itself. 
 *  
 * Event is fired when the filter is changed 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Feed</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#attachFilterChange
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'filterChange' event of this <code>sap.ui.ux3.Feed</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#detachFilterChange
 * @function
 */

/**
 * Fire event filterChange to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'newValue' of type <code>string</code> The new/changed value of the filter</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Feed#fireFilterChange
 * @function
 */


/**
 * Event is fired when the search function on SearchField is triggered 
 *
 * @name sap.ui.ux3.Feed#search
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.query The search query
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'search' event of this <code>sap.ui.ux3.Feed</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Feed</code>.<br/> itself. 
 *  
 * Event is fired when the search function on SearchField is triggered 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Feed</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#attachSearch
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'search' event of this <code>sap.ui.ux3.Feed</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#detachSearch
 * @function
 */

/**
 * Fire event search to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'query' of type <code>string</code> The search query</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Feed#fireSearch
 * @function
 */


/**
 * Event is fired when a new chunk is added 
 *
 * @name sap.ui.ux3.Feed#chunkAdded
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.ux3.FeedChunk} oControlEvent.getParameters.chunk New chunk
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'chunkAdded' event of this <code>sap.ui.ux3.Feed</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Feed</code>.<br/> itself. 
 *  
 * Event is fired when a new chunk is added 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Feed</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#attachChunkAdded
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'chunkAdded' event of this <code>sap.ui.ux3.Feed</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#detachChunkAdded
 * @function
 */

/**
 * Fire event chunkAdded to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'chunk' of type <code>sap.ui.ux3.FeedChunk</code> New chunk</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Feed#fireChunkAdded
 * @function
 */


/**
 * Event is fired when an item from the tools MenuButton was selected 
 *
 * @name sap.ui.ux3.Feed#toolsItemSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.itemId The Id of the selected item
 * @param {sap.ui.commons.MenuItemBase} oControlEvent.getParameters.item The selected item
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'toolsItemSelected' event of this <code>sap.ui.ux3.Feed</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Feed</code>.<br/> itself. 
 *  
 * Event is fired when an item from the tools MenuButton was selected 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Feed</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#attachToolsItemSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'toolsItemSelected' event of this <code>sap.ui.ux3.Feed</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#detachToolsItemSelected
 * @function
 */

/**
 * Fire event toolsItemSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'itemId' of type <code>string</code> The Id of the selected item</li>
 * <li>'item' of type <code>sap.ui.commons.MenuItemBase</code> The selected item</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Feed#fireToolsItemSelected
 * @function
 */


/**
 * Event is fired when the live mode has changed 
 *
 * @name sap.ui.ux3.Feed#toggleLive
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {boolean} oControlEvent.getParameters.live Current live indicator
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'toggleLive' event of this <code>sap.ui.ux3.Feed</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Feed</code>.<br/> itself. 
 *  
 * Event is fired when the live mode has changed 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Feed</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#attachToggleLive
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'toggleLive' event of this <code>sap.ui.ux3.Feed</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Feed#detachToggleLive
 * @function
 */

/**
 * Fire event toggleLive to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'live' of type <code>boolean</code> Current live indicator</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Feed} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Feed#fireToggleLive
 * @function
 */


// Start of sap/ui/ux3/Feed.js
jQuery.sap.require('sap.ui.commons.MenuButton'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.ToggleButton'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.DropdownBox'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.SearchField'); // unlisted dependency retained
 // unlisted dependency retained



///**
// * This file defines behavior for the control,
// */

sap.ui.ux3.Feed.prototype.init = function(){

	this.rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");

	// init sub-controls
	this.oFeeder = new sap.ui.ux3.Feeder( this.getId()+'-Feeder', {
		type: sap.ui.ux3.FeederType.Medium
	}).setParent(this);
	this.oFeeder.attachEvent('submit', this.handleFeederSubmit, this); // attach event this way to have the right this-reference in handler

	this.oLiveButton = new sap.ui.commons.ToggleButton( this.getId()+'-liveButton', {
		text: this.rb.getText('FEED_LIVE'),
		pressed: this.getLive(), // initialize with default value because setter not called for it
		lite: true
	}).setParent(this);
	this.oLiveButton.attachEvent('press', this.handleLiveButtonPress, this); // attach event this way to have the right this-reference in handler

	this.oFilter = new sap.ui.commons.DropdownBox( this.getId()+'-filter').setParent(this);
	this.oFilter.attachEvent('change', this.handleFilterChange, this); // attach event this way to have the right this-reference in handler

	this.oSearchField = new sap.ui.commons.SearchField( this.getId()+'-search', {
		enableListSuggest: false
	}).setParent(this);
	this.oSearchField.attachEvent('search', this.handleSearchFieldSearch, this); // attach event this way to have the right this-reference in handler

};

/*
 * create menu button without items. The items are added later
 */
sap.ui.ux3.Feed.prototype.initToolsButton = function(){

	if (!this.oToolsButton) {
		this.oToolsButton = new sap.ui.commons.MenuButton( this.getId()+'-toolsButton', {
			tooltip: this.rb.getText('FEED_TOOLS'),
			lite: true,
			menu: new sap.ui.commons.Menu(this.getId()+'-toolsMenu')
		}).setParent(this);
		this.oToolsButton.attachEvent('itemSelected', this.handleLtoolsButtonSelected, this); // attach event this way to have the right this-reference in handler

		var sIcon = sap.ui.core.theming.Parameters.get('sap.ui.ux3.Feed:sapUiFeedToolsIconUrl');
		var sIconHover = sap.ui.core.theming.Parameters.get('sap.ui.ux3.Feed:sapUiFeedToolsIconHoverUrl');
		if (sIcon) {
			this.oToolsButton.setProperty('icon', jQuery.sap.getModulePath("sap.ui.ux3", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIcon, true);
		}
		if (sIconHover) {
			this.oToolsButton.setProperty('iconHovered', jQuery.sap.getModulePath("sap.ui.ux3", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIconHover, true);
		}
	}

};

sap.ui.ux3.Feed.prototype.exit = function(){

	if (this.oFeeder) {
		this.oFeeder.destroy();
		delete this.oFeeder;
	}
	if (this.oLiveButton) {
		this.oLiveButton.destroy();
		delete this.oLiveButton;
	}
	if (this.oToolsButton) {
		this.oToolsButton.destroy();
		delete this.oToolsButton;
	}
	if (this.oFilter) {
		this.oFilter.destroy();
		delete this.oFilter;
	}
	if (this.oSearchField) {
		this.oSearchField.destroy();
		delete this.oSearchField;
	}
	this.rb = undefined;

};

/**
 * Handler for feeder submit event
 *
 * @private
 */
sap.ui.ux3.Feed.prototype.handleFeederSubmit = function(oEvent){

	var oDate = new Date();
//	var sDate = String(oDate.getFullYear()) + String(oDate.getMonth()) + String(oDate.getDate()) + String(oDate.getHours()) + String(oDate.getMinutes()) + String(oDate.getSeconds());
	var sDate = String(oDate);

	var oNewChunk = new sap.ui.ux3.FeedChunk(this.getId()+'-new-'+this.getChunks().length, {
		text: oEvent.getParameter('text'),
		commentChunk: false,
		deletionAllowed: true,
		timestamp: sDate,
		sender: this.getFeederSender(),
		thumbnailSrc: this.getFeederThumbnailSrc()
	});

	// new chunks are inserted at the top
	this.insertChunk(oNewChunk, 0);
	this.fireChunkAdded({chunk: oNewChunk});

};

/*
 * overwrite of setLive
 */
sap.ui.ux3.Feed.prototype.setLive = function(bLive) {
	this.setProperty("live", bLive, true); //no re-rendering because only ToggleButton is changed

	if (this.oLiveButton) {
		// update ToggleButton
		this.oLiveButton.setPressed(bLive);
	}
	return this;
};

/**
 * Handler for live-button press
 *
 * @private
 */
sap.ui.ux3.Feed.prototype.handleLiveButtonPress = function(oEvent){

	var bPressed = oEvent.getParameter("pressed");

	this.setProperty("live", bPressed, true); //no re-rendering because ToggleButton is already changed
	this.fireToggleLive({live: bPressed});

};

/**
 * Handler for tools menu button item selection
 *
 * @private
 */
sap.ui.ux3.Feed.prototype.handleLtoolsButtonSelected = function(oEvent){

	// just forward event
	this.fireToolsItemSelected(oEvent.mParameters);

};

/**
 * Handler for filter change
 *
 * @private
 */
sap.ui.ux3.Feed.prototype.handleFilterChange = function(oEvent){

	// just forward event
	this.fireFilterChange(oEvent.mParameters);

};

/**
 * Handler for search field
 *
 * @private
 */
sap.ui.ux3.Feed.prototype.handleSearchFieldSearch = function(oEvent){

	// just forward event
	this.fireSearch(oEvent.mParameters);

};

/*
 * Overwrite generated function
 */
sap.ui.ux3.Feed.prototype.setFeederThumbnailSrc = function(sFeederThumbnailSrc) {

	this.setProperty("feederThumbnailSrc", sFeederThumbnailSrc, true); // no rerendering, only feeder is changed
	this.oFeeder.setThumbnailSrc(sFeederThumbnailSrc);
	return this;

};

sap.ui.ux3.Feed.prototype.setLive = function(bLive) {

	this.setProperty("live", bLive, true); // no rerendering, only button is changed
	this.oLiveButton.setPressed(bLive);
	return this;

};

// connect toolsMenuItems to MenuButtons menu
sap.ui.ux3.Feed.prototype.getToolsMenuItems = function() {

	if (this.oToolsButton){
		// as parent of items is the menu use menus aggregation
		return this.oToolsButton.getMenu().getItems();
	}

};

sap.ui.ux3.Feed.prototype.insertToolsMenuItem = function(oToolsMenuItem, iIndex) {

	this.initToolsButton();
	// as parent of items is the menu use menus aggregation
	this.oToolsButton.getMenu().insertItem(oToolsMenuItem, iIndex);
	return this;

};

sap.ui.ux3.Feed.prototype.addToolsMenuItem = function(oToolsMenuItem) {

	this.initToolsButton();
	// as parent of items is the menu use menus aggregation
	this.oToolsButton.getMenu().addItem(oToolsMenuItem);
	return this;

};

sap.ui.ux3.Feed.prototype.removeToolsMenuItem = function(vToolsMenuItem) {

	if (this.oToolsButton){
		// as parent of items is the menu use menus aggregation
		return this.oToolsButton.getMenu().removeItem(vToolsMenuItem);
	}

};

sap.ui.ux3.Feed.prototype.removeAllToolsMenuItems = function() {

	if (this.oToolsButton){
		// as parent of items is the menu use menus aggregation
		return this.oToolsButton.getMenu().removeAllItems();
	}

};

sap.ui.ux3.Feed.prototype.indexOfToolsMenuItem = function(oToolsMenuItem) {

	if (this.oToolsButton){
		// as parent of items is the menu use menus aggregation
		return this.oToolsButton.getMenu().indexOfItem(oToolsMenuItem);
	}

};

sap.ui.ux3.Feed.prototype.destroyToolsMenuItems = function() {

	if (this.oToolsButton){
		// as parent of items is the menu use menus aggregation
		this.oToolsButton.getMenu().destroyItems();
	}

	return this;

};

sap.ui.ux3.Feed.prototype.bindToolsMenuItems = function(sPath, oTemplate, oSorter, aFilters) {

	this.initToolsButton();
	// as parent of items is the menu use menus aggregation
	this.oToolsButton.getMenu().bindItems(sPath, oTemplate, oSorter, aFilters);

	return this;

};

sap.ui.ux3.Feed.prototype.unbindToolsMenuItems = function() {

	if (this.oToolsButton){
		this.oToolsButton.getMenu().unbindItems();
	}

	return this;

};

// connect filterItems to filter
sap.ui.ux3.Feed.prototype.getFilterItems = function() {

	return this.oFilter.getItems();

};

sap.ui.ux3.Feed.prototype.insertFilterItem = function(oFilterItem, iIndex) {

	this.oFilter.insertItem(oFilterItem, iIndex);
	return this;

};

sap.ui.ux3.Feed.prototype.addFilterItem = function(oFilterItem) {

	this.oFilter.addItem(oFilterItem);
	return this;

};

sap.ui.ux3.Feed.prototype.removeFilterItem = function(vFilterItem) {

	return this.oFilter.removeItem(vFilterItem);

};

sap.ui.ux3.Feed.prototype.removeAllFilterItems = function() {

	return this.oFilter.removeAllItems();

};

sap.ui.ux3.Feed.prototype.indexOfFilterItem = function(oFilterItem) {

	return this.oFilter.indexOfItem(oFilterItem);

};

sap.ui.ux3.Feed.prototype.destroyFilterItems = function() {

	this.oFilter.destroyItems();

	return this;

};

sap.ui.ux3.Feed.prototype.bindFilterItems = function(sPath, oTemplate, oSorter, aFilters) {

	this.oFilter.bindItems(sPath, oTemplate, oSorter, aFilters);

	return this;

};

sap.ui.ux3.Feed.prototype.unbindFilterItems = function() {

	this.oFilter.unbindItems();

	return this;

};

}; // end of sap.ui.ux3.Feed
if ( !jQuery.sap.isDeclared('sap.ui.ux3.FeedChunk') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.FeedChunk.
jQuery.sap.declare("sap.ui.ux3.FeedChunk");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new FeedChunk.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getThumbnailSrc thumbnailSrc} : sap.ui.core.URI</li>
 * <li>{@link #getText text} : string</li>
 * <li>{@link #getSender sender} : string</li>
 * <li>{@link #getTimestamp timestamp} : string</li>
 * <li>{@link #getDeletionAllowed deletionAllowed} : boolean (default: false)</li>
 * <li>{@link #getCommentChunk commentChunk} : boolean (default: false)</li>
 * <li>{@link #getFeederThumbnailSrc feederThumbnailSrc} : sap.ui.core.URI</li>
 * <li>{@link #getFeederSender feederSender} : string</li>
 * <li>{@link #getFlagged flagged} : boolean (default: false)</li>
 * <li>{@link #getFavorite favorite} : boolean</li>
 * <li>{@link #getShared shared} : boolean (default: false)</li>
 * <li>{@link #getEnableFlag enableFlag} : boolean (default: true)</li>
 * <li>{@link #getEnableShare enableShare} : boolean (default: true)</li>
 * <li>{@link #getEnableComment enableComment} : boolean (default: true)</li>
 * <li>{@link #getEnableInspect enableInspect} : boolean (default: true)</li>
 * <li>{@link #getEnableFavorite enableFavorite} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getComments comments} : sap.ui.ux3.FeedChunk[]</li>
 * <li>{@link #getActionMenuItems actionMenuItems} : sap.ui.commons.MenuItem[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.FeedChunk#event:deleted deleted} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.FeedChunk#event:commentAdded commentAdded} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.FeedChunk#event:toggleFlagged toggleFlagged} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.FeedChunk#event:senderClicked senderClicked} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.FeedChunk#event:referenceClicked referenceClicked} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.FeedChunk#event:toggleFavorite toggleFavorite} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.FeedChunk#event:inspect inspect} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.FeedChunk#event:toggleShared toggleShared} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.FeedChunk#event:actionItemSelected actionItemSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * The unit that is embedded - single-wise or in a multiple way - into a Feed control.
 * The control provides a set of properties for text, sender information, time stamp,
 * comments, and functions such as flagging the entry to be favorite, shared, or flagged.
 * 
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @experimental Since version 1.2. 
 * The whole Feed/Feeder API is still under discussion, significant changes are likely. Especially text presentation (e.g. @-references and formatted text) is not final. Also the Feed model topic is still open.
 * @name sap.ui.ux3.FeedChunk
 */
sap.ui.core.Control.extend("sap.ui.ux3.FeedChunk", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"thumbnailSrc" : {type : "sap.ui.core.URI", group : "Data", defaultValue : null},
		"text" : {type : "string", group : "Data", defaultValue : null},
		"sender" : {type : "string", group : "Data", defaultValue : null},
		"timestamp" : {type : "string", group : "Data", defaultValue : null},
		"deletionAllowed" : {type : "boolean", group : "Behavior", defaultValue : false},
		"commentChunk" : {type : "boolean", group : "Appearance", defaultValue : false, deprecated: true},
		"feederThumbnailSrc" : {type : "sap.ui.core.URI", group : "Data", defaultValue : null},
		"feederSender" : {type : "string", group : "Data", defaultValue : null},
		"flagged" : {type : "boolean", group : "Data", defaultValue : false},
		"favorite" : {type : "boolean", group : "Data", defaultValue : null},
		"shared" : {type : "boolean", group : "Data", defaultValue : false},
		"enableFlag" : {type : "boolean", group : "Appearance", defaultValue : true},
		"enableShare" : {type : "boolean", group : "Appearance", defaultValue : true},
		"enableComment" : {type : "boolean", group : "Appearance", defaultValue : true},
		"enableInspect" : {type : "boolean", group : "Appearance", defaultValue : true},
		"enableFavorite" : {type : "boolean", group : "Appearance", defaultValue : true}
	},
	aggregations : {
    	"comments" : {type : "sap.ui.ux3.FeedChunk", multiple : true, singularName : "comment", bindable : "bindable"}, 
    	"actionMenuItems" : {type : "sap.ui.commons.MenuItem", multiple : true, singularName : "actionMenuItem", bindable : "bindable"}
	},
	events : {
		"deleted" : {}, 
		"commentAdded" : {}, 
		"toggleFlagged" : {}, 
		"senderClicked" : {}, 
		"referenceClicked" : {}, 
		"toggleFavorite" : {}, 
		"inspect" : {}, 
		"toggleShared" : {}, 
		"actionItemSelected" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.FeedChunk with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.FeedChunk.extend
 * @function
 */

sap.ui.ux3.FeedChunk.M_EVENTS = {'deleted':'deleted','commentAdded':'commentAdded','toggleFlagged':'toggleFlagged','senderClicked':'senderClicked','referenceClicked':'referenceClicked','toggleFavorite':'toggleFavorite','inspect':'inspect','toggleShared':'toggleShared','actionItemSelected':'actionItemSelected'};


/**
 * Getter for property <code>thumbnailSrc</code>.
 * URL to the thumbnail image.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>thumbnailSrc</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getThumbnailSrc
 * @function
 */

/**
 * Setter for property <code>thumbnailSrc</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sThumbnailSrc  new value for property <code>thumbnailSrc</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setThumbnailSrc
 * @function
 */


/**
 * Getter for property <code>text</code>.
 * The FeedChunk text. @References are supported.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>text</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getText
 * @function
 */

/**
 * Setter for property <code>text</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sText  new value for property <code>text</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setText
 * @function
 */


/**
 * Getter for property <code>sender</code>.
 * Sender of the chunk
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>sender</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getSender
 * @function
 */

/**
 * Setter for property <code>sender</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSender  new value for property <code>sender</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setSender
 * @function
 */


/**
 * Getter for property <code>timestamp</code>.
 * Format is ISO 8601 YYYY-MM-DDThh:mm:ss.sZ, Z meaning the time is in UTC time zone
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>timestamp</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getTimestamp
 * @function
 */

/**
 * Setter for property <code>timestamp</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sTimestamp  new value for property <code>timestamp</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setTimestamp
 * @function
 */


/**
 * Getter for property <code>deletionAllowed</code>.
 * Flag if the deletion of the chunk shall be allowed
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>deletionAllowed</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getDeletionAllowed
 * @function
 */

/**
 * Setter for property <code>deletionAllowed</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bDeletionAllowed  new value for property <code>deletionAllowed</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setDeletionAllowed
 * @function
 */


/**
 * Getter for property <code>commentChunk</code>.
 * This flag changes a FeedChunk into a CommentChunk. In this case, it can not have own comments,
 * furthermore it must be assigned to a FeedChunk.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>commentChunk</code>
 * @public
 * @deprecated Since version 1.4.0. 
 * Not longer used. If a chunk is a comment is determined from hierarchy. If the parent is a chunk it's automatically a comment.
 * @name sap.ui.ux3.FeedChunk#getCommentChunk
 * @function
 */

/**
 * Setter for property <code>commentChunk</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bCommentChunk  new value for property <code>commentChunk</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @deprecated Since version 1.4.0. 
 * Not longer used. If a chunk is a comment is determined from hierarchy. If the parent is a chunk it's automatically a comment.
 * @name sap.ui.ux3.FeedChunk#setCommentChunk
 * @function
 */


/**
 * Getter for property <code>feederThumbnailSrc</code>.
 * URL to the thumbnail image for the comment feeder.
 * This property is optional if the chunk is a sub-control of a feed control. In this case the value of the feed control is used if it's not set. So it must be only set once on the feed control.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>feederThumbnailSrc</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getFeederThumbnailSrc
 * @function
 */

/**
 * Setter for property <code>feederThumbnailSrc</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sFeederThumbnailSrc  new value for property <code>feederThumbnailSrc</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setFeederThumbnailSrc
 * @function
 */


/**
 * Getter for property <code>feederSender</code>.
 * Sender for the comment feeder
 * This property is optional if the chunk is a sub-control of a feed control. In this case the value of the feed control is used if it's not set. So it must be only set once on the feed control.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>feederSender</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getFeederSender
 * @function
 */

/**
 * Setter for property <code>feederSender</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFeederSender  new value for property <code>feederSender</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setFeederSender
 * @function
 */


/**
 * Getter for property <code>flagged</code>.
 * Defines whether the entry is flagged. This property is not supported for comment chunks.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>flagged</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getFlagged
 * @function
 */

/**
 * Setter for property <code>flagged</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bFlagged  new value for property <code>flagged</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setFlagged
 * @function
 */


/**
 * Getter for property <code>favorite</code>.
 * Defines whether the entry shall be displayed as favorite. This property is not supported for comment chunks.
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {boolean} the value of property <code>favorite</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getFavorite
 * @function
 */

/**
 * Setter for property <code>favorite</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {boolean} bFavorite  new value for property <code>favorite</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setFavorite
 * @function
 */


/**
 * Getter for property <code>shared</code>.
 * Defines whether the entry shall be shared. This property is not supported for comment chunks.
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>shared</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getShared
 * @function
 */

/**
 * Setter for property <code>shared</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bShared  new value for property <code>shared</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setShared
 * @function
 */


/**
 * Getter for property <code>enableFlag</code>.
 * If true the flag action is enabled.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableFlag</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getEnableFlag
 * @function
 */

/**
 * Setter for property <code>enableFlag</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableFlag  new value for property <code>enableFlag</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setEnableFlag
 * @function
 */


/**
 * Getter for property <code>enableShare</code>.
 * If true the share action is enabled.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableShare</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getEnableShare
 * @function
 */

/**
 * Setter for property <code>enableShare</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableShare  new value for property <code>enableShare</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setEnableShare
 * @function
 */


/**
 * Getter for property <code>enableComment</code>.
 * If true the comment action is enabled.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableComment</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getEnableComment
 * @function
 */

/**
 * Setter for property <code>enableComment</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableComment  new value for property <code>enableComment</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setEnableComment
 * @function
 */


/**
 * Getter for property <code>enableInspect</code>.
 * If true the inspect action is enabled.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableInspect</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getEnableInspect
 * @function
 */

/**
 * Setter for property <code>enableInspect</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableInspect  new value for property <code>enableInspect</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setEnableInspect
 * @function
 */


/**
 * Getter for property <code>enableFavorite</code>.
 * If true the favorite action is enabled.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>enableFavorite</code>
 * @public
 * @name sap.ui.ux3.FeedChunk#getEnableFavorite
 * @function
 */

/**
 * Setter for property <code>enableFavorite</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bEnableFavorite  new value for property <code>enableFavorite</code>
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#setEnableFavorite
 * @function
 */


/**
 * Getter for aggregation <code>comments</code>.<br/>
 * Comments on this chunk
 * 
 * @return {sap.ui.ux3.FeedChunk[]}
 * @public
 * @name sap.ui.ux3.FeedChunk#getComments
 * @function
 */


/**
 * Inserts a comment into the aggregation named <code>comments</code>.
 *
 * @param {sap.ui.ux3.FeedChunk}
 *          oComment the comment to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the comment should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the comment is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the comment is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#insertComment
 * @function
 */

/**
 * Adds some comment <code>oComment</code> 
 * to the aggregation named <code>comments</code>.
 *
 * @param {sap.ui.ux3.FeedChunk}
 *            oComment the comment to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#addComment
 * @function
 */

/**
 * Removes an comment from the aggregation named <code>comments</code>.
 *
 * @param {int | string | sap.ui.ux3.FeedChunk} vComment the comment to remove or its index or id
 * @return {sap.ui.ux3.FeedChunk} the removed comment or null
 * @public
 * @name sap.ui.ux3.FeedChunk#removeComment
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>comments</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.FeedChunk[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.FeedChunk#removeAllComments
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.FeedChunk</code> in the aggregation named <code>comments</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.FeedChunk}
 *            oComment the comment whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.FeedChunk#indexOfComment
 * @function
 */
	

/**
 * Destroys all the comments in the aggregation 
 * named <code>comments</code>.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#destroyComments
 * @function
 */


/**
 * Binder for aggregation <code>comments</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#bindComments
 * @function
 */

/**
 * Unbinder for aggregation <code>comments</code>.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#unbindComments
 * @function
 */


/**
 * Getter for aggregation <code>actionMenuItems</code>.<br/>
 * MenuItems to open when there is a click on the action menu button
 * 
 * @return {sap.ui.commons.MenuItem[]}
 * @public
 * @name sap.ui.ux3.FeedChunk#getActionMenuItems
 * @function
 */


/**
 * Inserts a actionMenuItem into the aggregation named <code>actionMenuItems</code>.
 *
 * @param {sap.ui.commons.MenuItem}
 *          oActionMenuItem the actionMenuItem to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the actionMenuItem should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the actionMenuItem is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the actionMenuItem is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#insertActionMenuItem
 * @function
 */

/**
 * Adds some actionMenuItem <code>oActionMenuItem</code> 
 * to the aggregation named <code>actionMenuItems</code>.
 *
 * @param {sap.ui.commons.MenuItem}
 *            oActionMenuItem the actionMenuItem to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#addActionMenuItem
 * @function
 */

/**
 * Removes an actionMenuItem from the aggregation named <code>actionMenuItems</code>.
 *
 * @param {int | string | sap.ui.commons.MenuItem} vActionMenuItem the actionMenuItem to remove or its index or id
 * @return {sap.ui.commons.MenuItem} the removed actionMenuItem or null
 * @public
 * @name sap.ui.ux3.FeedChunk#removeActionMenuItem
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>actionMenuItems</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.commons.MenuItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.FeedChunk#removeAllActionMenuItems
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.commons.MenuItem</code> in the aggregation named <code>actionMenuItems</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.commons.MenuItem}
 *            oActionMenuItem the actionMenuItem whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.FeedChunk#indexOfActionMenuItem
 * @function
 */
	

/**
 * Destroys all the actionMenuItems in the aggregation 
 * named <code>actionMenuItems</code>.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#destroyActionMenuItems
 * @function
 */


/**
 * Binder for aggregation <code>actionMenuItems</code>.
 *
 * @param {string} sPath path to a list in the model 
 * @param {sap.ui.core.Element} oTemplate the control template for this aggregation
 * @param {sap.ui.model.Sorter} oSorter the initial sort order (optional)
 * @param {array} aFilters the predefined filters for this aggregation (optional)
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#bindActionMenuItems
 * @function
 */

/**
 * Unbinder for aggregation <code>actionMenuItems</code>.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#unbindActionMenuItems
 * @function
 */


/**
 * Event is fired when the deletion button is pressed. 
 *
 * @name sap.ui.ux3.FeedChunk#deleted
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'deleted' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Event is fired when the deletion button is pressed. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachDeleted
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'deleted' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachDeleted
 * @function
 */

/**
 * Fire event deleted to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireDeleted
 * @function
 */


/**
 * Event is raised when a comment is added to the entry. This event is not supported for comment chunks. 
 *
 * @name sap.ui.ux3.FeedChunk#commentAdded
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {sap.ui.ux3.FeedChunk} oControlEvent.getParameters.comment New comment chunk
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'commentAdded' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Event is raised when a comment is added to the entry. This event is not supported for comment chunks. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachCommentAdded
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'commentAdded' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachCommentAdded
 * @function
 */

/**
 * Fire event commentAdded to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'comment' of type <code>sap.ui.ux3.FeedChunk</code> New comment chunk</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireCommentAdded
 * @function
 */


/**
 * Event is raised when the user clicks to flag the entry. This event is not supported for comment chunks. 
 *
 * @name sap.ui.ux3.FeedChunk#toggleFlagged
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {boolean} oControlEvent.getParameters.flagged Current flagged state
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'toggleFlagged' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Event is raised when the user clicks to flag the entry. This event is not supported for comment chunks. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachToggleFlagged
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'toggleFlagged' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachToggleFlagged
 * @function
 */

/**
 * Fire event toggleFlagged to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'flagged' of type <code>boolean</code> Current flagged state</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireToggleFlagged
 * @function
 */


/**
 * Event is fired when the thumbnail or the name of the sender is clicked. 
 *
 * @name sap.ui.ux3.FeedChunk#senderClicked
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'senderClicked' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Event is fired when the thumbnail or the name of the sender is clicked. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachSenderClicked
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'senderClicked' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachSenderClicked
 * @function
 */

/**
 * Fire event senderClicked to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireSenderClicked
 * @function
 */


/**
 * Click on a @-reference 
 *
 * @name sap.ui.ux3.FeedChunk#referenceClicked
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.text Text of the @-reference
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'referenceClicked' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Click on a @-reference 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachReferenceClicked
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'referenceClicked' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachReferenceClicked
 * @function
 */

/**
 * Fire event referenceClicked to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'text' of type <code>string</code> Text of the @-reference</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireReferenceClicked
 * @function
 */


/**
 * Event is raised when the user clicks to set the entry as favorite. This event is not supported for comment chunks. 
 *
 * @name sap.ui.ux3.FeedChunk#toggleFavorite
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {boolean} oControlEvent.getParameters.favorite Current favorite state
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'toggleFavorite' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Event is raised when the user clicks to set the entry as favorite. This event is not supported for comment chunks. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachToggleFavorite
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'toggleFavorite' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachToggleFavorite
 * @function
 */

/**
 * Fire event toggleFavorite to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'favorite' of type <code>boolean</code> Current favorite state</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireToggleFavorite
 * @function
 */


/**
 * Event is fired when the inspect button was pressed 
 *
 * @name sap.ui.ux3.FeedChunk#inspect
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'inspect' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Event is fired when the inspect button was pressed 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachInspect
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'inspect' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachInspect
 * @function
 */

/**
 * Fire event inspect to attached listeners.

 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireInspect
 * @function
 */


/**
 * Event is raised when the user clicks to share the entry. This event is not supported for comment chunks. 
 *
 * @name sap.ui.ux3.FeedChunk#toggleShared
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {boolean} oControlEvent.getParameters.shareed Current shared state
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'toggleShared' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Event is raised when the user clicks to share the entry. This event is not supported for comment chunks. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachToggleShared
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'toggleShared' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachToggleShared
 * @function
 */

/**
 * Fire event toggleShared to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'shareed' of type <code>boolean</code> Current shared state</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireToggleShared
 * @function
 */


/**
 * Event is fired when an item from the action menu button was selected. 
 *
 * @name sap.ui.ux3.FeedChunk#actionItemSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.itemId The Id of the selected item
 * @param {sap.ui.commons.MenuItemBase} oControlEvent.getParameters.item The selected item
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'actionItemSelected' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself. 
 *  
 * Event is fired when an item from the action menu button was selected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.FeedChunk</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#attachActionItemSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'actionItemSelected' event of this <code>sap.ui.ux3.FeedChunk</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.FeedChunk#detachActionItemSelected
 * @function
 */

/**
 * Fire event actionItemSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'itemId' of type <code>string</code> The Id of the selected item</li>
 * <li>'item' of type <code>sap.ui.commons.MenuItemBase</code> The selected item</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.FeedChunk} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.FeedChunk#fireActionItemSelected
 * @function
 */


// Start of sap/ui/ux3/FeedChunk.js
jQuery.sap.require('sap.ui.core.theming.Parameters'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.MenuButton'); // unlisted dependency retained
 // unlisted dependency retained



///**
// * This file defines behavior for the control,
// */

sap.ui.ux3.FeedChunk.prototype.init = function(){
   this.maxComments = 2; // max. number of comments displayed initially
   this.allComments = false; // initially render only maxComments
   this.rb = sap.ui.getCore().getLibraryResourceBundle("sap.ui.ux3");
   this.expanded = false;
};

sap.ui.ux3.FeedChunk.prototype.initCommentFeeder = function(){

	// create comment feeder if needed
	if (!this.oCommentFeeder) {
		this.oCommentFeeder = new sap.ui.ux3.Feeder( this.getId()+'-CommentFeeder', {
			type: sap.ui.ux3.FeederType.Comment
		}).setParent(this);
		this.oCommentFeeder.attachEvent('submit', this.handleCommentFeederSubmit, this); // attach event this way to have the right this-reference in handler
		this.showCommentFeeder = true;
	}

};

sap.ui.ux3.FeedChunk.prototype.initToolsButton = function(){

	if (!this.oToolsButton) {
		this.oToolsButton = new sap.ui.commons.MenuButton( this.getId()+'-toolsButton', {
			tooltip: this.rb.getText('FEED_TOOLS'),
			lite: true,
			menu: new sap.ui.commons.Menu(this.getId()+'-toolsMenu')
		}).setParent(this);
		this.oToolsButton.attachEvent('itemSelected', this.handleToolsButtonSelected, this); // attach event this way to have the right this-reference in handler

		var sIcon = sap.ui.core.theming.Parameters.get('sap.ui.ux3.Feed:sapUiFeedToolsIconUrl');
		var sIconHover = sap.ui.core.theming.Parameters.get('sap.ui.ux3.Feed:sapUiFeedToolsIconHoverUrl');
		if (sIcon) {
			this.oToolsButton.setProperty('icon', jQuery.sap.getModulePath("sap.ui.ux3", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIcon, true);
		}
		if (sIconHover) {
			this.oToolsButton.setProperty('iconHovered', jQuery.sap.getModulePath("sap.ui.ux3", '/') + "themes/" + sap.ui.getCore().getConfiguration().getTheme() + sIconHover, true);
		}
	}

};

sap.ui.ux3.FeedChunk.prototype.exit = function(){

	if (this.oCommentFeeder) {
		this.oCommentFeeder.destroy();
		delete this.oCommentFeeder;
	}
	if (this.oToolsButton) {
		this.oToolsButton.destroy();
		delete this.oToolsButton;
	}
	this.rb = undefined;
	this.showCommentFeeder = undefined;
	this.expanded = undefined;
	this.oText = undefined;
	if (this.oHCMMenuButton) {
		this.oHCMMenuButton.destroy();
		delete this.oHCMMenuButton;
	}

};

sap.ui.ux3.FeedChunk.prototype.onAfterRendering = function(){

	// if text is cut show expand button
	this.oText = jQuery.sap.byId(this.getId()).children(".sapUiFeedChunkText").get(0);
	if (this.oText.clientHeight < this.oText.scrollHeight) {
		// if tags are rendered put button in tag-DIV
		var oFather = jQuery.sap.byId(this.getId()).children(".sapUiFeedChunkByline").get(0);
		jQuery(oFather).append(sap.ui.ux3.FeedChunkRenderer.renderExpander(this));

		if (this.expanded) {
			// expanded
			jQuery(this.oText).css('height', 'auto');
		}
	}

};

/**
 * handler for click event
 *
 * @private
 */
sap.ui.ux3.FeedChunk.prototype.onclick = function(oEvent){

	var sTargetId = oEvent.target.getAttribute( 'ID' );

	if(sTargetId){
		switch ( sTargetId ){
		case ( this.getId() + '-delete' ):
			// Click on delete button
			this.fireDeleted();
		break;
		case ( this.getId() + '-sender'):
			// Click on sender
			this.fireSenderClicked();
		break;
		case ( this.getId() + '-thumb' ):
			// Click on sender
			this.fireSenderClicked();
		break;
		case ( this.getId() + '-exp' ):
			// Click on expand/collapse button
			var sNewTitle = '';
			if (this.expanded) {
				// collapse
				jQuery(this.oText).css('height', '');
				sNewTitle = this.rb.getText("FEED_EXPAND");
				this.expanded = false;
			} else {
				// expand
				jQuery(this.oText).css('height', 'auto');
				sNewTitle = this.rb.getText("FEED_COLLAPSE");
				this.expanded = true;
			}
			jQuery.sap.byId(sTargetId).attr('title',sNewTitle).toggleClass('sapUiFeedChunkExpand sapUiFeedChunkCollapse');
		break;
		case ( this.getId() + '-all' ):
			// Click on sender
			this.showAllComments();
		break;
		case ( this.getId() + '-ActComment' ):
			// Click Add comment button
			if(!this.showCommentFeeder){
				this.initCommentFeeder();
				this.rerender();
			}
		break;
		case ( this.getId() + '-ActFlag' ):
			// Click flag button
			this.setFlagged(!this.getFlagged());
			this.fireToggleFlagged({flagged: this.getFlagged()});
		break;
		case ( this.getId() + '-ActFavorite' ):
			// Click favorite button
			this.setFavorite(!this.getFavorite());
			this.fireToggleFavorite({favorite: this.getFavorite()});
		break;
		case ( this.getId() + '-ActInspect' ):
			// Click inspect button
			this.fireInspect();
		break;
		case ( this.getId() + '-ActShare' ):
			// Click favorite button
			this.setShared(!this.getShared());
			this.fireToggleShared({shared: this.getShared()});
		break;
		default:
			//Reference
			if(sTargetId.search(this.getId() + '-Ref') != -1){
				this.fireReferenceClicked({text: jQuery(oEvent.target).text()});
			}

		break;
		}
	}

	oEvent.stopPropagation(); //to prevent comment chunks to propagate event to parentChunk

};

/**
 * show all comments
 * rerender comment section
 *
 * @private
 */
sap.ui.ux3.FeedChunk.prototype.showAllComments = function(){

	this.allComments = !this.allComments;

	var $commentSection = jQuery.sap.byId(this.getId() + " > section"); // use sap function instead of jQuery child selector because of escaping ID
	if ($commentSection.length > 0) {
		var rm = sap.ui.getCore().createRenderManager();
		this.getRenderer().renderComments(rm, this);
		rm.flush($commentSection[0]);
		rm.destroy();
	}

};

/**
 * Handler for Comment feeder submit event
 *
 * @private
 */
sap.ui.ux3.FeedChunk.prototype.handleCommentFeederSubmit = function(oEvent){

	var oDate = new Date();
//	var sDate = String(oDate.getFullYear()) + String(oDate.getMonth()) + String(oDate.getDate()) + String(oDate.getHours()) + String(oDate.getMinutes()) + String(oDate.getSeconds());
	var sDate = String(oDate);

	var oNewComment = new sap.ui.ux3.FeedChunk(this.getId()+'-new-'+this.getComments().length, {
		text: oEvent.getParameter('text'),
		commentChunk: true,
		deletionAllowed: true,
		timestamp: sDate,
		sender: this.getFeederSender(),
		thumbnailSrc: this.getFeederThumbnailSrc()
	});

	// new comments are shown at the bottom
	this.addComment(oNewComment);
	this.fireCommentAdded({comment: oNewComment});

};

/**
 * Handler for tools menu button item selection
 *
 * @private
 */
sap.ui.ux3.FeedChunk.prototype.handleToolsButtonSelected = function(oEvent){

	if(oEvent.getParameter('itemId') == this.getId() + '-actDelete'){
		this.fireDeleted();
	}else{
		// just forward event
		this.fireActionItemSelected(oEvent.mParameters);
	}

};

/*
 * Overwrite generated function
 */
sap.ui.ux3.FeedChunk.prototype.insertComment = function(oComment, iIndex) {

	this.insertAggregation("comments", oComment, iIndex);
	this.initCommentFeeder();
	return this;

};

sap.ui.ux3.FeedChunk.prototype.addComment = function(oComment) {

	this.addAggregation("comments", oComment);
	this.initCommentFeeder();
	return this;

};

sap.ui.ux3.FeedChunk.prototype.setDeletionAllowed = function(bDeletionAllowed) {

	if (bDeletionAllowed == this.getDeletionAllowed()) {
		// nothing to do
		return this;
	}

	this.setProperty("deletionAllowed", bDeletionAllowed);
	if (bDeletionAllowed) {
		this.initToolsButton();
		//add deletion item from menu
		this.oToolsButton.getMenu().insertItem(new sap.ui.commons.MenuItem(this.getId() + '-actDelete',{text: this.rb.getText('FEED_DELETE')}), 0);
	}else{
		//remove deletion item from menu
		if (this.oToolsButton) {
			this.oToolsButton.getMenu().removeItem(this.getId() + '-actDelete');
		}
	}

	return this;

};

// connect ActionMenuItems to MenuButtons menu
sap.ui.ux3.FeedChunk.prototype.getActionMenuItems = function() {

	if (this.oToolsButton){
		// as parent of items is the menu use menus aggregation
		var aItems = this.oToolsButton.getMenu().getItems();
		// remove delete item
		if (aItems.length > 0 && aItems[0].getId() == (this.getId() + '-actDelete')) {
			aItems.shift();
		}
		return aItems;
	}

};

sap.ui.ux3.FeedChunk.prototype.insertActionMenuItem = function(oActionMenuItem, iIndex) {

	this.initToolsButton();
	// if there is a delete item adjust index
	var aItems = this.oToolsButton.getMenu().getItems();
	if (aItems.length > 0 && aItems[0].getId() == (this.getId() + '-actDelete')) {
		iIndex++;
	}
	this.oToolsButton.getMenu().insertItem(oActionMenuItem, iIndex);
	return this;

};

sap.ui.ux3.FeedChunk.prototype.addActionMenuItem = function(oActionMenuItem) {

	this.initToolsButton();
	// as parent of items is the menu use menus aggregation
	this.oToolsButton.getMenu().addItem(oActionMenuItem);
	return this;

};

sap.ui.ux3.FeedChunk.prototype.removeActionMenuItem = function(vActionMenuItem) {

	if (this.oToolsButton){
		return this.oToolsButton.getMenu().removeItem(vActionMenuItem);
	}

};

sap.ui.ux3.FeedChunk.prototype.removeAllActionMenuItems = function() {

	if (this.oToolsButton){
		// if there is a delete item do not remove it
		var aItems = this.oToolsButton.getMenu().getItems();
		if (aItems.length > 0 && aItems[0].getId() == (this.getId() + '-actDelete')) {
			aItems.shift();
			for ( var i = 0; i < aItems.length; i++) {
				this.oToolsButton.getMenu().removeItem(aItems[i]);
			}
			return aItems;
		}else{
			return this.oToolsButton.getMenu().removeAllItems();
		}
	}

};

sap.ui.ux3.FeedChunk.prototype.indexOfActionMenuItem = function(oActionMenuItem) {

	if (this.oToolsButton){
		var iIndex = this.oToolsButton.getMenu().indexOfItem(oActionMenuItem);
		// if there is a delete item adjust index
		var aItems = this.oToolsButton.getMenu().getItems();
		if (aItems.length > 0 && aItems[0].getId() == (this.getId() + '-actDelete')) {
			iIndex--;
		}
		return iIndex;
	}

};

sap.ui.ux3.FeedChunk.prototype.destroyActionMenuItems = function() {

	if (this.oToolsButton){
		// if there is a delete item only remove all other items
		var aItems = this.oToolsButton.getMenu().getItems();
		if (aItems.length > 0 && aItems[0].getId() == (this.getId() + '-actDelete')) {
			this.removeAllActionMenuItems();
		}else{
			this.oToolsButton.getMenu().destroyItems();
		}
	}

	return this;

};

sap.ui.ux3.FeedChunk.prototype.bindActionMenuItems = function(sPath, oTemplate, oSorter, aFilters) {

	this.initToolsButton();
	// as parent of items is the menu use menus aggregation
	this.oToolsButton.getMenu().bindItems(sPath, oTemplate, oSorter, aFilters);

	return this;

};

sap.ui.ux3.FeedChunk.prototype.unbindActionMenuItems = function() {

	if (this.oToolsButton){
		this.oToolsButton.getMenu().unbindItems();
	}

	return this;

};

/*
 * Overwrite standard getter for feeder thumbnail source:
 * If not set and feedChunk is child of a Feed or FeedChunk use the thumbnailsource of the parent
 * So it must not be set manual for each sub-control and is always synchron
 */
sap.ui.ux3.FeedChunk.prototype.getFeederThumbnailSrc = function() {
	var sThumbnailSrc =  this.getProperty("feederThumbnailSrc");

	if (!sThumbnailSrc || sThumbnailSrc == "") {
		var oParent = this.getParent();
		if (oParent &&(oParent instanceof sap.ui.ux3.Feed || oParent instanceof sap.ui.ux3.FeedChunk)) {
			sThumbnailSrc = oParent.getFeederThumbnailSrc();
		}
	}

	return sThumbnailSrc;
};

/*
 * Overwrite standard getter for feeder sender:
 * If not set and feedChunk is child of a Feed or FeedChunk use the feederSender of the parent
 * So it must not be set manual for each sub-control and is always synchron
 */
sap.ui.ux3.FeedChunk.prototype.getFeederSender = function() {
	var sSender =  this.getProperty("feederSender");

	if (!sSender || sSender == "") {
		var oParent = this.getParent();
		if (oParent &&(oParent instanceof sap.ui.ux3.Feed || oParent instanceof sap.ui.ux3.FeedChunk)) {
			sSender = oParent.getFeederSender();
		}
	}

	return sSender;
};

sap.ui.ux3.FeedChunk.prototype.initHCMMenuButton = function(){

	if (!this.oHCMMenuButton) {
		this.oHCMMenuButton = new sap.ui.commons.MenuButton(this.getId()+"-HCMMenu",{
			lite: true
		}).setParent(this);
		this.oHCMMenuButton.attachEvent('itemSelected', this.handleHCMMenuButtonSelected, this); // attach event this way to have the right this-reference in handler
	}

};

/**
 * Sets the MenuButton for HCM applications
 * This is NOT an official API method and must be only uses with approval of SAPUI5 team
 * @param(sap.ui.commons.Menu) oMenu Menu control
 * @private
 */
sap.ui.ux3.FeedChunk.prototype.setHCMMenu = function(oMenu) {

	this.initHCMMenuButton();
	this.oHCMMenuButton.setMenu(oMenu);

	return this;

};

/**
 * Handler for HCM menu button item selection
 *
 * @private
 */
sap.ui.ux3.FeedChunk.prototype.handleHCMMenuButtonSelected = function(oEvent){

	this.fireEvent("HCMMenuItemSelected", oEvent.mParameters);

};
}; // end of sap.ui.ux3.FeedChunk
if ( !jQuery.sap.isDeclared('sap.ui.ux3.ThingInspector') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.ThingInspector.
jQuery.sap.declare("sap.ui.ux3.ThingInspector");



/**
 * Constructor for a new ThingInspector.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getFirstTitle firstTitle} : string</li>
 * <li>{@link #getType type} : string</li>
 * <li>{@link #getIcon icon} : sap.ui.core.URI</li>
 * <li>{@link #getSecondTitle secondTitle} : string</li>
 * <li>{@link #getFollowState followState} : sap.ui.ux3.FollowActionState (default: sap.ui.ux3.FollowActionState.Default)</li>
 * <li>{@link #getFlagState flagState} : boolean (default: false)</li>
 * <li>{@link #getFavoriteState favoriteState} : boolean (default: false)</li>
 * <li>{@link #getFavoriteActionEnabled favoriteActionEnabled} : boolean (default: true)</li>
 * <li>{@link #getUpdateActionEnabled updateActionEnabled} : boolean (default: true)</li>
 * <li>{@link #getFollowActionEnabled followActionEnabled} : boolean (default: true)</li>
 * <li>{@link #getFlagActionEnabled flagActionEnabled} : boolean (default: true)</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getActions actions} : sap.ui.ux3.ThingAction[]</li>
 * <li>{@link #getHeaderContent headerContent} : sap.ui.ux3.ThingGroup[]</li>
 * <li>{@link #getFacets facets} : sap.ui.ux3.NavigationItem[]</li>
 * <li>{@link #getFacetContent facetContent} : sap.ui.ux3.ThingGroup[]</li>
 * <li>{@link #getActionBar actionBar} : sap.ui.ux3.ActionBar</li></ul>
 * </li>
 * <li>Associations
 * <ul>
 * <li>{@link #getSelectedFacet selectedFacet} : string | sap.ui.ux3.NavigationItem</li></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.ThingInspector#event:actionSelected actionSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.ThingInspector#event:facetSelected facetSelected} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.ThingInspector#event:feedSubmit feedSubmit} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 
 *
 * 
 * In addition, all settings applicable to the base type {@link sap.ui.ux3.Overlay#constructor sap.ui.ux3.Overlay}
 * can be used as well.
 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * Thing Inspector
 * @extends sap.ui.ux3.Overlay
 *
 * @author  
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @name sap.ui.ux3.ThingInspector
 */
sap.ui.ux3.Overlay.extend("sap.ui.ux3.ThingInspector", { metadata : {

	// ---- object ----

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"firstTitle" : {type : "string", group : "Misc", defaultValue : null},
		"type" : {type : "string", group : "Misc", defaultValue : null},
		"icon" : {type : "sap.ui.core.URI", group : "Misc", defaultValue : null},
		"secondTitle" : {type : "string", group : "Misc", defaultValue : null},
		"followState" : {type : "sap.ui.ux3.FollowActionState", group : "Misc", defaultValue : sap.ui.ux3.FollowActionState.Default},
		"flagState" : {type : "boolean", group : "Misc", defaultValue : false},
		"favoriteState" : {type : "boolean", group : "Misc", defaultValue : false},
		"favoriteActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"updateActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"followActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true},
		"flagActionEnabled" : {type : "boolean", group : "Misc", defaultValue : true}
	},
	aggregations : {
    	"actions" : {type : "sap.ui.ux3.ThingAction", multiple : true, singularName : "action"}, 
    	"headerContent" : {type : "sap.ui.ux3.ThingGroup", multiple : true, singularName : "headerContent"}, 
    	"facets" : {type : "sap.ui.ux3.NavigationItem", multiple : true, singularName : "facet"}, 
    	"facetContent" : {type : "sap.ui.ux3.ThingGroup", multiple : true, singularName : "facetContent"}, 
    	"actionBar" : {type : "sap.ui.ux3.ActionBar", multiple : false}, 
    	"thingViewer" : {type : "sap.ui.ux3.ThingViewer", multiple : false, visibility : "hidden"}
	},
	associations : {
		"selectedFacet" : {type : "sap.ui.ux3.NavigationItem", multiple : false}
	},
	events : {
		"actionSelected" : {}, 
		"facetSelected" : {allowPreventDefault : true}, 
		"feedSubmit" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.ThingInspector with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.ThingInspector.extend
 * @function
 */

sap.ui.ux3.ThingInspector.M_EVENTS = {'actionSelected':'actionSelected','facetSelected':'facetSelected','feedSubmit':'feedSubmit'};


/**
 * Getter for property <code>firstTitle</code>.
 * First Line of the Thing Inspector Title
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>firstTitle</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getFirstTitle
 * @function
 */

/**
 * Setter for property <code>firstTitle</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sFirstTitle  new value for property <code>firstTitle</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setFirstTitle
 * @function
 */


/**
 * Getter for property <code>type</code>.
 * Thing type
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>type</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getType
 * @function
 */

/**
 * Setter for property <code>type</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sType  new value for property <code>type</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setType
 * @function
 */


/**
 * Getter for property <code>icon</code>.
 * Thing Icon Url
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {sap.ui.core.URI} the value of property <code>icon</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getIcon
 * @function
 */

/**
 * Setter for property <code>icon</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {sap.ui.core.URI} sIcon  new value for property <code>icon</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setIcon
 * @function
 */


/**
 * Getter for property <code>secondTitle</code>.
 * Second Line of the Thing Inspector Title
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>secondTitle</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getSecondTitle
 * @function
 */

/**
 * Setter for property <code>secondTitle</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sSecondTitle  new value for property <code>secondTitle</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setSecondTitle
 * @function
 */


/**
 * Getter for property <code>followState</code>.
 * Follow State of a Thing
 *
 * Default value is <code>Default</code>
 *
 * @return {sap.ui.ux3.FollowActionState} the value of property <code>followState</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getFollowState
 * @function
 */

/**
 * Setter for property <code>followState</code>.
 *
 * Default value is <code>Default</code> 
 *
 * @param {sap.ui.ux3.FollowActionState} oFollowState  new value for property <code>followState</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setFollowState
 * @function
 */


/**
 * Getter for property <code>flagState</code>.
 * State of Flag Action
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>flagState</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getFlagState
 * @function
 */

/**
 * Setter for property <code>flagState</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bFlagState  new value for property <code>flagState</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setFlagState
 * @function
 */


/**
 * Getter for property <code>favoriteState</code>.
 * State Of favorite Action
 *
 * Default value is <code>false</code>
 *
 * @return {boolean} the value of property <code>favoriteState</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getFavoriteState
 * @function
 */

/**
 * Setter for property <code>favoriteState</code>.
 *
 * Default value is <code>false</code> 
 *
 * @param {boolean} bFavoriteState  new value for property <code>favoriteState</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setFavoriteState
 * @function
 */


/**
 * Getter for property <code>favoriteActionEnabled</code>.
 * Favorite action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>favoriteActionEnabled</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getFavoriteActionEnabled
 * @function
 */

/**
 * Setter for property <code>favoriteActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFavoriteActionEnabled  new value for property <code>favoriteActionEnabled</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setFavoriteActionEnabled
 * @function
 */


/**
 * Getter for property <code>updateActionEnabled</code>.
 * Update action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>updateActionEnabled</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getUpdateActionEnabled
 * @function
 */

/**
 * Setter for property <code>updateActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bUpdateActionEnabled  new value for property <code>updateActionEnabled</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setUpdateActionEnabled
 * @function
 */


/**
 * Getter for property <code>followActionEnabled</code>.
 * Follow action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>followActionEnabled</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getFollowActionEnabled
 * @function
 */

/**
 * Setter for property <code>followActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFollowActionEnabled  new value for property <code>followActionEnabled</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setFollowActionEnabled
 * @function
 */


/**
 * Getter for property <code>flagActionEnabled</code>.
 * Flag action enabled/disabled. If disabled the action will be invisible.
 *
 * Default value is <code>true</code>
 *
 * @return {boolean} the value of property <code>flagActionEnabled</code>
 * @public
 * @name sap.ui.ux3.ThingInspector#getFlagActionEnabled
 * @function
 */

/**
 * Setter for property <code>flagActionEnabled</code>.
 *
 * Default value is <code>true</code> 
 *
 * @param {boolean} bFlagActionEnabled  new value for property <code>flagActionEnabled</code>
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setFlagActionEnabled
 * @function
 */


/**
 * Getter for aggregation <code>actions</code>.<br/>
 * Actions of a Thing
 * 
 * @return {sap.ui.ux3.ThingAction[]}
 * @public
 * @name sap.ui.ux3.ThingInspector#getActions
 * @function
 */


/**
 * Inserts a action into the aggregation named <code>actions</code>.
 *
 * @param {sap.ui.ux3.ThingAction}
 *          oAction the action to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the action should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the action is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the action is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#insertAction
 * @function
 */

/**
 * Adds some action <code>oAction</code> 
 * to the aggregation named <code>actions</code>.
 *
 * @param {sap.ui.ux3.ThingAction}
 *            oAction the action to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#addAction
 * @function
 */

/**
 * Removes an action from the aggregation named <code>actions</code>.
 *
 * @param {int | string | sap.ui.ux3.ThingAction} vAction the action to remove or its index or id
 * @return {sap.ui.ux3.ThingAction} the removed action or null
 * @public
 * @name sap.ui.ux3.ThingInspector#removeAction
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>actions</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ThingAction[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingInspector#removeAllActions
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ThingAction</code> in the aggregation named <code>actions</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ThingAction}
 *            oAction the action whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingInspector#indexOfAction
 * @function
 */
	

/**
 * Destroys all the actions in the aggregation 
 * named <code>actions</code>.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#destroyActions
 * @function
 */


/**
 * Getter for aggregation <code>headerContent</code>.<br/>
 * ThingGroups for the header content
 * 
 * @return {sap.ui.ux3.ThingGroup[]}
 * @public
 * @name sap.ui.ux3.ThingInspector#getHeaderContent
 * @function
 */


/**
 * Inserts a headerContent into the aggregation named <code>headerContent</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *          oHeaderContent the headerContent to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the headerContent should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the headerContent is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the headerContent is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#insertHeaderContent
 * @function
 */

/**
 * Adds some headerContent <code>oHeaderContent</code> 
 * to the aggregation named <code>headerContent</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oHeaderContent the headerContent to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#addHeaderContent
 * @function
 */

/**
 * Removes an headerContent from the aggregation named <code>headerContent</code>.
 *
 * @param {int | string | sap.ui.ux3.ThingGroup} vHeaderContent the headerContent to remove or its index or id
 * @return {sap.ui.ux3.ThingGroup} the removed headerContent or null
 * @public
 * @name sap.ui.ux3.ThingInspector#removeHeaderContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>headerContent</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ThingGroup[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingInspector#removeAllHeaderContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ThingGroup</code> in the aggregation named <code>headerContent</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oHeaderContent the headerContent whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingInspector#indexOfHeaderContent
 * @function
 */
	

/**
 * Destroys all the headerContent in the aggregation 
 * named <code>headerContent</code>.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#destroyHeaderContent
 * @function
 */


/**
 * Getter for aggregation <code>facets</code>.<br/>
 * Thing Inspector facets
 * 
 * @return {sap.ui.ux3.NavigationItem[]}
 * @public
 * @name sap.ui.ux3.ThingInspector#getFacets
 * @function
 */


/**
 * Inserts a facet into the aggregation named <code>facets</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *          oFacet the facet to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the facet should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the facet is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the facet is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#insertFacet
 * @function
 */

/**
 * Adds some facet <code>oFacet</code> 
 * to the aggregation named <code>facets</code>.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oFacet the facet to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#addFacet
 * @function
 */

/**
 * Removes an facet from the aggregation named <code>facets</code>.
 *
 * @param {int | string | sap.ui.ux3.NavigationItem} vFacet the facet to remove or its index or id
 * @return {sap.ui.ux3.NavigationItem} the removed facet or null
 * @public
 * @name sap.ui.ux3.ThingInspector#removeFacet
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>facets</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.NavigationItem[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingInspector#removeAllFacets
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.NavigationItem</code> in the aggregation named <code>facets</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.NavigationItem}
 *            oFacet the facet whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingInspector#indexOfFacet
 * @function
 */
	

/**
 * Destroys all the facets in the aggregation 
 * named <code>facets</code>.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#destroyFacets
 * @function
 */


/**
 * Getter for aggregation <code>facetContent</code>.<br/>
 * ThingGroups for content of the selected facet
 * 
 * @return {sap.ui.ux3.ThingGroup[]}
 * @public
 * @name sap.ui.ux3.ThingInspector#getFacetContent
 * @function
 */


/**
 * Inserts a facetContent into the aggregation named <code>facetContent</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *          oFacetContent the facetContent to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the facetContent should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the facetContent is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the facetContent is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#insertFacetContent
 * @function
 */

/**
 * Adds some facetContent <code>oFacetContent</code> 
 * to the aggregation named <code>facetContent</code>.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oFacetContent the facetContent to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#addFacetContent
 * @function
 */

/**
 * Removes an facetContent from the aggregation named <code>facetContent</code>.
 *
 * @param {int | string | sap.ui.ux3.ThingGroup} vFacetContent the facetContent to remove or its index or id
 * @return {sap.ui.ux3.ThingGroup} the removed facetContent or null
 * @public
 * @name sap.ui.ux3.ThingInspector#removeFacetContent
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>facetContent</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ThingGroup[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.ThingInspector#removeAllFacetContent
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ThingGroup</code> in the aggregation named <code>facetContent</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ThingGroup}
 *            oFacetContent the facetContent whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.ThingInspector#indexOfFacetContent
 * @function
 */
	

/**
 * Destroys all the facetContent in the aggregation 
 * named <code>facetContent</code>.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#destroyFacetContent
 * @function
 */


/**
 * Getter for aggregation <code>actionBar</code>.<br/>
 * ActionBar. If no actionBar is set a default ActionBar will be created.
 * 
 * @return {sap.ui.ux3.ActionBar}
 * @public
 * @name sap.ui.ux3.ThingInspector#getActionBar
 * @function
 */


/**
 * Setter for the aggregated <code>actionBar</code>.
 * @param oActionBar {sap.ui.ux3.ActionBar}
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setActionBar
 * @function
 */
	

/**
 * Destroys the actionBar in the aggregation 
 * named <code>actionBar</code>.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#destroyActionBar
 * @function
 */


/**
 * The Facet that is currently selected.
 * 
 *
 * @return {string} Id of the element which is the current target of the <code>selectedFacet</code> association, or null
 * @public
 * @name sap.ui.ux3.ThingInspector#getSelectedFacet
 * @function
 */

/**
 * The Facet that is currently selected.
 * 
 *
 * @param {string | sap.ui.ux3.NavigationItem} vSelectedFacet 
 *    Id of an element which becomes the new target of this <code>selectedFacet</code> association.
 *    Alternatively, an element instance may be given.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#setSelectedFacet
 * @function
 */


	
/**
 * Further thing related Action selected 
 *
 * @name sap.ui.ux3.ThingInspector#actionSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id Id of selected ThingAction
 * @param {sap.ui.ux3.ThingAction} oControlEvent.getParameters.action Selected ThingAction
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'actionSelected' event of this <code>sap.ui.ux3.ThingInspector</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ThingInspector</code>.<br/> itself. 
 *  
 * Further thing related Action selected 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ThingInspector</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#attachActionSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'actionSelected' event of this <code>sap.ui.ux3.ThingInspector</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#detachActionSelected
 * @function
 */

/**
 * Fire event actionSelected to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> Id of selected ThingAction</li>
 * <li>'action' of type <code>sap.ui.ux3.ThingAction</code> Selected ThingAction</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ThingInspector#fireActionSelected
 * @function
 */


/**
 * Event for facet selection. The application is responsible for displaying the correct content for the selected one. The ThingInspector will currently always mark the first facet as selected. 
 *
 * @name sap.ui.ux3.ThingInspector#facetSelected
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.id Id of selected NavigationItem
 * @param {sap.ui.ux3.NavigationItem} oControlEvent.getParameters.item The selected NavigationItem
 * @param {string} oControlEvent.getParameters.key Key of selected NavigationItem
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'facetSelected' event of this <code>sap.ui.ux3.ThingInspector</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ThingInspector</code>.<br/> itself. 
 *  
 * Event for facet selection. The application is responsible for displaying the correct content for the selected one. The ThingInspector will currently always mark the first facet as selected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ThingInspector</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#attachFacetSelected
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'facetSelected' event of this <code>sap.ui.ux3.ThingInspector</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#detachFacetSelected
 * @function
 */

/**
 * Fire event facetSelected to attached listeners.
 *
 * Listeners may prevent the default action of this event using the preventDefault-method on the event object.
 * * 
 * Expects following event parameters:
 * <ul>
 * <li>'id' of type <code>string</code> Id of selected NavigationItem</li>
 * <li>'item' of type <code>sap.ui.ux3.NavigationItem</code> The selected NavigationItem</li>
 * <li>'key' of type <code>string</code> Key of selected NavigationItem</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {boolean} whether to prevent the default action
 * @protected
 * @name sap.ui.ux3.ThingInspector#fireFacetSelected
 * @function
 */


/**
 * Fired when a new feed entry is submitted. 
 *
 * @name sap.ui.ux3.ThingInspector#feedSubmit
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.text Feed text
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'feedSubmit' event of this <code>sap.ui.ux3.ThingInspector</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.ThingInspector</code>.<br/> itself. 
 *  
 * Fired when a new feed entry is submitted. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.ThingInspector</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#attachFeedSubmit
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'feedSubmit' event of this <code>sap.ui.ux3.ThingInspector</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.ThingInspector#detachFeedSubmit
 * @function
 */

/**
 * Fire event feedSubmit to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'text' of type <code>string</code> Feed text</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.ThingInspector} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.ThingInspector#fireFeedSubmit
 * @function
 */


// Start of sap/ui/ux3/ThingInspector.js




(function() {
	/**
	 * Initialization hook for the Thinginspector. It creates the instance of the
	 * Popup helper service and does some basic configuration for it.
	 *
	 * @private
	 */
	sap.ui.ux3.ThingInspector.prototype.init = function() {
		var oActionBar, that = this;
		sap.ui.ux3.Overlay.prototype.init.apply(this);
		this._oThingViewer = new sap.ui.ux3.ThingViewer(this.getId()+"-thingViewer");
		this.setAggregation("thingViewer",this._oThingViewer);
		this._oThingViewer.attachFacetSelected(function(oEvent) {
			var item = oEvent.getParameters().item;
			if(that.fireFacetSelected({id:item.getId(), key:item.getKey(),item:item})) {
				that.setSelectedFacet(item);
			} else {
				 oEvent.preventDefault();
			}
		});
		this._oSocialActions = {};
		if (this.getActionBar() == null) { 
			oActionBar = new sap.ui.ux3.ActionBar(this.getId()+"-actionBar");
			oActionBar.setShowOpen(false);
			oActionBar.setAlwaysShowMoreMenu(false);
			oActionBar.setDividerWidth("252px");
			oActionBar.attachActionSelected(function (oEvent) {
				var sActionID = oEvent.getParameters().id,
						oBarAction = oEvent.getParameters().action,
						oThingAction;
				if (sActionID.indexOf('Favorite') != -1 ||
				    sActionID.indexOf('Follow') != -1 ||
					sActionID.indexOf('Flag') != -1) {
					if (that._oSocialActions[sActionID]) {
						oThingAction = that._oSocialActions[sActionID];
					} else { 
						oThingAction =  new sap.ui.ux3.ThingAction({
							id: that.getId() + "-" + sActionID.toLowerCase(),
							text: oBarAction.text,
							enabled: oBarAction.enabled
						});
						that._oSocialActions[sActionID] = oThingAction;
					}
					that.fireActionSelected({
						id : sActionID.toLowerCase(),
						action : oThingAction
					});
				} else {
					that.fireActionSelected({
						id : oEvent.getParameters().id,
						action : oEvent.getParameters().action
					});
				}
			});
			oActionBar.attachFeedSubmit(function (oEvent) {
				that.fireFeedSubmit({
					text : oEvent.getParameters().text
				});
			});
			this.setActionBar(oActionBar);
		}
	};
	
	/*
	 * Set size of TI after rendering: If running in Shell we sync with shell
	 * canvas. The size will then be set by the shell.
	 */
	sap.ui.ux3.ThingInspector.prototype.onAfterRendering = function() {
		sap.ui.ux3.Overlay.prototype.onAfterRendering.apply(this,arguments);
		var oShell = this._getShell();
		this._bShell = !!oShell;
		
		// if property will be public there will be no automatism anymore!
		if(!oShell || oShell.getHeaderType() === "BrandOnly") {
			this._setShowOverlay(false);
		}
	};
	
	sap.ui.ux3.ThingInspector.prototype.onBeforeRendering = function() {
		sap.ui.ux3.Overlay.prototype.onBeforeRendering.apply(this,arguments);
	}
	
	/**
	 * Destroys this instance of ThingInspector, called by Element#destroy()
	 *
	 * @private
	 */
	sap.ui.ux3.ThingInspector.prototype.exit = function() {
		this._oThingViewer.exit(arguments);
		this._oThingViewer.destroy();
		sap.ui.ux3.Overlay.prototype.exit.apply(this,arguments);
	};
	
	/**
	 * Opens this instance of ThingIspector
	 *
	 * @public
	 */
	sap.ui.ux3.ThingInspector.prototype.open = function(initialFocusId) {
		if (this.getDomRef()) {
			this.rerender();
		}
		sap.ui.ux3.Overlay.prototype.open.apply(this,arguments);
		this._selectDefault();
	};
	
	/**
	 * get Navigation Bar control
	 *
	 * @private
	 */
	sap.ui.ux3.ThingInspector.prototype._getNavBar = function() {
		return this._oThingViewer._oNavBar;
	};
	
	/**
	 * setDefault NavBar selection and fire SelectedItem Event
	 *
	 * @private
	 */
	sap.ui.ux3.ThingInspector.prototype._selectDefault = function() {
		this._oThingViewer._selectDefault();
	};
	
	/**
	 * equal Columns
	 *
	 * @private
	 */
	sap.ui.ux3.ThingInspector.prototype._equalColumns = function() {
		this._oThingViewer._equalColumns();
	};
	
	/**
	 * set trigger value for resize handler
	 * 
	 * @private
	 */
	sap.ui.ux3.ThingInspector.prototype._setTriggerValue = function() {
		this._oThingViewer._setTriggerValue();
	};
	
	/**
	 * Focus Last Element
	 *
	 * @private
	 */
	sap.ui.ux3.ThingInspector.prototype._setFocusLast = function() {
		var oFocus = jQuery.sap.byId(this.getId()+"-thingViewer-toolbar").lastFocusableDomRef();
		if (!oFocus && this.getCloseButtonVisible()) {
			oFocus = jQuery.sap.domById(this.getId()+"-close")
		} else if (!oFocus && this.getOpenButtonVisible()) {
			oFocus = jQuery.sap.domById(this.getId()+"-openNew")
		}
		jQuery.sap.focus(oFocus);
	};
	
	/**
	 * Focus First Element
	 *
	 * @private
	 */
	sap.ui.ux3.ThingInspector.prototype._setFocusFirst = function() {
		if (this.getOpenButtonVisible()) {
			jQuery.sap.focus(jQuery.sap.domById(this.getId()+"-openNew"));
		} else if (this.getCloseButtonVisible()) {
			jQuery.sap.focus(jQuery.sap.domById(this.getId()+"-close"));
		} else {
			jQuery.sap.focus(jQuery.sap.byId(this.getId()+"-thingViewer-content").firstFocusableDomRef());
		}
	};
	
	/* Redefinition of generated API methods */
	
	// Implementation of API method insertAction
	sap.ui.ux3.ThingInspector.prototype.insertAction = function(oAction, iIndex) {
		if (this.getActionBar()) {
			this.getActionBar().insertBusinessAction(oAction, iIndex);
		}
		return this;
	};
	
	// Implementation of API method addAction
	sap.ui.ux3.ThingInspector.prototype.addAction = function(oAction) {
		if (this.getActionBar()) {
			this.getActionBar().addBusinessAction(oAction);
		}
		return this;
	};
	
	// Implementation of API method removeAction
	sap.ui.ux3.ThingInspector.prototype.removeAction = function(oAction) {
		var result;
		if (this.getActionBar()) {
			result = this.getActionBar().removeBusinessAction(oAction);
		}
		return result;
	};
	
	// Implementation of API method removeAllActions
	sap.ui.ux3.ThingInspector.prototype.removeAllActions = function() {
		var result;
		if (this.getActionBar()) {
			result = this.getActionBar().removeAllBusinessActions();
		}
		return result;
	};
	
	// Implementation of API method getActions
	sap.ui.ux3.ThingInspector.prototype.getActions = function() {
		var result;
		if (this.getActionBar()) {
			result = this.getActionBar().getBusinessActions();
		}
		return result;
	}
	
	// Implementation of API method destroyActions
	sap.ui.ux3.ThingInspector.prototype.destroyActions = function() {
		if (this.getActionBar()) {
			this.getActionBar().destroyBusinessActions();
		}
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFacets = function() {
		return this._oThingViewer.getFacets();
	};
	
	// Implementation of API method insertFacet
	sap.ui.ux3.ThingInspector.prototype.insertFacet = function(oFacet, iIndex) {
		this._oThingViewer.insertFacet(oFacet, iIndex);
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.addFacet = function(oFacet) {
		this._oThingViewer.addFacet(oFacet);
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.removeFacet = function(vElement) {
		return this._oThingViewer.removeFacet(vElement);
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.removeAllFacets = function() {
		return this._oThingViewer.removeAllFacets();
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.destroyFacets = function() {
		this._oThingViewer.destroyFacets();
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setFollowState = function(oFollowState) {
		if (this.getActionBar()) {
			this.getActionBar().setFollowState(oFollowState);
		}
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFollowState = function() {
		var result = null;
		if (this.getActionBar()) {
			result = this.getActionBar().getFollowState(); 
		}
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setFlagState = function(oFlagState) {
		if (this.getActionBar()) {
			this.getActionBar().setFlagState(oFlagState);
		}
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFlagState = function() {
		var result = null;
		if (this.getActionBar()) {
			result = this.getActionBar().getFlagState(); 
		}
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setFavoriteState = function(oFavoriteState) {
		if (this.getActionBar()) {
			this.getActionBar().setFavoriteState(oFavoriteState);
		}
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFavoriteState = function() {
		var result = null;
		if (this.getActionBar()) {
			result = this.getActionBar().getFavoriteState(); 
		}
		return result;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setIcon = function(oIcon) {
		this._oThingViewer.setIcon(oIcon);
		if (this.getActionBar()) {
			this.getActionBar().setThingIconURI(oIcon);
		}
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getIcon = function() {
		return this._oThingViewer.getIcon();
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setType = function(sType) {
		this._oThingViewer.setType(sType);
		return this;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getType = function() {
		return this._oThingViewer.getType();
	};
	
	//Currently not a public property 'showOverlay' but maybe later
	sap.ui.ux3.ThingInspector.prototype._setShowOverlay = function(bShowOverlay) {
		this._bShowOverlay = bShowOverlay;
		if( bShowOverlay ) {
			this.$().removeClass("sapUiUx3TINoFrame");
		}else{
			this.$().addClass("sapUiUx3TINoFrame");
		}
		return this;
	};
	//Currently not a public property 'showOverlay' but maybe later
	sap.ui.ux3.ThingInspector.prototype._getShowOverlay = function(bShowOverlay) {
		return this._bShowOverlay;
	};
	
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.insertFacetContent = function(oFacetContent, iIndex) {
		this._oThingViewer.insertFacetContent(oFacetContent, iIndex);
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.addFacetContent = function(oFacetContent) {
		this._oThingViewer.addFacetContent(oFacetContent);
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.removeFacetContent = function(vFacetContent) {
		var result = this._oThingViewer.removeFacetContent(vFacetContent);
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.removeAllFacetContent = function() {
		var result = this._oThingViewer.removeAllFacetContent();
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.destroyFacetContent = function() {
		this._oThingViewer.destroyFacetContent();
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFacetContent = function() {
		return this._oThingViewer.getFacetContent();
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setActionBar = function(oActionBar) {
		this._oThingViewer.setActionBar(oActionBar);
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getActionBar = function() {
		return this._oThingViewer.getActionBar();
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.destroyActionBar = function() {
		this._oThingViewer.destroyActionBar();
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.insertHeaderContent = function(oHeaderContent, iIndex) {
		this._oThingViewer.insertHeaderContent(oHeaderContent, iIndex);
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.addHeaderContent = function(oHeaderContent) {
		this._oThingViewer.addHeaderContent(oHeaderContent);
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getHeaderContent = function() {
		return this._oThingViewer.getHeaderContent();
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.removeHeaderContent = function(vHeaderContent) {
		var result = this._oThingViewer.removeHeaderContent(vHeaderContent);
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.removeAllHeaderContent = function() {
		var result = this._oThingViewer.removeAllHeaderContent();
		return result;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.destroyHeaderContent = function() {
		this._oThingViewer.destroyHeaderContent();
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setSelectedFacet = function(selectedFacet) {
		this._oThingViewer.setSelectedFacet(selectedFacet);
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getSelectedFacet = function(selectedFacet) {
		return this._oThingViewer.getSelectedFacet();
	}
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setFavoriteActionEnabled = function(bEnabled) {
		if (this.getActionBar()) {
			this.getActionBar().setShowFavorite(bEnabled);
		}
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFavoriteActionEnabled = function() {
		var result;
		if (this.getActionBar()) {
			result = this.getActionBar().getShowFavorite();
		}
		return result;
	}
	
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setFlagActionEnabled = function(bEnabled) {
		if (this.getActionBar()) {
			this.getActionBar().setShowFlag(bEnabled);
		}
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFlagActionEnabled = function() {
		var result;
		if (this.getActionBar()) {
			result = this.getActionBar().getShowFlag();
		}
		return result;
	}
	
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setUpdateActionEnabled = function(bEnabled) {
		if (this.getActionBar()) {
			this.getActionBar().setShowUpdate(bEnabled);
		}
		return this;
	};
	// Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getUpdateActionEnabled = function() {
		var result;
		if (this.getActionBar()) {
			result = this.getActionBar().getShowUpdate();
		}
		return result;
	}
	
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setFollowActionEnabled = function(bEnabled) {
		if (this.getActionBar()) {
			this.getActionBar().setShowFollow(bEnabled);
		}
		return this;
	};
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFollowActionEnabled = function() {
		var result;
		if (this.getActionBar()) {
			result = this.getActionBar().getShowFollow();
		}
		return result;
	}
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setFirstTitle = function(sTitle) {
		this._oThingViewer.setTitle(sTitle);
	};
	
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getFirstTitle = function() {
		return this._oThingViewer.getTitle();
	};
	
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.setSecondTitle = function(sTitle) {
		this._oThingViewer.setSubtitle(sTitle);
	};
	
	//Implementation of API method
	sap.ui.ux3.ThingInspector.prototype.getSecondTitle = function() {
		return this._oThingViewer.getSubtitle();
	};
}());
}; // end of sap.ui.ux3.ThingInspector
if ( !jQuery.sap.isDeclared('sap.ui.ux3.Exact') ) {
/*!
 * SAP UI development toolkit for HTML5 (SAPUI5)
 * 
 * (c) Copyright 2009-2013 SAP AG. All rights reserved
 */

/* ----------------------------------------------------------------------------------
 * Hint: This is a derived (generated) file. Changes should be done in the underlying 
 * source files only (*.control, *.js) or they will be lost after the next generation.
 * ---------------------------------------------------------------------------------- */

// Provides control sap.ui.ux3.Exact.
jQuery.sap.declare("sap.ui.ux3.Exact");

jQuery.sap.require('sap.ui.core.Control'); // unlisted dependency retained
 // unlisted dependency retained


/**
 * Constructor for a new Exact.
 * 
 * Accepts an object literal <code>mSettings</code> that defines initial 
 * property values, aggregated and associated objects as well as event handlers. 
 * 
 * If the name of a setting is ambiguous (e.g. a property has the same name as an event), 
 * then the framework assumes property, aggregation, association, event in that order. 
 * To override this automatic resolution, one of the prefixes "aggregation:", "association:" 
 * or "event:" can be added to the name of the setting (such a prefixed name must be
 * enclosed in single or double quotes).
 *
 * The supported settings are:
 * <ul>
 * <li>Properties
 * <ul>
 * <li>{@link #getResultText resultText} : string</li></ul>
 * </li>
 * <li>Aggregations
 * <ul>
 * <li>{@link #getSettingsMenu settingsMenu} : sap.ui.commons.Menu</li>
 * <li>{@link #getAttributes attributes} : sap.ui.ux3.ExactAttribute[]</li></ul>
 * </li>
 * <li>Associations
 * <ul></ul>
 * </li>
 * <li>Events
 * <ul>
 * <li>{@link sap.ui.ux3.Exact#event:search search} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li>
 * <li>{@link sap.ui.ux3.Exact#event:refineSearch refineSearch} : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]</li></ul>
 * </li>
 * </ul> 

 *
 * @param {string} [sId] id for the new control, generated automatically if no id is given 
 * @param {object} [mSettings] initial settings for the new control
 *
 * @class
 * A comprehensive UI design approach with graphical and functional elements for searching data, exploring data, and acting on the data
 * ("Explore and Act (Exact) Pattern").
 * @extends sap.ui.core.Control
 *
 * @author SAP AG 
 * @version 1.12.0
 *
 * @constructor   
 * @public
 * @experimental Since version 1.2. 
 * API is not yet finished and might change completely
 * @name sap.ui.ux3.Exact
 */
sap.ui.core.Control.extend("sap.ui.ux3.Exact", { metadata : {

	// ---- object ----
	publicMethods : [
		// methods
		"getResultArea", "getSearchField"
	],

	// ---- control specific ----
	library : "sap.ui.ux3",
	properties : {
		"resultText" : {type : "string", group : "Misc", defaultValue : null}
	},
	defaultAggregation : "attributes",
	aggregations : {
    	"settingsMenu" : {type : "sap.ui.commons.Menu", multiple : false}, 
    	"attributes" : {type : "sap.ui.ux3.ExactAttribute", multiple : true, singularName : "attribute"}, 
    	"controls" : {type : "sap.ui.core.Control", multiple : true, singularName : "control", visibility : "hidden"}
	},
	events : {
		"search" : {}, 
		"refineSearch" : {}
	}
}});


/**
 * Creates a new subclass of class sap.ui.ux3.Exact with name <code>sClassName</code> 
 * and enriches it with the information contained in <code>oClassInfo</code>.
 * 
 * <code>oClassInfo</code> might contain the same kind of informations as described in {@link sap.ui.core.Element.extend Element.extend}.
 *   
 * @param {string} sClassName name of the class to be created
 * @param {object} [oClassInfo] object literal with informations about the class  
 * @param {function} [FNMetaImpl] constructor function for the metadata object. If not given, it defaults to sap.ui.core.ElementMetadata.
 * @return {function} the created class / constructor function
 * @public
 * @static
 * @name sap.ui.ux3.Exact.extend
 * @function
 */

sap.ui.ux3.Exact.M_EVENTS = {'search':'search','refineSearch':'refineSearch'};


/**
 * Getter for property <code>resultText</code>.
 * A title text which is displayed above the result section
 *
 * Default value is empty/<code>undefined</code>
 *
 * @return {string} the value of property <code>resultText</code>
 * @public
 * @name sap.ui.ux3.Exact#getResultText
 * @function
 */

/**
 * Setter for property <code>resultText</code>.
 *
 * Default value is empty/<code>undefined</code> 
 *
 * @param {string} sResultText  new value for property <code>resultText</code>
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#setResultText
 * @function
 */


/**
 * Getter for aggregation <code>settingsMenu</code>.<br/>
 * Defines the 'Settings' button in the browse section tool bar
 * 
 * @return {sap.ui.commons.Menu}
 * @public
 * @name sap.ui.ux3.Exact#getSettingsMenu
 * @function
 */


/**
 * Setter for the aggregated <code>settingsMenu</code>.
 * @param oSettingsMenu {sap.ui.commons.Menu}
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#setSettingsMenu
 * @function
 */
	

/**
 * Destroys the settingsMenu in the aggregation 
 * named <code>settingsMenu</code>.
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#destroySettingsMenu
 * @function
 */


/**
 * Getter for aggregation <code>attributes</code>.<br/>
 * The attributes which shall be available to refine the search
 * 
 * @return {sap.ui.ux3.ExactAttribute[]}
 * @public
 * @name sap.ui.ux3.Exact#getAttributes
 * @function
 */


/**
 * Inserts a attribute into the aggregation named <code>attributes</code>.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *          oAttribute the attribute to insert; if empty, nothing is inserted
 * @param {int}
 *             iIndex the <code>0</code>-based index the attribute should be inserted at; for 
 *             a negative value of <code>iIndex</code>, the attribute is inserted at position 0; for a value 
 *             greater than the current size of the aggregation, the attribute is inserted at 
 *             the last position        
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#insertAttribute
 * @function
 */

/**
 * Adds some attribute <code>oAttribute</code> 
 * to the aggregation named <code>attributes</code>.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *            oAttribute the attribute to add; if empty, nothing is inserted
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#addAttribute
 * @function
 */

/**
 * Removes an attribute from the aggregation named <code>attributes</code>.
 *
 * @param {int | string | sap.ui.ux3.ExactAttribute} vAttribute the attribute to remove or its index or id
 * @return {sap.ui.ux3.ExactAttribute} the removed attribute or null
 * @public
 * @name sap.ui.ux3.Exact#removeAttribute
 * @function
 */

/**
 * Removes all the controls in the aggregation named <code>attributes</code>.<br/>
 * Additionally unregisters them from the hosting UIArea.
 * @return {sap.ui.ux3.ExactAttribute[]} an array of the removed elements (might be empty)
 * @public
 * @name sap.ui.ux3.Exact#removeAllAttributes
 * @function
 */

/**
 * Checks for the provided <code>sap.ui.ux3.ExactAttribute</code> in the aggregation named <code>attributes</code> 
 * and returns its index if found or -1 otherwise.
 *
 * @param {sap.ui.ux3.ExactAttribute}
 *            oAttribute the attribute whose index is looked for.
 * @return {int} the index of the provided control in the aggregation if found, or -1 otherwise
 * @public
 * @name sap.ui.ux3.Exact#indexOfAttribute
 * @function
 */
	

/**
 * Destroys all the attributes in the aggregation 
 * named <code>attributes</code>.
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#destroyAttributes
 * @function
 */


/**
 * Event is fired when the search button is clicked 
 *
 * @name sap.ui.ux3.Exact#search
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.query The query string which was entered in the search field.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'search' event of this <code>sap.ui.ux3.Exact</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Exact</code>.<br/> itself. 
 *  
 * Event is fired when the search button is clicked 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Exact</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#attachSearch
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'search' event of this <code>sap.ui.ux3.Exact</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#detachSearch
 * @function
 */

/**
 * Fire event search to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'query' of type <code>string</code> The query string which was entered in the search field.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Exact#fireSearch
 * @function
 */


/**
 * Event which is fired when an attribute is selected or unselected. 
 *
 * @name sap.ui.ux3.Exact#refineSearch
 * @event
 * @param {sap.ui.base.Event} oControlEvent
 * @param {sap.ui.base.EventProvider} oControlEvent.getSource
 * @param {object} oControlEvent.getParameters

 * @param {string} oControlEvent.getParameters.query The query string which was entered in the search field
 * @param {sap.ui.ux3.ExactAttribute} oControlEvent.getParameters.changedAttribute The attribute which was selected or unselected recently
 * @param {object} oControlEvent.getParameters.allSelectedAttributes Array of all selected ExcatAttribute.
 * @public
 */
 
/**
 * Attach event handler <code>fnFunction</code> to the 'refineSearch' event of this <code>sap.ui.ux3.Exact</code>.<br/>.
 * When called, the context of the event handler (its <code>this</code>) will be bound to <code>oListener<code> if specified
 * otherwise to this <code>sap.ui.ux3.Exact</code>.<br/> itself. 
 *  
 * Event which is fired when an attribute is selected or unselected. 
 *
 * @param {object}
 *            [oData] An application specific payload object, that will be passed to the event handler along with the event object when firing the event.
 * @param {function}
 *            fnFunction The function to call, when the event occurs.  
 * @param {object}
 *            [oListener=this] Context object to call the event handler with. Defaults to this <code>sap.ui.ux3.Exact</code>.<br/> itself.
 *
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#attachRefineSearch
 * @function
 */

/**
 * Detach event handler <code>fnFunction</code> from the 'refineSearch' event of this <code>sap.ui.ux3.Exact</code>.<br/>
 *
 * The passed function and listener object must match the ones used for event registration.
 *
 * @param {function}
 *            fnFunction The function to call, when the event occurs.
 * @param {object}
 *            oListener Context object on which the given function had to be called.
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @public
 * @name sap.ui.ux3.Exact#detachRefineSearch
 * @function
 */

/**
 * Fire event refineSearch to attached listeners.
 * 
 * Expects following event parameters:
 * <ul>
 * <li>'query' of type <code>string</code> The query string which was entered in the search field</li>
 * <li>'changedAttribute' of type <code>sap.ui.ux3.ExactAttribute</code> The attribute which was selected or unselected recently</li>
 * <li>'allSelectedAttributes' of type <code>object</code> Array of all selected ExcatAttribute.</li>
 * </ul>
 *
 * @param {Map} [mArguments] the arguments to pass along with the event.
 * @return {sap.ui.ux3.Exact} <code>this</code> to allow method chaining
 * @protected
 * @name sap.ui.ux3.Exact#fireRefineSearch
 * @function
 */


/**
 * Returns the ExactArea representing the result section. Arbitrary content can be added here.
 *
 * @name sap.ui.ux3.Exact.prototype.getResultArea
 * @function

 * @type sap.ui.ux3.ExactArea
 * @public
 */


/**
 * Returns the SearchField control which is used by the Exact control.
 *
 * @name sap.ui.ux3.Exact.prototype.getSearchField
 * @function

 * @type sap.ui.commons.SearchField
 * @public
 */


// Start of sap/ui/ux3/Exact.js



jQuery.sap.require('sap.ui.commons.SearchField'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Button'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.Menu'); // unlisted dependency retained
 // unlisted dependency retained

jQuery.sap.require('sap.ui.commons.TextView'); // unlisted dependency retained
 // unlisted dependency retained



(function() {

/**
 * Does the setup when the Exact is created.
 * @private
 */
sap.ui.ux3.Exact.prototype.init = function(){
	var that = this;

	//Init the used subcontrols
	//Init Search Area
	this._searchArea = new sap.ui.ux3.ExactArea(this.getId()+"-searchArea", {toolbarVisible: false});
	this._searchArea.addStyleClass("sapUiUx3ExactSearchArea");
	this.addAggregation("controls", this._searchArea);

	this._search_input = new sap.ui.commons.SearchField(this.getId()+"-searchTF", {enableListSuggest: false});
	this._search_input.attachSearch(function(oEvent){
		_handleSearch(that, oEvent);
	});
	this._search_input.addStyleClass("sapUiUx3ExactSearchText");
	this._searchArea.addContent(this._search_input);

	//Init Browse Area
	this._browser = new sap.ui.ux3.ExactBrowser(this.getId()+"-browser", {title: "Attributes"}); //TODO: I18n
	this._browser.addStyleClass("sapUiUx3ExactBrowseArea");
	this.addAggregation("controls", this._browser);
	this._browser.attachAttributeSelected(function(oEvent){
		_handleAttributeSelected(that, oEvent);
	});

	//Init Result Area
	this._resultArea = new sap.ui.ux3.ExactArea(this.getId()+"-resultArea");
	this.addAggregation("controls", this._resultArea);

	this._resultText = new sap.ui.commons.TextView(this.getId()+"-resultAreaTitle", {design: sap.ui.commons.TextViewDesign.Bold});
	this._resultText.addStyleClass("sapUiUx3ExactViewTitle");
	this.addAggregation("controls", this._resultText);

	this._bDetailsVisible = false;
};


//*** Overridden API functions ***


sap.ui.ux3.Exact.prototype.getSettingsMenu = function() {
	return this._browser.getOptionsMenu();
};


sap.ui.ux3.Exact.prototype.setSettingsMenu = function(oSettingsMenu) {
	this._browser.setOptionsMenu(oSettingsMenu);
	return this;
};


sap.ui.ux3.Exact.prototype.destroySettingsMenu = function() {
	this._browser.destroyOptionsMenu();
	return this;
};


sap.ui.ux3.Exact.prototype.getResultText = function() {
	return this._resultText.getText();
};


sap.ui.ux3.Exact.prototype.setResultText = function(sResultText) {
	this._resultText.setText(sResultText);
	return this;
};


sap.ui.ux3.Exact.prototype.getAttributes = function() {
	return this._browser.getAttributes();
};


sap.ui.ux3.Exact.prototype.insertAttribute = function(oAttribute, iIndex) {
	this._browser.insertAttribute(oAttribute, iIndex);
	return this;
};


sap.ui.ux3.Exact.prototype.addAttribute = function(oAttribute) {
	this._browser.addAttribute(oAttribute);
	return this;
};


sap.ui.ux3.Exact.prototype.removeAttribute = function(vElement) {
	return this._browser.removeAttribute(vElement);
};


sap.ui.ux3.Exact.prototype.removeAllAttributes = function() {
	return this._browser.removeAllAttributes();
};


sap.ui.ux3.Exact.prototype.indexOfAttribute = function(oAttribute) {
	return this._browser.indexOfAttribute(oAttribute);
};


sap.ui.ux3.Exact.prototype.destroyAttributes = function() {
	this._browser.destroyAttributes();
	return this;
};


sap.ui.ux3.Exact.prototype.getResultArea = function() {
	return this._resultArea;
};

sap.ui.ux3.Exact.prototype.getSearchField = function() {
	return this._search_input;
};


//*** Behavior functions ***





//*** Private helper functions ***


//Handles the search event
var _handleSearch = function(oThis, oEvent){
	oThis._sSearchQuery = oEvent.getParameter("query"); //Store the value until next Search
	oThis.fireSearch({query: oThis._sSearchQuery});
	oThis._bDetailsVisible = true;
	oThis.invalidate();
};


//Handles attribute selections
var _handleAttributeSelected = function(oThis, oEvent){
	oThis.fireRefineSearch({
		query: oThis._sSearchQuery,
		changedAttribute: oEvent.getParameter("attribute"),
		allSelectedAttributes: oEvent.getParameter("allAttributes")
	});
};


}());
}; // end of sap.ui.ux3.Exact

}; // end of sap.ui.ux3.library-all