// JavaScript Document 
$(function(){
		/**
		* Mian Area width adapt 
		* @ author zhaiyu
		* @ date 2009.11.21
		* user client pixel different can show us a different width 
		* and elements always center
		*/	
		var fullwidth = window.screen.availWidth;   
		if(fullwidth>=1280){  
			//let elements center(1280 -950)/2;   
			$(".fillReq").css("margin-left",590);  
			$(".position").css("margin-left",165); 
			$(".caseIntro").css("margin-left",165);  
			$("#tabs").css("margin-left",165); 
		} 
		
		//change the small direction icon opacity
		$(".towards").animate({opacity:0.6}, 0); 
		
		/**
		* process area mouseover to show icon
		* @ author zhaiyu
		* @ date 2009.12.11
		* when user mouse over it show the icon to mean next step  
		*/	
		$(".p-1").mouseover(function(){
				$(".toright-1").removeClass("hidden");
		});
		$(".p-1").mouseout(function(){
				$(".toright-1").addClass("hidden");
		});
		
		$(".p-2").mouseover(function(){
				$(".toright-2").removeClass("hidden");
		});
		$(".p-2").mouseout(function(){
				$(".toright-2").addClass("hidden");
		}); 
		
		$(".p-3").mouseover(function(){
				$(".tobottom-1").removeClass("hidden");
		});
		$(".p-3").mouseout(function(){
				$(".tobottom-1").addClass("hidden");
		});  
		
		$(".p-4").mouseover(function(){
				$(".toleft-1").removeClass("hidden");
		});
		$(".p-4").mouseout(function(){
				$(".toleft-1").addClass("hidden");
		}); 
		
		$(".p-5").mouseover(function(){
				$(".toleft-2").removeClass("hidden");
		});
		$(".p-5").mouseout(function(){
				$(".toleft-2").addClass("hidden");
		}); 
		
		$(".p-6").mouseover(function(){
				$(".tobottom-2").removeClass("hidden");
		});
		$(".p-6").mouseout(function(){
				$(".tobottom-2").addClass("hidden");
		});
		
		$(".p-7").mouseover(function(){
				$(".toright-3").removeClass("hidden");
		});
		$(".p-7").mouseout(function(){
				$(".toright-3").addClass("hidden");
		});
		
		$(".p-8").mouseover(function(){
				$(".toright-4").removeClass("hidden");
		});
		$(".p-8").mouseout(function(){
				$(".toright-4").addClass("hidden");
		});
		
		$(".p-9").mouseover(function(){
				$(".tobottom-3").removeClass("hidden");
		});
		$(".p-9").mouseout(function(){
				$(".tobottom-3").addClass("hidden");
		});
});