var HowDoing = function() {
	var me = this;
	me.alphaLayer = $('.chbriggs-doingAlpha').appendTo($('body'));
	$('.chbriggs-doingWindow').appendTo($('body')); 

	$('.howDoing').each(function() {
		
		$(this).bind('click', {ss: me}, me.open);
	});
	
	$('#chbriggs-doingClose').each(function() {
		$(this).bind('click', {ss: me}, me.close);
	});
	
	
	$(window).resize(function() {
		me.resizeAlpha();
	});
	
	me.resizeAlpha();
}
HowDoing.prototype = {
	open: function(event) {
		event.preventDefault();
		var ss = event.data['ss'];
		var thisWindow = $($('.chbriggs-doingWindow').get());

		ss.alphaLayer.show();
		ss.center(thisWindow);
		thisWindow.show();
	},

	close: function(event) {
		event.preventDefault();
		var ss = event.data['ss'];
		var thisWindow = $($('.chbriggs-doingWindow').get());
		
		ss.alphaLayer.hide();
		thisWindow.hide();
	},
	
	
	resizeAlpha: function() {
		var me = this;
		this.alphaLayer.css('height', $(window).height() + 'px');
		this.alphaLayer.css('width', $(window).width() + 'px');
		
		$('.chbriggs-doingWindow').each(function() {
			me.center($(this));
		});
	},
	
	center: function(element) {
		var offset = ($(window).width() - element.outerWidth()) / 2;
		var scrollPosition = ($(window).scrollTop() + 10); 

		element.css('left', offset + 'px');
		element.css('top', scrollPosition + 'px');
	}
}

$(document).ready(function() {
	new HowDoing();
});