$(document).ready(function() {
  $('.header-graphic').cycle({ fx: 'fade', autostop: 1, autostopCount: 4, continuous: 0, timeout: 1000});
  
});

jQuery.fn.fadeToggle = function(speed, easing, callback) { 
    return this.animate({opacity: 'toggle'}, speed, easing, callback); 
};

$(function() {


	
	// IE6 doesn't handle the fade effect very well - so we'll stick with
	  // the default non JavaScript version if that is the user's browser.
	  if ($.browser.msie && $.browser.version < 7) return;

	  $('.bullet-point')

	    // remove the 'highlight' class from the li therefore stripping 
	    // the :hover rule
	    .removeClass('highlight')

	    // within the context of the li element, find the a elements
	    .find('a')

	    // create our new span.hover and loop through anchor:
	    .append('<span class="hover" />').each(function () {

	      // cache a copy of the span, at the same time changing the opacity
	      // to zero in preparation of the page being loaded
	      var $span = $('> span.hover', this).css('opacity', 0);

	      // when the user hovers in and out of the anchor
	      $(this).hover(function () {
	        // on hover

	        // stop any animations currently running, and fade to opacity: 1
	        $span.stop().fadeTo(170, 1);
	      }, function () {
	        // off hover

	        // again, stop any animations currently running, and fade out
	        $span.stop().fadeTo(170, 0);
	      });
	    });
	
   	
	
	
	
});