// JavaScript Document
var time = 400;

function displaymessage(){

	 $(".analysis").removeClass("visible");
	 $(".analysis").addClass("hidden");
	 $(".box").removeClass("menuhide");
	 $(".box").fadeIn("slow");
	}
	
 
// Using multiple unit types within one animation.
	function cl(){
	 
	 $("#block1").animate({ 
        width: "41px"
      }, time );
	  
	 $("#block2").animate({ 
        width: "282px"
      }, time );
	  
	 $(".analysis").addClass("visible");
	 $(".box").addClass("menuhide");
	 $("#block1 img").addClass("visible");
	 
    }
	
function op(){
	 
	$("#block1").animate({ 
        width: "282px"
      }, time );
	  
	  $("#block2").animate({ 
        width: "41px"
      }, time );
	 displaymessage()
	 $("#block1 img").removeClass("visible");
	 $("#block1 img").addClass("hidden");
	}


$(document).ready(function(){
	$("#formBox input").focus(function() {
		$(this).parent().addClass("curFocus")
	});
	$("#formBox input").blur(function() {
		$(this).parent().removeClass("curFocus")
	});
	$("#formBox select").focus(function() {
		$(this).parent().addClass("curFocus")
	});
	$("#formBox select").blur(function() {
		$(this).parent().removeClass("curFocus")
	});
	$("#formBox textarea").focus(function() {
		$(this).parent().addClass("curFocus")
	});
	$("#formBox textarea").blur(function() {
		$(this).parent().removeClass("curFocus")
	});
	$(":submit").focus(function() {
		$(this).parent().removeClass("curFocus")
	});
	$(":checkbox").focus(function() {
		$(this).addClass("curFocus")
		$(this).parent().removeClass("curFocus")
	});
	$(":checkbox").blur(function() {
		$(this).removeClass("curFocus")
	});
});