/*
 * Main entry point for application
 * 
 * version: 02/08/2010
 * 
 */


jQuery(document).ready(function(){
	var dowArr = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];	
	var date = new Date();
	for (var i = 0; i < 40; i++){		
		var increment = (i == 0)?0:1;
		date.setDate(date.getDate() + increment);
		var m = date.getMonth() + 1; //Months are a 0-base indexed array... Jan = 0
		var d = date.getDate();
		var dowStr = dowArr[date.getDay()];
		var y = date.getFullYear();
		var idStr = m+'/'+d+'/'+y;
		if (m < 10) m = '0'+m;
		if (d < 10) d = '0'+d;
		var dateStr = '<div class="date"><b>'+dowStr+'</b><br>'+m+'/'+d+'</div>';
		$('#carousel > ul').append('<li id="'+idStr+'" class="tag-small-date">'+dateStr+'</li>');
	};
	$("#carousel").jCarouselLite({
		btnNext:'.next'
		,btnPrev:'.prev'
		,circular:false
		,scroll:19
		,visible:19
    	});
	$('#close-btn').click(function() {
		$('#close-btn').css('visibility','hidden');
		$('#event-ctr').css('visibility','hidden');
	});
//	$('#carousel').hover(
//		function(){
//			//empty
//		},
//		function(){			
//			$('#close-btn').css('visibility','hidden');	
//			$('#event-ctr').css('visibility','hidden');
//		}
//	);
	var ajax = null;
	$('#carousel li').click(
		function(){
			var dateEl = this;
			$('#close-btn').css('visibility','visible');
			ajax = $.ajax({
				type:'POST'
				,url:'/calendar/scripts/fetch-date.php' 				
				,data:'date='+this.id
				,success: function(data) {
					$('#events').html('<div class="events-content"><div class="event-date">'+dateEl.id+'</div>'+data+'</div>');
					var pos = $(dateEl).offset();
					var width = $(dateEl).width();
					var eventCtrEl = $('#event-ctr');
					eventCtrEl.css({'left':(pos.left-(eventCtrEl.width()*.5))-(width*.5) + 'px'});				
					eventCtrEl.css('visibility','visible');
					setTimeout(callbackFunction, 100);
function callbackFunction() {
    $('#events').jScrollPane();
	$('#events')[0].scrollTo(1);
}
				}
			});
		},
		function(){
			if (ajax) ajax.abort();
			if ($('#events')[0].scrollHeight >= $('.events-content')[0].clientHeight){
				$('#event-ctr').css('visibility','visible');
				$('#close-btn').css('visibility','visible');
			}
			else{
				$('#event-ctr').css('visibility','hidden');
				$('#close-btn').css('visibility','hidden');
			} 
		}
	);
});