// AWS MAIN JAVASCRIPT ANIMATIONS


 $("document").ready(function() {
							 
	
	// STARTING PARAMS
	
	$("#dimageContain img").not("#static").fadeTo(0, .0);
	$("#dparaContain img").fadeTo(0, 0.0);
	
	
	
	// RESET FUNCTION 
	
	
	$.fn.diagramReset = function() { 
    return $(this).stop().not("#static").fadeTo(100, 0.0).css("z-index", "5"); 
}
	
	$.fn.buttonReset = function() { 
    return $(this).stop().fadeTo(100, 1.0); 
}

$.fn.paraReset = function() { 
    return $(this).stop().fadeTo(100, 0.0); 
}
	
	
	
	// BLUE FUNCTIONS
	
	$("#telecomB").hover(function() {
								  
								  $("#dimageContain img").stop().diagramReset();
								  $("#dbuttonContain a").stop().buttonReset();
								  $("#dparaContain img").stop().paraReset();
								  
								  $(this).fadeTo(200, 1.0);
								  $("#telecom").stop().css("z-index", "11").fadeTo(200, 1.0);
								  $("#dbuttonContain a").stop().not("#telecomB").fadeTo(200, 0.5);
								  $("#telecomP").stop().fadeTo(200, 1.0);
								  
								  }, function() {
									  
								  $("#telecom").stop().fadeTo(200, 0.0).css("z-index", "5");
								  $("#dbuttonContain a").stop().fadeTo(200, 1.0);
								  $("#telecomP").stop().fadeTo(200, 0.0);
								  
									  
									  });
	
	
	// ORANGE FUNCTIONS
	
	$("#tvB").hover(function() {
								  
								  
								  $("#dimageContain img").stop().diagramReset();
								  $("#dbuttonContain a").stop().buttonReset();
								  $("#dparaContain img").stop().paraReset();
								  
								  $(this).fadeTo(200, 1.0);
								  $("#tv").stop().css("z-index", "11").fadeTo(200, 1.0);
								  $("#dbuttonContain a").stop().not("#tvB").fadeTo(200, 0.5);
								  $("#tvP").stop().fadeTo(200, 1.0);
								  
								  }, function() {
									  
								  $("#tv").stop().fadeTo(200, 0.0).css("z-index", "5");
								  $("#dbuttonContain a").stop().fadeTo(200, 1.0);
								  $("#tvP").stop().fadeTo(200, 0.0);
									  
									  });
	
	
	
	// RED FUNCTIONS
	
	$("#fireB").hover(function() {
								  
								  $("#dimageContain img").stop().diagramReset();
								  $("#dbuttonContain a").stop().buttonReset();
								  $("#dparaContain img").stop().paraReset();
								  
								  $(this).fadeTo(200, 1.0);
								  $("#fire").stop().css("z-index", "11").fadeTo(200, 1.0);
								  $("#dbuttonContain a").stop().not("#fireB").fadeTo(200, 0.5);
								  $("#fireP").stop().fadeTo(200, 1.0);
								  
								  }, function() {
									  
								  $("#fire").stop().fadeTo(200, 0.0).css("z-index", "5");
								  $("#dbuttonContain a").stop().fadeTo(200, 1.0);
								  $("#fireP").stop().fadeTo(200, 0.0);
									  
									  });
	
	
	
	
	// GREEN FUNCTIONS
	
	$("#accessB").hover(function() {
								  
								  $("#dimageContain img").stop().diagramReset();
								  $("#dbuttonContain a").stop().buttonReset();
								  $("#dparaContain img").stop().paraReset();
								  
								  $(this).fadeTo(200, 1.0);
								  $("#access").stop().css("z-index", "11").fadeTo(200, 1.0);
								  $("#dbuttonContain a").stop().not("#accessB").fadeTo(200, 0.5);
								  $("#accessP").stop().fadeTo(200, 1.0);
								  
								  }, function() {
									  
								  $("#access").stop().fadeTo(200, 0.0).css("z-index", "5");
								  $("#dbuttonContain a").stop().fadeTo(200, 1.0);
								  $("#accessP").stop().fadeTo(200, 0.0);
									  
									  });
	
	
	
	// PURPLE FUNCTIONS
	
	$("#cablingB").hover(function() {
								  
								  $("#dimageContain img").stop().diagramReset();
								  $("#dbuttonContain a").stop().buttonReset();
								  $("#dparaContain img").stop().paraReset();
								  
								  $(this).fadeTo(200, 1.0);
								  $("#cabling").stop().css("z-index", "11").fadeTo(300, 1.0);
								  $("#dbuttonContain a").stop().not("#cablingB").fadeTo(300, 0.5);
								  $("#cablingP").stop().fadeTo(200, 1.0);
								  
								  }, function() {
									  
								  $("#cabling").stop().fadeTo(300, 0.0).css("z-index", "5");
								  $("#dbuttonContain a").stop().fadeTo(300, 1.0);
								  $("#cablingP").stop().fadeTo(200, 0.0);
									  
									  });
	
	
	
	
						 
							 
});