$(document).ready(function(){
	
			var upLeft=0;
			var upRight=0;
			var downLeft=0;
			var downRight=0;	
			

			$('#up_left').click(function(){
			
				if(upLeft == 0)
				{   ShrinkBack();
					$('#up_left').stop(true,false).animate({width:'520px',height:'290px' , top:'-92px', left:'-322px'},400);
					$('#up_left div:not(#ul_text , #ajjjel, #techCall)').stop(true,false).animate({width:'510px',height:'280px', top:'5px', left:'5px'},400 );
				    $('#ul_text:not( #div1 , #ajel)').stop(true,true).fadeIn(1000);
					$('#up_left').css('backgroundImage','url(block2.png)');
				    $('#up_left .innerclass li').css('background','#99cccc');
					$('#container').stop(true,true).animate({top:'115px', left:'200px'},400);

								
					upLeft =1;
				}
				else
				{

					$('#up_left').stop(true,false).animate({width:'200px',height:'200px' , top:'0', left:'0'},400);
					$('#up_left div:not(#ul_text , #ajjjel, #techCall)').stop(true,false).animate({width:'190px',height:'190px', top:'5px', left:'5px'},400 );
					$('#ul_text').stop(true,true).fadeOut(150);
					$('#up_left').css('backgroundImage','');
					$('#up_left .innerclass li').css('background-color','#336699');	
					$('#container').animate({top:'0', left:'0'},400);
					upLeft =0;
				}
			
			});
			

			$('#up_right').click(function(){
			
				if(upRight== 0)
				{
					 ShrinkBack();
					$('#up_right').stop(true,false).animate({width:'560px',height:'350px' , top:'-152px'},400);
  					$('#up_right div:not(#ur_text)').stop(true,false).animate({width:'550px',height:'340px', top:'5px', left:'5px'},400 );
    				$('#ur_text').stop(true,true).fadeIn(1000);
					$('#up_right').css('backgroundImage','url(block2.png)');
				    $('#up_right .innerclass li').css('background-color','#99cccc');	
				    $('#container').animate({top:'115px', left:'-200px'},400);

					upRight=1;
				}	
				else 
				{
					$('#up_right').stop(true,false).animate({width:'200px',height:'200px' , top:'0'},400);
					$('#up_right div:not(#ur_text)').stop(true,false).animate({width:'190px',height:'190px', top:'5px', left:'5px'},400 );
					$('#ur_text').stop(true,true).fadeOut(150);
					$('#up_right').css('backgroundImage','');
					$('#up_right .innerclass li').css('background-color','#336699');
					$('#container').animate({top:'0', left:'0'},400);
	
					upRight=0;
					

				}		
			});

			$('#down_left').click(function(){
			
				if(downLeft== 0)
				{
				 	ShrinkBack();
					$(this).stop(true,false).animate({width:'520px',height:'290px' , left:'-322px'},400);
					$('#down_left div:not(#dl_text)').stop(true,false).animate({width:'510px',height:'280px', top:'5px', left:'5px'},400 );
    			    $('#dl_text').stop(true,true).fadeIn(1000);
					$('#down_left').css('backgroundImage','url(block2.png)');
				    $('#down_left .innerclass li').css('background-color','#99cccc');	
				    $('#container').animate({top:'-85px', left:'200px'},400);

	
					downLeft=1;
				}			
				else 
				{
					$(this).stop(true,false).animate({width:'200px',height:'200px' , left:'0'},400);
					$('#down_left div:not(#dl_text)').stop(true,false).animate({width:'190px',height:'190px', top:'5px', left:'5px'},400 );
					$('#dl_text').stop(true,true).fadeOut(150);
					$('#down_left').css('backgroundImage','');
					$('#down_left .innerclass li').css('background-color','#336699');	
					  $('#container').animate({top:'0', left:'0'},400);	
					downLeft=0;
				}		
				
			});

			$('#down_right').click(function(){

				if(downRight== 0)
				{	
					 ShrinkBack();
					$(this).stop(true,false).animate({width:'520px',height:'350px' },300);
					$('#down_right div:not(#dr_text)').stop(true,false).animate({width:'510px',height:'340px', top:'5px', left:'5px'},300 );
					$('#dr_text').stop(true,true).fadeIn(1000);
					$('#down_right').css('backgroundImage','url(block2.png)');
					$('#down_right .innerclass li').css('background-color','#99cccc');
					 $('#container').stop(true,true).animate({top:'-85px', left:'-200px'},300);	
					downRight=1;
				}
				
			else 
				{
					$(this).stop(true,false).animate({width:'200px',height:'200px' },400);
					$('#down_right div:not(#dr_text)').stop(true,false).animate({width:'190px',height:'190px', top:'5px', left:'5px'},400 );
					$('#dr_text').stop(true,true).fadeOut(150);
					$('#down_right').css('backgroundImage','');
					$('#down_right .innerclass li').css('background-color','#336699');
					 $('#container').stop(true,true).animate({top:'0', left:'0'},400);
					downRight=0;
				}		
				

			});
			
//////////////////////////////// clickin in the freaken div events ends here DO U understand X( ?? \\\\\\\\\\\\\\\\\\\\\\\\\

			$('#container div:not(#central, #innerText10)').mouseover(function(){
				
					var width=	$(this).css('width');
					if(width == '200px')
						{
						//$('this').css('backgroundImage','url(block2.png)');
						}
			});
			$('#container div:not(#central, #innerText10)').mouseout(function(){
				
					
					var width=	$(this).css('width');
					if(width == '200px')
						{
						//$('this').css('backgroundImage','');
						}
			});
	
			
	

//////////////////////////////// hoverin in the freaken div events ends here DO U understand X( ?? \\\\\\\\\\\\\\\\\\\\\\\\\
	
		$('#container div:not(#central) li').mouseover(function(){
				
					$(this).css('background-color','#336699');	
				
				
			});
	$('#container div:not(#central) li').mouseout(function(){

					$(this).css('background-color',' #99cccc ');
			});
			
			$('.innerTextHeader label').hover(function(){
				
			
						$(this).css('background-color','gray');	
						$(this).css('color','#303030');	
				
			}
			,function(){
				
				
						$(this).css('background-color','#303030');	
						$(this).css('color','gray');				
				
				
			});
			
			var div1Tog = 0 ;
			var div2Tog = 0 ;			
			var div3Tog = 0 ;
			var div4Tog = 0 ;
			var div5Tog = 0 ;			
			var div6Tog = 0 ;
			var div7Tog = 0 ;			
			var div8Tog = 0 ;												
			var div9Tog = 0 ;			
			

			$('#div1').click(function(){
				
				if (div1Tog == 0) {
					$('.PSDProjects:not(#div1)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({	width: '450px',	height: '240px'}, 400);
					$('#ajel').fadeIn(1000);
					div1Tog = 1 ;
				}
				else 
				{
					$('#ajel').fadeOut(200);
					$(this).stop(true, false).animate({	width: '149px',	height: '79px',	left: '40px'}, 400);
					div1Tog = 0 ;
					
				}
				
				
				
			});
			
			$('#div2').click(function(){
				
				if (div2Tog == 0) {
					$('.PSDProjects:not(#div2)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({width: '450px',	height: '240px', left:'40px'}, 400);
					$("#techal").fadeIn('1000');
					div2Tog = 1 ;
				}
				else 
				{

					$(this).stop(true, false).animate({	width: '149px', height: '79px',	left: '190px'}, 400);
					$("#techal").fadeOut('200');
					div2Tog = 0 ;
					
				}
				
				
				
			});


			
			$('#div3').click(function(){
				if (div3Tog == 0) {
					$('.PSDProjects:not(#div3)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({ width: '450px',	height: '240px',left: '40px'}, 400);
					div3Tog = 1 ;
					$('#BrianStorme').fadeIn('1000');
				}
				else 
				{

					$(this).stop(true, false).animate({	width: '150px',height: '79px',left: '340px'}, 400);
					div3Tog = 0 ;
		$('#BrianStorme').fadeOut('200');			
				}
				
				
				
			});

			$('#div4').click(function(){
				if (div4Tog == 0) {
					$('.PSDProjects:not(#div4)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({
						width: '450px',
						height: '240px',
						top: '100px'
					}, 400);
					div4Tog = 1 ;
					$('#ta3reeb').fadeIn(1000);
				}
				else 
				{

					$(this).stop(true, false).animate({width: '149px',height: '79px',top: '180px'}, 400);
					div4Tog = 0 ;
					$('#ta3reeb').fadeOut(200);					
				}
				
				
				
			});
			
			
		
					$('#div5').click(function(){
				if (div5Tog == 0) {
					$('.PSDProjects:not(#div5)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({width: '450px',height: '240px',top: '100px',	left:'40px'	}, 400);
					div5Tog = 1 ;
					$('#ENumbers').fadeIn(1000);
				}
				else 
				{

					$(this).stop(true, false).animate({
						width: '149px',
						height: '79px',
						top: '180px',
						left:'190px'
					}, 400);
					div5Tog = 0 ;
					$('#ENumbers').fadeOut(200);					
				}
				
				
				
			});

					$('#div6').click(function(){
				if (div6Tog == 0) {
					$('.PSDProjects:not(#div6)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({width: '450px',height: '240px',top: '100px',left:'40px'}, 400);
					div6Tog = 1 ;
					$('#PSDAcademy').fadeIn(1000);					
				}
				else 
				{

					$(this).stop(true, false).animate({width: '150px',height: '79px',top: '180px',left:'340px'}, 400);
					div6Tog = 0 ;
				$('#PSDAcademy').fadeOut(200);					
				}

			});


			$('#div7').click(function(){
				if (div7Tog == 0) {
					$('.PSDProjects:not(#div7)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({width: '450px',height: '240px',top: '100px'}, 400);
					div7Tog = 1 ;
					$('#OpenSource').fadeIn(1000);
				}
				else 
				{

					$(this).stop(true, false).animate({width: '149px',height: '79px',top: '260px'}, 400);
					div7Tog = 0 ;
					$('#OpenSource').fadeOut(200);
				}
				
				//
				
			});
		
					$('#div8').click(function(){
				if (div8Tog == 0) {
					$('.PSDProjects:not(#div8)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({	width: '450px',	height: '240px',top: '100px',left:'40px'}, 400);
					div8Tog = 1 ;
					$('#WhiteHat').fadeIn(1000);
				}
				else 
				{

					$(this).stop(true, false).animate({width: '149px',height: '80px',top: '260px',left:'190px'}, 400);
					div8Tog = 0 ;
				$('#WhiteHat').fadeOut(200);
				}
				
				
				
			});

					$('#div9').click(function(){
				if (div9Tog == 0) {
					$('.PSDProjects:not(#div9)').css('z-index', '0');
					$(this).css('z-index', '2');
					$(this).stop(true, false).animate({width: '450px',	height: '240px',top: '100px',left:'40px'}, 400);
					div9Tog = 1 ;
					$('#PSDStore').fadeIn(1000);
				}
				else 
				{

					$(this).stop(true, false).animate({width: '150px',height: '80px',top: '260px',left:'340px'}, 400);
					div9Tog = 0 ;
				$('#PSDStore').fadeOut(200);
				}

			});		
	
		function ShrinkBack(){
			 
					$('#up_left ').stop(true,false).animate({width:'200px',height:'200px' , top:'0', left:'0'},400);
					$('#up_left div:not(#ul_text)').stop(true,false).animate({width:'190px',height:'190px', top:'5px', left:'5px'},400 );
					$('#ul_text').stop(true,true).fadeOut(150);
					$('#up_left' ).css('background-color','#336699');	
					$('#up_left').css('backgroundImage','');
					$('#up_left .innerclass li').css('background-color','#336699');	
					upLeft =0;
//############################################# #up_left ############################################//
					$('#up_right').stop(true,false).animate({width:'200px',height:'200px' , top:'0'},400);
					$('#up_right div:not(#ur_text)').stop(true,false).animate({width:'190px',height:'190px', top:'5px', left:'5px'},400 );
					$('#ur_text').stop(true,true).fadeOut(150);
					$('#up_right').css('background-color','#336699');	
					$('#up_right').css('backgroundImage','');
					$('#up_right .innerclass li').css('background-color','#336699');	
					upRight=0;
//############################################# #up_right ############################################//



					$('#down_left').stop(true,false).animate({width:'200px',height:'200px' , left:'0'},400);
					$('#down_left div:not(#dl_text)').stop(true,false).animate({width:'190px',height:'190px', top:'5px', left:'5px'},400 );
					$('#dl_text').stop(true,true).fadeOut(150);
					$('#down_left').css('background-color','#336699');
					$('#down_left').css('backgroundImage','');
					$('#down_left .innerclass li').css('background-color','#336699');		
					downLeft=0;



//############################################# #down_left ############################################//


	$('#down_right').stop(true,false).animate({width:'200px',height:'200px' },400);
					$('#down_right div:not(#dr_text)').stop(true,false).animate({width:'190px',height:'190px', top:'5px', left:'5px'},400 );
					$('#dr_text').stop(true,true).fadeOut(150);
					$('#down_right').css('background-color','#336699');	
					$('#down_right').css('backgroundImage','');
					$('#down_right .innerclass li').css('background-color','#336699');
					downRight=0;
//############################################# #down_right ############################################//

		}
				
	$('#facebook').hover(function(){

			$('#facebookdiv').stop(true,false).animate({width:'200px'},300);	
			
			}
			,function(){
			$('#facebookdiv').stop(true,false).animate({width:'0px'},300);				
	});
	$('#twitter').hover(
	
	
	function(){

			$('#twitterdiv').stop(true,false).animate({width:'200px'},300);	
			
			}
			,function(){
			$('#twitterdiv').stop(true,false).animate({width:'0px',left:'0px'},300);				
	}
	

	
	);
	
	
	$('#linkedIn').hover(
	
	function(){
			$('#linkedIndiv').stop(true,false).animate({width:'200px'},300);	
			
			}
			,function(){
			$('#linkedIndiv').stop(true,false).animate({width:'0px'},300);				
	}
	
	);	

$('#projects').hover(function(){

		$("#projctsWriting").fadeIn(200);

},function(){

	$("#projctsWriting").fadeOut(200);

});

$('#Rss').hover(function(){

	$("#BlogWriting").fadeIn(200);

},function(){

	$("#BlogWriting").fadeOut(200);

});

$('#values').hover(function(){

$('#valuesText').fadeIn(100);

},function(){

$('#valuesText').fadeOut(100);

});

$('#mission').hover(function(){

$('#missionText').fadeIn(100);

},function(){

$('#missionText').fadeOut(100);

});

$('#vision').hover(function(){

$('#visionText').fadeIn(100);

},function(){

$('#visionText').fadeOut(100);

});

$('#bio').hover(function(){

$('#bioText').fadeIn(100);

},function(){

$('#bioText').fadeOut(100);

});



		
});