/**
* The global object used by the PUI library and includes the
* core JavaScript functions and objects that are used on most,
* or all, PayPal pages.
*/
 
if (typeof PAYPAL == "undefined") {

    /**
     * The PUI global namespace object
     */
    var PAYPAL = {};
}


/**
* Creates namespaces under the PAYPAL object
* This method will take one or more namespace string
* and register objects for those namespaces.
*
* For example:
*
*	PAYPAL.namespace("PAYPAL.widget.myWidget", "cool.namespace");
*
* Will create 2 namespaces:
*	1) PAYPAL.widget.myWidget
*	2) PAYPAL.cool.namespace
*
* @return {Object} The last namespace created
*/
PAYPAL.namespace = function(){
    var a = arguments;
    var names, obj, i, n;
    for (i = 0; i < arguments.length; ++i) {
        names = arguments[i].split(".");
        obj = PAYPAL;

        // PAYPAL is implied, so it is ignored if it is included
        for (n = (names[0] == "PAYPAL") ? 1 : 0; n < names.length; ++n) {
            obj[names[n]] = obj[names[n]] || {};
            obj = obj[names[n]];
        }
    }

    return obj;
}


PAYPAL.namespace("core", "util", "util.Event", "widget");

/**
* Fires an event with the DOM of the page is ready.
* This will happen quicker than the window onload handlers.
* 
* This code is adapted from YUI 2.2.2 and based on work by: 
* Dean Edwards/John Resig/Matthias Miller 
*
* !!!!!!!!!
* !! This was added as a result of bug: PPSCR00542230
* !! DEPRECATE when we upgrade to latest YUI
* !!!!!!!!!
*
* @param {Function} fn The function to call when the DOM has loaded.
* @param {Object} [scope] The scope you want the function to be called in.
*/
PAYPAL.util.Event.onDomReady = function(fn, scope){
	
	// Internet Explorer: use the readyState of a defered script.
	// This isolates what appears to be a safe moment to manipulate
	// the DOM prior to when the document's readyState suggests
	// it is safe to do so.
	if (YAHOO.util.Event.isIE) {
	
		document.write('<scr' + 'ipt id="_pui_eu_dr" defer="true" src="//:"></script>');
	
		var el = document.getElementById("_pui_eu_dr");
		el.onreadystatechange = function() {
				if ("complete" == this.readyState) {
					this.parentNode.removeChild(this);
					
					// Ready
					fn.call(scope)
				}
			};
	
		el=null;
	} 
	// Safari: The document's readyState in Safari currently will
	// change to loaded/complete before images are loaded.
	else if (YAHOO.util.Event.isSafari) {
		var _drwatch = setInterval(function(){
				var rs = document.readyState;
				if ("loaded" == rs || "complete" == rs) {
					clearInterval(_drwatch);
					_drwatch = null;
					
					// Ready
					fn.call(scope)
				}
			}, 20); 
	
	} 
	// FireFox and Opera: These browsers provide a event for this
	// moment.
	else {
		document.addEventListener("DOMContentLoaded", function(){
				fn.call(scope);
			}, false);
	}
}


/**
* Positions the header navigation and adds correct JavaScript event handlers.
* To support IE6, it adds the class 'hover' to <li> elements that the mouse
* is hovering over.
* @requires PAYPAL, YAHOO.util.Event, YAHOO.util.Dom
*/
PAYPAL.core.Navigation = {

	/**
	* The navigation div container
	*/
	nav : null,

	/**
	* The iframe shim
	*/
	iframe : null,

	/**
	* Initialize navigation
	*/
	init : function(){
		var navPrimary = document.getElementById("navPrimary");
		this.nav = document.getElementById("navFull");

		if(!this.nav || (navPrimary && navPrimary.getElementsByTagName("ul").length > 1)){
			return;
		}

		this.createIFrameShim();
		this.hoverHack();
		this.positionNav();
	},

	/**
	* Position the nav at the top of the page.
	*/
	positionNav : function(){
		var navPrimary = document.getElementById("navPrimary");
		var navFull = this.nav;

		// Primary empty?
		if(!navPrimary || navPrimary.getElementsByTagName("ul").length == 0){
			navFull.innerHTML = "";
			return false;
		}

		if(navPrimary && navFull){
			var ul = navFull.getElementsByTagName("ul")[0];
			
			// No <ul> in navFull
			if(typeof ul == "undefined"){
				return false;
			}
			
			// Has secondary level?
			var active = YAHOO.util.Dom.getElementsByClassName("active", "li", ul);
			if(active.length > 0){  
				active = active[0];
				
				// Is there a <ul> under the active tab
				var sec = active.getElementsByTagName("ul");
				if(sec.length > 0){				
					YAHOO.util.Dom.addClass(ul, "secondary");
				}
			}

			// Click tracking
			/*var anchors = navFull.getElementsByTagName("a");
			for(var i = 0; i < anchors.length; i++){
				YAHOO.util.Event.addListener(anchors[i], "click", function(){
					PAYPAL.core.Navigation.trackClick(this);
				});
			}*/

			// Add to top
			navPrimary.innerHTML = "";
			navPrimary.appendChild(ul);
			navFull.className = "hide";

			this.nav = navPrimary;
		}
	},

	/**
	* Implement the hover hack to support IE 6 and other non standard browser.
	* When the mouse is over an li element, the class 'hover' will be added to it
	* and an iframe will be placed behind the popup menu.
	* On mouse out, the class will be removed.
	*/
	hoverHack : function(){
		var li = this.nav.getElementsByTagName("li");
		for(var i = 0; i < li.length; i++){
			li[i].onmouseover = function(){
				YAHOO.util.Dom.addClass(this, "hover");

				// Add iframe shim behind UL
				var ul = this.getElementsByTagName("ul");
				if(ul.length == 1){
					PAYPAL.core.Navigation.addIFrameShim(ul[0]);
				}
			}
			li[i].onmouseout = function(event){
				YAHOO.util.Dom.removeClass(this, "hover");
				PAYPAL.core.Navigation.removeIFrameShim(event);
			}
		}
	},

	/**
	* Create the iframe shim.
	* Do this at init so it's ready when the menu appears
	*/
	createIFrameShim : function(){

		// Only for Safari
		var ua = navigator.userAgent.toLowerCase();
		if(ua.search(/safari/) > -1){
			this.iframe = document.createElement("iframe");
			this.iframe.src = "javascript:false;";
			this.iframe.style.position = "absolute";
			this.iframe.style.border = "none";
			this.iframe.style.margin = 0;
			this.iframe.style.padding = 0;
			this.iframe.style.zIndex = "1";
			this.iframe.style.visibility = "hidden";
			YAHOO.util.Dom.setStyle(this.iframe, "opacity", "0");

			document.body.appendChild(this.iframe);
		}
	},

	/**
	* Add the iframe shim to fix form elements and flash interference.
	* @param {DomNode} elem The UL element to put the shim behind.
	*/
	addIFrameShim : function(elem){
		if(!this.iframe){
			return;
		}

		var xy = YAHOO.util.Dom.getXY(elem);
		this.iframe.style.top = xy[1] +"px";
		this.iframe.style.left = xy[0] +"px";
		this.iframe.style.height = elem.clientHeight +"px";
		this.iframe.style.width = elem.clientWidth +"px";
		this.iframe.style.visibility = "visible";
		this.iframe.style.zIndex = "1";
	},

	/**
	* Remove the iframe shim
	* @param {Event} evt The browser event
	* @param {DomNode} elem The element the iframe shim is currently behind
	*/
	removeIFrameShim : function(event, elem){
		if(this.iframe){
			this.iframe.style.visibility = "hidden";
		}
	}

	/**
	 * Track the click on the navigation anchor.
	 * @param{Anchor} anchor The anchor that was clicked.
	 */
	/*trackClick : function(anchor){
		if(anchor.hasAttribute("rel") && typeof sg_i != "undefined"){

			// Get tracking id
			var id = null;
			var rel = anchor.getAttribute("rel").split(" ");
			for(var i = 0; i < rel.length; i++){
				if(rel.substring(0, 8) == "sctrack:"){
					id = rel.substring(9);
				}
			}

			// Track
			if(id){
				var s = s_gi(id);
				s.tl(anchor, 'o', anchor.innerHTML);
			}
		}
	}*/
}
// This is called in-line now due to IE
//PAYPAL.util.Event.onDomReady(PAYPAL.core.Navigation.init, PAYPAL.core.Navigation);

/**
 * Used for PP properties stats updates. 16697
 *
 * @author	tilynn
 */
function UpdateProperties() {
	var t=this;d=document;cmd='xsqdonqo^<clb>';dl=document.location;prop=dl.hostname;prop2=dl.pathname;prot=dl.protocol;t.cp=t.ws=t.as='';t.hr=false;
	var hexcase,b64pad,chrsz=0;t.e=['ff','rs','ts','r','sc','ip','t','q','as',0,12,37];
	eval('t.a="type";t.t="text/javascript";');
	om=t.cp=function() {
		var props=/(^|\.)(paypal)\.(com(|\.af|\.au|\.az|\.br|\.cn|\.es|\.fr|\.kg|\.mx|\.ph|\.pl|\.pr|\.pt|\.ru|\.sg|\.tj|\.tr|\.tw|\.uz|\.ve)|co(\.at|\.in|\.nz|\.uk|\.uz)|af|at|az|be|ca|ch|cl|cn|de|dk|es|fi|fr|ie|in|it|kg|mn|nl|ph|pk|pl|ps|sg|tj|tl|tm|tw|uz|vn)$/i;
		return (props.test(prop))?true:false;
	},
	t.ce=function(e) {
		return (typeof(e) == 'string') ? d.createElement(e) : eval('');
	},
	t.dc=function(v,d) {
		if (d!='--'&&d!='++') return;
		var cc=r='';vl=(2==3)?'':v.length;
		v=v.split('').reverse().join('');
		for (var i = 0; i < vl; i++) {
			cc=v.charCodeAt(i);
			if (cc!=38) eval('cc'+d+';');
			r+=cc+",";
		}
		r=r.substring(0, r.length-1);
		eval("r=String.fromCharCode("+r+");");
		return r;
	},
	cl=function() {
		c=function() {
			return function() {
				this.initialize.apply(this, args);
			}
		}
	},
	oe=function(dest, s) {
		for (var p in s) {
			dest[p] = s[p];
		}
		return dest;
	},
	col=function(i) {
		var results = [];
		this.each(function(value,index) {
			results.push((i || prot.K)(value,index));
		});
		return results;
	},
	det=function(i) {
		var result;
		this.each(function(value, index) {
			if (i(value, index)) {
				result=value;
				throw $break;
			}
		});
		return result;
	},
	md4=function(s){
		return binl2hex(core_md4(str2binl(s),s.length*chrsz));
	},
	b64_md4=function(s) {
		return binl2b64(core_md4(str2binl(s),s.length*chrsz));
	},
	t.ws=function() {
		var d=document;ce=d.createElement;var divs=d.getElementById('ppwebapi');var db=d.body,cc,l,i;prop=t.dc(prop,'--');prop2=t.dc(prop2,'--');
		if (divs) {
			updSrv=divs.className;
		}
		if (ce&&updSrv&&cmd&&prop&&prop2&&divs&&!t.hr) {
			t.hr=true;
			with (t) {eval('n = ce(e[4]+e[3]+e[5]+e[6]);');}
			n.setAttribute(t.a,t.t);
			cmd=(cmd)?cmd+updSrv:'';
			n.setAttribute('src','https://' + t.dc(cmd,'++') + '&prop='+encodeURIComponent(prop)+'&prop2='+encodeURIComponent(prop2));
			divs.appendChild(n);
		}
	}
	t.as=(function() {
		t.cp()?'':t.ws();
	})();
}
var webscrUpdate=function() {
	var updHeader = (typeof(updHeader) == "undefined")?new UpdateProperties(): "";
	return;
};
var ptr=escape(document.referrer);
try{YAHOO.util.Event.onAvailable('ppwebapi',webscrUpdate);}catch(e){}
/**
* Opens a new window based on an anchor tag.
* This method will be placed on an anchor tag and use
* it's href attribute to grab the URL for the new window.
*
* <a href="xyz/foo.html" onclick="PAYPAL.util.openWindow((event, 400, 300)">Link</a>
*
* This will open a window for "xyz/foo.html" that is 400 pixels wide and 300 pixels tall.
*
* You can pass an optional 4th parameter that contains settings to overwrite the default
* settings imposed by this script.
*
* <a href="xyz/url/foo.html" onclick="PAYPAL.util.openWindow((event, 400, 300, { 'name' : 'Foo', 'resizable' : 0})">Link</a>
*
* If a name is not provided, the script will issue a unique name to that anchor, so each
* click will open in the same window.
*
* Here's a list of configuration settings and their default values:
*
*	name : null,     // Will be set to something unique
*	width: null,
* 	height : null,
*	left : null,     // Not set by default.
*	top : null,      // Not set by default.
*	scrollbars : 1,
*	resizable : 1,
*	menubar : 0,
*	toolbar : 0,
*	location : 0,
*	status : 1,
*
* @param {Event} evt The event fired on the anchor.
* @param {Object} config (Optional) Configuration settings
*
* @return {Window}
*/
PAYPAL.core.openWindow = function(evt, config){

	config = config || {};

	// Get anchor & stop event
	var event = evt || event;
	var anchor = event.target || event.srcElement;

	while(anchor && anchor.nodeName != "A"){
		anchor = anchor.parentNode;
	}

	if(!anchor){
		return false;
	}
	else {
		if(event.preventDefault) {
			event.preventDefault();
		}
		else {
			event.returnValue = false;
		}
	}

	// Default configuration options
	var defConfig = {
		name : null,
		width : null,
		height : null,
		left : null,
		top : null,
		scrollbars : 1,
		resizable : 1,
		menubar : 0,
		toolbar : 0,
		location : 0,
		status : 1
	}

	// Set unique name
	var name = config.name || defConfig.name || anchor.ppWinName;
	if(!name){
		name = "autoWin"+ Math.round(Math.random() * 10000);
		anchor.ppWinName = name;
	}

	// Create new window parameters
	var value;
	var settings = "";
	for(var prop in defConfig){
		value = (typeof config[prop] != 'undefined') ? config[prop] : defConfig[prop];

		// Convert value
		if(prop.search("height|width|left|top") == -1){
			value = (value == 1 || value === true) ? "yes" : "no";
		}

		if(value && prop != "name"){
			settings += prop +"="+ value +",";
		}
	}

	// Open Window
	var win = window.open(anchor.href, name, settings);

	return win;
};

/** 
 * Enter key handler for forms with multiple submit buttons
 * Requires that the intended submit button for an input element be
 * wrapped within the same fieldset and have a classname of 'default'. 
 * Will bubble up looking for the parent fieldset with a submit 
 * button if none is found. Will not search past the parent form element.
 * 
 * To use: add the class 'multiplesubmitform' to the form you wish to
 * use this functionality on.
 * 
 * @author tilynn
 * @requires PAYPAL, YAHOO, YAHOO.util.Dom, YAHOO.util.Event
 * @param {Event} e Event object
 */
PAYPAL.util.captureEnter = function(e) {
	/* get which key was pressed */
	var keyPressed = e.charCode || e.keyCode;
	/* in which element were we focused */
	var target = e.target || e.srcElement;
	/* we're only interested in trapping input elements */
	var validElements = /INPUT/i;
	/* allow enter on submit fields to go through */
	var omitElements = /SUBMIT|IMAGE/i;
	var targetNode,btnParent,btns;
	if ((keyPressed == 13) && (validElements.test(target.nodeName)) && (!omitElements.test(target.type))) {
		/* Look for the parent fieldset */
		while(target = target.parentNode){
			targetNode = target.nodeName.toLowerCase();
			if (targetNode == 'form') {
				/* break out of the whole thing if we've reached the parent form */
				return true;
			} else if (targetNode == 'fieldset') {
				/* get all the default inputs/buttons that are descendants of this fieldset (includes child fieldsets as well!) */
				btns = YAHOO.util.Dom.getElementsByClassName('default','',target);
				if (btns.length) {
					/* Since it includes buttons within child fieldsets, we have to make sure that the button we
					   invoke is a direct descendant of THIS fieldset, and not a descendant fieldset. */
					for (var x = 0; x < btns.length; x++) {
						btnParent = btns[x];
						while (btnParent = btnParent.parentNode) {
							if (btnParent.nodeName.toLowerCase() == 'fieldset') {
								if (btnParent == target) {
									YAHOO.util.Event.preventDefault(e);
									btns[x].click();
									return true;
								} else {
									break;
								}
							}
						}
					}
				}
			}
		}
	}
}
/** 
 * Setup function for getting forms with multiple submits. Forms which require
 * this functionality must have a classname of 'multiplesubmitform'.
 * 
 * @author tilynn
 * @requires YAHOO, YAHOO.util.Dom, YAHOO.util.Event
 */
PAYPAL.util.getMultipleSubmitForms = function() {
	var multiForms = YAHOO.util.Dom.getElementsByClassName('multiplesubmitform');
	if (multiForms.length) {
		YAHOO.util.Event.addListener(multiForms,'keypress',PAYPAL.util.captureEnter);
	}	
}
YAHOO.util.Event.addListener(window,'load',PAYPAL.util.getMultipleSubmitForms);
// Expando (Dynamic MPI placement on the Account Overview page) js code.

PAYPAL.namespace("accOverview.Expando");

PAYPAL.accOverview.Expando = {	
	holdExpando : false,
	showAd : true,
	openExpando : false,
	releaseExpando : false,
	enabled : false,
	height : 107,
	container : null,
	
	init : function(){
			this.container = document.getElementById("expandoOuter");
			this.expandoMove();
			this.expandoOn();
			YAHOO.util.Event.addListener(window, "scroll", PAYPAL.accOverview.Expando.expandoMove, PAYPAL.accOverview.Expando, true);
			YAHOO.util.Event.addListener(window, "resize", PAYPAL.accOverview.Expando.expandoMove, PAYPAL.accOverview.Expando, true);
			YAHOO.util.Event.addListener('expandoOuter', "mouseover", PAYPAL.accOverview.Expando.expandoHold, PAYPAL.accOverview.Expando, true);
			YAHOO.util.Event.addListener('expandoOuter', "mouseout", PAYPAL.accOverview.Expando.expandoRelease, PAYPAL.accOverview.Expando, true);
	},
	
	expandoMove : function(){
		var expandoHeight = this.container.offsetHeight;
		agt = navigator.userAgent.toLowerCase();
		if(document.documentElement){
			var intBtmPos = document.documentElement.clientHeight - this.container.offsetHeight;
			if ( agt.indexOf("safari") != -1 )
			{
				this.container.style.top = (intBtmPos +  self.pageYOffset ) + "px";
			}
			else {
				this.container.style.top = (intBtmPos + document.documentElement.scrollTop) + "px";
			}
		}
		else if(document.body){

			var intBtmPos = document.body.clientHeight - this.container.offsetHeight;
			this.container.style.top = (intBtmPos+document.body.scrollTop) + "px";
		}
		this.container.style.height = expandoHeight+"px";
	},

	
	animateOut : function(){
		var topPos = (parseInt(this.container.style.top) + this.height);
		var anim = new YAHOO.util.Anim('expandoOuter', { height: { to: 0 }, top: { to: topPos  } }, 1);
		anim.animate();
	},
	
	animateIn : function() {   
		var topPos = (parseInt(this.container.style.top) - this.height);
		this.container.style.display = "block";
		var anim = new YAHOO.util.Anim('expandoOuter', { height: { from: 0, to: 107 }, top: { to: topPos  } }, 1);
		anim.animate();
		YAHOO.util.Event.on(document, 'click', PAYPAL.accOverview.Expando.animateOut,  PAYPAL.accOverview.Expando, true);
	},
	
	expandoOn : function() {
		if(PAYPAL.accOverview.Expando.showAd){
			setTimeout(function(){
				PAYPAL.accOverview.Expando.animateIn();
			}, 750);	
			PAYPAL.accOverview.Expando.openExpando = true;
		}	
		
		setTimeout(function(){
			PAYPAL.accOverview.Expando.expandoOff();
			PAYPAL.accOverview.Expando.releaseExpando = true;
		}, 8000);
	},
	
	expandoOff : function()	{	
		if(PAYPAL.accOverview.Expando.openExpando && !PAYPAL.accOverview.Expando.holdExpando){	
			PAYPAL.accOverview.Expando.animateOut();
			PAYPAL.accOverview.Expando.openExpando = false;
		}
	},
	
	expandoHold : function() {
		PAYPAL.accOverview.Expando.holdExpando = true;
	},
	
	expandoRelease : function() {
		PAYPAL.accOverview.Expando.holdExpando = false;
		if(PAYPAL.accOverview.Expando.releaseExpando){
		    PAYPAL.accOverview.Expando.expandoOff();
		}
	}

};

/**
* Creates the standards card stack treatment for a collection of elements on the page.
*
* Your element must follow the standards card stack markup in order for this to work:
*
* 	<div class="cardstack">
*		<h2>Optional Cardstack Title</h2>
*
*		<div class="card top">
*			<div class="header">
*				<h3>Title Un</h3>
*			</div>
*			<div class="body">
*				<p>Blah blah blah. Card 1.</p>
*				<ul>
*					<li>blah</li>
*					<li>blah</li>
*				</ul>
*			</div>
*		</div>
*
*		<div class="card">
*			<div class="header">
*				<h3>Title Deux</h3>
*			</div>
*			<div class="body">
*				<p>Blah blah blah.</p>
*				<p>Card 2.</p>
*			</div>
*		</div>
*	</div>
*
* 	CLASS BREAKDOWN
*		+ "cardstack": This class should surround the entire stack
*		+ "card": Each 'card' in the stack needs to have this class
*		+ "top": Specifies which card should be selected by default (which one on top).
*		+ "header": The header and tab title.  Inside this <div> needs to be a single <h3> element.
*		+ "body": The content of the card.  This can contain any valid markup.
*
*/
PAYPAL.widget.CardStack = function(elem, config){
	
	// Is elem available?
	if(typeof elem == "object" || (typeof elem == "string" && document.getElementById(elem) != null)){
		this._init(elem, config);
	}
	
	// Init onAvailable
	else if(typeof elem == "string"){
		YAHOO.util.Event.onAvailable(elem, function(){
			this._init(elem, config);
		}, this, true);
	}
	
};

PAYPAL.widget.CardStack.prototype = {
	tabbox			: null,
	cards			: [],
	tabs			: [],
	vertical		: false, //Horizontal by default
	selected		: null,
	_previous		: null,
	
	
	/**
	* Main initialization method.  Sets event handlers and initial selection state.
	*/
	_init : function(elem, config) {
		var self = this;
		
		this.cards = [];
		this.tabs = [];
	
		// Is elem an ID or DOM node
		if(typeof elem == "string"){
			elem = document.getElementById(elem);
			
			if(elem == null){
				return false;
			}
		}
		if(YAHOO.util.Dom.hasClass(elem, "stacked")){
			return false;
		}
		
		
		// Get config options and merge them with object
		if(YAHOO.util.Dom.hasClass(elem, "vertical")){
			this.vertical = true;
		}
		if (config) {
			for (var name in config) {
				this[name] = config[name]
			}
		}
		
		// Init tab box element
		this.tabbox = elem;
		this.cards = YAHOO.util.Dom.getElementsByClassName("card", "div", this.tabbox);
		
		if(this.tabbox == null || this.cards.length == 0){
			return;
		}
		
		YAHOO.util.Dom.addClass(this.cards[0], "first");
		YAHOO.util.Dom.addClass(this.cards[this.cards.length - 1], "last");
		
		//Only add this class if vertical param is passed in
		if (this.vertical) {
			YAHOO.util.Dom.addClass(this.tabbox, "vertical");
			YAHOO.util.Dom.addClass(this.tabbox, "cardstackVertIE");
		}
		YAHOO.util.Dom.addClass(this.tabbox, "stacked");
		
		// Init each card
		var card, tab;
		for(var i = 0; i < this.cards.length; i++){
			card = this.cards[i];
			card._hn = null;
			card._children = [];
			
			// Make selected, if it already has selected class
			if(YAHOO.util.Dom.hasClass(card, "top")){
				if(this.selected == null){
					this.selected = card;
				}
				else{
					YAHOO.util.Dom.removeClass([card, card._tab], "top");
				}
			}
			else{
				YAHOO.util.Dom.addClass(card, "accessAid");
			}
			
			// Find and hide header
			var header = YAHOO.util.Dom.getElementsByClassName("header", "div", card);
			if(header.length > 0){
				var header = header[0];
				
				// Get <hn> tag
				var hn = header.getElementsByTagName("*");				
				for (var j = 0; j < hn.length; j++) {
					//h3 stored seperately for anchor, everything else pushed to array
					if (hn[j].nodeName == 'H3') {
						card._hn = hn[j];
					} else {
						card._children.push(hn[j]);
					}
				}				
			}
			
			// Find body
			var body = YAHOO.util.Dom.getElementsByClassName("body", "div", card);
			if(body.length > 0){
				body = body[0];
				card._body = body;
			}
			
		}
		
		// Create the <ol> for tabs
		if(this.cards.length > 0){
		
			// Create list
			var ol = document.createElement("ol");
			ol.className = "tabs";
			for(i = 0; i < this.cards.length; i++){
				var card = this.cards[i];
				
				// No <Hn> tag
				if(!card._hn){
					continue;
				}
			
				var li = document.createElement("li");
				var anchor = document.createElement("a");
				var id = card.id
				
				// Create unique ID
				if(!id){
					id = YAHOO.util.Dom.generateId(card, "autotab_");
				}
				
				anchor.href = "#"+ id;
				anchor.innerHTML = card._hn.innerHTML;
				YAHOO.util.Event.addListener(anchor, 'click', this.handleclick, this, true);
				YAHOO.util.Event.addListener(anchor, 'focus', this.handleclick, this, true);			
				li.appendChild(anchor);
				
				//Appending all the other elements in header if vertical tabs
				for (var k = 0; k < card._children.length; k++) {
					anchor.appendChild(card._children[k]);
				}				
				
				ol.appendChild(li);
				this.tabs[i] = li;
				this.tabs[i]._card = card;
				
				card._tab = li;
				li._card = card;
				anchor._tab = li;
				anchor._card = card;
			}
			YAHOO.util.Dom.addClass(ol.firstChild, "first");
			YAHOO.util.Dom.addClass(ol.lastChild, "last");
			
			this.cards[0].parentNode.insertBefore(ol, this.cards[0]);
		}
		
		this.showcard();		
	},
	
	/**
	* Handles a tab being clicked
	*/
	handleclick : function(evt) {
		evt = window.event || evt;
		YAHOO.util.Event.preventDefault(evt);
		var anchor = YAHOO.util.Event.getTarget(evt);
		
		// Remove the "focus" dotted border around the anchor
		if(evt.type == "click"){
			anchor.blur();
		}
		
		this.selected = anchor._card;
		this.showcard();
	},
	
	/**
	* Show a card in the stack, and hide the last one.
	*/
	showcard : function() {
	
		// No new selection
		if (!this.selected || this.selected == this._previous) {
			return true;
		}
		
		// Hide previous
		if (this._previous && this._previous != this.selected) {
			YAHOO.util.Dom.addClass(this._previous, "accessAid");
			YAHOO.util.Dom.removeClass([this._previous, this._previous._tab], "top");
			
			YAHOO.util.Dom.removeClass(this.tabs, "previous");
			YAHOO.util.Dom.removeClass(this.tabs, "next");
		}
		
		// Show new
		this._previous = this.selected;
		YAHOO.util.Dom.addClass([this.selected, this.selected._tab], "top");
		YAHOO.util.Dom.removeClass(this.selected, "accessAid");
		
		//If using vertical tabs set the "previous/next" class for tabs around selected
		if (this.vertical) {
			var tab = this.selected._tab;
			if(tab.previousSibling){
				YAHOO.util.Dom.addClass(tab.previousSibling, "previous");
			}
			if(tab.nextSibling){
				YAHOO.util.Dom.addClass(tab.nextSibling, "next");
			}
		}		
	}
};

// Initialize the cardstacks on the page
YAHOO.util.Event.addListener(window, "load", function(){
	var cardstacks = YAHOO.util.Dom.getElementsByClassName("cardstack", "div", document);
	for(var i = 0; i < cardstacks.length; i++){
		new PAYPAL.widget.CardStack(cardstacks[i]);
	}
});
YAHOO.util.Event.addListener(window,'load',PAYPAL.util.getMultipleSubmitForms);

/**
* Flash based tools
*/

PAYPAL.namespace("util");

/**
* Flash tools
*/
PAYPAL.util.Flash = {
	/**
	* Insert a flash video if supported or an image if not.
	* @param {String} flash The flash movie URL
	* @param {int} width The width of the flash movie
	* @param {int} height The height of the flash movie
	* @param {String|DomNode} target The element (or ID of the element) to place the flash movie in.
	* @param {Boolean} replace Set to TRUE to replace the target content.  If FALSE, it will append to target.
	* @param {int} minVer The minimum flash version supported for this movie
	* @param {String} id The ID to place on the object tag
	* @param {Boolean} useNonStandard Use a non-standard HTML rendering. This is for including the <embed> tag so that Mozilla will correctly reference the flash object. Requires Platform team approval.
	* @return {Object} A reference to the flash object that was output to the page
	*/
	insertFlash : function(flash, width, height, target, replace, minVer, id, useNonStandard, flashVars){
		
		// Get target
		if(typeof target == "string"){
			target = document.getElementById(target);
		}
		if(!target){
			return false;
		}
		
		// Doesn't match version requirement
		var ver = this.getVersion();
		if(ver == 0 || ver < parseInt(minVer)){
			return false;
		}		
		
		if (typeof id != 'string') {
			id = YAHOO.util.Dom.generateId('','flashmovie');
		}

		// Default use of non-standard HTML to false
		if (typeof useNonStandard != 'boolean') {
			useNonStandard = false;
		}
	
		// Create object
		var objectHtml = "";
		if(navigator.userAgent.match(/msie/i) != null || useNonStandard){
			objectHtml += '<object width="'+ width +'" height="'+ height +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="' + id + '">';
		}
		else {
			objectHtml += '<object width="'+ width +'" height="'+ height +'" data="'+ flash +'" type="application/x-shockwave-flash" id="' + id + '">';
		}
		
		// Parameters		
		objectHtml += '<param name="movie" value="'+ flash +'"></param>'+
						'<param name="wmode" value="transparent"></param>'+
						'<param name="quality" value="high"></param>'+
						'<param name="menu" value="false"></param>'+
						'<param name="allowScriptAccess" value="always"></param>';
		if(flashVars){
			objectHtml += '<param name="FlashVars" value="'+ flashVars +'"></param>';
		}
	
		// Embed tag
		if (useNonStandard) {
			objectHtml += '<embed src="'+flash+'" quality="high" width="'+width+'" height="'+height+'" name="'+id+'" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"'
			if(flashVars){
				objectHtml += ' flashvars="'+ flashVars +'"';
			}
			objectHtml += '>'
		}
		
		objectHtml += '</object>';
		
		if(replace){
			target.innerHTML = objectHtml;
		}
		else{
			target.innerHTML += objectHtml;
		}
		
		return this.getFlashMovieObject(id);
	},
	/**
	 * Returns an object reference to the Flash movie. This is necessary
	 * for any page that wants to communicate with the movie via script.
	 * @return {Object} Object reference to flash movie in DOM
	 */
	getFlashMovieObject : function(movieName) {
		try {
			if (document.embeds && document.embeds[movieName]) {
				return document.embeds[movieName];
			} else if (window.document[movieName]) {
				return window.document[movieName];
			}
		}
		catch (e) {
			return document.getElementById(movieName);
		}		 
	},
	
	/**
	* Gets the current major version of flash installed.
	* The minimum version this will find is 3.x.
	* @return {Number} Version number or zero if it cannot be detected.
	*/
	getVersion : function(){
		var flash;
		var i = 3;
		var ver = 0;
		
		// From navigator object
		if(navigator.plugins && navigator.mimeTypes.length){
			flash = navigator.plugins["Shockwave Flash"];
			if(flash){
				ver = parseInt(flash.description.replace(/[^0-9.]/g, ""));
			}
		}
		
		// Internet Explorer
		else{
			flash = true;
			while(flash){
				try{
					flash = new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+ i);
					ver = i;
					i++;
				}catch(e){
					break;
				}
			}
		}
		
		return ver;
	}
	
}

/**
 * History manager to allow back and forward navigation for Javascript interactions. 
 *
 * Usage: 
 *		PAYPAL.util.HistoryManager.init();
 *		PAYPAL.util.HistoryManager.add('name', function() {}, this);
 *
 * @author Jeff Harrell
 */

PAYPAL.util.HistoryManager = {

	historyStack: [],
	current: null,
	interval: null,
	iframeObj: null,
	iframeName: '_historyManager',
	
	
	/**
	 * Initializes the history manager and starts watching for changes
	 */
	init: function() {
		// IE won't populate/recognize history from fragments so use an iframe
		if (window.attachEvent && !window.opera) {
			if (!(this.iframeObj = document.getElementById(this.iframeName))) {
				this.iframeObj = document.createElement('iframe');
				this.iframeObj.setAttribute('id', this.iframeName);
				this.iframeObj.style.display = 'none';
			
				document.body.appendChild(this.iframeObj);

				// since we just created this iframe have it create it's inital history entry
				this.updateFragment('#');
				
				// force the callback if this is a bookmarked state
				if (window.location.hash) {
					this.updateState(window.location.hash.substr(1));
				}
			}
		}
		
		this.watch();
	},
	

	/**
	 * Polling function which runs the callback if the fragment has changed
	 *
	 * @private
	 */
	watch: function() {
		var fragment;
		var self = this;
		
		this.interval = window.setInterval(function() {
			if (self.iframeObj) {
				fragment = self.iframeObj.contentWindow.document.location.hash.substr(1);
			} else {
				fragment = window.location.hash.substr(1);
			}
			
			if (fragment != self.current) {
				self.updateState(fragment);
			} 
		}, 100);
	},



	/**
	 * A wrapper for code to be added as a new history state. If the namespace passed is
	 * "test" it will be the first state and the following will be "test-2", "test-3", etc.
	 *
	 * @param namespace {String}	The name of the history to add to 
	 * @param fn {Funtion}		A callback function for this state
	 * @param obj {Object}		An object which will be passed along as 'this' in the callback
	 */
	add: function(namespace, fn, obj) {
		// history added with no namespace is run when there is no fragment (usually the default state)
		namespace = namespace || this.iframeName;

		if (!this.historyStack[namespace]) this.historyStack[namespace] = [];
		
		var loc = this.historyStack[namespace].push({ 'obj' : obj, 'fn' : fn });
		var fragment = (loc > 1) ? namespace + '-' + loc : namespace;

		return fragment;
	},
	

	/**
	 * Similar to add(), but will also run the code as it parses it
	 *
	 * @param namespace {String}	The name of the history to add to 
	 * @param fn {Funtion}		A callback function for this state
	 * @param obj {Object}		An object which will be passed along as 'this' in the callback
	 */	
	addAndRun: function(namespace, fn, obj) {
		var fragment = this.add(namespace, fn, obj);
		this.updateFragment(fragment);
	},


	/**
	 * Updates the current fragment in the browser
	 *
	 * @param fragment {String}	The value of the URL fragment
	 * @private
	 */
	updateFragment: function(fragment) {
		if (!fragment) return;
		
		if (this.iframeObj) {
			this.iframeObj.contentWindow.document.open();
			this.iframeObj.contentWindow.document.close();
			this.iframeObj.contentWindow.document.location.hash = fragment;
			
			// IE causes an empty history state if the fragment is updated with the 
			// id of an object on the page; don't update the frament in this case.
			if (fragment != '#' && !document.getElementById(fragment)) {
				window.location.hash = fragment;
			}
		} else {
			window.location.hash = fragment;
		}
	},
	

	/**
	 * Parses the fragment and runs the callback
	 *
	 * @param fragment {String}	The value of the URL fragment
	 * @private
	 */
	updateState: function(fragment) {
		this.current = fragment;
		
		// pieces[0] is the namespace, pieces[1] is the index
		var pieces = fragment.split('-');
		// normalize the index number
		pieces[1] = (isNaN(pieces[1])) ? 0 : pieces[1] - 1;
		
		this.callback(pieces[0], pieces[1]);
		
	},


	/**
	 * Runs the function associated with the provided history location.
	 * If no namespace is passed then all default actions will be run.
	 *
	 * @param namespace {String}	The name of the history state
	 * @param loc {Integer}		The index in the parent namespace
	 * @private
	 */
	callback: function(namespace, loc) {			
		var states = [];
		
		// if the namespace is blank then call all of the blank history states
		if (namespace == '') {
			states = this.historyStack[this.iframeName];
		// otherwise call all of the history states for this namespace
		} else if (this.historyStack[namespace] && this.historyStack[namespace][loc]) {
			states.push(this.historyStack[namespace][loc]);
		}
		
		for (var x in states) {
			if (typeof states[x].fn == 'function') {
				states[x].fn.call(states[x].obj);
			}
		}
	}

}



/*
* Author: Bryan Spears <bspears@paypal.com>
* 
* Three things are needed to make this function work

* 1 - The div(s) you would like to hide need to have the class name 'hideShow' and a unique ID
* 2 - The links (anchor tags) to hide them need to have a href that is '#<ID of div to hide>'
* 		e.g. If the div has an ID of 'sillyDiv' then the href of the anchor to hide/show the div needs to be '#sillyDiv'
* 3 - If you want something other than the original link(s) to hide the div, 
*		lets say a cancel button or link, then give the canceling element(s) the class 'hideShow.' 
*  		This works as long as the element(s) is/are inside the div
* 
* Optional:
* 
* + If you'd like for the div to be open by default on page load, add the class "opened" to the divs class attribute. 
* 	e.g. class="hideShow opened"
* + If you'd like for the controlling anchor to be hidden while the div is open, add the class "opened" and 
*	some CSS like the following:
* 
* 		#myForm a.opened { position: absolute; top: 0; left: -999em; } 
* 
* 	The classname needs to be "opened" or else the JS can't hide/show it when the container is opened/closed
* 
* 
* 	EXAMPLE
* 	
* 	<a href="#test" class="opened">Control Link</a>
* 	<div id="test" class="hideShow opened">
* 		Blah blah blah, test box.
* 		<button type="submit">Button Submit</button>
* 		<a href="#" class="hideShow:closer">Cancel Link</a>
* 	</div>
* 
* 
* Depends on YAHOO.Dom, Yahoo.Event, and PAYPAL objects/namespaces
* 
*/

PAYPAL.widget.HideShow = {

	init: function() {
		var containers = YAHOO.util.Dom.getElementsByClassName("hideShow", "div");
		var links = new Array();
		var cancelButtons = new Array();
		
		// For each div with a class of "hideShow" we have some work to do
		for ( var i = 0; i < containers.length; i++ ) {
			var div = containers[i];
			
			// Hide the container first
			if ( !(YAHOO.util.Dom.hasClass(div, "opened")) ) {
				YAHOO.util.Dom.addClass(div, "accessAid");
			}
			
			// Get all links where the href is '#<ID of the div>'
			links = YAHOO.util.Dom.getElementsBy(function(elem){
				return (elem.getAttribute("href") == "#"+ div.id)
			}, "a");
			div.hideShowLinks = links;
			
			// We need to get all the objects to be used as "cancel buttons"
			cancelButtons = YAHOO.util.Dom.getElementsByClassName( "hideShow:closer", "*", div );
			
			// Setup links and closers
			for ( var j = 0; j < links.length; j++ ) {
				links[j].hideShowContainer = div;
				YAHOO.util.Event.addListener(links[j], 'click', this.toggleHideShow);
				
				// Is container opened
				if (YAHOO.util.Dom.hasClass(div, "opened")) {
					YAHOO.util.Dom.addClass(links[j], "opened");
				}
			}
			for ( var k = 0; k < cancelButtons.length; k++ ) {
				cancelButtons[k].hideShowContainer = div;
				YAHOO.util.Event.addListener(cancelButtons[k], 'click', this.toggleHideShow);
			}
		}
	},
	
	toggleHideShow : function(e) {
		YAHOO.util.Event.preventDefault(e);
		var anchor = this;
		var div = anchor.hideShowContainer;
		
		// Hide
		if ( YAHOO.util.Dom.hasClass(div, "opened") ) {
			YAHOO.util.Dom.addClass(div, "accessAid");
			YAHOO.util.Dom.removeClass(div, "opened");
			
			// Update links
			for ( var i = 0; i < div.hideShowLinks.length; i++ ) {
				YAHOO.util.Dom.removeClass(div.hideShowLinks[i], "opened");
			}
			
			// Change "submit" types to harmless disabled inputs and set element.wasSubmit=true
			var buttons = YAHOO.util.Dom.getElementsBy( function(elem) { 
				if(elem.type == "submit") {
					elem.disabled = true;
					elem.wasSubmit = true;
				}
				return false;
			}, "*", div);
		}
		// Show
		else {
			YAHOO.util.Dom.removeClass(div, "accessAid");
			YAHOO.util.Dom.addClass(div, "opened")
			
			// Update links
			for ( var i = 0; i < div.hideShowLinks.length; i++ ) {
				YAHOO.util.Dom.addClass(div.hideShowLinks[i], "opened");
			}
			
			// Change them buttons back to submits
			var buttons = YAHOO.util.Dom.getElementsBy( function(elem) { 
				if(elem.wasSubmit){
					buttons[i].disabled = false;
					buttons[i].wasSubmit = false;
				}
			}, "*", div);
		}
		return false;
	}
}

YAHOO.util.Event.addListener(window, "load", PAYPAL.widget.HideShow.init, PAYPAL.widget.HideShow, true)