YAHOO.namespace("CLWRBuyProcess");			// Used for all future yui panels
	
/* For IE; fixes issue where not all yui panels are loaded before they are referenced */
/* i.e. auto load sso login yui panel w/ error message after failed login attempt */
function sso_render() {
	if (!YAHOO.CLWRBuyProcess.clearMediaLogin) {
		YAHOO.CLWRBuyProcess.clearMediaLogin = new YAHOO.widget.Panel("clearMediaLogin", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}	
}

/* For IE; fixes issue where not all yui panels are loaded before they are referenced */
/* i.e. auto load confirm purchase yui panel after hitting buy, but not logged in */
function purchase_render() {
	if (!YAHOO.CLWRBuyProcess.songPurchaseConf) {
			YAHOO.CLWRBuyProcess.songPurchaseConf = new YAHOO.widget.Panel("songPurchaseConf", 
			{ 
				effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
				fixedcenter:true,
				constraintoviewport:true,
				underlay:"shadow",
				close:false,
				visible:false,
				draggable:false, 
				modal:true,
				width:"390px"
			} );	
		//origConfCode=document.getElementById('songPurchaseConf').innerHTML;			
	}
}

/* For IE; fixes issue where not all yui panels are loaded before they are referenced */
/* i.e. auto load existing clearwire signup yui panel after failed login attempt w/ valid clearwire login*/
function cwSignUp_render() {
	if (!YAHOO.CLWRBuyProcess.clearMediaLogin) {
		YAHOO.CLWRBuyProcess.clearMediaLogin = new YAHOO.widget.Panel("clearMediaLogin", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}	
	if (!YAHOO.CLWRBuyProcess.clearMediaCurrentSubscriberLogin) {
		YAHOO.CLWRBuyProcess.clearMediaCurrentSubscriberLogin = new YAHOO.widget.Panel("clearMediaCurrentSubscriberLogin", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );	
	}

	if (!YAHOO.CLWRBuyProcess.clearWireSignUp2) {
		YAHOO.CLWRBuyProcess.clearWireSignUp2 = new YAHOO.widget.Panel("clearWireSignUp2", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:false,
			constraintoviewport:false,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			iframe:true,
			width:"390px"
		} );
	}
}

/* For IE; fixes issue where not all yui panels are loaded before they are referenced */
/* i.e. after auto email link attempting during sign up, display thank you panel with success/fail message */
function thankYou_render() {
	if (!YAHOO.CLWRBuyProcess.clearMediaLogin) {
		YAHOO.CLWRBuyProcess.clearMediaLogin = new YAHOO.widget.Panel("clearMediaLogin", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}	
	if (!YAHOO.CLWRBuyProcess.clearMediaThankYou) {
		YAHOO.CLWRBuyProcess.clearMediaThankYou = new YAHOO.widget.Panel("clearMediaThankYou", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}
}

/* yui panel declarations on page load */	
function purchase_init(){
	/* have to check if already exists due to sso_render() method above. */
	/* creating it twice causes overlay problem */
	if (!YAHOO.CLWRBuyProcess.clearMediaLogin) {
		YAHOO.CLWRBuyProcess.clearMediaLogin = new YAHOO.widget.Panel("clearMediaLogin", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}

	YAHOO.CLWRBuyProcess.clearMediaSignUp1 = new YAHOO.widget.Panel("clearMediaSignUp1", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:true,
		constraintoviewport:true,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		iframe:true,
		width:"390px"
	} );

	YAHOO.CLWRBuyProcess.clearMediaSignUp2 = new YAHOO.widget.Panel("clearMediaSignUp2", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:false,
		constraintoviewport:false,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		iframe:true,
		width:"390px"
	} );

	if (!YAHOO.CLWRBuyProcess.clearWireSignUp2) {		
		YAHOO.CLWRBuyProcess.clearWireSignUp2 = new YAHOO.widget.Panel("clearWireSignUp2", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:false,
			constraintoviewport:false,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			iframe:true,
			width:"390px"
		} );
	}

	if (!YAHOO.CLWRBuyProcess.clearMediaCurrentSubscriberLogin) {
		YAHOO.CLWRBuyProcess.clearMediaCurrentSubscriberLogin = new YAHOO.widget.Panel("clearMediaCurrentSubscriberLogin", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}

	if (!YAHOO.CLWRBuyProcess.clearMediaThankYou) {
		YAHOO.CLWRBuyProcess.clearMediaThankYou = new YAHOO.widget.Panel("clearMediaThankYou", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}

	YAHOO.CLWRBuyProcess.clearMediaBilling = new YAHOO.widget.Panel("clearMediaBilling", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:false,
		constraintoviewport:false,			
		xy:[0,50],
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		iframe:true,
		width:"390px"
	} );

	YAHOO.CLWRBuyProcess.clearMediaCCInfo = new YAHOO.widget.Panel("clearMediaCCInfo", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:false,
		constraintoviewport:false,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		iframe:true,
		width:"390px"
	} );

	/* have to check if already exists due to purchase_render() method above. */
	/* creating it twice causes overlay problem */
	if (!YAHOO.CLWRBuyProcess.songPurchaseConf) {
		YAHOO.CLWRBuyProcess.songPurchaseConf = new YAHOO.widget.Panel("songPurchaseConf", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}
		
	YAHOO.CLWRBuyProcess.confText = new YAHOO.widget.Panel("confText", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:true,
		constraintoviewport:true,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		width:"390px"
	} );
		
	YAHOO.CLWRBuyProcess.forgotPass = new YAHOO.widget.Panel("forgotPass", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:true,
		constraintoviewport:true,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		width:"390px"
	} );
			
	YAHOO.CLWRBuyProcess.passOptions = new YAHOO.widget.Panel("passOptions", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:true,
		constraintoviewport:true,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		width:"390px"
	} );
	
	YAHOO.CLWRBuyProcess.confirmDOB = new YAHOO.widget.Panel("confirmDOB", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:true,
		constraintoviewport:true,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		width:"390px"
	} );	
	
	YAHOO.CLWRBuyProcess.forgotPassSecurityQuestion = new YAHOO.widget.Panel("forgotPassSecurityQuestion", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:true,
		constraintoviewport:true,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		width:"390px"
	} );	
	
	YAHOO.CLWRBuyProcess.newPassword = new YAHOO.widget.Panel("newPassword", 
	{ 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
		fixedcenter:true,
		constraintoviewport:true,
		underlay:"shadow",
		close:false,
		visible:false,
		draggable:false, 
		modal:true,
		width:"390px"
	} );	
	
	if (!YAHOO.CLWRBuyProcess.changeDiv) {
		YAHOO.CLWRBuyProcess.changeDiv = new YAHOO.widget.Panel("changeDiv", 
		{ 
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45}, 
			fixedcenter:true,
			constraintoviewport:true,
			underlay:"shadow",
			close:false,
			visible:false,
			draggable:false, 
			modal:true,
			width:"390px"
		} );
	}
	
			
	//tooltip for login
	YAHOO.CLWRBuyProcess.loginRemember = new YAHOO.widget.Overlay("loginRemember", { xy:[850,300], visible:false, width:"100px", constraintoviewport:false } ); 
	YAHOO.CLWRBuyProcess.loginRemember.setHeader("<div style='background:#FFFFFF;color::#000000;border:1px solid #0000FF'>Selecting this option will display your username, but not your password, the next time you visit.</div>");
	YAHOO.CLWRBuyProcess.loginRemember.render(document.body); 
	
	YAHOO.util.Event.addListener("loginRemText", "mouseover", YAHOO.CLWRBuyProcess.loginRemember.show, YAHOO.CLWRBuyProcess.loginRemember, true); 
	YAHOO.util.Event.addListener("loginRemText", "mouseout", YAHOO.CLWRBuyProcess.loginRemember.hide, YAHOO.CLWRBuyProcess.loginRemember, true); 

	//origConfCode=document.getElementById('songPurchaseConf').innerHTML;
};
	
function closePanel(panelId) {
	eval('YAHOO.CLWRBuyProcess.' + panelId + '.hide()');
	YAHOO.CLWRBuyProcess.clearMediaCCInfo.hide();
	clearForms();
};
	
function centerPanel(panelId) {
	eval('YAHOO.CLWRBuyProcess.' + panelId + '.center()');		// Use YUI's center() function to center panel. Was causing problems with iframe underlay for IE6
}

/* Submit login request on enter click if focus is on one of those form fields */	
function submitenter(myfield,e) {
	var keycode;
	if (window.event) { 
		keycode = window.event.keyCode;		
	} else if (e) {
		keycode = e.which;
	} else {
		return true;
	}	
	
	if (keycode == 13) {
		ssoLoginValidation(document.clearMediaLoginForm);
		return false;
	} else {
		return true;
	}	
}

function submitEnterPromo(myfield,e){
var keycode;
	if (window.event) { 
		keycode = window.event.keyCode;		
	} else if (e) {
		keycode = e.which;
	} else {
		return true;
	}		
	if (keycode == 13) {
		validatePromoCodeValidation(document.getElementById('validatePromoCodeForm'));
		return false;
	} else {
		return true;
	}	
}
function submitEnterPassQuestion(myfield,e){
var keycode;
	if (window.event) { 
		keycode = window.event.keyCode;		
	} else if (e) {
		keycode = e.which;
	} else {
		return true;
	}		
	if (keycode == 13) {
		var formObject = document.getElementById("forgotPassQuestionForm");
		verifySecurityAnswerValidation(formObject);
		return false;
	} else {
		return true;
	}
}

	
function submitForgotPass(myfield,e) {
	var keycode;
	if (window.event) keycode = window.event.keyCode;
	else if (e) keycode = e.which;
	else return true;
	
	if (keycode == 13) {
		var formObject = document.getElementById("forgotPassForm");	
		verifyForgotPassUsername(formObject);;
		return false;
	} else
		return true;
}

function submitNewPassword(myfield,e) {
	var keycode;
	if (window.event) keycode = window.event.keyCode;
	else if (e) keycode = e.which;
	else return true;
	
	if (keycode == 13) {
		newPasswordValidation(document.getElementById("newPasswordForm"));
		return false;
	} else
		return true;
}
	
function showHide2(dropdown) {
	if(document.getElementById(dropdown).style.display == 'none') {
		document.getElementById(dropdown).style.display = 'block';
	} else if(document.getElementById(dropdown).style.display == 'block') {
		document.getElementById(dropdown).style.display = 'none';
	}
}	

/* automatically call load purchase_init() on page load */	
YAHOO.util.Event.addListener(window, "load", purchase_init);