$(document).ready(function() {
function goToByScroll(id){
     	$('html,body').animate({scrollTop: $("#"+id).offset().top},2000);
}

i = $.randomBetween(1, 9);

$('#client' + i).css("display","inline");



	$('#closebutton').click(function() {
	 $('#displayover').fadeOut('slow', function() {
        // Animation complete
      });
    });
	
	$('#cowa').click(function() {
	 $('#displayover').fadeIn('slow', function() {
        // Animation complete
      });
    });

	$('#bgo19').click(function() {
      $('#blog19').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo19').fadeOut('slow', function() {
        // Animation complete
      });
    });
	
	$('#bgo10').click(function() {
      $('#blog10').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo10').fadeOut('slow', function() {
        // Animation complete
      });
    });
	
		$('#bgo11').click(function() {
      $('#blog11').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo11').fadeOut('slow', function() {
        // Animation complete
      });
    });
	
		$('#bgo12').click(function() {
      $('#blog12').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo12').fadeOut('slow', function() {
        // Animation complete
      });
    });
	
			$('#bgo13').click(function() {
      $('#blog13').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo13').fadeOut('slow', function() {
        // Animation complete
      });
    });
	
			$('#bgo14').click(function() {
      $('#blog14').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo14').fadeOut('slow', function() {
        // Animation complete
      });
    });
	

			$('#bgo15').click(function() {
      $('#blog15').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo15').fadeOut('slow', function() {
        // Animation complete
      });
    });
	

	
		$('#bgo16').click(function() {
      $('#blog16').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo16').fadeOut('slow', function() {
        // Animation complete
      });
    });
	
		$('#bgo17').click(function() {
      $('#blog17').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo17').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	
	$('#bgo9').click(function() {
      $('#blog9').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo9').fadeOut('slow', function() {
        // Animation complete
      });
    });
	
		$('#bgo12').click(function() {
      $('#blog12').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo12').fadeOut('slow', function() {
        // Animation complete
      });
    });

	
	$('#bgo8').click(function() {
      $('#blog8').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo8').fadeOut('slow', function() {
        // Animation complete
      });
    });

	$('#bgo7').click(function() {
      $('#blog7').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo7').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo6').click(function() {
      $('#blog6').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo6').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
		$('#bgo5').click(function() {
      $('#blog5').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo5').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo50').click(function() {
      $('#blog50').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo50').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo20').click(function() {
      $('#blog20').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo20').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	
	$('#bgo30').click(function() {
      $('#blog30').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo30').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
		$('#bgo31').click(function() {
      $('#blog31').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo31').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo32').click(function() {
      $('#blog32').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo32').fadeOut('slow', function() {
        // Animation complete
      });
    });	
		
	$('#bgo33').click(function() {
      $('#blog33').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo33').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo34').click(function() {
      $('#blog34').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo34').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo35').click(function() {
      $('#blog35').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo35').fadeOut('slow', function() {
        // Animation complete
      });
    });		
	
	
	$('#bgo36').click(function() {
      $('#blog36').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo36').fadeOut('slow', function() {
        // Animation complete
      });
    });		
	
	$('#bgo37').click(function() {
      $('#blog37').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo37').fadeOut('slow', function() {
        // Animation complete
      });
    });		
	
	$('#bgo38').click(function() {
      $('#blog38').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo38').fadeOut('slow', function() {
        // Animation complete
      });
    });		
	
	$('#bgo39').click(function() {
      $('#blog39').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo39').fadeOut('slow', function() {
        // Animation complete
      });
    });		
		
	$('#bgo40').click(function() {
      $('#blog40').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo40').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo41').click(function() {
      $('#blog41').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo41').fadeOut('slow', function() {
        // Animation complete
      });
    });

	$('#bgo42').click(function() {
      $('#blog42').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo42').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo44').click(function() {
      $('#blog44').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo44').fadeOut('slow', function() {
        // Animation complete
      });
    });	

	$('#bgo45').click(function() {
      $('#blog45').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo45').fadeOut('slow', function() {
        // Animation complete
      });
    });	


	$('#bgo46').click(function() {
      $('#blog46').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo46').fadeOut('slow', function() {
        // Animation complete
      });
    });		

	$('#bgo47').click(function() {
      $('#blog47').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo47').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
	$('#bgo4').click(function() {
      $('#blog4').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo4').fadeOut('slow', function() {
        // Animation complete
      });
    });
	


	
		$('#bgo3').click(function() {
      $('#blog3').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo3').fadeOut('slow', function() {
        // Animation complete
      });
    });

	$('#bgo2').click(function() {
      $('#blog2').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo2').fadeOut('slow', function() {
        // Animation complete
      });
    });	
	
		$('#bgo1').click(function() {
      $('#blog1').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo1').fadeOut('slow', function() {
        // Animation complete
      });
    });
	



	$('#slider1').click(function() {
      $('#blog33').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo33').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf33");
    });

	$('#slider2').click(function() {
      $('#blog2').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo2').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf17");
    });
	
		$('#slider3').click(function() {
      $('#blog42').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo42').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf42");
    });
	
		$('#slider4').click(function() {
      $('#blog36').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo36').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf36");
    });
	
		$('#slider5').click(function() {
      $('#blog38').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo38').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf38");
    });
	

	$('#slider6').click(function() {
      $('#blog31').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo31').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf31");
    });



	$('#slider7').click(function() {
      $('#blog32').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo32').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf32");
    });

		$('#slider8').click(function() {
      $('#blog45').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo45').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf45");
    });

	
		$('#slider9').click(function() {
      $('#blog14').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo14').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf14");
    });

	
			$('#slider10').click(function() {
      $('#blog3').fadeIn('slow', function() {
        // Animation complete
      });
	 $('#bgo3').fadeOut('slow', function() {
        // Animation complete
      });
	goToByScroll("bf16");
    });
	



	
});