$ = jQuery.noConflict();
$(function() {

params = {yearLabel: "年", monthLabel: "月", dayLabel: "日",
          yearPickerLabel: "出生年：", monthPickerLabel: "出生月：", dayPickerLabel: "出生日："};

// http://snippets.dzone.com/posts/show/2099
var daysInMonth = function (iMonth, iYear) {
	return 32 - new Date(iYear, iMonth, 32).getDate();
};

var padding = function (v) {
    return ( v < 10 ) ? ("0" + v) : v;
};

$(".birthday").each(function () {

    var yearLabel = (params.yearLabel)?params.yearLabel:"/";
    var monthLabel = (params.monthLabel)?params.monthLabel:"/";
    var dayLabel = (params.dayLabel)?params.dayLabel:"";
    var yearPickerLabel = (params.yearPickerLabel)?params.yearPickerLabel:"Birth Year";
    var monthPickerLabel = (params.monthPickerLabel)?params.monthPickerLabel:"Birth Month";
    var dayPickerLabel = (params.dayPickerLabel)?params.dayPickerLabel:"Birth Day";
    var seperate = (params.seperate)?params.seperate:"-";

    var target = $(this).hide();
    var container = $("<span></span>").addClass("birthday");
    var year = $("<input>").attr("readonly", "readonly").addClass("year");
    var month = $("<input>").attr("readonly", "readonly").addClass("month");
    var day = $("<input>").attr("readonly", "readonly").addClass("day");
    var picker = $("<div>").addClass("birthday-picker").hide();

    if (target.val() != "" && target.val().split(seperate).length == 3) {
        var vals = target.val().split(seperate);
        year.val(vals[0]);
        month.val(vals[1]);
        day.val(vals[2]);
    }
    var setVal = function () {
        var val = Array();
        if (year.val() != "" && month.val() != "" && day.val() != "")
            target.val(year.val() + seperate + month.val() + seperate + day.val());
    };
    var setPos = function () {
        var offset = year.offset();
        picker.css("left", offset.left);
        picker.css("top", offset.top + year.get(0).offsetHeight);
    };

    year.appendTo(container);
    $("<span>"+yearLabel+"</span>").addClass("seperate").appendTo(container);
    month.appendTo(container);
    $("<span>"+monthLabel+"</span>").addClass("seperate").appendTo(container);
    day.appendTo(container);
    $("<span>"+dayLabel+"</span>").addClass("seperate").appendTo(container);
    container.insertAfter(target);
    picker.appendTo($("body")[0]);

    year.focus(function () {
        picker.empty();;
        var hundred = $("<ol>").addClass("year");
		var Today = new Date();
		var now_year = Today.getFullYear();
		
        for (i = now_year-99; i <= now_year-9; i += 10) {
            var tenCon = $("<li>");
            var ten = $("<ol>");
            for (j = 0; j < 10; j += 1) {
                var one = $("<li  onMouseOver=\"this.style.cursor='pointer';this.style.cursor='hand';\">"+(i+j)+"</li>");
                if (j == 0) one.addClass("first");
                if (i+j == parseInt(year.val())) one.addClass("checked");
                (function () {
                    var val = i+j;
                    one.appendTo(ten);
                    one.click(function () {
                        year.val(val);
                        setVal();
                        picker.hide();
                        month.focus();
                    });
                })();
            }
            ten.appendTo(tenCon);
            tenCon.appendTo(hundred);
        }
        $("<div>"+yearPickerLabel+"</div>").addClass("head").appendTo(picker);
        hundred.appendTo(picker).bgIframe();
        $(picker).show().bgIframe();
        setPos();
    });

    month.focus(function () {
        picker.empty();
        var all = $("<ol>").addClass("month");
        for (i = 1; i <= 12; i += 1) {
            var one = $("<li  onMouseOver=\"this.style.cursor='pointer';this.style.cursor='hand';\">"+i+"</li>");
            if (i%5 == 1) one.addClass("one");
            if (i == parseInt(month.val())) one.addClass("checked");
            (function () {
                var val = i;
                one.appendTo(all);
                one.click(function () {
                    month.val(padding(val));
                    setVal();
                    picker.hide();
                    day.focus();
                });
            })();
        }
        $("<div>"+monthPickerLabel+"</div>").addClass("head").appendTo(picker);
        all.appendTo(picker).bgIframe();
        picker.show().bgIframe();
        setPos();
    });

    day.focus(function () {
        picker.empty();
        var all = $("<ol>").addClass("day");
        for (i = 1; i <= daysInMonth(month.val()-1, year.val()); i += 1) {
            var one = $("<li  onMouseOver=\"this.style.cursor='pointer';this.style.cursor='hand';\">"+i+"</li>");
            if (i%7 == 1) one.addClass("one");
            if (i == parseInt(day.val())) one.addClass("checked");
            (function () {
                var val = i;
                one.appendTo(all);
                one.click(function () {
                    day.val(padding(val));
                    setVal();
                    picker.hide();
                });
            })();
        }
        $("<div>"+dayPickerLabel+"</div>").addClass("head").appendTo(picker);
        all.appendTo(picker).bgIframe();
        $(picker).show().bgIframe();
        setPos();
    });
});


});