// JavaScript Document
$(function() {
	Cufon.replace('#main h1, #main h2, #main h3, #sub h3', {fontFamily: 'bank-gothic', hover: true });
		   
	// slideshow functions
	$("#hero .slides").cycle({
		fx: 'fade',
		timeout: 6000,
		next:   '.next', 
    	prev:   '.prev',
		pause: 1,
		random: 1
	});
	
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute  
	/*
	//Vertical Sliding  
	$('.boxgrid.slidedown').hover(function(){  
		$(".cover", this).stop().animate({top:'-250px'},{queue:false,duration:300});  
	}, function() {  
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});  
	});

	//Horizontal Sliding  
	$('.boxgrid.slideright').hover(function(){  
		$(".cover", this).stop().animate({left:'698px'},{queue:false,duration:300});  
	}, function() {  
		$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});  
	});  
	//Diagnal Sliding  
	$('.boxgrid.thecombo').hover(function(){  
		$(".cover", this).stop().animate({top:'250px', left:'325px'},{queue:false,duration:300});  
	}, function() {  
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});  
	});  
	//Partial Sliding (Only show some of background)  
	$('.boxgrid.peek').hover(function(){  
		$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});  
	}, function() {  
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});  
	});  
	
	//Full Caption Sliding (Hidden to Visible)  
	$('.boxgrid.captionfull').hover(function(){  
		$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});  
	}, function() {  
		$(".cover", this).stop().animate({top:'250px'},{queue:false,duration:160});  
	});  
	*/
	//Caption Sliding (Partially Hidden to Visible)  
	$('.boxgrid.caption').hover(function(){  
		$(".cover", this).stop().animate({top:'225px'},{queue:false,duration:160});  // to animate up, use 170px here
	}, function() {  
		$(".cover", this).stop().animate({top:'225px'},{queue:false,duration:160});  
	}); 
	
	$(function() {
		$(".accordion").accordion({ autoHeight: false, header: 'h4' });
	});

	
});