$(document).ready(function() {
    //MODAL WINDOW
    var i;
	var ct;
    var scrollPosition;

    $('.modalWindowBtn').click(function(event) {

        i = $(this).attr('id');
        i = i.replace('modalWindowBtn','');
		ct = $(this).attr('content');
		openModalWindow(i,ct);
		

		
function openModalWindow(i,ct) {
                   
        //DISABLE PAGE SCROLLING
         $('html').css({
            'overflow': 'hidden',
            'margin-top':-$(window).scrollTop()+'px'
         });
       
        //SET OVERLAY TO FILL SCREEN
        scrollPosition = parseInt( $('html').css('margin-top').replace('-','') );

        $('#modalWindowOverlay').css({
            'top':$(document.body).scrollTop(),
            'width':$(window).width(),
            'height':$(window).height(),
			opacity: 0.75
        })
       
        //SET MODAL DIMENSIONS
        $('.modalWindowWrapper').css({
            'height' : $('#modalWindowContent'+i).attr('data-modalHeight') + 'px',
            'width' : $('#modalWindowContent'+i).attr('data-modalWidth') + 'px',
            'margin-top' : '-' + ( $('#modalWindowContent'+i).attr('data-modalHeight') / 2 ) + 'px',
            'margin-left' : '-' + ( $('#modalWindowContent'+i).attr('data-modalWidth') / 2 ) + 'px',
            'top':$(document.body).scrollTop() + ($('#modalWindowOverlay').height() / 2 )
        });
       
        //SET MODAL iFRAME DIMENSIONS                           
        $('.modalWindowContent, .modalWindowContent iframe').css({
            'height' : ( $('#modalWindowContent'+i).attr('data-modalHeight') - parseInt( $('.modalWindowContent').css('padding-top') )  - parseInt( $('.modalWindowContent').css('padding-bottom') ) - parseInt( $('.modalTitle').css('height') )) + 'px',
            'width' : ( $('#modalWindowContent'+i).attr('data-modalWidth') - ( parseInt( $('.modalWindowContent').css('padding-left') )  + parseInt( $('.modalWindowContent').css('padding-right') ) ) ) + 'px'
        });
           
           
// reset iframe content once registered
	
		$('#modalWindowContent'+i+' iframe').attr('src', ct);
	
		
	//SHOW MODAL WINDOW
	$('#modalWindowOverlay').fadeIn();
	$('#modalWindowContent'+i).fadeIn();
}
	
	
});

    //CLOSE MODAL WINDOW
    $('.modalClose, #modalWindowOverlay').click(function() {
         $('html').css({
            'overflow': 'auto',
            'margin-top':'0px'
         });
        $(window).unbind('scroll');
        $('#modalWindowOverlay').fadeOut();
        $('#modalWindowContent'+i).fadeOut();
        $(window).scrollTop(scrollPosition);
		
		$('#modalWindowContent'+i+' iframe').attr('src', '');
		
    });

   
    $('.modalWindowWrapper').click(function(event){
         event.stopPropagation();
    });
});