(function($){
	var initLayout = function() {
		var hash = window.location.hash.replace('#', '');
		
		$('#date').DatePicker({
			flat: true,
			date: '2008-07-31',
			current: '2008-07-31',
			calendars: 1,
			starts: 1,
			view: 'years'
		});
		var now = new Date();
		now.addDays(-10);
		var now2 = new Date();
		now2.addDays(-5);
		now2.setHours(0,0,0,0);
		
		var now3 = new Date();
		now3.addDays(-4);
		var now4 = new Date();
		var state = false;
		$('#widgetCalendar').DatePicker({
			flat: true,
			format: 'd b Y',
			date: [new Date(now3), new Date(now4)],
			calendars: 2,
			mode: 'range',
			starts: 1,
			onChange: function(formated) {
				$('#widgetField input').get(0).value = formated.join(' - ');
				$('#widgetField input').get(1).value = formated.join(' - ');
				$('#widgetField input').get(0).onchange();
				//$('#widgetCalendar').hide();
				//$('#widgetCalendar').stop().animate({height: state ? 0 : $('#widgetCalendar div.datepicker').get(0).offsetHeight}, 500);
				//state=!state;
			}
		});
		
		$('#widgetField>a').bind('click', function(){
			$('#widgetCalendar').stop().animate({height: state ? 0 : $('#widgetCalendar div.datepicker').get(0).offsetHeight}, 500);
			state = !state;
			return false;
		});
		$('body').bind('click', function(){
										 state = 1;
										 $('#widgetCalendar').stop().animate({height: state ? 0 : $('#widgetCalendar div.datepicker').get(0).offsetHeight}, 500);
			state=0;
			
										 });
		$('#widgetCalendar div.datepicker').css('position', 'absolute');
	};
	
	var showTab = function(e) {
		var tabIndex = $('ul.navigationTabs a')
							.removeClass('active')
							.index(this);
		$(this)
			.addClass('active')
			.blur();
		$('div.tab')
			.hide()
				.eq(tabIndex)
				.show();
	};
	
	EYE.register(initLayout, 'init');
})(jQuery)