var global_duration = 500;
$(function() {
	var duration = 500;
	
        $('.register-pop-up:not(.inline-popup)').each(function(index, item) {
		$('body').append($(item));
		$(item).css({
			'margin-top': - (($(item).height() + parseInt($(item).css('padding-top')) + parseInt($(item).css('padding-bottom'))) / 2),
			'margin-left': - (($(item).width() + parseInt($(item).css('padding-left')) + parseInt($(item).css('padding-right'))) / 2)
		});
		$('.shadow-box').append($(item));
		$(item).css({
			top: '50%',
			left: '50%',
			display: 'none'
		});
	});

	$('.create-an-account-link').click(function(e) {
		e.preventDefault();
		$('.shadow-box').fadeIn(duration);
		showLightBox('register1');
	});
        
        $('.create-an-expert-account-link').click(function(e) {
		e.preventDefault();
		$('.shadow-box').fadeIn(duration);
		$("#reg_type").val('expert');
		showLightBox('register2');
	});
	
	$('.register-pop-up .small-business, .register-pop-up .expert').click(function(e) {
            e.preventDefault();            
            $('#register1').fadeOut(duration);
			$('#register1').css({
				top: '-9999px'
			});
            if($(this).hasClass('expert')){
                $("#reg_type").val('expert');
                showLightBox('wizard_mini_profile');
            } else {
                $("#reg_type").val('user');
                showLightBox('register2');
            }            
	});
	
	
	$('.register-pop-up:not(.inline-popup) .close').click(function(e) {
		e.preventDefault();
		$('.shadow-box').fadeOut(duration);
		$('.shadow-box > div').fadeOut(duration).css({
			top: '-9999px'
		});
		
		
	});
});

function showLightBox(div_id){
    $('.shadow-box').fadeIn(global_duration);
	var scrollCoordinates = $(window).scrollTop();
	var windowHeight = $(window).height();
    $("#"+div_id).css({
            top: scrollCoordinates + windowHeight / 2,
            left: '50%',
    });
    $("#"+div_id).fadeIn(global_duration);
}

function hideLightBox(div_id){
    $('.shadow-box').fadeOut(global_duration);
    $("#"+div_id).fadeOut(global_duration);
    $("#"+div_id).css({
            top: '-9999px'
    });
}