// JavaScript Document

	$(document).ready(function(){
		$('.box').hover(
			function(){
				$(this).find('.hover').stop().animate({top: '0'},parseInt($(this).find('.hover').css('top').replace(/px,*\)*/g,"")/305 * 1000));				
			},
			function(){
				$(this).find('.hover').stop().animate({top: '305'},(305 - parseInt($(this).find('.hover').css('top').replace(/px,*\)*/g,"")))/305 * 1000);
			}
		);
		
		
		$('#brochure .btn').hover(function(){$(this).attr('src','images/brochure-btn-on.jpg')},function(){$(this).attr('src','images/brochure-btn.jpg')});
		
		$('#concrete .btn').hover(function(){$(this).attr('src','images/concrete-btn-on.jpg')},function(){$(this).attr('src','images/concrete-btn.jpg')});
		
		$('#pools .btn').hover(function(){$(this).attr('src','images/gallery-btn-on.jpg')},function(){$(this).attr('src','images/gallery-btn.jpg')});
		
		$('#fiberglass .btn').hover(function(){$(this).attr('src','images/fiberglass-btn-on.jpg')},function(){$(this).attr('src','images/fiberglass-btn.jpg')});
		
		$('#consultation .btn').hover(function(){$(this).attr('src','images/consultation-btn-on.jpg')},function(){$(this).attr('src','images/consultation-btn.jpg')});
		
	});