$(document).ready(function(){
	
	var lightBox = createLightBoxStructure();
	
	$('a#car-land-terms').click(function(){
		showLightBox(lightBox, 'carsLandTermCondition.html');
		return false;
	});
	
	$('a#rcc-terms').click(function(){
		showLightBox(lightBox, 'rccTermCondition.html');
		return false;
	});
	
	$('a#privacy_policy').click(function(){
		showLightBox(lightBox, 'privacyPolicy.html');
		return false;
	});
	
	$('a#contact_us').click(function(){
		showLightBox(lightBox, 'contactUs.html');
		return false;
	});
	
	$('a#qes_capcha').click(function(){
		showLightBox(lightBox, 'captchaInfo.html');
		return false;
	});
	
	$('a#form_tc').click(function(){
		var promotionId = $('#promotion\\.promotionId').val();
		var rcc = 1;
		
		if (promotionId == rcc) {
			showLightBox(lightBox, 'rccTermCondition.html');
		}
		else {
			showLightBox(lightBox, 'carsLandTermCondition.html');
		}
		
		return false;
	});
});



function createLightBoxStructure() {
	var structure = $('<div>' +
					'<div id="overlay"></div>' +
					'<div id="lightbox">' +
						'<div id="lightbox-content">' +
						'</div>' +
						'<div id="btn-close">[x] close</div>' +
					'</div>' +
					'</div>');
	
	return structure.appendTo($('body'));
}


function showLightBox(lightBox, page) {
	var overlay = lightBox.find('#overlay');
	var content = lightBox.find('#lightbox-content');
	var box = lightBox.find('#lightbox');
	
	loadContent(content, page, function() {
		showOverlay(overlay);
		showLightBoxContent(box);
	});	
	
	removeLightBoxOnClose(lightBox);
}




/* private functions */

function loadContent(content, page, success) {
	content.load(page, function(){
		success();
	});
}

function showOverlay(overlay) {
	overlay.css({
			'display': 'block',
			'opacity': '0',
			'background':'#000'
		})
		.animate({'opacity': '0.7'}, 'slow');
}

function showLightBoxContent(box) {
	var top = ($(window).height() - $('#lightbox').height()) / 2;
	var left = ($(window).width() - $('#lightbox').width()) / 2;
	
	box.css({
			'top': top,
			'left': left
		})
		.fadeIn();
}

function removeLightBoxOnClose(lightBox) {
	var closeBtn = lightBox.find('#btn-close');
	
	closeBtn.click(function(){
		lightBox.find('#overlay, #lightbox').fadeOut('slow', function(){
			$(this).hide();
		})
	});
	
}