$(document).ready(function() {	

  //if .message_red is ready
	$('.message_red').ready(function (e) {
	if ($('.message_red').length>0) { 
      //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});
  
  		//transition effect		
  		$('#mask').fadeTo("slow",0.5);	
  
  		$('.message_red').fadeIn(500);		
		}
	});

  //if .message is ready
	$('.message').ready(function (e) {
	if ($('.message').length>0) { 
      //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});
  
  		//transition effect		
  		$('#mask').fadeTo("slow",0.5);	
  
  		$('.message').fadeIn(500);		
		}
	});

	$('.message_red,').ready(function (e) {
    if ($('.message_red').length>0 )
    {
      // setting message content
      var message;
  
      if($('.message_red').html() != null)
        var message = $('.message_red').html();
   
      // replacement
      $('.message_red').replaceWith('<div class="message_red">' +
                                                 ' ' + message + '<a class="close" href="#"><img src="./images/cancel.png" alt="Zavřít" /></a>'+
                                                          '<br /><br /><a id="modal_close" href="#">OK</a>' +
                                      '</div>');
  		$('.message_red').fadeTo("slow",1);
  		
  	}
	});
	
	$('.message').ready(function (e) {
    if ($('.message').length>0)
    {
      // setting message content
      var message;
  
      if($('.message').html() != null)
        var message = $('.message').html();
  
      // replacement
      $('.message').replaceWith('<div class="message">' +
                                                 ' ' + message + '<a class="close" href="#"><img src="./images/cancel.png" alt="Zavřít" /></a>'+
                                                          '<br /><br /><a id="modal_close" href="#">OK</a>' +
                                              '</div>');
  		$('.message').fadeTo("slow",1);
  		
  	}
	});



 	//if close button is clicked
	$('.close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		$('#mask, .message_red, .message').hide();
	}); 

 	//if close button is clicked
	$('#modal_close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		$('#mask, .message_red, .message').hide();
	}); 
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('#mask, .message_red, .message').hide();
	});	
	
});