/*
 css styles
 #alertPopap {
    font-family: Helvetica, sans-serif;
  	line-height: 1.4em;
	background-color: #FFFFFF;
	font-weight: normal;
    font-size: 20px;
    vertical-align: top;
    padding:10px;
    border: 1px solid #C0C0C0;
  }
 div.hiddenP {display:none;}
 */
function setPopup(text, popup_type) {

$("body").prepend("<div id='opaco' class='hiddenP'></div>  <div id='popup' class='hiddenP'></div> <div id='popup_"+ popup_type +"' class='hiddenP'><div  id='alertPopap'>" + text + "</div></div>");


$("#opaco").css({
        	"position":"absolute",
        	"left":0,
        	"top":0,
        	"z-index":120,
        	"width":"100%",
        	"text-align":"center",
        	"background-color":"#FFFFFF"
        });
$("#opaco").css("opacity","0.5");

 if($.browser.msie) {
    $("#popup").css("position","absolute");
  }
  else {
    $("#popup").css("position","fixed");
  }
$("#popup").css({
        	"left":0,
        	"top":0,
        	"z-index":140,
        	"min-width":"300px",
        	"text-align":"center",
        	"background-color":"#FFFFFF"
        });

  showPopup(popup_type);

}


//additional properties for jQuery object
$(document).ready(function(){
  //align element in the middle of the screen
  $.fn.alignCenter = function() {
   //get margin left
   var marginLeft = Math.max(40, parseInt($(window).width()/2 - $(this).width()/2)) + 'px';
   //get margin top
   var marginTop = Math.max(40, parseInt($(window).height()/2 - $(this).height()/2)) + 'px';
   //return updated element
   return $(this).css({'margin-left':marginLeft, 'margin-top':marginTop});
  };
});
//close pop-up box
function closeMyPopup(popup_type)
{
  //$('#opaco').toggleClass('hiddenP').removeAttr('style');
  //$('#popup').toggleClass('hiddenP');
  $('#opaco').remove();
  $('#popup').remove();
  $('#popup_'+popup_type).remove();
  return false;
}
//open pop-up
function showPopup(popup_type)
{
  //when IE - fade immediately

 if($.browser.msie) {
   $('#opaco').height($(document).height()).toggleClass('hiddenP');
  }
  else
  //in all the rest browsers - fade slowly
  {
   $('#opaco').height($(document).height()).toggleClass('hiddenP').fadeTo('slow', 0.7);
  }

  $('#popup')
   .html($('#popup_' + popup_type).html())
   .alignCenter().toggleClass('hiddenP');

  return false;
}