/*
 * jQuery formtoolip
 * form alanlarına odaklanıldığında yardım metini görüntülenmesini sağlar
 *
 * Kullanım: $('#form_id').formtooltip();
 * Copyright (c) 2008 Yılmaz Uğurlu, <yilugurlu@gmail.com>, http://www.2nci.com
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * $Version: 2008.05.02 rev. 17
 */
 
(function($) {
    $.fn.formtooltip = function() {
        $(":input", this).each(function() {
            // sıradaki elemanın title niteliğini alalım
            var base_title = $(this).attr('title');
            // eğer boş değilse
            if (undefined != base_title && '' != base_title) {
                var base_padding = base_title.split('+')[1];
                base_title = base_title.split('+')[0];
                // uzun yardım metinlerini | karakterinden itibaren bir satır alta geçirmek için
                // küçük bir düzenli ifade çalıştıralım
                var title = base_title.replace(/\|/g, "<br />");
                // yardım metni için ekleyeceğimiz elemanın adını
                // sıradaki elemanın name niteliğinden türetelim
                var new_elem = $(this).attr('id') + '_hint';

                // form alanına odaklanıldığında
                $(this).focus(function() {
                    // sıradaki elemanın title niteliğini kaldıralım
                    // böylece yardım metnimiz göründüğünde, ikinci defa elemanın title niteliği görünmemiş olur
                    $(this).attr('title', '');
                    // yeni bir span etiketi ile yardım metnimizi oluşturalım ve gösterelim
                    $(this).after('<span style="margin-left:' + base_padding + 'px" class="hint" id="' + new_elem + '">' + title + '<span class="hint-pointer">&nbsp;<\/span><\/span>');
                    $('#' + new_elem).show();

                }).blur(function() { // odak form alanından çıktığında
                    // yardım metni için oluşturduğumuz elemanı silelim
                    $('#' + new_elem).remove();
                    // içeriğin title niteliğini tekar kullanmak için tekrar oluşturalım
                    $(this).attr('title', base_title);
                });
            }
        });
    }
})(jQuery);