jQuery.fn.floatdialog = function(id, options)
{
	jQuery(document).bind('keydown', 'Ctrl+y',function (evt){
		$("#avt").html('<div style="position: relative;"><div style="position: absolute; left:785px; "><a style="color: #396B87; text-decoration: none; font-size:16px; font-weight: bold;" href="javascript:closeauthors();" class="closebutton">X</a></div></div><center><table border="2" bgcolor="#ffffff"  style="border-style:solid; border-collapse:collapse; border-color: #396B87" cellpadding="20" cellspacing="0" width="800px">	<tr>		<td align="center">						<h2 style="margin-top: 0px;  margin-bottom: 0px;" >Авторы сайта)</h2>			<table cellpadding="5" cellspacing="0" border="0">				<tr>					<td align="center">						<h3 style="color:#2c657a; margin-top: 0px; margin-bottom: 0px;">Прокопчук Владимир. ИВ-53. Программирование.</h3>					</td>				</tr>				<tr>												<td align="center">						<img height="170px" src="http://'+top.location.host+'/media/images/vova.jpg"/>					</td>				</tr>				<tr>					<td>						<table cellpadding="5" cellspacing="0" border="0">                        <tr>                            <td align="center">                                <h3 style="color:#2c657a; margin-top: 0px; margin-bottom: 0px;">Стельмашов Дмитрий. ИВ-53. Программирование.</h3>                            </td>                            <td align="center">                                <h3 style="color:#2c657a; margin-top: 0px; margin-bottom: 0px;">Ремнякова Олександра. ИВ-53. Дизайн.</h3>                            </td>                        </tr>						<tr>	<td align="center">		<img height="170px" src="http://'+top.location.host+'/media/images/dima.jpg"/>					</td>									<td align="center">						<img height="170px" src="http://'+top.location.host+'/media/images/sasha.jpg"/>					</td>						</tr>                        </table>					</td>				</tr>			</table>			</td>	</tr></table></center>');
		display_form('avt'); return false; 
		});


$("#authors").click(function(){
$("#avt").html('<div style="position: relative;"><div style="position: absolute; left:785px; "><a style="color: #396B87; text-decoration: none; font-size:16px; font-weight: bold;" href="javascript:closeauthors();" class="closebutton">X</a></div></div><center><table border="2" bgcolor="#ffffff"  style="border-style:solid; border-collapse:collapse; border-color: #396B87" cellpadding="20" cellspacing="0" width="800px">	<tr>		<td align="center">						<h2 style="margin-top: 0px;  margin-bottom: 0px;" >Авторы сайта)</h2>			<table cellpadding="5" cellspacing="0" border="0">				<tr>					<td align="center">						<h3 style="color:#2c657a; margin-top: 0px; margin-bottom: 0px;">Прокопчук Владимир. ИВ-53. Программирование.</h3>					</td>				</tr>				<tr>												<td align="center">						<img height="170px" src="http://'+top.location.host+'/media/images/vova.jpg"/>					</td>				</tr>				<tr>					<td>						<table cellpadding="5" cellspacing="0" border="0">                        <tr>                            <td align="center">                                <h3 style="color:#2c657a; margin-top: 0px; margin-bottom: 0px;">Стельмашов Дмитрий. ИВ-53. Программирование.</h3>                            </td>                            <td align="center">                                <h3 style="color:#2c657a; margin-top: 0px; margin-bottom: 0px;">Ремнякова Олександра. ИВ-53. Дизайн.</h3>                            </td>                        </tr>						<tr>	<td align="center">		<img height="170px" src="http://'+top.location.host+'/media/images/dima.jpg"/>					</td>									<td align="center">						<img height="170px" src="http://'+top.location.host+'/media/images/sasha.jpg"/>					</td>						</tr>                        </table>					</td>				</tr>			</table>			</td>	</tr></table></center>');
})
   var Config = {
                     backgroundcolor: "#000000",
                     speed          : 'slow',
                     event          : 'click',
                     effect         : true,
                     move           : 'default',
                     closeClass     : '.closebutton'
                };
    if(options)
    {
		jQuery.extend(Config, options);
	};

    //functions
    //{
    function brwstester()
    {
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
    }

    function resizeheights(me)
    {

        $("#" + me).css({'height' : $(window).height() + brwstester().scrollTop  + "px"});
    }
    function display_mask(id)
    {
        if(Config.effect)
        {
            $("#floatdialog_mask_" + id).show().fadeTo(Config.speed, 0.33);
        }
        else
        {
            $("#floatdialog_mask_" + id).css({opacity: '0.33'}).show();
        }
    }

    function center_form(id)
    {
          var scwidth  = screen.width;
          var scheight = screen.height;
          var tblwidth = $("#" + id).width();
          var tblheight = $("#" + id).height();

          var D_width = (scwidth - tblwidth);
          if(D_width > 0)
          {
              D_width /= 2;
          }
          else if(D_width < 0)
          {
              D_width *= -1;
              D_width /= 2;
          }
          $("#" + id).css('left', D_width  + 'px');

          var D_height = (scheight - tblheight);
          if(D_height > 0)
          {
              D_height /= 2;
          }
          else if(D_height < 0)
          {
              D_height *= -1;
              D_height /= 2;
          }
          $("#" + id).css('top', brwstester().scrollTop + D_height /2 + 'px');
    }

    function display_form(id)
    {
        display_mask(id);
        center_form(id);
        $(window).scroll(function()
        {
            center_form(id);
        });

        if(Config.move == 'down')
        {
            //move from up
            var top = document.getElementById(id).style.top;
            $("#" + id).css({'top': (brwstester().scrollTop - 100) + 'px'}).show().animate({"top":  top}, Config.speed);
        }
        else if(Config.move == 'up')
        {
            //move from down
            var top = document.getElementById(id).style.top;
            $("#" + id).css({'top': (brwstester().scrollTop +  (screen.height)) + 'px'}).show().animate({"top": top}, Config.speed);
        }
        else if(Config.move == 'right')
        {
            //move from left
            var left = document.getElementById(id).style.left;
            $("#" + id).css({'width': $("#" + id).width(), 'left': screen.width + 'px'}).show().animate({"left": left}, Config.speed);
        }
        else if(Config.move == 'left')
        {
            //move from right
            var left = document.getElementById(id).style.left;
            $("#" + id).css({'width': $("#" + id).width(), 'left': '-' + $("#" + id).width() + 'px'}).show().animate({"left": left}, Config.speed);
        }
        else if(Config.move == 'slidedown')
        {

            $("#" + id).slideDown(Config.speed);
        }
        else
        {
            //default
            if(Config.effect)
            {
                $("#" + id).fadeIn(Config.speed);
            }
            else
            {
                $("#" + id).show();
            }
        }
    }
    function disable_mask(id)
    {
        $(".disable_masking").hide();
        if(Config.effect)
        {
            $("#floatdialog_mask_" + id).fadeOut(Config.speed).fadeTo("", 100);
        }
        else
        {
            $("#floatdialog_mask_" + id).hide();
        }
    }
    //}
    $(document).ready(function()
    {
        if(!$("#floatdialog_mask_" + id).html())
        {
             $("body").append('<div id="floatdialog_mask_' + id + '" style="display: none;left: 0px;top: 0px;z-index: 6000;position: absolute;background-color:' + Config.backgroundcolor + '">&nbsp;</div>');
             $("#floatdialog_mask_" + id).css({'width' : screen.availWidth  + "px"}).bind('click', function()
             {
                 disable_mask(id);
             });
             resizeheights('floatdialog_mask_' + id);
             if(Config.closeClass)
             {
                 $(Config.closeClass).bind('click', function()
                 {
                     disable_mask(id);
                 });
             }
        }

    });
    $("#" + id).hide().addClass('disable_masking');
    $(window).scroll(function()
     {
         resizeheights('floatdialog_mask_' + id);
     });
    $(this).bind(Config.event, function()
    {
         display_form(id);
    });

}