jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.

	$("#newsreel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
	});		
				  
	$("#tabs").tabs();
				
				
    $("#accordion").accordion({
			autoHeight: false,
			navigation: true
		});

$("ul#navigation li a").hover(function() { //When trigger is clicked...

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("div.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){//When the mouse hovers out of the subnav, move it back up
			$(this).parent().find("div.subnav").slideUp('fast',function() {
    // Animation complete.
	//$(this).parent().find("a.subhover").removeClass("subhover"); //On hover out, remove class "subhover"
  });$(this).parent().find("a.subhover").removeClass("subhover"); //On hover out, remove class "subhover"
			
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"	
	//	}, function(){  //On Hover Out  
      //      $(this).removeClass("subhover"); //On hover out, remove class "subhover"  
	});


 
	

	});
  
  
  $(function(){
	$('#infopane').infiniteCarousel();	
	$('#searchbox').Watermark("Type here to search");

	});