$(document).ready(function() {
	
	var register_bg = $('#register_bg');
	var register = $('#register');
	var register_close = $('#reg_close');
	
	var width = $(window).width();
	var height = $(window).height();
	
	register_bg.css({
		'opacity': 0.6,
		'height': height,
		'width': width
	});
	
	$('.register').click(function() {
		var position = register.offset();
		var scroll = 0; // $(window).scrollTop()
		
		var left = (width/2)-359;
		var top = ((height/2)-186) + scroll;
		register_bg.fadeIn();
		register.fadeIn();
		register.css('top',top);
		register.css('left',left);
		return false;
	});
	
	register_bg.click(function() {
		register_bg.fadeOut();
		register.fadeOut();
		return false;
	});
	
	register_close.click(function() {
		register_bg.fadeOut();
		register.fadeOut();
		return false;
	});
	
	var inputs = $('#username, #password');
	inputs.each(function() {
		var $this = $(this);
		var value = $this.val();
		$this.attr('title', value);
	});
	
	inputs.focus(function() {
		var $this = $(this);
		if($this.val() == $this.attr('title')) {
			$this.val('');
		}
	});
	inputs.blur(function() {
		var $this = $(this);
		if($this.val() == '') {
			$this.val($this.attr('title'));
		}
	});
});