// JavaScript Document

var modalBGColor="#000000";
var modalBGOpacity=.8;
var modalBoxBGColor="#ffffff";
var modalBoxBGOpacity="1";
var modalBoxWidth=500;
var modalBoxHeight=400;
var modalBGFadeSpeed=1;
var modalBoxFadeSpeed=1;
var modalBoxFadeDelay=1;
var modalBoxCloseBtn="images/modalBoxCloseBtn.png";
var modalBoxCloseBtnWidth=1;
var modalBoxCloseBtnHeight=1;
var modalBoxCloseBtnOffsetX=-10;
var modalBoxCloseBtnOffsetY=-10;

function openModal(pathToContent){
	$('#modalContent').html('');
	$('#modalContent').load(pathToContent);
	$('#modalContent').ajaxComplete(function(e,xhr,settings){
  		//alert(settings.url);
  		//alert(xhr.responseText);
  		//alert(xhr.responseHTML);
  		var modalContentHeight=$('#modalCC').height();
  		var modalContentWidth=$('#modalCC').width();
  		modalBoxWidth=modalContentWidth;
  		modalBoxHeight=modalContentHeight;
  		$('#modalBox').width(modalBoxWidth+'px');
		$('#modalBox').height(modalBoxHeight+'px');
		$('#modalCloseBtn').css({'position':'absolute','top':modalBoxCloseBtnOffsetY,'right':modalBoxCloseBtnOffsetX,'cursor':'pointer'});
		$('#modalCloseBtn').width(modalBoxCloseBtnWidth+'px');
		$('#modalCloseBtn').height(modalBoxCloseBtnHeight+'px');
		//size
		var h=$(window).height();
		var w=$(window).width();
		$('#modal').width(w);
		$('#modal').height(h);
		//set background
		$('#modalBG').width(w);
		$('#modalBG').height(h);
		//set modal box
		$('#modalBox').css('left',(w/2)-($('#modalBox').width()/2)+'px');
		$('#modalBox').css('top',(h/2)-($('#modalBox').height()/2)+'px');
	});
	$('#modal').fadeIn(modalBGFadeSpeed*1000);
	$('#modalBox').delay(modalBoxFadeDelay*1000).fadeIn(modalBoxFadeSpeed*1000);
}
$(document).ready(function(){
	function init(){
		buildModal();
		setWindowChangeListener();
		setWindowSize();
	}
	function setup(){
	}
	function animate(){
		mouseComands();
	}
	function mouseComands(){
		$('#modalCloseBtn').click(closeModal);
		$('#modalBG').click(closeModal);
	}
	function buildModal(){
		$('body').append('<div id="modal"><div id="modalBG"></div><div id="modalBox"><div id="modalContent"></div><div id="modalCloseBtn"><img src="'+modalBoxCloseBtn+'" border="0" alt="Close" /></div></div></div>');
		
		//set modal
		$('#modal').css({'position':'absolute','top':'0px','left':'0px'});
		
		//set background color and opacity
		$('#modalBG').css({'background-color':modalBGColor,'opacity':modalBGOpacity,'position':'absolute','top':'0px','left':'0px'});
		
		//set modal color and opacity width height and drop shadow
		$('#modalBox').css({'background-color':modalBoxBGColor,'opacity':modalBoxBGOpacity,'position':'absolute','top':'0px','left':'0px'});
		$('#modalBox').width(modalBoxWidth+'px');
		$('#modalBox').height(modalBoxHeight+'px');
		
		//set close btn position
		$('#modalCloseBtn').css({'position':'absolute','top':modalBoxCloseBtnOffsetY,'right':modalBoxCloseBtnOffsetX,'cursor':'pointer'});		
		
		//set intitial opacity
		$('#modal').hide();
		$('#modalBox').hide();
	}
	function setPosition(w,h){
		//set modal
		$('#modal').width(w);
		$('#modal').height(h);
		//set background
		$('#modalBG').width(w);
		$('#modalBG').height(h);
		//set modal box
		$('#modalBox').css('left',(w/2)-($('#modalBox').width()/2)+'px');
		$('#modalBox').css('top',(h/2)-($('#modalBox').height()/2)+'px');
	}
	function setWindowChangeListener(){
		$(window).resize(function(){
			setWindowSize();
		});
	}
	function setWindowSize(){
		var h=$(window).height();
		var w=$(window).width();
		setPosition(w,h);
	}
	function closeModal(){
		$('#modalBox').fadeOut(modalBoxFadeSpeed*1000);
		$('#modal').delay(modalBoxFadeDelay*1000).fadeOut(modalBGFadeSpeed*1000);
	}
	setTimeout(init,100);
	setTimeout(setup,100);
	setTimeout(animate,100);
	
});