// JavaScript Document

$(document).ready(function(){
//$("#hold").hide();	/// temp for design			


// hide all initally
$("#circle-big-work").hide();
$("#circle-big-info").hide();
$("#work").hide();
$('#info-hex').hide();
$('#work-circle').hide();
/**/


/// fade out HOLD after time

 setTimeout(function(){

  $('#hold').stop(true, true).fadeOut(2000, function() {
		$('#circle-big-info').stop(true, true).fadeIn(2000, function() {
				
				$("#work-circle").fadeTo("fast", 0.5);
				$('#info-hex').stop(true, true).fadeIn(300, function() {
					});
					$('#work-circle').stop(true, true).fadeIn(300, function() {
					});
			  });
	});

}, 5000);

/**/

/// or clicked
$("#hold").click(function(event){	
	$('#hold').stop(true, true).fadeOut(1000, function() {
			$('#circle-big-info').stop(true, true).fadeIn(2000, function() {
					
					$("#work-circle").fadeTo("fast", 0.5);
					$('#info-hex').stop(true, true).fadeIn(300, function() {
						});
						$('#work-circle').stop(true, true).fadeIn(300, function() {
																				
																				
						});
				  });
		});
});








//// small button actions

$("#info-hex").click(function(event){	
	$('#circle-big-work').stop(true, true).fadeOut(300, function() {
        
		$("#info-hex").fadeTo("fast", 1);
		$("#work-circle").fadeTo("fast", 0.5);
		$('#work').stop(true, true).fadeOut(300, function() {
			
				$('#circle-big-info').stop(true, true).fadeIn(300, function() {
				
				
			  });
		  });
      });
	  
});

$("#work-circle").click(function(event){	 
		$('#circle-big-info').stop(true, true).fadeOut(300, function() {
        
			$("#work-circle").fadeTo("fast", 1);
			$("#info-hex").fadeTo("fast", 0.5);
			$('#work').stop(true, true).fadeOut(300, function() {
					$('#circle-big-work').stop(true, true).fadeIn(300, function() {
					
					
				  });
			  });
			
      });
	  
});



//// large button actions
$("#circle-big-work").click(function(event){	 
		$('#circle-big-work').stop(true, true).fadeOut(1000, function() {
        
			
			$('#circle-big-info').stop(true, true).fadeOut(300, function() {
		  	});
			$('#info-hex').stop(true, true).fadeOut(300, function() {
		  	});
			$('#work-circle').stop(true, true).fadeOut(300, function() {
					
					$('#work').stop(true, true).fadeIn(2000,  function() {
				  });
																	 
																	 
		  	});
			
			
      });
	 
});

$("#circle-big-info").click(function(event){	
		$('#circle-big-work').stop(true, true).fadeOut(1000, function() {
        
			
			$('#circle-big-info').stop(true, true).fadeOut(300, function() {
		  	});
			$('#info-hex').stop(true, true).fadeOut(300, function() {
		  	});
			$('#work-circle').stop(true, true).fadeOut(300, function() {
					
					$('#work').stop(true, true).fadeIn(2000,  function() {
				  });
																	 
																	 
		  	});
			
			
      });
	 
});



$("#work").click(function() {
						 
  $("#info-hex").fadeToggle("slow", "linear");
  $("#work-circle").fadeToggle("slow", "linear");
});




/// document ready close
});