$(document).ready(function(){
	
		$('.bannerTitle').mouseover(function(){
			$(this).removeClass('bannerTitle').addClass('bannerTitleOver');
			var tId = $(this).attr('id').toString().substring(2,3);
			var imgH = $('#trans'+tId + '').height();
			$('#trans'+tId).stop().animate(
			{backgroundPosition:'(0 '+ imgH +')'}, 
			{duration:500})
		});
		$('.bannerTitle').mouseout(function(){
			$(this).removeClass('bannerTitleOver').addClass('bannerTitle');
			var tId = $(this).attr('id').toString().substring(2,3);
			var imgH = $('#trans'+tId + '').height();
			$('#trans'+tId).stop().animate(
			{backgroundPosition:'(0 '+ (-(imgH+20)) +')'}, 
			{duration:500})
		});
		
		$('.picBanner')
		.mouseover(function(){
		 var imgH = $(this).height();
		 var tId = $(this).attr('id').toString().substring(5,6);
		 $('#bt'+tId).removeClass('bannerTitle').addClass('bannerTitleOver');
			$(this).stop().animate(
			{backgroundPosition:'(0 '+ imgH +')'}, 
			{duration:500})
		})
		 
		.mouseout(function(){
		var imgH = $(this).height();
		var tId = $(this).attr('id').toString().substring(5,6);
		 $('#bt'+tId).removeClass('bannerTitleOver').addClass('bannerTitle');
			$(this).stop().animate(
			{backgroundPosition:'(0 '+ (-(imgH+20)) +')'}, 
			{duration:500})
		})
			
});