var $moveInToggleState = 0;

$(document).ready(function(){	
	/*================================================*/
	/* Move-in Special animation event */
	$(".special").click(function(e){
		var target = e.target;
		$('#hiddenSpecial').show();
		if($moveInToggleState == 0){
			$('#specialMoveIn').css({
				filter: 'alpha(opacity=90)',
				opacity: 0.75
			});
			$("#specialMoveIn").animate({"right": "+=820px"}, "slow");
			$("#specialMoveIn").show();
			$moveInToggleState = 1;
		}else{
			$("#specialMoveIn").animate({"right": "-=820px"}, "slow");
			$("#specialMoveIn").hide('slow');
			$moveInToggleState = 0;
			$('#hiddenSpecial').hide();
		}
			
	});
	
	$(document).click(function(e) { 
		var target = e.target;
		
		if (!$(target).is('.special')) {
			if($moveInToggleState == 1){
				$("#specialMoveIn").animate({"right": "-=820px"}, "slow");
				$("#specialMoveIn").hide('slow');
				$moveInToggleState = 0;
				$('#hiddenSpecial').hide();
			}
		}	
	});	
	/* End Move-in Special animation event */
	/*================================================*/
	
});