$j(function() {	
	var i_h = 29;
	var i_w = 13;  
	var interval_id;
	
	$j('.home_banner #black_eff').css('opacity',0);	
	
	function getImgWidth(ele){
		if(ele == "#banner_1"){
			var img_w = 297;
		}else if(ele == "#banner_2"){
			var img_w = 282;
		}else if(ele == "#banner_3"){
			var img_w = 166;
		}else if(ele == "#banner_4"){
			var img_w = 163;
		}	
		
		return img_w;
	}
	
	function imageEff(ele){
		var img_w = getImgWidth(ele);
		var img_mw = img_w + 20;
		
		$j(ele+' #h_img1').animate({
			width: img_mw+'px',
			height: '522px',
			left: '-10px',
			top: '-10px'
		}, 300,"linear",function(){
				
				$j(ele+' #h_img1').animate({					
					width: img_w+'px',
					height: '502px',
					left: '0',
					top: '0'
				}, 300,"linear");
			
			});
	}
	
	function doEff(ele){			
		
		var img_w = getImgWidth(ele);
		
		$j(ele+' #black_eff').css('width',i_w+"px");
		$j(ele+' #black_eff').css('height',i_h+"px");
		$j(ele+' #black_eff').css('left',(img_w - i_w)/2+"px");
		$j(ele+' #black_eff').css('top',(501 - 13)/2+"px");
		$j(ele+' #black_eff').css('opacity',0.5);	
			
		$j(ele+' #h_img1').css('width',img_w+"px");
		$j(ele+' #h_img1').css('height',"502px");
				
		$j(ele+' #black_eff').animate({
			width: img_w+'px',
			height: '501px',
			left: '0',
			top: '0',
			opacity: 0
		}, 300,"linear" );
		
		
		$j(ele+' #h_img2').animate({opacity: 1}, 300,"linear");
		
		imageEff(ele);
		
	}

	function doEffOut(ele){			
				
		var img_w = getImgWidth(ele);
		
		
		$j(ele+' #black_eff').css('width',img_w+"px");
		$j(ele+' #black_eff').css('height',"501px");
		$j(ele+' #black_eff').css('left',"0");
		$j(ele+' #black_eff').css('top',"0");
		$j(ele+' #black_eff').css('opacity',0);
					
		$j(ele+' #black_eff').animate( {
			width: i_w+'px',
			height: i_h+'px',
			left: (img_w - i_w)/2+"px",
			top: (501 - i_h)/2+"px",
			opacity: 0.5
		}, 300 )
         .animate( { opacity:0 }, 200);
				
		$j(ele+' #h_img2').animate({opacity: 0}, 300,"linear");			
		imageEff(ele);
		
	}
	
	
	//$j('.home_banner #h_img2').animate({opacity: 0}, 0);		
	
	
	$j('#banner_1').hover(
	  function() {doEff('#banner_1');},
	  function () {doEffOut('#banner_1');}
	);
	
	$j('#banner_2').hover(
	  function() {doEff('#banner_2');},
	  function () {doEffOut('#banner_2');}
	);
	
	$j('#banner_3').hover(
	  function() {doEff('#banner_3');},
	  function () {doEffOut('#banner_3');}
	);
   
   $j('#banner_4').hover(
	  function() {doEff('#banner_4');},
	  function () {doEffOut('#banner_4');}
	);
   
   $j('#banner_1').click(
	  function() {
		  var href = $j(this).find('.h_img a').attr('href');
		  window.location = href;
		  }
	);
   
   $j('#banner_2').click(
	  function() {
		  var href = $j(this).find('.h_img a').attr('href');
		  window.location = href;
		  }
	);
   
   $j('#banner_3').click(
	  function() {
		  var href = $j(this).find('.h_img a').attr('href');		  
		  window.location = href;
		  }
	);
   
   $j('#banner_4').click(
	  function() {
		  var href = $j(this).find('.h_img a').attr('href');
		  window.location = href;
		  }
	);
   
});