$(document).ready(function () {
    /* form init */
    /*----------------------------------------------------------------------------*/
    $('.ajaxForm input:password').addClass('singleLine');
    /*----------------------------------------------------------------------------*/
    /* text filed */
    $('.ajaxForm input:text').each(function (index) {
        // if vform=no ,don't do it.
        var me = $(this);
        if (me.attr("vform") == 'no') return false;

        /* define class */
        if (me.attr('alt') != '' && (me.attr('value') == '' || me.attr('value') == me.attr('alt'))) {
            me.attr('value', me.attr('alt'));
            me.addClass('emText');
        }

        me.addClass('singleLine');

        /* input:text event */
        me.focus(function () {
            var me = $(this);
            if (me.attr('alt') == me.attr('value')) { me.attr('value', ''); me.removeClass('emText'); }
        });

        me.blur(function () {
            var me = $(this);
            if (me.attr('alt') == me.attr('value') || me.attr('value') == '') { me.attr('value', me.attr('alt')); me.addClass('emText'); }
        });
    });
    /*----------------------------------------------------------------------------*/
    /* textarea filed */
    $('.ajaxForm textarea').addClass('multiLine');
    /*----------------------------------------------------------------------------*/
    /* radio field */
    $('.ajaxForm input:radio').each(function (index) {
        // if vform=no ,don't do it.
        var me = $(this);
        if (me.attr("vform") == 'no') return false;
        // define css
        me.css('display', 'none');
    });
    $('.ajaxForm label').each(function (index) {
        //.radioIcon
        var me = $(this);
        var obj = $('#' + me.attr('for'));
        if (!obj.attr('vform')) {
            if (obj.attr('checked')) {
                if (obj[0].type == "radio") {
                    me.addClass('radioActive');
                    /* input:radio event */
                    me.click(function (ev) {
                        var o = $(this);
                        var ob = o.siblings('.radioIcon');
                        var r = $("#" + o.attr("for"));
                        var rb = $("#" + ob.attr("for"));
                        ob.removeClass('radioActive');
                        o.addClass('radioActive');
                        alert("radio");
                    });
                }
                else if (obj[0].type == "checkbox") {
                    me.addClass('checkActive');
                    /* input:checkbox event */
                    me.click(function () {
                        var o = $(this);
                        var r = $("#" + o.attr("for"));
                        (o.hasClass('checkActive')) ? o.removeClass('checkActive') : o.addClass('checkActive');
                        alert("checkbox");
                    });
                }
            }
        }
        else {
            //.ajaxForm label { display:inline-block; padding-left:20px; cursor:pointer; }
            var m = me.context.style;
            m.background = "none";
            m.display = "inline-block";
            m.padding = "5px";
            m.cursor = "default";
        }
        //ccc();

    });
    /*----------------------------------------------------------------------------*/
    /* checkbox label object  */
    $('.ajaxForm label').each(function (index) {
        // if vform=no ,don't do it.
        var me = $(this);
        if (me.attr("vform")) {
            var style = me[0].style;
            style.background = "none";
            style.padding = "2px";
            style.display = "inline-block";
        }

    });
    /* checkbox field  */
    $('.ajaxForm input:checkbox').each(function (index) {
        // if vform=no ,don't do it.
        var me = $(this);
        if (me.attr("vform") == 'no') return false;
        // define css
        me.css('display', 'none');
    });

    /*----------------------------------------------------------------------------*/
    /* select object  */
    $('.ajaxForm select').each(function (index) {
        // if vform=no ,don't do it.
        var me = $(this);
        if (me.attr("vform") == 'no') {
            var m = me[0].style;
            m.display = "inline-block";
            m.clear = "both";
            return false;
        }
        var selectEvent = null;
        if (typeof me[0].onchange == "function") {
            selectEvent = me[0].onchange;
        }
        // define css
        var clsname = 'jmenu' + index;
        var selectbtn = '';
        var divmenu = '<div class="dropmenu" id="' + clsname + '"><div class="head"></div><div class="menubody"><div class="menuarea"><ol>';
        var selectset = '<div class="selectset">';

        if ($(this).attr('class') == 'longSelect') {
            divmenu = '<div class="dropmenu selectsetLong" id="' + clsname + '"><div class="head"></div><div class="menubody"><div class="menuarea"><ol>';
            selectset = '<div class="selectset selectsetLong">';
        }
        $(this).addClass(clsname);
        //$(this).before('<a href="#">111</a>');
        $('option', this).each(function (index) {
            if (index == 0) {
                selectbtn = '<a class="selectbtn ' + clsname + '">' + this.text + '</a>';
            } else {
                ($(this).attr('selected')) ? selectbtn = '<a class="selectbtn ' + clsname + '">' + this.text + '</a>' : null;
                (index == 1) ? divmenu += ('<li style="border-color:#FFF">' + this.text + '</li>') : divmenu += ('<li>' + this.text + '</li>');
            }
        });
        divmenu += '</ol></div></div><div class="foot"></div></div>';
        selectset += (divmenu + selectbtn);
        selectset += '</div>';
        $(this).before(selectset);
        if (selectEvent) $("#" + clsname)[0].selectEvent = selectEvent;
    });
    /* virtual select event */
    $('.ajaxForm .selectbtn').click(function () {
        $('.dropmenu').hide();
        $(this).siblings('div').show();
    });

    $('.ajaxForm .dropmenu li').click(function (ev) {
        var obj = $(this).parent().parent().parent().parent();
        var idName = obj.attr('id');
        var str = $(this).html();
        var select = $('select.' + idName);

        $(this).parent().find('li.active').removeClass('active');
        $(this).addClass('active');
        $('a.' + idName).html(str);
        select.find('option:selected').attr('selected', '');
        select.find('option').each(function (index) {
            if (this.text == str) {
                $(this).attr('selected', 'selected');
                select[0].value = this.value;
                if (select[0].onchange) select[0].onchange.apply(ev);
                return false;
            }
        });
        obj.hide();

    });

    /*----------------------------------------------------------------------------*/


});