jQuery.fn.floatfindow = function(options){
    var options = jQuery.extend({
        width: '260px',
        height: '160px',
    },options);
    var checker = 1;
    var reloadCaptcha = function(){
        checker++;
        $('#floatfindow-element #f-image').attr('src', '/cps/cpimage.php?n=' + checker);
    }
    return this.each(function() {
        var float_content = '<div id="floatfindow-element">';
        float_content += '<div class="floatfindow-header">Заказать звонок</div>';
        float_content += '<div style="padding:5px;">';
        float_content += '<span style="margin:0;padding:0;font-size:12px;font-family:arial;color:#666666">Ваш номер телефона*:</span>';
        float_content += '<input id="f-phone" type="text" style="border:0;width:100%;background:#FFFFFF;color:#000000" /><br/>';
        float_content += '<span style="margin:0;padding:0;font-size:12px;font-family:arial;color:#666666">Кому перезвонить*:</span>';
        float_content += '<input id="f-name" type="text" style="border:0;width:100%;background:#FFFFFF;color:#000000" /><br/>';
        float_content += '<span style="margin:0;padding:0;font-size:12px;font-family:arial;color:#666666">Введите защитный код*:</span>';
        float_content += '<table><tr><td><input id="f-code" type="text" style="border:0;width:100%;background:#FFFFFF;color:#000000" /></td><td style="width:20px"></td><td><img id="f-image" height="34" alt="" src="" /></td></tr></table>';
        float_content += '<div style="padding: 6px 0 25px 116px;cursor: pointer;"><div style="float:left; margin-left:-113px;"><a href="#" id="floatfindow-close">Закрыть</a></div>';
        float_content += '<img class="floatfindow-button" src="http://live11.liveoperator.ru:443/chat/images/invite/default/letter.png" style="float:left;margin:0;margin-right:10px;padding:0;"><div class="floatfindow-button" style="float:left;border:0;background:transparent;margin:0;margin-top:4px;color:#669900">Заказать звонок</div></div>';
        float_content += '</div>';
        float_content += '</div>';
        float_content += '';
        $('body').append(float_content);
        
        $('#floatfindow-element').css('display', 'none');
        $('#floatfindow-element').css('position', 'absolute');
        $('#floatfindow-element').css('border', '1px solid #3C5A74');
        $('#floatfindow-element').css('width', options.width);
       // $('#floatfindow-element').css('height', options.height);
       // $('#floatfindow-element').css('margin-top', '45px');
        $('#floatfindow-element').css('left', $(this).position().left + 60);
        $('#floatfindow-element').css('top', '20px');
        $('#floatfindow-element').css('background', '#E4EAEF');
        $('#floatfindow-element').css('z-index', '10000');
        $('#floatfindow-element').css('border-radius', '10px');
        
        $('#floatfindow-element .floatfindow-header').css('background', '#3C5A74');
        $('#floatfindow-element .floatfindow-header').css('cursor', 'move');
        $('#floatfindow-element .floatfindow-header').css('color', '#FFF');
        $('#floatfindow-element .floatfindow-header').css('text-align', 'center');
        $('#floatfindow-element .floatfindow-header').css('padding', '5px');
        $('#floatfindow-element .floatfindow-header').css('font-size', '14px');
        $('#floatfindow-element .floatfindow-header').css('border-radius', '9px 9px 0 0');
        
        $('#floatfindow-element .floatfindow-button').click(function(){
            var fphone = $('#floatfindow-element #f-phone');
            var fname  = $('#floatfindow-element #f-name');
            var fcode  = $('#floatfindow-element #f-code');
            if (fphone.val() == '') {
                //
                reloadCaptcha();
                return false;
            }
            if (fname.val() == '') {
                //
                reloadCaptcha();
                return false;
            }
            if (fcode.val() == '') {
                //
                reloadCaptcha();
                return false;
            }
            
            $.ajax({
                url: '/mailer2.php',
                type: 'POST',
               // dataType: 'json',
                contentType: 'application/x-www-form-urlencoded; charset=window-1251',
                data: {
                    'fphone': fphone.val(),
                    'fname' : fname.val(),
                    'fcode' : fcode.val()
                },
                success: function(data, textStatus, jqXHR){
                    if (data == 'error_captcha') {
                        reloadCaptcha();
                        alert('Не верный защитный код');
                        return;
                    }
                    fphone.val('');
                    fname.val('');
                    fcode.val('');
                    $('#floatfindow-element').hide();
                }
            });
            
            return false;
        });
        
        $('#floatfindow-element #floatfindow-close').click(function(){
            $('#floatfindow-element #f-phone').val('');
            $('#floatfindow-element #f-name').val('');
            $('#floatfindow-element #f-code').val('');
            $('#floatfindow-element').hide();
            return false;
        });

        $(this).click(function(){
            $('#floatfindow-element').show();
            $('#f-image').attr('src', '/cps/cpimage.php?uis=' + Math.random());
        });
    });
};

$('#floatfindow').floatfindow();