$().ready(function() {



		$(window).scroll(function(){
			if($('#content_box_wrapper').height()<$(window).height()){
				$('#content_box_wrapper').center();
			}
		});

		$(window).resize(function() {
			if($('#content_box_wrapper').height()<$(window).height()){
			$('#content_box_wrapper').center();
		   }
		});

		
		
		
		$('#reg_btn').click(function() {
		$("#content_box").addClass('show_content_box');
		var body_obj_height=$('body').height()+"px";
		$('.show_content_box').css("height",body_obj_height);
		$('#content_box_wrapper').center();
		$('#content_box').animate({
							opacity: 1
						  }, 500, function() {
							// Animation complete.
						  });
		return false;
		});
		
		$('#reg_close_btn').click(function() {
		$('#content_box').animate({
							opacity: 0
						  }, 500, function() {
							$("#content_box").removeClass('show_content_box');
						  });
		return false;
		});

		$('#content_box').mousedown(function(e) {
				var mouse_x=e.pageX;
				var mouse_y=e.pageY;

				var object=$('#content_box_wrapper');
				if(object.length > 0){
					if(!chech_area(object,mouse_x,mouse_y)){
						$('#reg_close_btn').trigger('click');
					}
				}
				
		});
		
		//$('#reg_btn').trigger('click');
		if(window.location.hash=='#register')
		{
			$('#reg_btn').trigger('click');
		}
		
		
});

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
    return this;
}


		function chech_area(object,mouse_x,mouse_y)
		{
				var margin_top = object.css("margin-top");
				margin_top=parseInt(margin_top);
				var margin_left = object.css("margin-left");
				
				var padding_top = object.css("padding-top");
				padding_top=parseInt(padding_top);
				var padding_bottom = object.css("padding-bottom");
				padding_bottom=parseInt(padding_bottom);
				
				var padding_left = object.css("padding-left");
				margin_left=parseInt(margin_left);
				padding_left=parseInt(padding_left);
				
				var position = object.position();
				var obj_x_1=position.left+margin_left;
				var obj_x_2=obj_x_1+object.width();
				var obj_y_1=position.top+margin_top;
				var obj_y_2=obj_y_1+object.height()+padding_top+padding_bottom;
				
				var x_between;
				var y_between;
				
				if(mouse_x>=obj_x_1 && mouse_x<=obj_x_2){
					x_between=true;
				}else{
					x_between=false;
				}
				
				if(mouse_y>=obj_y_1 && mouse_y<=obj_y_2){
					y_between=true;
				}else{
					y_between=false;
				}
				
				if(x_between==true && y_between==true){
					return true;
				}else{
					return false;
				}
		}