$(document).ready(function() {
    $('#imagecontainer').cycle({
		fx: 'fade', pause:  1   // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
    $('#referral').cycle({ cleartypeNoBg: true,  timeout: 0, cleartype: 1, speed: 400, next: '#next1'});

$(function() {
	$('#navigation a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -250px)"}, {duration:160});
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:160});
		});
});

$(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Vertical Sliding
				//Full Caption Sliding (Hidden to Visible)
				$('.boxgrid.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'139px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'174px'},{queue:false,duration:160});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.boxgrid.caption').hover(function(){
					$(".cover", this).stop().animate({top:'120px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'120px'},{queue:false,duration:160});
				});
			});