// JavaScript Document


$(document).ready(function() {

<!--set margin-top of highlightContent based on content height--> 
	var highlightHeight1 = $('#highlight1').innerHeight();
	var highlightHeight2 = $('#highlight2').innerHeight();
	var highlightHeight3 = $('#highlight3').innerHeight();
	var highlightHeight4 = $('#highlight4').innerHeight();
	
	$('#highlight1').css('margin-top',-(highlightHeight1+2));
	$('#highlight2').css('margin-top',-(highlightHeight2+2));
	$('#highlight3').css('margin-top',-(highlightHeight3+2));
	$('#highlight4').css('margin-top',-(highlightHeight4+2));
	

<!--animate highlights-->   
    
    $('.highlight .title').click(function() {
	  if ($(this).parent().hasClass('active')) {
		 $('.highlight.active .highlightContent').fadeOut('fast');
		 $('.highlight.active').removeClass('active');
	  }
	  	else {
			$('.highlight.active .highlightContent').css('display','none');
	 		$('.highlight.active').removeClass('active');
	  		$(this).parent().addClass('active');
	  		$('.highlight.active .highlightContent').fadeIn('fast');
	  	}
	});
	
	
<!--make sure slider images aren't wrapped with paragraph tags from cms wysiwyg--> 

$('#background_slider p').each(function() {
    $(this).replaceWith(function() {
  		return $(this).contents();
	});
});
  
	
	
<!--cycle background image--> 
	$('#background_slider').cycle({ 
    fx:      'fade', 
    speed:    2000, 
    timeout:  8000 
});
	
});