// JavaScript Document

MemberCard = Class.create({
		initialize: function ()
		{
			// vars
			this.card = null;
			this.minimised = true;
			
			document.observe("dom:loaded", this.handleDomLoaded.bind(this));
		},
		handleDomLoaded: function (evt)
		{
			this.card = $('MemberCard');
			this.info = $('MemberInfo');
			
			this.addEventListeners();
		},
		addEventListeners: function ()
		{
			if(this.info != null)
				this.info.observe("click", this.handleClick.bind(this));
		},
		handleClick: function (evt)
		{
			if(this.minimised) {
				this.maximize();
			}
			else {
				this.minimize();
			}
		},
		minimize: function ()
		{
			if(!this.minimised) {
				this.card.removeClassName("absolute");
				this.card.addClassName("mini");
				
				$("MemberName").style.marginTop = Number.toCssString(10);
				$("MemberName").style.marginLeft = Number.toCssString(15);
				
				this.minimised = true;
			}
		},
		maximize: function ()
		{
			if(this.minimised) {
				var x = this.card.offsetLeft;
				var y = this.card.offsetTop - 15;
				
				this.card.addClassName("absolute");
				this.card.removeClassName("mini");

				$("MemberName").style.marginTop = Number.toCssString(30);
				$("MemberName").style.marginLeft = Number.toCssString(50);

				this.minimised = false;
			}
		}
	})

memCard = new MemberCard();