$(window).bind("load",function() {
	$.preloadCssImages();
});
$(document).ready(function(){
	
	$('#banner_image_home').codaSlider();
	
	/*$.ajax({
	   type: "GET",
	   url: "/events/?ajaxCalendar=true",
	   dataType: "html",
	   success: function(html){
		    $("div.calendar_thingy").empty().append(html);
		    popUpAndSuch();
		  }
	 });*/
	$("div.calendar_thingy").empty().load("?ajaxCalendar=true div.dbem-calendar");
	$('a#calendar_link').fancybox({
		hideOnContentClick: false,
		overlayOpacity : 0.7,
		zoomSpeedIn	: 300,
		zoomSpeedOut : 200,
		easingIn : 'easeInCirc',
		easingOut : 'easeOutCirc',
		padding:0,
		frameWidth: 770,
		frameHeight: 580,
		callbackOnShow: popUpAndSuch
	});
	$('.bubbleInfo').bubble();
	$('.breadcrumbInfo').bubble({alignSide:'left'});
	$('.breadcrumbInfoRight').bubble({alignSide:'right'});
	
	
	$('#sidebar .highlights .featured dt').hover(function() {
		$(this).stop().animate({backgroundColor:"homepage_hover"},400).css("border", "1px solid #9a9a9a").css("padding","5px").css("cursor","pointer");
		return false;
	},
	function() {
		$(this).stop().animate({backgroundColor:"sidebar_hover"},500).css("border", "0").css("padding","6px");
		return false;
	});
});

function popUpAndSuch() {
clickyMonths();
$('.date_has_event').each(function () {
		// options
		var distance = 10;
		var time = 250;
		var hideDelay = 500;
 
		var hideDelayTimer = null;
 
		// tracker
		var beingShown = false;
		var shown = false;
 
		var trigger = $(this);
		var popup = $('.events ul', this).css('opacity', 0);
 
		// set the mouseover and mouseout on both element
		$([trigger.get(0), popup.get(0)]).mouseover(function () {
			// stops the hide event if we move from the trigger to the popup element
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
 
			// don't trigger the animation again if we're being shown, or already visible
			if (beingShown || shown) {
				return;
			} else {
				beingShown = true;
 
				// reset position of popup box
				popup.css({
					bottom: 20,
					left: -76,
					display: 'block' // brings the popup back in to view
				})
 
				// (we're using chaining on the popup) now animate it's opacity and position
				.animate({
					bottom: '+=' + distance + 'px',
					opacity: 1
				}, time, 'swing', function() {
					// once the animation is complete, set the tracker variables
					beingShown = false;
					shown = true;
				});
			}
		}).mouseout(function () {
			// reset the timer if we get fired again - avoids double animations
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
 
			// store the timer so that it can be cleared in the mouseover if required
			hideDelayTimer = setTimeout(function () {
				hideDelayTimer = null;
				popup.animate({
					bottom: '-=' + distance + 'px',
					opacity: 0
				}, time, 'swing', function () {
					// once the animate is complete, set the tracker variables
					shown = false;
					// hide the popup entirely after the effect (opacity alone doesn't do the job)
					popup.css('display', 'none');
				});
			}, hideDelay);
		});
	});
}
function clickyMonths() {
	$('.prev-month, .next-month').bind("click", function() {
		var urlLoc = $(this).attr('href');
		$("div.calendar_thingy").empty().append("<div style='text-align:center;padding-top:100px;'><img src='/wp-content/themes/100k/js/loading.gif' alt='' /></div>");
		$("div#fancy_close").hide();
		$("div.calendar_thingy").load(urlLoc+" div.dbem-calendar", function() {
			$("div#fancy_close").show();
		    popUpAndSuch();
		});
		/*$.ajax({
		   type: "GET",
		   url: "/events/"+urlLoc,
		   success: function(html){
			    $("div.calendar_thingy").empty().append("div#dbem-calendar");
			    $("div#fancy_close").show();
			    popUpAndSuch();
			  }
		 });*/
		return false;
	});
}