// component contextual tabs ********************
			function component_contextualTabs_ShowOrHide(theElementClicked)
			{
				for(var i=0;i<theElementClicked.parentNode.getElementsByTagName('li').length;i++)
				{
					if(theElementClicked.parentNode.getElementsByTagName('li')[i] == theElementClicked)
					{
						theElementClicked.className="component_contextualTab_tabSelected";
						document.getElementById('component_contextualTabs_tab0' + i).style.display="block";
					}
					else
					{
						theElementClicked.parentNode.getElementsByTagName('li')[i].className="";
						document.getElementById('component_contextualTabs_tab0' + i).style.display="none";
					}
				}
			}
			
// main navigation ********************
			(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:10,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);
			$(document).ready(
			function() {
				initMainNav();
			});
			function initMainNav() {
			    var speed = 400;
			    var navLinks = $("#mainNavBar a");
			    var panels = $(".mainNavPanel");
			    var panelContentLists = $(".panelSectionContent > ul");
			    panelContentLists.hide();
			    
			    function ie6Fix(mode) { /*fix floating select boxes in IE6*/
			        if ($.browser.msie && $.browser.version < 7) {
			            if (mode == 'hide')
			                $('.hideOnNavAction').hide();
			            else
			                $('.hideOnNavAction').show();
			        }
			    }
			    
			    //show panel when top links hovered - hoverIntent
			    $("#mainNavBar a").hoverIntent(
			        //hover in effect
			        function(event){    
			            var panelToDropDown = $(this).next('div');
			            if (panelToDropDown.is(":hidden")) {
			                //reset
			                panels.hide();
			                panelContentLists.hide();
			                navLinks.removeClass("current");
			                panelToDropDown.slideDown();
			                $(this).addClass("current");  
			            }
			            ie6Fix('hide'); 
				    },
				    //hover out effect
				    function(event){}
				);
				$("#mainNav").hover(
			        //hover in effect
			        function(event){},
				    //hover out effect
				    function(event){
			            panels.hide();
			            panelContentLists.hide();
			            navLinks.removeClass("current");
			            ie6Fix('show');
				    }
				);
				
			    //expand list contents when subtopic moused over
			    $(".panelSectionContent > a").mouseover(function(event) {
			        var panelToExpand = $(this).next();
			        if (panelToExpand.is(":hidden")) {
			            panelContentLists.slideUp(speed); //reset the rest
			            panelToExpand.slideDown(speed);
			        }
				});
			}

// auto tab **********************************

			/**
			 * Autotab - jQuery plugin 1.1b
			 * http://www.lousyllama.com/sandbox/jquery-autotab
			 * 
			 * Copyright (c) 2008 Matthew Miller
			 * 
			 * Dual licensed under the MIT and GPL licenses:
			 *   http://www.opensource.org/licenses/mit-license.php
			 *   http://www.gnu.org/licenses/gpl.html
			 * 
			 * Revised: 2008-09-10 16:55:08
			 */
			
			(function($) {
			// Look for an element based on ID or name
			var check_element = function(name) {
				var obj = null;
				var check_id = $('#' + name);
				var check_name = $('input[name=' + name + ']');
			
				if(check_id.length)
					obj = check_id;
				else if(check_name != undefined)
					obj = check_name;
			
				return obj;
			};
			
			/**
			 * autotab_magic automatically establishes autotabbing with the
			 * next and previous elements as provided by :input.
			 * 
			 * autotab_magic should called after applying filters, if used.
			 * If any filters are applied after calling autotab_magic, then
			 * Autotab may not protect against brute force typing.
			 * 
			 * @name	autotab_magic
			 * @param	focus	Applies focus on the specified element
			 * @example	$(':input').autotab_magic();
			 */
			$.fn.autotab_magic = function(focus) {
				for(var i = 0; i < this.length; i++)
				{
					var n = i + 1;
					var p = i - 1;
			
					if(i > 0 && n < this.length)
						$(this[i]).autotab({ target: $(this[n]), previous: $(this[p]) });
					else if(i > 0)
						$(this[i]).autotab({ previous: $(this[p]) });
					else
						$(this[i]).autotab({ target: $(this[n]) });
			
					// Set the focus on the specified element
					if(focus != null && (isNaN(focus) && focus == $(this[i]).attr('id')) || (!isNaN(focus) && focus == i))
						$(this[i]).focus();
				}
				return this;
			};
			
			/**
			 * This will take any of the text that is typed and
			 * format it according to the options specified.
			 * 
			 * Option values:
			 *	format		text|number|alphanumeric|all|custom
			 *	- Text			Allows all characters except numbers
			 *	- Number		Allows only numbers
			 *	- Alphanumeric	Allows only letters and numbers
			 *	- All			Allows any and all characters
			 *	- Custom		Allows developer to provide their own filter
			 *
			 *	uppercase	true|false
			 *	- Converts a string to UPPERCASE
			 * 
			 *	lowercase	true|false
			 *	- Converts a string to lowecase
			 * 
			 *	nospace		true|false
			 *	- Remove spaces in the user input
			 * 
			 *	pattern		null|(regular expression)
			 *	- Custom regular expression for the filter
			 * 
			 * @name	autotab_filter
			 * @param	options		Can be a string, function or a list of options. If a string or
			 *						function is passed, it will be assumed to be a format option.
			 * @example	$('#number1, #number2, #number3').autotab_filter('number');
			 * @example	$('#product_key').autotab_filter({ format: 'alphanumeric', nospace: true });
			 * @example	$('#unique_id').autotab_filter({ format: 'custom', pattern: '[^0-9\.]' });
			 */
			$.fn.autotab_filter = function(options) {
				var defaults = {
					format: 'all',
					uppercase: false,
					lowercase: false,
					nospace: false,
					pattern: null
				};
			
				if(typeof options == 'string' || typeof options == 'function')
					defaults.format = options;
				else
					$.extend(defaults, options);
			
				for(var i = 0; i < this.length; i++)
				{
					$(this[i]).bind('keyup', function(e) {
						var val = this.value;
			
						switch(defaults.format)
						{
							case 'text':
								var pattern = new RegExp('[0-9]+', 'g');
								val = val.replace(pattern, '');
								break;
			
							case 'alpha':
								var pattern = new RegExp('[^a-zA-Z]+', 'g');
								val = val.replace(pattern, '');
								break;
			
							case 'number':
							case 'numeric':
								var pattern = new RegExp('[^0-9]+', 'g');
								val = val.replace(pattern, '');
								break;
			
							case 'alphanumeric':
								var pattern = new RegExp('[^0-9a-zA-Z]+', 'g');
								val = val.replace(pattern, '');
								break;
			
							case 'custom':
								var pattern = new RegExp(defaults.pattern, 'g');
								val = val.replace(pattern, '');
								break;
			
							case 'all':
							default:
								if(typeof defaults.format == 'function')
									var val = defaults.format(val);
			
								break;
						}
			
						if(defaults.nospace)
						{
							var pattern = new RegExp('[ ]+', 'g');
							val = val.replace(pattern, '');
						}
			
						if(defaults.uppercase)
							val = val.toUpperCase();
			
						if(defaults.lowercase)
							val = val.toLowerCase();
			
						if(val != this.value)
							this.value = val;
					});
				}
			};
			
			/**
			 * Provides the autotabbing mechanism for the supplied element and passes
			 * any formatting options to autotab_filter.
			 * 
			 * Refer to autotab_filter's description for a detailed explanation of
			 * the options available.
			 * 
			 * @name	autotab
			 * @param	options
			 * @example	$('#phone').autotab({ format: 'number' });
			 * @example	$('#username').autotab({ format: 'alphanumeric', target: 'password' });
			 * @example	$('#password').autotab({ previous: 'username', target: 'confirm' });
			 */
			$.fn.autotab = function(options) {
				var defaults = {
					format: 'all',
					maxlength: 2147483647,
					uppercase: false,
					lowercase: false,
					nospace: false,
					target: null,
					previous: null,
					pattern: null
				};
			
				$.extend(defaults, options);
			
				// Sets targets to element based on the name or ID
				// passed if they are not currently objects
				if(typeof defaults.target == 'string')
					defaults.target = check_element(defaults.target);
			
				if(typeof defaults.previous == 'string')
					defaults.previous = check_element(defaults.previous);
			
				var maxlength = $(this).attr('maxlength');
			
				// defaults.maxlength has not changed and maxlength was specified
				if(defaults.maxlength == 2147483647 && maxlength != 2147483647)
					defaults.maxlength = maxlength;
				// defaults.maxlength overrides maxlength
				else if(defaults.maxlength > 0)
					$(this).attr('maxlength', defaults.maxlength)
				// defaults.maxlength and maxlength have not been specified
				// A target cannot be used since there is no defined maxlength
				else
					defaults.target = null;
			
				if(defaults.format != 'all')
					$(this).autotab_filter(defaults);
			
				// Go to the previous element when backspace
				// is pressed in an empty input field
				return $(this).bind('keydown', function(e) {
					if(e.which == 8 && this.value.length == 0 && defaults.previous)
						defaults.previous.focus().val(defaults.previous.val());
				}).bind('keyup', function(e) {
					/**
					 * Do not auto tab when the following keys are pressed
					 * 8:	Backspace
					 * 9:	Tab
					 * 16:	Shift
					 * 17:	Ctrl
					 * 18:	Alt
					 * 19:	Pause Break
					 * 20:	Caps Lock
					 * 27:	Esc
					 * 33:	Page Up
					 * 34:	Page Down
					 * 35:	End
					 * 36:	Home
					 * 37:	Left Arrow
					 * 38:	Up Arrow
					 * 39:	Right Arrow
					 * 40:	Down Arrow
					 * 45:	Insert
					 * 46:	Delete
					 * 144:	Num Lock
					 * 145:	Scroll Lock
					 */
					var keys = [8, 9, 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 46, 144, 145];
			
					if(e.which != 8)
					{
						var val = $(this).val();
			
						if($.inArray(e.which, keys) == -1 && val.length == defaults.maxlength && defaults.target)
							defaults.target.focus();
					}
				});
			};
			
			})(jQuery);