$(document).ready(function(){
		
$('.photo_slider').each(function(){
	
	var $this = $(this).addClass('photo-area');
	var $img = $this.find('img');
	var $info = $this.find('.info_area');
		
	var opts = {};
	
	$img.ready(function(){
		opts.imgw = $img.width();
		opts.imgh = $img.height();
	});
	
	opts.orgw = $this.width();
	opts.orgh =  $this.height();
	
	$img.css ({
		marginLeft: "-200px",
		marginTop: "0px"
	});
	
	var $phototrigger = $this.find('.photo_slider_trigger');
	var $photoslider = $this.find('.photo_slider');
	var $photoarea = $this.find('.photo_area');
		
	opts.wrapw = $this.find('.photo_slider_img').width();
	opts.wraph = $this.find('.photo_slider_img').height();
	


function imgOver(){		
		$this.delay(20000).find('.photo_slider_trigger').removeClass("skinny normal").addClass("activeWide");
		$(".photo_slider_trigger:not(.activeWide)").removeClass("activeWide normal").addClass("skinny");
		$(".info_area",$this).fadeIn("fast");	
			  $img.css ({
			  marginLeft: "0px",
			  marginTop: "0px"
			  });	
		return false;
}
function imgOut(){	
		$(".info_area",$this).fadeOut("fast");
		$(".photo_slider_trigger").delay(20000).removeClass("skinny activeWide").addClass("normal");
			  $img.css ({
			  marginLeft: "-200px",
			  marginTop: "0px"
			  });	
}
var imgHoverConfig = {
     over: imgOver,
     imgTimeout: 5000, 
     out: imgOut 
};

		
	$(this).hoverIntent(imgHoverConfig);
	
});

});
