jQuery(document).ready( function(){
	
	$("#weare").fadeIn(2000),
	$("#wesub").delay(2000).html("<h3 class='homeimg4'>...a new type of concrete<h3>").delay(100).fadeIn(1000).delay(1000).fadeOut(1000, function(){
		$("#wesub").html("<h3 class='homeimg3'>...40-60% recycled content</h3>").delay(100).fadeIn(1000).delay(1000).fadeOut(1000, function(){
			$("#wesub").html("<h3 class='homeimg2'>...patented innovation</h3>").delay(100).fadeIn(1000).delay(1000).fadeOut(1000, function(){
				$("#wesub").html("<h3 class='homeimg1'>...turning possibilities into reality</h3>").delay(100).fadeIn(1000);
			})
		})
	})
	
	$("#hi4").delay(2100).fadeIn(1000),
	$("#hi3").delay(5200).fadeIn(1000),
	$("#hi2").delay(8300).fadeIn(1000),
	$("#hi1").delay(11400).fadeIn(1000, function(){
		$('#hi4').delay(1000).animate({
    		opacity: 0.5
  		}, 500, function() {
			$("#weare").fadeOut(500, function(){
				$("#weare").html("<h1>welcome</h1>").delay(100).fadeIn(1000);
			}),
			$("#wesub").fadeOut(500, function(){
				$("#wesub").html("<h3>to the world of betona</h3>").delay(100).fadeIn(1000),
				$("#dspHomeDesc").delay(1000).fadeIn(500)
			})
  		}),
		$('#hi3').delay(1000).animate({
    		opacity: 0.5
  		}, 500, function() {
    		// Animation complete.
  		}),
		$('#hi2').delay(1000).animate({
    		opacity: 0.5
  		}, 500, function() {
    		// Animation complete.
  		}),
		$('#hi1').delay(1000).animate({
    		opacity: 0.5
  		}, 500, function() {
    		// Animation complete.
  		})
	}),
	$("#hi4").mouseover(function () {
    	$(this).animate({
			opacity: 1
		}, 500, function() {
			
  		})
	})
	$("#hi4").mouseout(function () {
    	$(this).animate({
			opacity: 0.5
		}, 500, function() {
			
  		})
	}),
	$("#hi3").mouseover(function () {
    	$(this).animate({
			opacity: 1
		}, 500, function() {
			
  		})
	})
	$("#hi3").mouseout(function () {
    	$(this).animate({
			opacity: 0.5
		}, 500, function() {
			
  		})
	}),
	$("#hi2").mouseover(function () {
    	$(this).animate({
			opacity: 1
		}, 500, function() {
			
  		}),
		$("#hdesc").html("our footprint"),
		$("#hdesc").animate({
			opacity: 1,
		})
	}),
	$("#hi2").mouseout(function () {
    	$(this).animate({
			opacity: 0.5
		}, 500, function() {
			
  		}),
		$("#hdesc").html(""),
		$("#hdesc").animate({
			opacity: 0,
		})
	}),
	$("#hi1").mouseover(function () {
    	$(this).animate({
			opacity: 1,
		}, 500, function() {
			
  		}),
		$("#hdesc").html("about us"),
		$("#hdesc").animate({
			opacity: 1,
		})
	}),
	$("#hi1").mouseout(function () {
    	$(this).animate({
			opacity: 0.5
		}, 500, function() {
			
  		}),
		$("#hdesc").html(""),
		$("#hdesc").animate({
			opacity: 0,
		})
	})


});