jQuery('img#showgras').click(
		function () {
			jQuery('img#showgras').toggle(60);
			jQuery('img#showmais').toggle(60);
			jQuery('div#imggras').hide(500);
			jQuery('div#imgmais').show(500);
			jQuery('.boxgras').animate({'marginTop': '-=230px'}, 600 );
			jQuery('.boxmais').animate({'marginTop': '+=230px'}, 600 );
			jQuery('.backgoundimage').removeClass('maisbg');
			jQuery('.backgoundimage').addClass('grasbg');
			return false;

	});

	jQuery('img#showmais').click(
		function slide2() {
			jQuery('img#showmais').toggle(60);
			jQuery('img#showgras').toggle(60);
			jQuery('div#imgmais').hide(500);
			jQuery('div#imggras').show(500);
			jQuery('.boxgras').animate({'marginTop': '+=230px'}, 600 );
			jQuery('.boxmais').animate({'marginTop': '-=230px'}, 600 );
			jQuery('.backgoundimage').addClass('maisbg');
			jQuery('.backgoundimage').removeClass('grasbg');
			return false;
	});

	var i = 0;
	var y = 0;


	jQuery('div#box1').mouseover(
		function () {
			if(i === 0 && !jQuery(this).hasClass('active')){
				jQuery(this).animate({
					'top' : '-=20px'
				}, 600 ),

				jQuery(this).addClass('top'),

				++i;
				y = 1;
				return false;
			}
	});



	jQuery('div#box2').mouseover(
			function () {
			if(i === 0 && !jQuery(this).hasClass('active')){
				jQuery(this).animate({
					'top' : '-=20px'
				}, 600 );

				jQuery(this).addClass('top');

				++i;
				y = 1;
				return false;
			}
	});



	jQuery('div#box3').mouseover(
		function () {
			if(i === 0 && !jQuery(this).hasClass('active')){
				jQuery(this).animate({
					'top' : '-=20px'
				}, 600 );

				jQuery(this).addClass('top');

				++i;
				y = 1;
				return false;
			}
	});

	jQuery('div#box4').mouseover(
		function () {
			if(i === 0 && !jQuery(this).hasClass('active')){
				jQuery(this).animate({
					'top' : '-=20px'
				}, 600 );

				jQuery(this).addClass('top');

				++i;
				y = 1;
				return false;
			}
	});

	jQuery('div#box5').mouseover(
		function () {
			if(i === 0 && !jQuery(this).hasClass('active')){
				jQuery(this).animate({
					'top' : '-=20px'
				}, 600 );

				jQuery(this).addClass('top');

				++i;
				y = 1;
				return false;
			}
	});

	jQuery('div#box6').mouseover(
		function () {
			if(i === 0 && !jQuery(this).hasClass('active')){
				jQuery(this).animate({
					'top' : '-=20px'
				}, 600 );

				jQuery(this).addClass('top');

				++i;
				y = 1;
				return false;
			}
	});

	jQuery('div#box7').mouseover(
		function () {
			if(i === 0 && !jQuery(this).hasClass('active')){
				jQuery(this).animate({
					'top' : '-=20px'
				}, 600 );

				jQuery(this).addClass('top');

				++i;
				y = 1;
				return false;
			}
	});
	jQuery('div#box8').mouseover(
	
		function () {
			if(i === 0 && !jQuery(this).hasClass('active')){
				jQuery(this).animate({
					'top' : '-=20px'
				}, 600 );

				jQuery(this).addClass('top');

				++i;
				y = 1;
				return false;
			}
	});


	jQuery('div.boxout').mouseover(
		function () {
			if(y === 1){
				jQuery('div.top').animate({
					'top' : '+=20px'
				}, 600 );
				jQuery('div.top').removeClass('top');

			i = 0;
			y = 0;
			return false;
			}
	});