var Star;
if (!Star) Star = {};
if (!Star.Widget) Star.Widget = {};
Star.Widget.portalLogin = function(list,targetDiv){
	this.loginList = this.getElement(list);
	this.output = this.getElement(targetDiv);
	this.attachEventListiner(this.loginList);
	this.setDefaultList();
}
Star.Widget.portalLogin.prototype.getElement= function (ele){
	if (ele && typeof ele == "string")//if passed id as a string get object otherwise just returns object
		return document.getElementById(ele);
	return ele;
}
Star.Widget.portalLogin.prototype.getOptions = function(e){
	var selectedOption = this.loginList.selectedIndex;
	var selectedOptionValue = this.loginList[selectedOption].value;
	this.writeLoginOptions(selectedOptionValue);
}
Star.Widget.portalLogin.prototype.setDefaultList = function (){
	var selectedOption = this.loginList.selectedIndex;
	var selectedOptionValue = this.loginList[selectedOption].value;
	this.writeLoginOptions(selectedOptionValue);
}
Star.Widget.portalLogin.addEventListener = function(element, eventType, handler, capture)
{
	try
	{
		if (element.addEventListener)
			element.addEventListener(eventType, handler, capture);
		else if (element.attachEvent)
			element.attachEvent("on" + eventType, handler);
	}
	catch (e) {}
}
Star.Widget.portalLogin.prototype.attachEventListiner = function(ele){
	var self = this;
	Star.Widget.portalLogin.addEventListener(ele, "change", function(e) { self.getOptions(e); }, false);	
}
Star.Widget.portalLogin.prototype.writeLoginOptions = function(plan){
	var listName = plan;
	this.output.innerHTML = plan;
	switch(plan){
		case 'sbc':
			var listHTML = '<ul><li><a href="https://enroll.starenrollment.com" target="_blank">Enroll Online</a></li><li><a href="/member_portal_jump.aspx" target="_blank">Member Login</a></li><li><a href="/member_portal_jump.aspx" target="_blank">Administrator Login</a></li></ul>';
			break;
		case 'fc':
			var listHTML = '<ul><li><a href="/member_portal_jump.aspx" target="_blank">Member Login</a></li><li><a href="/member_portal_jump.aspx" target="_blank">Administrator Login</a></li></ul>';
			break;
		case 'sbs':
			var listHTML = '<ul><li><a href="https://enroll.starenrollment.com" target="_blank">Enroll Online</a></li><li><a href="/member_portal_jump.aspx" target="_blank">Member Login</a></li><li><a href="https://admin.starenrollment.com/portal/server.pt" target="_blank">Administrator Login</a></li></ul>';
			break;
		case 'sb':
			var listHTML = '<ul><li><a href="/member_portal_jump.aspx" target="_blank">Member Login</a></li><li><a href="https://starbridge.starenrollment.com/portal/server.pt" target="_blank">Administrator Login</a></li></ul>';
			break;
		case 'cs':
			var listHTML = '<ul><li><a href="https://enroll.starenrollment.com" target="_blank">Enroll Online</a></li><li><a href="/member_portal_jump.aspx" target="_blank">Member Login</a></li><li><a href="https://crew.starenrollment.com/portal/server.pt" target="_blank">Administrator Login</a></li></ul>';
			break;
		case 'ta':
			var listHTML = '<ul><li><a href="/member_portal_jump.aspx" target="_blank">Member Login</a></li></ul>';
			break;
		default:
			var listHTML = '<p>Choose your plan and select an option to login to your account or enroll online.</p>';
			break;
	}
	this.output.innerHTML = listHTML;
}