$(document).ready(function() {
  /**
   *  Appends the floating banner-pager in the upper-right corner. Initializes the banners to cycle every 6.5 seconds.
   */
  $("div#banners").before('<div id="banners-nav-wrapper"><div id="banners-nav"></div></div>').cycle({timeout: 6500, pager: '#banners-nav'});

  /**
   * A few lines of code that automatically remove the "Search..." value from the initial
   * search box. Replaces and fades out the text on an empty string.
   */
  $("input#search-query").click(function () {
    if ($(this).val() == 'Search...') {
      $(this).css('color', '#000').val('');
    }
  }).blur(function () {
    if ($(this).val() == 'Search...' || $(this).val() == '') {
      $(this).css('color', '#AAA').val('Search...');
    }
  });
  
	// perform search
	$('#search-box').submit(function(){
		var query = $('#search-query').val();
		document.location = '/index.php?cmd=search&q='+query;
		return false;
	});
	
	$('#upcoming-events a').fancybox();
});