$(function(){

	$('textarea[maxlength]').each(function(){
		var $t = $(this);
		var max = $t.attr('maxlength');

		$t.removeAttr('maxlength');
		$t.data('maxlength', max);

		var $c = $t.parent('div');
		$c.append('<div class="input-info">verbleibene Zeichen: <span class="char-counter">0</span><div>');

		$t.bind('keydown', function(e){
			var $t = $(e.target);
			var $c = $t.parent('div').find('.char-counter');

			var r = $t.data('maxlength') - $t.val().length;
			$c.css('color', r<0 ? 'red' : '#666').text(r<0 ? '0' : r);
		});
		$t.keydown();
	});

	var sdate = $('#shipping-date').text();
	if (sdate) {
		var $dp = $('.datepicker');
		var $dpp = $dp.parent();

		var now = new Date();
		var edate = new Date(now.getFullYear(), now.getMonth()+2, 0);

		$dp.datepicker({
			dateFormat: 'dd.mm.yy',
			dayNames: [ 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag' ],
			dayNamesMin: [ 'So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa' ],
			dayNamesShort: [ 'So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa' ],
			monthNames: [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember' ],
			monthNamesShort: [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez' ],
			minDate: sdate,
			maxDate: edate,
			defaultDate: +2,
			showWeek: true,
			firstDay: 1,
		});

		$dp.width( ($dpp.width() - 24 ) + 'px' );
		$dp.height('18px');
		$dpp.append('<div class="datepicker-clear" style="float:right;width:22px;height:22px;background:url(picts/icon-search-skip.gif);border:none;margin:-1px;padding:0"></div>');

		$('.datepicker-clear').click(function(){
			$dp.val('');
		});
	}

});

