/*
//
// Modal dialog display
// ---------------------------------------------------------------------
//
//  Requires jquery
//
// ---------------------------------------------------------------------
// Copyright (c) 2011 - 2012 Revel Outdoors Ltd.
// ---------------------------------------------------------------------
//

*/

$(document).ready(function() {  
 
	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		var noCancel = ($(this).attr('noCancel') == 'true');
		
		showModal(id, noCancel);
	 
	});
	 
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		$('#mask, .window').hide();
	});     
	 
	//if mask is clicked
	$('#mask').click(function () {
		if($('#mask').attr('noCancel') != 'true')
		{
			$(this).hide();
			$('.window').hide();
		}
	});    
	
});

function showModal(id, noCancel)
{
	//Get the screen height and width
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	
	//Set height and width to mask to fill up the whole screen
	$('#mask').css({'width':maskWidth,'height':maskHeight});
	if (noCancel)
		$('#mask').attr('noCancel', 'true');
	else
		$('#mask').attr('noCancel', 'false');
	 
	//transition effect     
	$('#mask').fadeIn(100);    
	$('#mask').fadeTo("fast",0.8);  
	
	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();
		   
	//Set the popup window to center
	if (arguments[2])
		$(id).css('top', arguments[2]);
	else
		$(id).css('top',  winH/2-$(id).height()/2);
	$(id).css('left', winW/2-$(id).width()/2);
	
	//transition effect
	$(id).fadeIn(100); 
}