/*
COLOURS:
blog				#949d68
garden design		#36393e

home				#6c7854
portfolio			#c8c9ad

services			#becfe5
contact				#aabebf

font				#fff
*/

	jQuery(document).ready(function(){
	
		$(function() {
		
		/*-----TOP LEFT----*/
		/*------------------------------------------BLOG-A-------*/
			$("#blog-a").hover(function() {
				
				$(this).animate({ /*---BLOG-A MOUSE IN---*/
				
				width:'110px',
				height:'30px',
				marginLeft:'0px',
				marginRight: '0px',
				paddingTop: '80px',
				//marginTop: '20px'
				/*---TEXT ANIMATION---*/
				fontSize: '120%'
				
				},{queue:false,duration:300});
				
				$("#garden-a").animate({ /*---garden-a when home-a movement---*/
				
					width:'50px',
					height:'20px',
					marginLeft: '60px',
					marginTop: '180px',
					paddingTop: '30px',
					/*---TEXT ANIMATION---*/
					fontSize: '60%'
				
				},{queue:false,duration:300});				
				
				/*---Fixing the woble--*/
				$("#blog-a").css(
					'border-right', '1px solid #949d68'
				);
				$("#garden-a").css(
					'border-right', '1px solid #36393e'
				);
				
					}, function(){
					
				$(this).animate({ /*---BLOG-A MOUSE OUT---*/
				
				width:'80px',
				height:'20px',
				marginLeft:'40px',
				marginRight: '0px',
				marginTop: '60px',
				paddingTop: '50px',
				/*---TEXT ANIMATION---*/
				fontSize: '100%'
				
				},{queue:false,duration:300});
				
				$("#garden-a").animate({ /*---gaeden-a when blog-a movement---*/
				
					width:'90px',
					height:'40px',
					marginLeft: '20px',
					marginTop: '140px',
					paddingTop: '50px',
					/*---TEXT ANIMATION---*/
					fontSize: '100%'
				
				},{queue:false,duration:300});
				
				/*---Fixing the woble--*/
				$("#blog-a").css(
					'border-right', '1px solid #949d68'
				);
				$("#garden-a").css(
					'border-right', '1px solid #36393e'
				);
				
			});
			
			/*------------------------------------------GAARDEN-A-------*/
			$("#garden-a").hover(function() {
				
				$(this).animate({ /*---GARDEN-A MOUSE IN---*/
				
				width:'110px',
				height:'50px',
				marginLeft:'0px',
				marginTop: '120px',
				paddingTop: '60px',
				/*---TEXT ANIMATION---*/
				fontSize: '120%'
				
				},{queue:false,duration:300});
				
				$("#blog-a").animate({ /*---blog-a when garden-a movement---*/
				
					marginTop: '40px'
				
				},{queue:false,duration:300});
				
				
				/*---Fixing the woble--*/
				$("#blog-a").css(
					'border-right', '1px solid #949d68'
				);
				$("#garden-a").css(
					'border-right', '1px solid #36393e'
				);
				
					}, function(){
					
				$(this).animate({ /*---GARDEN-A MOUSE OUT---*/
				
				width:'90px',
				height:'40px',
				marginLeft:'20px',
				marginTop: '140px',
				paddingTop: '50px',
				/*---TEXT ANIMATION---*/
				fontSize: '100%'
				
				},{queue:false,duration:300});
				
				$("#blog-a").animate({ /*---blog-a when garden-a movement---*/
				
					marginTop: '60px'
				
				},{queue:false,duration:300});
				
				/*---Fixing the woble--*/
				$("#blog-a").css(
					'border-right', '1px solid #949d68'
				);
				$("#garden-a").css(
					'border-right', '1px solid #36393e'
				);
				
			});
			
			
			/*---TOP RIGHT----*/
			/*------------------------------------------PORTFOLIO-A-------*/
			$("#portfolio-a").hover(function() {
				
				$(this).animate({ /*---PORTFOLIO-A MOUSE IN---*/
				
				width:'110px',
				height:'25px',
				marginRight:'0px',
				paddingTop:'95px',
				//marginTop: '0px'
				/*---TEXT ANIMATION---*/
				fontSize: '120%'
				
				},{queue:false,duration:300});
				
				$("#home-a").animate({ /*---home-a when garden-a movement---*/
				
					width:'80px',
					height:'40px',
					/*---TEXT ANIMATION---*/
					fontSize: '80%'
				
				},{queue:false,duration:300});
				
					}, function(){
					
				$(this).animate({ /*---PORTFOLIO-A MOUSE OUT---*/
				
				width:'80px',
				height:'20px',
				marginLeft:'0px',
				marginTop: '30px',
				paddingTop:'60px',
				/*---TEXT ANIMATION---*/
				fontSize: '100%'
				
				},{queue:false,duration:300});
				
				$("#home-a").animate({ /*---home-a when portfolio-a movement---*/
				
					width:'110px',
					height:'70px',
					/*---TEXT ANIMATION---*/
					fontSize: '100%'
				
				},{queue:false,duration:300});
				
			});
			
			$("#home-a").hover(function() {
				
				$(this).animate({
					height:'70px',
					/*---TEXT ANIMATION---*/
					fontSize: '160%'
				}, {queue:false,duration:300});
					
					}, function(){
					
				$(this).animate({
					height:'70px',
					/*---TEXT ANIMATION---*/
					fontSize: '100%'
				}, {queue:false,duration:300});
			});
			
			/*---BOTTOM---*/
			/*------------------------------------------SERVICES-A-------*/
			$("#services-a").hover(function() {
				
				$(this).animate({ /*---SERVICES-A MOUSE IN---*/
				
				width:'110px',
				height:'50px',
				paddingTop:'70px',
				/*---TEXT ANIMATION---*/
				fontSize: '120%'
				
				
				},{queue:false,duration:300});
				
					}, function(){
					
				$(this).animate({ /*---SERVICES-A MOUSE OUT---*/
				
				width:'90px',
				height:'45px',
				paddingTop:'55px',
				/*---TEXT ANIMATION---*/
				fontSize: '100%'
				
				
				},{queue:false,duration:300});
				
				
			});
			
			/*------------------------------------------GAARDEN-A-------*/
			$("#contact-a").hover(function() {
				
				$(this).animate({ /*---CONTACT-A MOUSE IN---*/
				
				width:'110px',
				height:'35px',
				paddingTop:'85px',
				/*---TEXT ANIMATION---*/
				fontSize: '120%'
				
				},{queue:false,duration:300});
				
					}, function(){
					
				$(this).animate({ /*---CONTACT-A MOUSE OUT---*/
				
				width:'80px',
				height:'30px',
				paddingTop:'60px',
				/*---TEXT ANIMATION---*/
				fontSize: '100%'
				
				
				},{queue:false,duration:300});
				
			});
			
		});
	});